diff --git a/deps/bootstrap.bundle.min.js b/deps/bootstrap.bundle.min.js
new file mode 100644
index 0000000..a831765
--- /dev/null
+++ b/deps/bootstrap.bundle.min.js
@@ -0,0 +1,6 @@
+/*!
+  * Bootstrap v4.5.3 (https://getbootstrap.com/)
+  * Copyright 2011-2020 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+  */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery")):"function"==typeof define&&define.amd?define(["exports","jquery"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).bootstrap={},t.jQuery)}(this,(function(t,e){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=n(e);function o(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function r(t,e,n){return e&&o(t.prototype,e),n&&o(t,n),t}function a(){return(a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t}).apply(this,arguments)}function s(t){var e=this,n=!1;return i.default(this).one(l.TRANSITION_END,(function(){n=!0})),setTimeout((function(){n||l.triggerTransitionEnd(e)}),t),this}var l={TRANSITION_END:"bsTransitionEnd",getUID:function(t){do{t+=~~(1e6*Math.random())}while(document.getElementById(t));return t},getSelectorFromElement:function(t){var e=t.getAttribute("data-target");if(!e||"#"===e){var n=t.getAttribute("href");e=n&&"#"!==n?n.trim():""}try{return document.querySelector(e)?e:null}catch(t){return null}},getTransitionDurationFromElement:function(t){if(!t)return 0;var e=i.default(t).css("transition-duration"),n=i.default(t).css("transition-delay"),o=parseFloat(e),r=parseFloat(n);return o||r?(e=e.split(",")[0],n=n.split(",")[0],1e3*(parseFloat(e)+parseFloat(n))):0},reflow:function(t){return t.offsetHeight},triggerTransitionEnd:function(t){i.default(t).trigger("transitionend")},supportsTransitionEnd:function(){return Boolean("transitionend")},isElement:function(t){return(t[0]||t).nodeType},typeCheckConfig:function(t,e,n){for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i)){var o=n[i],r=e[i],a=r&&l.isElement(r)?"element":null===(s=r)||"undefined"==typeof s?""+s:{}.toString.call(s).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(o).test(a))throw new Error(t.toUpperCase()+': Option "'+i+'" provided type "'+a+'" but expected type "'+o+'".')}var s},findShadowRoot:function(t){if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){var e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?l.findShadowRoot(t.parentNode):null},jQueryDetection:function(){if("undefined"==typeof i.default)throw new TypeError("Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.");var t=i.default.fn.jquery.split(" ")[0].split(".");if(t[0]<2&&t[1]<9||1===t[0]&&9===t[1]&&t[2]<1||t[0]>=4)throw new Error("Bootstrap's JavaScript requires at least jQuery v1.9.1 but less than v4.0.0")}};l.jQueryDetection(),i.default.fn.emulateTransitionEnd=s,i.default.event.special[l.TRANSITION_END]={bindType:"transitionend",delegateType:"transitionend",handle:function(t){if(i.default(t.target).is(this))return t.handleObj.handler.apply(this,arguments)}};var u="alert",f=i.default.fn[u],d=function(){function t(t){this._element=t}var e=t.prototype;return e.close=function(t){var e=this._element;t&&(e=this._getRootElement(t)),this._triggerCloseEvent(e).isDefaultPrevented()||this._removeElement(e)},e.dispose=function(){i.default.removeData(this._element,"bs.alert"),this._element=null},e._getRootElement=function(t){var e=l.getSelectorFromElement(t),n=!1;return e&&(n=document.querySelector(e)),n||(n=i.default(t).closest(".alert")[0]),n},e._triggerCloseEvent=function(t){var e=i.default.Event("close.bs.alert");return i.default(t).trigger(e),e},e._removeElement=function(t){var e=this;if(i.default(t).removeClass("show"),i.default(t).hasClass("fade")){var n=l.getTransitionDurationFromElement(t);i.default(t).one(l.TRANSITION_END,(function(n){return e._destroyElement(t,n)})).emulateTransitionEnd(n)}else this._destroyElement(t)},e._destroyElement=function(t){i.default(t).detach().trigger("closed.bs.alert").remove()},t._jQueryInterface=function(e){return this.each((function(){var n=i.default(this),o=n.data("bs.alert");o||(o=new t(this),n.data("bs.alert",o)),"close"===e&&o[e](this)}))},t._handleDismiss=function(t){return function(e){e&&e.preventDefault(),t.close(this)}},r(t,null,[{key:"VERSION",get:function(){return"4.5.3"}}]),t}();i.default(document).on("click.bs.alert.data-api",'[data-dismiss="alert"]',d._handleDismiss(new d)),i.default.fn[u]=d._jQueryInterface,i.default.fn[u].Constructor=d,i.default.fn[u].noConflict=function(){return i.default.fn[u]=f,d._jQueryInterface};var c=i.default.fn.button,h=function(){function t(t){this._element=t,this.shouldAvoidTriggerChange=!1}var e=t.prototype;return e.toggle=function(){var t=!0,e=!0,n=i.default(this._element).closest('[data-toggle="buttons"]')[0];if(n){var o=this._element.querySelector('input:not([type="hidden"])');if(o){if("radio"===o.type)if(o.checked&&this._element.classList.contains("active"))t=!1;else{var r=n.querySelector(".active");r&&i.default(r).removeClass("active")}t&&("checkbox"!==o.type&&"radio"!==o.type||(o.checked=!this._element.classList.contains("active")),this.shouldAvoidTriggerChange||i.default(o).trigger("change")),o.focus(),e=!1}}this._element.hasAttribute("disabled")||this._element.classList.contains("disabled")||(e&&this._element.setAttribute("aria-pressed",!this._element.classList.contains("active")),t&&i.default(this._element).toggleClass("active"))},e.dispose=function(){i.default.removeData(this._element,"bs.button"),this._element=null},t._jQueryInterface=function(e,n){return this.each((function(){var o=i.default(this),r=o.data("bs.button");r||(r=new t(this),o.data("bs.button",r)),r.shouldAvoidTriggerChange=n,"toggle"===e&&r[e]()}))},r(t,null,[{key:"VERSION",get:function(){return"4.5.3"}}]),t}();i.default(document).on("click.bs.button.data-api",'[data-toggle^="button"]',(function(t){var e=t.target,n=e;if(i.default(e).hasClass("btn")||(e=i.default(e).closest(".btn")[0]),!e||e.hasAttribute("disabled")||e.classList.contains("disabled"))t.preventDefault();else{var o=e.querySelector('input:not([type="hidden"])');if(o&&(o.hasAttribute("disabled")||o.classList.contains("disabled")))return void t.preventDefault();"INPUT"!==n.tagName&&"LABEL"===e.tagName||h._jQueryInterface.call(i.default(e),"toggle","INPUT"===n.tagName)}})).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',(function(t){var e=i.default(t.target).closest(".btn")[0];i.default(e).toggleClass("focus",/^focus(in)?$/.test(t.type))})),i.default(window).on("load.bs.button.data-api",(function(){for(var t=[].slice.call(document.querySelectorAll('[data-toggle="buttons"] .btn')),e=0,n=t.length;e<n;e++){var i=t[e],o=i.querySelector('input:not([type="hidden"])');o.checked||o.hasAttribute("checked")?i.classList.add("active"):i.classList.remove("active")}for(var r=0,a=(t=[].slice.call(document.querySelectorAll('[data-toggle="button"]'))).length;r<a;r++){var s=t[r];"true"===s.getAttribute("aria-pressed")?s.classList.add("active"):s.classList.remove("active")}})),i.default.fn.button=h._jQueryInterface,i.default.fn.button.Constructor=h,i.default.fn.button.noConflict=function(){return i.default.fn.button=c,h._jQueryInterface};var p="carousel",m=".bs.carousel",g=i.default.fn[p],v={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0,touch:!0},_={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean",touch:"boolean"},b={TOUCH:"touch",PEN:"pen"},y=function(){function t(t,e){this._items=null,this._interval=null,this._activeElement=null,this._isPaused=!1,this._isSliding=!1,this.touchTimeout=null,this.touchStartX=0,this.touchDeltaX=0,this._config=this._getConfig(e),this._element=t,this._indicatorsElement=this._element.querySelector(".carousel-indicators"),this._touchSupported="ontouchstart"in document.documentElement||navigator.maxTouchPoints>0,this._pointerEvent=Boolean(window.PointerEvent||window.MSPointerEvent),this._addEventListeners()}var e=t.prototype;return e.next=function(){this._isSliding||this._slide("next")},e.nextWhenVisible=function(){var t=i.default(this._element);!document.hidden&&t.is(":visible")&&"hidden"!==t.css("visibility")&&this.next()},e.prev=function(){this._isSliding||this._slide("prev")},e.pause=function(t){t||(this._isPaused=!0),this._element.querySelector(".carousel-item-next, .carousel-item-prev")&&(l.triggerTransitionEnd(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null},e.cycle=function(t){t||(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))},e.to=function(t){var e=this;this._activeElement=this._element.querySelector(".active.carousel-item");var n=this._getItemIndex(this._activeElement);if(!(t>this._items.length-1||t<0))if(this._isSliding)i.default(this._element).one("slid.bs.carousel",(function(){return e.to(t)}));else{if(n===t)return this.pause(),void this.cycle();var o=t>n?"next":"prev";this._slide(o,this._items[t])}},e.dispose=function(){i.default(this._element).off(m),i.default.removeData(this._element,"bs.carousel"),this._items=null,this._config=null,this._element=null,this._interval=null,this._isPaused=null,this._isSliding=null,this._activeElement=null,this._indicatorsElement=null},e._getConfig=function(t){return t=a({},v,t),l.typeCheckConfig(p,t,_),t},e._handleSwipe=function(){var t=Math.abs(this.touchDeltaX);if(!(t<=40)){var e=t/this.touchDeltaX;this.touchDeltaX=0,e>0&&this.prev(),e<0&&this.next()}},e._addEventListeners=function(){var t=this;this._config.keyboard&&i.default(this._element).on("keydown.bs.carousel",(function(e){return t._keydown(e)})),"hover"===this._config.pause&&i.default(this._element).on("mouseenter.bs.carousel",(function(e){return t.pause(e)})).on("mouseleave.bs.carousel",(function(e){return t.cycle(e)})),this._config.touch&&this._addTouchEventListeners()},e._addTouchEventListeners=function(){var t=this;if(this._touchSupported){var e=function(e){t._pointerEvent&&b[e.originalEvent.pointerType.toUpperCase()]?t.touchStartX=e.originalEvent.clientX:t._pointerEvent||(t.touchStartX=e.originalEvent.touches[0].clientX)},n=function(e){t._pointerEvent&&b[e.originalEvent.pointerType.toUpperCase()]&&(t.touchDeltaX=e.originalEvent.clientX-t.touchStartX),t._handleSwipe(),"hover"===t._config.pause&&(t.pause(),t.touchTimeout&&clearTimeout(t.touchTimeout),t.touchTimeout=setTimeout((function(e){return t.cycle(e)}),500+t._config.interval))};i.default(this._element.querySelectorAll(".carousel-item img")).on("dragstart.bs.carousel",(function(t){return t.preventDefault()})),this._pointerEvent?(i.default(this._element).on("pointerdown.bs.carousel",(function(t){return e(t)})),i.default(this._element).on("pointerup.bs.carousel",(function(t){return n(t)})),this._element.classList.add("pointer-event")):(i.default(this._element).on("touchstart.bs.carousel",(function(t){return e(t)})),i.default(this._element).on("touchmove.bs.carousel",(function(e){return function(e){e.originalEvent.touches&&e.originalEvent.touches.length>1?t.touchDeltaX=0:t.touchDeltaX=e.originalEvent.touches[0].clientX-t.touchStartX}(e)})),i.default(this._element).on("touchend.bs.carousel",(function(t){return n(t)})))}},e._keydown=function(t){if(!/input|textarea/i.test(t.target.tagName))switch(t.which){case 37:t.preventDefault(),this.prev();break;case 39:t.preventDefault(),this.next()}},e._getItemIndex=function(t){return this._items=t&&t.parentNode?[].slice.call(t.parentNode.querySelectorAll(".carousel-item")):[],this._items.indexOf(t)},e._getItemByDirection=function(t,e){var n="next"===t,i="prev"===t,o=this._getItemIndex(e),r=this._items.length-1;if((i&&0===o||n&&o===r)&&!this._config.wrap)return e;var a=(o+("prev"===t?-1:1))%this._items.length;return-1===a?this._items[this._items.length-1]:this._items[a]},e._triggerSlideEvent=function(t,e){var n=this._getItemIndex(t),o=this._getItemIndex(this._element.querySelector(".active.carousel-item")),r=i.default.Event("slide.bs.carousel",{relatedTarget:t,direction:e,from:o,to:n});return i.default(this._element).trigger(r),r},e._setActiveIndicatorElement=function(t){if(this._indicatorsElement){var e=[].slice.call(this._indicatorsElement.querySelectorAll(".active"));i.default(e).removeClass("active");var n=this._indicatorsElement.children[this._getItemIndex(t)];n&&i.default(n).addClass("active")}},e._slide=function(t,e){var n,o,r,a=this,s=this._element.querySelector(".active.carousel-item"),u=this._getItemIndex(s),f=e||s&&this._getItemByDirection(t,s),d=this._getItemIndex(f),c=Boolean(this._interval);if("next"===t?(n="carousel-item-left",o="carousel-item-next",r="left"):(n="carousel-item-right",o="carousel-item-prev",r="right"),f&&i.default(f).hasClass("active"))this._isSliding=!1;else if(!this._triggerSlideEvent(f,r).isDefaultPrevented()&&s&&f){this._isSliding=!0,c&&this.pause(),this._setActiveIndicatorElement(f);var h=i.default.Event("slid.bs.carousel",{relatedTarget:f,direction:r,from:u,to:d});if(i.default(this._element).hasClass("slide")){i.default(f).addClass(o),l.reflow(f),i.default(s).addClass(n),i.default(f).addClass(n);var p=parseInt(f.getAttribute("data-interval"),10);p?(this._config.defaultInterval=this._config.defaultInterval||this._config.interval,this._config.interval=p):this._config.interval=this._config.defaultInterval||this._config.interval;var m=l.getTransitionDurationFromElement(s);i.default(s).one(l.TRANSITION_END,(function(){i.default(f).removeClass(n+" "+o).addClass("active"),i.default(s).removeClass("active "+o+" "+n),a._isSliding=!1,setTimeout((function(){return i.default(a._element).trigger(h)}),0)})).emulateTransitionEnd(m)}else i.default(s).removeClass("active"),i.default(f).addClass("active"),this._isSliding=!1,i.default(this._element).trigger(h);c&&this.cycle()}},t._jQueryInterface=function(e){return this.each((function(){var n=i.default(this).data("bs.carousel"),o=a({},v,i.default(this).data());"object"==typeof e&&(o=a({},o,e));var r="string"==typeof e?e:o.slide;if(n||(n=new t(this,o),i.default(this).data("bs.carousel",n)),"number"==typeof e)n.to(e);else if("string"==typeof r){if("undefined"==typeof n[r])throw new TypeError('No method named "'+r+'"');n[r]()}else o.interval&&o.ride&&(n.pause(),n.cycle())}))},t._dataApiClickHandler=function(e){var n=l.getSelectorFromElement(this);if(n){var o=i.default(n)[0];if(o&&i.default(o).hasClass("carousel")){var r=a({},i.default(o).data(),i.default(this).data()),s=this.getAttribute("data-slide-to");s&&(r.interval=!1),t._jQueryInterface.call(i.default(o),r),s&&i.default(o).data("bs.carousel").to(s),e.preventDefault()}}},r(t,null,[{key:"VERSION",get:function(){return"4.5.3"}},{key:"Default",get:function(){return v}}]),t}();i.default(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",y._dataApiClickHandler),i.default(window).on("load.bs.carousel.data-api",(function(){for(var t=[].slice.call(document.querySelectorAll('[data-ride="carousel"]')),e=0,n=t.length;e<n;e++){var o=i.default(t[e]);y._jQueryInterface.call(o,o.data())}})),i.default.fn[p]=y._jQueryInterface,i.default.fn[p].Constructor=y,i.default.fn[p].noConflict=function(){return i.default.fn[p]=g,y._jQueryInterface};var w="collapse",E=i.default.fn[w],T={toggle:!0,parent:""},C={toggle:"boolean",parent:"(string|element)"},S=function(){function t(t,e){this._isTransitioning=!1,this._element=t,this._config=this._getConfig(e),this._triggerArray=[].slice.call(document.querySelectorAll('[data-toggle="collapse"][href="#'+t.id+'"],[data-toggle="collapse"][data-target="#'+t.id+'"]'));for(var n=[].slice.call(document.querySelectorAll('[data-toggle="collapse"]')),i=0,o=n.length;i<o;i++){var r=n[i],a=l.getSelectorFromElement(r),s=[].slice.call(document.querySelectorAll(a)).filter((function(e){return e===t}));null!==a&&s.length>0&&(this._selector=a,this._triggerArray.push(r))}this._parent=this._config.parent?this._getParent():null,this._config.parent||this._addAriaAndCollapsedClass(this._element,this._triggerArray),this._config.toggle&&this.toggle()}var e=t.prototype;return e.toggle=function(){i.default(this._element).hasClass("show")?this.hide():this.show()},e.show=function(){var e,n,o=this;if(!this._isTransitioning&&!i.default(this._element).hasClass("show")&&(this._parent&&0===(e=[].slice.call(this._parent.querySelectorAll(".show, .collapsing")).filter((function(t){return"string"==typeof o._config.parent?t.getAttribute("data-parent")===o._config.parent:t.classList.contains("collapse")}))).length&&(e=null),!(e&&(n=i.default(e).not(this._selector).data("bs.collapse"))&&n._isTransitioning))){var r=i.default.Event("show.bs.collapse");if(i.default(this._element).trigger(r),!r.isDefaultPrevented()){e&&(t._jQueryInterface.call(i.default(e).not(this._selector),"hide"),n||i.default(e).data("bs.collapse",null));var a=this._getDimension();i.default(this._element).removeClass("collapse").addClass("collapsing"),this._element.style[a]=0,this._triggerArray.length&&i.default(this._triggerArray).removeClass("collapsed").attr("aria-expanded",!0),this.setTransitioning(!0);var s="scroll"+(a[0].toUpperCase()+a.slice(1)),u=l.getTransitionDurationFromElement(this._element);i.default(this._element).one(l.TRANSITION_END,(function(){i.default(o._element).removeClass("collapsing").addClass("collapse show"),o._element.style[a]="",o.setTransitioning(!1),i.default(o._element).trigger("shown.bs.collapse")})).emulateTransitionEnd(u),this._element.style[a]=this._element[s]+"px"}}},e.hide=function(){var t=this;if(!this._isTransitioning&&i.default(this._element).hasClass("show")){var e=i.default.Event("hide.bs.collapse");if(i.default(this._element).trigger(e),!e.isDefaultPrevented()){var n=this._getDimension();this._element.style[n]=this._element.getBoundingClientRect()[n]+"px",l.reflow(this._element),i.default(this._element).addClass("collapsing").removeClass("collapse show");var o=this._triggerArray.length;if(o>0)for(var r=0;r<o;r++){var a=this._triggerArray[r],s=l.getSelectorFromElement(a);if(null!==s)i.default([].slice.call(document.querySelectorAll(s))).hasClass("show")||i.default(a).addClass("collapsed").attr("aria-expanded",!1)}this.setTransitioning(!0);this._element.style[n]="";var u=l.getTransitionDurationFromElement(this._element);i.default(this._element).one(l.TRANSITION_END,(function(){t.setTransitioning(!1),i.default(t._element).removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")})).emulateTransitionEnd(u)}}},e.setTransitioning=function(t){this._isTransitioning=t},e.dispose=function(){i.default.removeData(this._element,"bs.collapse"),this._config=null,this._parent=null,this._element=null,this._triggerArray=null,this._isTransitioning=null},e._getConfig=function(t){return(t=a({},T,t)).toggle=Boolean(t.toggle),l.typeCheckConfig(w,t,C),t},e._getDimension=function(){return i.default(this._element).hasClass("width")?"width":"height"},e._getParent=function(){var e,n=this;l.isElement(this._config.parent)?(e=this._config.parent,"undefined"!=typeof this._config.parent.jquery&&(e=this._config.parent[0])):e=document.querySelector(this._config.parent);var o='[data-toggle="collapse"][data-parent="'+this._config.parent+'"]',r=[].slice.call(e.querySelectorAll(o));return i.default(r).each((function(e,i){n._addAriaAndCollapsedClass(t._getTargetFromElement(i),[i])})),e},e._addAriaAndCollapsedClass=function(t,e){var n=i.default(t).hasClass("show");e.length&&i.default(e).toggleClass("collapsed",!n).attr("aria-expanded",n)},t._getTargetFromElement=function(t){var e=l.getSelectorFromElement(t);return e?document.querySelector(e):null},t._jQueryInterface=function(e){return this.each((function(){var n=i.default(this),o=n.data("bs.collapse"),r=a({},T,n.data(),"object"==typeof e&&e?e:{});if(!o&&r.toggle&&"string"==typeof e&&/show|hide/.test(e)&&(r.toggle=!1),o||(o=new t(this,r),n.data("bs.collapse",o)),"string"==typeof e){if("undefined"==typeof o[e])throw new TypeError('No method named "'+e+'"');o[e]()}}))},r(t,null,[{key:"VERSION",get:function(){return"4.5.3"}},{key:"Default",get:function(){return T}}]),t}();i.default(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',(function(t){"A"===t.currentTarget.tagName&&t.preventDefault();var e=i.default(this),n=l.getSelectorFromElement(this),o=[].slice.call(document.querySelectorAll(n));i.default(o).each((function(){var t=i.default(this),n=t.data("bs.collapse")?"toggle":e.data();S._jQueryInterface.call(t,n)}))})),i.default.fn[w]=S._jQueryInterface,i.default.fn[w].Constructor=S,i.default.fn[w].noConflict=function(){return i.default.fn[w]=E,S._jQueryInterface};var D="undefined"!=typeof window&&"undefined"!=typeof document&&"undefined"!=typeof navigator,N=function(){for(var t=["Edge","Trident","Firefox"],e=0;e<t.length;e+=1)if(D&&navigator.userAgent.indexOf(t[e])>=0)return 1;return 0}();var k=D&&window.Promise?function(t){var e=!1;return function(){e||(e=!0,window.Promise.resolve().then((function(){e=!1,t()})))}}:function(t){var e=!1;return function(){e||(e=!0,setTimeout((function(){e=!1,t()}),N))}};function A(t){return t&&"[object Function]"==={}.toString.call(t)}function I(t,e){if(1!==t.nodeType)return[];var n=t.ownerDocument.defaultView.getComputedStyle(t,null);return e?n[e]:n}function O(t){return"HTML"===t.nodeName?t:t.parentNode||t.host}function x(t){if(!t)return document.body;switch(t.nodeName){case"HTML":case"BODY":return t.ownerDocument.body;case"#document":return t.body}var e=I(t),n=e.overflow,i=e.overflowX,o=e.overflowY;return/(auto|scroll|overlay)/.test(n+o+i)?t:x(O(t))}function j(t){return t&&t.referenceNode?t.referenceNode:t}var L=D&&!(!window.MSInputMethodContext||!document.documentMode),P=D&&/MSIE 10/.test(navigator.userAgent);function F(t){return 11===t?L:10===t?P:L||P}function R(t){if(!t)return document.documentElement;for(var e=F(10)?document.body:null,n=t.offsetParent||null;n===e&&t.nextElementSibling;)n=(t=t.nextElementSibling).offsetParent;var i=n&&n.nodeName;return i&&"BODY"!==i&&"HTML"!==i?-1!==["TH","TD","TABLE"].indexOf(n.nodeName)&&"static"===I(n,"position")?R(n):n:t?t.ownerDocument.documentElement:document.documentElement}function H(t){return null!==t.parentNode?H(t.parentNode):t}function M(t,e){if(!(t&&t.nodeType&&e&&e.nodeType))return document.documentElement;var n=t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING,i=n?t:e,o=n?e:t,r=document.createRange();r.setStart(i,0),r.setEnd(o,0);var a,s,l=r.commonAncestorContainer;if(t!==l&&e!==l||i.contains(o))return"BODY"===(s=(a=l).nodeName)||"HTML"!==s&&R(a.firstElementChild)!==a?R(l):l;var u=H(t);return u.host?M(u.host,e):M(t,H(e).host)}function B(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top",n="top"===e?"scrollTop":"scrollLeft",i=t.nodeName;if("BODY"===i||"HTML"===i){var o=t.ownerDocument.documentElement,r=t.ownerDocument.scrollingElement||o;return r[n]}return t[n]}function q(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=B(e,"top"),o=B(e,"left"),r=n?-1:1;return t.top+=i*r,t.bottom+=i*r,t.left+=o*r,t.right+=o*r,t}function Q(t,e){var n="x"===e?"Left":"Top",i="Left"===n?"Right":"Bottom";return parseFloat(t["border"+n+"Width"])+parseFloat(t["border"+i+"Width"])}function W(t,e,n,i){return Math.max(e["offset"+t],e["scroll"+t],n["client"+t],n["offset"+t],n["scroll"+t],F(10)?parseInt(n["offset"+t])+parseInt(i["margin"+("Height"===t?"Top":"Left")])+parseInt(i["margin"+("Height"===t?"Bottom":"Right")]):0)}function U(t){var e=t.body,n=t.documentElement,i=F(10)&&getComputedStyle(n);return{height:W("Height",e,n,i),width:W("Width",e,n,i)}}var V=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},Y=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),z=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},X=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t};function K(t){return X({},t,{right:t.left+t.width,bottom:t.top+t.height})}function G(t){var e={};try{if(F(10)){e=t.getBoundingClientRect();var n=B(t,"top"),i=B(t,"left");e.top+=n,e.left+=i,e.bottom+=n,e.right+=i}else e=t.getBoundingClientRect()}catch(t){}var o={left:e.left,top:e.top,width:e.right-e.left,height:e.bottom-e.top},r="HTML"===t.nodeName?U(t.ownerDocument):{},a=r.width||t.clientWidth||o.width,s=r.height||t.clientHeight||o.height,l=t.offsetWidth-a,u=t.offsetHeight-s;if(l||u){var f=I(t);l-=Q(f,"x"),u-=Q(f,"y"),o.width-=l,o.height-=u}return K(o)}function $(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=F(10),o="HTML"===e.nodeName,r=G(t),a=G(e),s=x(t),l=I(e),u=parseFloat(l.borderTopWidth),f=parseFloat(l.borderLeftWidth);n&&o&&(a.top=Math.max(a.top,0),a.left=Math.max(a.left,0));var d=K({top:r.top-a.top-u,left:r.left-a.left-f,width:r.width,height:r.height});if(d.marginTop=0,d.marginLeft=0,!i&&o){var c=parseFloat(l.marginTop),h=parseFloat(l.marginLeft);d.top-=u-c,d.bottom-=u-c,d.left-=f-h,d.right-=f-h,d.marginTop=c,d.marginLeft=h}return(i&&!n?e.contains(s):e===s&&"BODY"!==s.nodeName)&&(d=q(d,e)),d}function J(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=t.ownerDocument.documentElement,i=$(t,n),o=Math.max(n.clientWidth,window.innerWidth||0),r=Math.max(n.clientHeight,window.innerHeight||0),a=e?0:B(n),s=e?0:B(n,"left"),l={top:a-i.top+i.marginTop,left:s-i.left+i.marginLeft,width:o,height:r};return K(l)}function Z(t){var e=t.nodeName;if("BODY"===e||"HTML"===e)return!1;if("fixed"===I(t,"position"))return!0;var n=O(t);return!!n&&Z(n)}function tt(t){if(!t||!t.parentElement||F())return document.documentElement;for(var e=t.parentElement;e&&"none"===I(e,"transform");)e=e.parentElement;return e||document.documentElement}function et(t,e,n,i){var o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],r={top:0,left:0},a=o?tt(t):M(t,j(e));if("viewport"===i)r=J(a,o);else{var s=void 0;"scrollParent"===i?"BODY"===(s=x(O(e))).nodeName&&(s=t.ownerDocument.documentElement):s="window"===i?t.ownerDocument.documentElement:i;var l=$(s,a,o);if("HTML"!==s.nodeName||Z(a))r=l;else{var u=U(t.ownerDocument),f=u.height,d=u.width;r.top+=l.top-l.marginTop,r.bottom=f+l.top,r.left+=l.left-l.marginLeft,r.right=d+l.left}}var c="number"==typeof(n=n||0);return r.left+=c?n:n.left||0,r.top+=c?n:n.top||0,r.right-=c?n:n.right||0,r.bottom-=c?n:n.bottom||0,r}function nt(t){return t.width*t.height}function it(t,e,n,i,o){var r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;if(-1===t.indexOf("auto"))return t;var a=et(n,i,r,o),s={top:{width:a.width,height:e.top-a.top},right:{width:a.right-e.right,height:a.height},bottom:{width:a.width,height:a.bottom-e.bottom},left:{width:e.left-a.left,height:a.height}},l=Object.keys(s).map((function(t){return X({key:t},s[t],{area:nt(s[t])})})).sort((function(t,e){return e.area-t.area})),u=l.filter((function(t){var e=t.width,i=t.height;return e>=n.clientWidth&&i>=n.clientHeight})),f=u.length>0?u[0].key:l[0].key,d=t.split("-")[1];return f+(d?"-"+d:"")}function ot(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,o=i?tt(e):M(e,j(n));return $(n,o,i)}function rt(t){var e=t.ownerDocument.defaultView.getComputedStyle(t),n=parseFloat(e.marginTop||0)+parseFloat(e.marginBottom||0),i=parseFloat(e.marginLeft||0)+parseFloat(e.marginRight||0);return{width:t.offsetWidth+i,height:t.offsetHeight+n}}function at(t){var e={left:"right",right:"left",bottom:"top",top:"bottom"};return t.replace(/left|right|bottom|top/g,(function(t){return e[t]}))}function st(t,e,n){n=n.split("-")[0];var i=rt(t),o={width:i.width,height:i.height},r=-1!==["right","left"].indexOf(n),a=r?"top":"left",s=r?"left":"top",l=r?"height":"width",u=r?"width":"height";return o[a]=e[a]+e[l]/2-i[l]/2,o[s]=n===s?e[s]-i[u]:e[at(s)],o}function lt(t,e){return Array.prototype.find?t.find(e):t.filter(e)[0]}function ut(t,e,n){return(void 0===n?t:t.slice(0,function(t,e,n){if(Array.prototype.findIndex)return t.findIndex((function(t){return t[e]===n}));var i=lt(t,(function(t){return t[e]===n}));return t.indexOf(i)}(t,"name",n))).forEach((function(t){t.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var n=t.function||t.fn;t.enabled&&A(n)&&(e.offsets.popper=K(e.offsets.popper),e.offsets.reference=K(e.offsets.reference),e=n(e,t))})),e}function ft(){if(!this.state.isDestroyed){var t={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};t.offsets.reference=ot(this.state,this.popper,this.reference,this.options.positionFixed),t.placement=it(this.options.placement,t.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),t.originalPlacement=t.placement,t.positionFixed=this.options.positionFixed,t.offsets.popper=st(this.popper,t.offsets.reference,t.placement),t.offsets.popper.position=this.options.positionFixed?"fixed":"absolute",t=ut(this.modifiers,t),this.state.isCreated?this.options.onUpdate(t):(this.state.isCreated=!0,this.options.onCreate(t))}}function dt(t,e){return t.some((function(t){var n=t.name;return t.enabled&&n===e}))}function ct(t){for(var e=[!1,"ms","Webkit","Moz","O"],n=t.charAt(0).toUpperCase()+t.slice(1),i=0;i<e.length;i++){var o=e[i],r=o?""+o+n:t;if("undefined"!=typeof document.body.style[r])return r}return null}function ht(){return this.state.isDestroyed=!0,dt(this.modifiers,"applyStyle")&&(this.popper.removeAttribute("x-placement"),this.popper.style.position="",this.popper.style.top="",this.popper.style.left="",this.popper.style.right="",this.popper.style.bottom="",this.popper.style.willChange="",this.popper.style[ct("transform")]=""),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}function pt(t){var e=t.ownerDocument;return e?e.defaultView:window}function mt(t,e,n,i){n.updateBound=i,pt(t).addEventListener("resize",n.updateBound,{passive:!0});var o=x(t);return function t(e,n,i,o){var r="BODY"===e.nodeName,a=r?e.ownerDocument.defaultView:e;a.addEventListener(n,i,{passive:!0}),r||t(x(a.parentNode),n,i,o),o.push(a)}(o,"scroll",n.updateBound,n.scrollParents),n.scrollElement=o,n.eventsEnabled=!0,n}function gt(){this.state.eventsEnabled||(this.state=mt(this.reference,this.options,this.state,this.scheduleUpdate))}function vt(){var t,e;this.state.eventsEnabled&&(cancelAnimationFrame(this.scheduleUpdate),this.state=(t=this.reference,e=this.state,pt(t).removeEventListener("resize",e.updateBound),e.scrollParents.forEach((function(t){t.removeEventListener("scroll",e.updateBound)})),e.updateBound=null,e.scrollParents=[],e.scrollElement=null,e.eventsEnabled=!1,e))}function _t(t){return""!==t&&!isNaN(parseFloat(t))&&isFinite(t)}function bt(t,e){Object.keys(e).forEach((function(n){var i="";-1!==["width","height","top","right","bottom","left"].indexOf(n)&&_t(e[n])&&(i="px"),t.style[n]=e[n]+i}))}var yt=D&&/Firefox/i.test(navigator.userAgent);function wt(t,e,n){var i=lt(t,(function(t){return t.name===e})),o=!!i&&t.some((function(t){return t.name===n&&t.enabled&&t.order<i.order}));if(!o){var r="`"+e+"`",a="`"+n+"`";console.warn(a+" modifier is required by "+r+" modifier in order to work, be sure to include it before "+r+"!")}return o}var Et=["auto-start","auto","auto-end","top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],Tt=Et.slice(3);function Ct(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=Tt.indexOf(t),i=Tt.slice(n+1).concat(Tt.slice(0,n));return e?i.reverse():i}var St="flip",Dt="clockwise",Nt="counterclockwise";function kt(t,e,n,i){var o=[0,0],r=-1!==["right","left"].indexOf(i),a=t.split(/(\+|\-)/).map((function(t){return t.trim()})),s=a.indexOf(lt(a,(function(t){return-1!==t.search(/,|\s/)})));a[s]&&-1===a[s].indexOf(",")&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var l=/\s*,\s*|\s+/,u=-1!==s?[a.slice(0,s).concat([a[s].split(l)[0]]),[a[s].split(l)[1]].concat(a.slice(s+1))]:[a];return(u=u.map((function(t,i){var o=(1===i?!r:r)?"height":"width",a=!1;return t.reduce((function(t,e){return""===t[t.length-1]&&-1!==["+","-"].indexOf(e)?(t[t.length-1]=e,a=!0,t):a?(t[t.length-1]+=e,a=!1,t):t.concat(e)}),[]).map((function(t){return function(t,e,n,i){var o=t.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),r=+o[1],a=o[2];if(!r)return t;if(0===a.indexOf("%")){var s=void 0;switch(a){case"%p":s=n;break;case"%":case"%r":default:s=i}return K(s)[e]/100*r}if("vh"===a||"vw"===a){return("vh"===a?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0))/100*r}return r}(t,o,e,n)}))}))).forEach((function(t,e){t.forEach((function(n,i){_t(n)&&(o[e]+=n*("-"===t[i-1]?-1:1))}))})),o}var At={placement:"bottom",positionFixed:!1,eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers:{shift:{order:100,enabled:!0,fn:function(t){var e=t.placement,n=e.split("-")[0],i=e.split("-")[1];if(i){var o=t.offsets,r=o.reference,a=o.popper,s=-1!==["bottom","top"].indexOf(n),l=s?"left":"top",u=s?"width":"height",f={start:z({},l,r[l]),end:z({},l,r[l]+r[u]-a[u])};t.offsets.popper=X({},a,f[i])}return t}},offset:{order:200,enabled:!0,fn:function(t,e){var n=e.offset,i=t.placement,o=t.offsets,r=o.popper,a=o.reference,s=i.split("-")[0],l=void 0;return l=_t(+n)?[+n,0]:kt(n,r,a,s),"left"===s?(r.top+=l[0],r.left-=l[1]):"right"===s?(r.top+=l[0],r.left+=l[1]):"top"===s?(r.left+=l[0],r.top-=l[1]):"bottom"===s&&(r.left+=l[0],r.top+=l[1]),t.popper=r,t},offset:0},preventOverflow:{order:300,enabled:!0,fn:function(t,e){var n=e.boundariesElement||R(t.instance.popper);t.instance.reference===n&&(n=R(n));var i=ct("transform"),o=t.instance.popper.style,r=o.top,a=o.left,s=o[i];o.top="",o.left="",o[i]="";var l=et(t.instance.popper,t.instance.reference,e.padding,n,t.positionFixed);o.top=r,o.left=a,o[i]=s,e.boundaries=l;var u=e.priority,f=t.offsets.popper,d={primary:function(t){var n=f[t];return f[t]<l[t]&&!e.escapeWithReference&&(n=Math.max(f[t],l[t])),z({},t,n)},secondary:function(t){var n="right"===t?"left":"top",i=f[n];return f[t]>l[t]&&!e.escapeWithReference&&(i=Math.min(f[n],l[t]-("right"===t?f.width:f.height))),z({},n,i)}};return u.forEach((function(t){var e=-1!==["left","top"].indexOf(t)?"primary":"secondary";f=X({},f,d[e](t))})),t.offsets.popper=f,t},priority:["left","right","top","bottom"],padding:5,boundariesElement:"scrollParent"},keepTogether:{order:400,enabled:!0,fn:function(t){var e=t.offsets,n=e.popper,i=e.reference,o=t.placement.split("-")[0],r=Math.floor,a=-1!==["top","bottom"].indexOf(o),s=a?"right":"bottom",l=a?"left":"top",u=a?"width":"height";return n[s]<r(i[l])&&(t.offsets.popper[l]=r(i[l])-n[u]),n[l]>r(i[s])&&(t.offsets.popper[l]=r(i[s])),t}},arrow:{order:500,enabled:!0,fn:function(t,e){var n;if(!wt(t.instance.modifiers,"arrow","keepTogether"))return t;var i=e.element;if("string"==typeof i){if(!(i=t.instance.popper.querySelector(i)))return t}else if(!t.instance.popper.contains(i))return console.warn("WARNING: `arrow.element` must be child of its popper element!"),t;var o=t.placement.split("-")[0],r=t.offsets,a=r.popper,s=r.reference,l=-1!==["left","right"].indexOf(o),u=l?"height":"width",f=l?"Top":"Left",d=f.toLowerCase(),c=l?"left":"top",h=l?"bottom":"right",p=rt(i)[u];s[h]-p<a[d]&&(t.offsets.popper[d]-=a[d]-(s[h]-p)),s[d]+p>a[h]&&(t.offsets.popper[d]+=s[d]+p-a[h]),t.offsets.popper=K(t.offsets.popper);var m=s[d]+s[u]/2-p/2,g=I(t.instance.popper),v=parseFloat(g["margin"+f]),_=parseFloat(g["border"+f+"Width"]),b=m-t.offsets.popper[d]-v-_;return b=Math.max(Math.min(a[u]-p,b),0),t.arrowElement=i,t.offsets.arrow=(z(n={},d,Math.round(b)),z(n,c,""),n),t},element:"[x-arrow]"},flip:{order:600,enabled:!0,fn:function(t,e){if(dt(t.instance.modifiers,"inner"))return t;if(t.flipped&&t.placement===t.originalPlacement)return t;var n=et(t.instance.popper,t.instance.reference,e.padding,e.boundariesElement,t.positionFixed),i=t.placement.split("-")[0],o=at(i),r=t.placement.split("-")[1]||"",a=[];switch(e.behavior){case St:a=[i,o];break;case Dt:a=Ct(i);break;case Nt:a=Ct(i,!0);break;default:a=e.behavior}return a.forEach((function(s,l){if(i!==s||a.length===l+1)return t;i=t.placement.split("-")[0],o=at(i);var u=t.offsets.popper,f=t.offsets.reference,d=Math.floor,c="left"===i&&d(u.right)>d(f.left)||"right"===i&&d(u.left)<d(f.right)||"top"===i&&d(u.bottom)>d(f.top)||"bottom"===i&&d(u.top)<d(f.bottom),h=d(u.left)<d(n.left),p=d(u.right)>d(n.right),m=d(u.top)<d(n.top),g=d(u.bottom)>d(n.bottom),v="left"===i&&h||"right"===i&&p||"top"===i&&m||"bottom"===i&&g,_=-1!==["top","bottom"].indexOf(i),b=!!e.flipVariations&&(_&&"start"===r&&h||_&&"end"===r&&p||!_&&"start"===r&&m||!_&&"end"===r&&g),y=!!e.flipVariationsByContent&&(_&&"start"===r&&p||_&&"end"===r&&h||!_&&"start"===r&&g||!_&&"end"===r&&m),w=b||y;(c||v||w)&&(t.flipped=!0,(c||v)&&(i=a[l+1]),w&&(r=function(t){return"end"===t?"start":"start"===t?"end":t}(r)),t.placement=i+(r?"-"+r:""),t.offsets.popper=X({},t.offsets.popper,st(t.instance.popper,t.offsets.reference,t.placement)),t=ut(t.instance.modifiers,t,"flip"))})),t},behavior:"flip",padding:5,boundariesElement:"viewport",flipVariations:!1,flipVariationsByContent:!1},inner:{order:700,enabled:!1,fn:function(t){var e=t.placement,n=e.split("-")[0],i=t.offsets,o=i.popper,r=i.reference,a=-1!==["left","right"].indexOf(n),s=-1===["top","left"].indexOf(n);return o[a?"left":"top"]=r[n]-(s?o[a?"width":"height"]:0),t.placement=at(e),t.offsets.popper=K(o),t}},hide:{order:800,enabled:!0,fn:function(t){if(!wt(t.instance.modifiers,"hide","preventOverflow"))return t;var e=t.offsets.reference,n=lt(t.instance.modifiers,(function(t){return"preventOverflow"===t.name})).boundaries;if(e.bottom<n.top||e.left>n.right||e.top>n.bottom||e.right<n.left){if(!0===t.hide)return t;t.hide=!0,t.attributes["x-out-of-boundaries"]=""}else{if(!1===t.hide)return t;t.hide=!1,t.attributes["x-out-of-boundaries"]=!1}return t}},computeStyle:{order:850,enabled:!0,fn:function(t,e){var n=e.x,i=e.y,o=t.offsets.popper,r=lt(t.instance.modifiers,(function(t){return"applyStyle"===t.name})).gpuAcceleration;void 0!==r&&console.warn("WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!");var a=void 0!==r?r:e.gpuAcceleration,s=R(t.instance.popper),l=G(s),u={position:o.position},f=function(t,e){var n=t.offsets,i=n.popper,o=n.reference,r=Math.round,a=Math.floor,s=function(t){return t},l=r(o.width),u=r(i.width),f=-1!==["left","right"].indexOf(t.placement),d=-1!==t.placement.indexOf("-"),c=e?f||d||l%2==u%2?r:a:s,h=e?r:s;return{left:c(l%2==1&&u%2==1&&!d&&e?i.left-1:i.left),top:h(i.top),bottom:h(i.bottom),right:c(i.right)}}(t,window.devicePixelRatio<2||!yt),d="bottom"===n?"top":"bottom",c="right"===i?"left":"right",h=ct("transform"),p=void 0,m=void 0;if(m="bottom"===d?"HTML"===s.nodeName?-s.clientHeight+f.bottom:-l.height+f.bottom:f.top,p="right"===c?"HTML"===s.nodeName?-s.clientWidth+f.right:-l.width+f.right:f.left,a&&h)u[h]="translate3d("+p+"px, "+m+"px, 0)",u[d]=0,u[c]=0,u.willChange="transform";else{var g="bottom"===d?-1:1,v="right"===c?-1:1;u[d]=m*g,u[c]=p*v,u.willChange=d+", "+c}var _={"x-placement":t.placement};return t.attributes=X({},_,t.attributes),t.styles=X({},u,t.styles),t.arrowStyles=X({},t.offsets.arrow,t.arrowStyles),t},gpuAcceleration:!0,x:"bottom",y:"right"},applyStyle:{order:900,enabled:!0,fn:function(t){var e,n;return bt(t.instance.popper,t.styles),e=t.instance.popper,n=t.attributes,Object.keys(n).forEach((function(t){!1!==n[t]?e.setAttribute(t,n[t]):e.removeAttribute(t)})),t.arrowElement&&Object.keys(t.arrowStyles).length&&bt(t.arrowElement,t.arrowStyles),t},onLoad:function(t,e,n,i,o){var r=ot(o,e,t,n.positionFixed),a=it(n.placement,r,e,t,n.modifiers.flip.boundariesElement,n.modifiers.flip.padding);return e.setAttribute("x-placement",a),bt(e,{position:n.positionFixed?"fixed":"absolute"}),n},gpuAcceleration:void 0}}},It=function(){function t(e,n){var i=this,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};V(this,t),this.scheduleUpdate=function(){return requestAnimationFrame(i.update)},this.update=k(this.update.bind(this)),this.options=X({},t.Defaults,o),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=e&&e.jquery?e[0]:e,this.popper=n&&n.jquery?n[0]:n,this.options.modifiers={},Object.keys(X({},t.Defaults.modifiers,o.modifiers)).forEach((function(e){i.options.modifiers[e]=X({},t.Defaults.modifiers[e]||{},o.modifiers?o.modifiers[e]:{})})),this.modifiers=Object.keys(this.options.modifiers).map((function(t){return X({name:t},i.options.modifiers[t])})).sort((function(t,e){return t.order-e.order})),this.modifiers.forEach((function(t){t.enabled&&A(t.onLoad)&&t.onLoad(i.reference,i.popper,i.options,t,i.state)})),this.update();var r=this.options.eventsEnabled;r&&this.enableEventListeners(),this.state.eventsEnabled=r}return Y(t,[{key:"update",value:function(){return ft.call(this)}},{key:"destroy",value:function(){return ht.call(this)}},{key:"enableEventListeners",value:function(){return gt.call(this)}},{key:"disableEventListeners",value:function(){return vt.call(this)}}]),t}();It.Utils=("undefined"!=typeof window?window:global).PopperUtils,It.placements=Et,It.Defaults=At;var Ot="dropdown",xt=i.default.fn[Ot],jt=new RegExp("38|40|27"),Lt={offset:0,flip:!0,boundary:"scrollParent",reference:"toggle",display:"dynamic",popperConfig:null},Pt={offset:"(number|string|function)",flip:"boolean",boundary:"(string|element)",reference:"(string|element)",display:"string",popperConfig:"(null|object)"},Ft=function(){function t(t,e){this._element=t,this._popper=null,this._config=this._getConfig(e),this._menu=this._getMenuElement(),this._inNavbar=this._detectNavbar(),this._addEventListeners()}var e=t.prototype;return e.toggle=function(){if(!this._element.disabled&&!i.default(this._element).hasClass("disabled")){var e=i.default(this._menu).hasClass("show");t._clearMenus(),e||this.show(!0)}},e.show=function(e){if(void 0===e&&(e=!1),!(this._element.disabled||i.default(this._element).hasClass("disabled")||i.default(this._menu).hasClass("show"))){var n={relatedTarget:this._element},o=i.default.Event("show.bs.dropdown",n),r=t._getParentFromElement(this._element);if(i.default(r).trigger(o),!o.isDefaultPrevented()){if(!this._inNavbar&&e){if("undefined"==typeof It)throw new TypeError("Bootstrap's dropdowns require Popper.js (https://popper.js.org/)");var a=this._element;"parent"===this._config.reference?a=r:l.isElement(this._config.reference)&&(a=this._config.reference,"undefined"!=typeof this._config.reference.jquery&&(a=this._config.reference[0])),"scrollParent"!==this._config.boundary&&i.default(r).addClass("position-static"),this._popper=new It(a,this._menu,this._getPopperConfig())}"ontouchstart"in document.documentElement&&0===i.default(r).closest(".navbar-nav").length&&i.default(document.body).children().on("mouseover",null,i.default.noop),this._element.focus(),this._element.setAttribute("aria-expanded",!0),i.default(this._menu).toggleClass("show"),i.default(r).toggleClass("show").trigger(i.default.Event("shown.bs.dropdown",n))}}},e.hide=function(){if(!this._element.disabled&&!i.default(this._element).hasClass("disabled")&&i.default(this._menu).hasClass("show")){var e={relatedTarget:this._element},n=i.default.Event("hide.bs.dropdown",e),o=t._getParentFromElement(this._element);i.default(o).trigger(n),n.isDefaultPrevented()||(this._popper&&this._popper.destroy(),i.default(this._menu).toggleClass("show"),i.default(o).toggleClass("show").trigger(i.default.Event("hidden.bs.dropdown",e)))}},e.dispose=function(){i.default.removeData(this._element,"bs.dropdown"),i.default(this._element).off(".bs.dropdown"),this._element=null,this._menu=null,null!==this._popper&&(this._popper.destroy(),this._popper=null)},e.update=function(){this._inNavbar=this._detectNavbar(),null!==this._popper&&this._popper.scheduleUpdate()},e._addEventListeners=function(){var t=this;i.default(this._element).on("click.bs.dropdown",(function(e){e.preventDefault(),e.stopPropagation(),t.toggle()}))},e._getConfig=function(t){return t=a({},this.constructor.Default,i.default(this._element).data(),t),l.typeCheckConfig(Ot,t,this.constructor.DefaultType),t},e._getMenuElement=function(){if(!this._menu){var e=t._getParentFromElement(this._element);e&&(this._menu=e.querySelector(".dropdown-menu"))}return this._menu},e._getPlacement=function(){var t=i.default(this._element.parentNode),e="bottom-start";return t.hasClass("dropup")?e=i.default(this._menu).hasClass("dropdown-menu-right")?"top-end":"top-start":t.hasClass("dropright")?e="right-start":t.hasClass("dropleft")?e="left-start":i.default(this._menu).hasClass("dropdown-menu-right")&&(e="bottom-end"),e},e._detectNavbar=function(){return i.default(this._element).closest(".navbar").length>0},e._getOffset=function(){var t=this,e={};return"function"==typeof this._config.offset?e.fn=function(e){return e.offsets=a({},e.offsets,t._config.offset(e.offsets,t._element)||{}),e}:e.offset=this._config.offset,e},e._getPopperConfig=function(){var t={placement:this._getPlacement(),modifiers:{offset:this._getOffset(),flip:{enabled:this._config.flip},preventOverflow:{boundariesElement:this._config.boundary}}};return"static"===this._config.display&&(t.modifiers.applyStyle={enabled:!1}),a({},t,this._config.popperConfig)},t._jQueryInterface=function(e){return this.each((function(){var n=i.default(this).data("bs.dropdown");if(n||(n=new t(this,"object"==typeof e?e:null),i.default(this).data("bs.dropdown",n)),"string"==typeof e){if("undefined"==typeof n[e])throw new TypeError('No method named "'+e+'"');n[e]()}}))},t._clearMenus=function(e){if(!e||3!==e.which&&("keyup"!==e.type||9===e.which))for(var n=[].slice.call(document.querySelectorAll('[data-toggle="dropdown"]')),o=0,r=n.length;o<r;o++){var a=t._getParentFromElement(n[o]),s=i.default(n[o]).data("bs.dropdown"),l={relatedTarget:n[o]};if(e&&"click"===e.type&&(l.clickEvent=e),s){var u=s._menu;if(i.default(a).hasClass("show")&&!(e&&("click"===e.type&&/input|textarea/i.test(e.target.tagName)||"keyup"===e.type&&9===e.which)&&i.default.contains(a,e.target))){var f=i.default.Event("hide.bs.dropdown",l);i.default(a).trigger(f),f.isDefaultPrevented()||("ontouchstart"in document.documentElement&&i.default(document.body).children().off("mouseover",null,i.default.noop),n[o].setAttribute("aria-expanded","false"),s._popper&&s._popper.destroy(),i.default(u).removeClass("show"),i.default(a).removeClass("show").trigger(i.default.Event("hidden.bs.dropdown",l)))}}}},t._getParentFromElement=function(t){var e,n=l.getSelectorFromElement(t);return n&&(e=document.querySelector(n)),e||t.parentNode},t._dataApiKeydownHandler=function(e){if(!(/input|textarea/i.test(e.target.tagName)?32===e.which||27!==e.which&&(40!==e.which&&38!==e.which||i.default(e.target).closest(".dropdown-menu").length):!jt.test(e.which))&&!this.disabled&&!i.default(this).hasClass("disabled")){var n=t._getParentFromElement(this),o=i.default(n).hasClass("show");if(o||27!==e.which){if(e.preventDefault(),e.stopPropagation(),!o||27===e.which||32===e.which)return 27===e.which&&i.default(n.querySelector('[data-toggle="dropdown"]')).trigger("focus"),void i.default(this).trigger("click");var r=[].slice.call(n.querySelectorAll(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)")).filter((function(t){return i.default(t).is(":visible")}));if(0!==r.length){var a=r.indexOf(e.target);38===e.which&&a>0&&a--,40===e.which&&a<r.length-1&&a++,a<0&&(a=0),r[a].focus()}}}},r(t,null,[{key:"VERSION",get:function(){return"4.5.3"}},{key:"Default",get:function(){return Lt}},{key:"DefaultType",get:function(){return Pt}}]),t}();i.default(document).on("keydown.bs.dropdown.data-api",'[data-toggle="dropdown"]',Ft._dataApiKeydownHandler).on("keydown.bs.dropdown.data-api",".dropdown-menu",Ft._dataApiKeydownHandler).on("click.bs.dropdown.data-api keyup.bs.dropdown.data-api",Ft._clearMenus).on("click.bs.dropdown.data-api",'[data-toggle="dropdown"]',(function(t){t.preventDefault(),t.stopPropagation(),Ft._jQueryInterface.call(i.default(this),"toggle")})).on("click.bs.dropdown.data-api",".dropdown form",(function(t){t.stopPropagation()})),i.default.fn[Ot]=Ft._jQueryInterface,i.default.fn[Ot].Constructor=Ft,i.default.fn[Ot].noConflict=function(){return i.default.fn[Ot]=xt,Ft._jQueryInterface};var Rt=i.default.fn.modal,Ht={backdrop:!0,keyboard:!0,focus:!0,show:!0},Mt={backdrop:"(boolean|string)",keyboard:"boolean",focus:"boolean",show:"boolean"},Bt=function(){function t(t,e){this._config=this._getConfig(e),this._element=t,this._dialog=t.querySelector(".modal-dialog"),this._backdrop=null,this._isShown=!1,this._isBodyOverflowing=!1,this._ignoreBackdropClick=!1,this._isTransitioning=!1,this._scrollbarWidth=0}var e=t.prototype;return e.toggle=function(t){return this._isShown?this.hide():this.show(t)},e.show=function(t){var e=this;if(!this._isShown&&!this._isTransitioning){i.default(this._element).hasClass("fade")&&(this._isTransitioning=!0);var n=i.default.Event("show.bs.modal",{relatedTarget:t});i.default(this._element).trigger(n),this._isShown||n.isDefaultPrevented()||(this._isShown=!0,this._checkScrollbar(),this._setScrollbar(),this._adjustDialog(),this._setEscapeEvent(),this._setResizeEvent(),i.default(this._element).on("click.dismiss.bs.modal",'[data-dismiss="modal"]',(function(t){return e.hide(t)})),i.default(this._dialog).on("mousedown.dismiss.bs.modal",(function(){i.default(e._element).one("mouseup.dismiss.bs.modal",(function(t){i.default(t.target).is(e._element)&&(e._ignoreBackdropClick=!0)}))})),this._showBackdrop((function(){return e._showElement(t)})))}},e.hide=function(t){var e=this;if(t&&t.preventDefault(),this._isShown&&!this._isTransitioning){var n=i.default.Event("hide.bs.modal");if(i.default(this._element).trigger(n),this._isShown&&!n.isDefaultPrevented()){this._isShown=!1;var o=i.default(this._element).hasClass("fade");if(o&&(this._isTransitioning=!0),this._setEscapeEvent(),this._setResizeEvent(),i.default(document).off("focusin.bs.modal"),i.default(this._element).removeClass("show"),i.default(this._element).off("click.dismiss.bs.modal"),i.default(this._dialog).off("mousedown.dismiss.bs.modal"),o){var r=l.getTransitionDurationFromElement(this._element);i.default(this._element).one(l.TRANSITION_END,(function(t){return e._hideModal(t)})).emulateTransitionEnd(r)}else this._hideModal()}}},e.dispose=function(){[window,this._element,this._dialog].forEach((function(t){return i.default(t).off(".bs.modal")})),i.default(document).off("focusin.bs.modal"),i.default.removeData(this._element,"bs.modal"),this._config=null,this._element=null,this._dialog=null,this._backdrop=null,this._isShown=null,this._isBodyOverflowing=null,this._ignoreBackdropClick=null,this._isTransitioning=null,this._scrollbarWidth=null},e.handleUpdate=function(){this._adjustDialog()},e._getConfig=function(t){return t=a({},Ht,t),l.typeCheckConfig("modal",t,Mt),t},e._triggerBackdropTransition=function(){var t=this;if("static"===this._config.backdrop){var e=i.default.Event("hidePrevented.bs.modal");if(i.default(this._element).trigger(e),e.isDefaultPrevented())return;var n=this._element.scrollHeight>document.documentElement.clientHeight;n||(this._element.style.overflowY="hidden"),this._element.classList.add("modal-static");var o=l.getTransitionDurationFromElement(this._dialog);i.default(this._element).off(l.TRANSITION_END),i.default(this._element).one(l.TRANSITION_END,(function(){t._element.classList.remove("modal-static"),n||i.default(t._element).one(l.TRANSITION_END,(function(){t._element.style.overflowY=""})).emulateTransitionEnd(t._element,o)})).emulateTransitionEnd(o),this._element.focus()}else this.hide()},e._showElement=function(t){var e=this,n=i.default(this._element).hasClass("fade"),o=this._dialog?this._dialog.querySelector(".modal-body"):null;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.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),i.default(this._dialog).hasClass("modal-dialog-scrollable")&&o?o.scrollTop=0:this._element.scrollTop=0,n&&l.reflow(this._element),i.default(this._element).addClass("show"),this._config.focus&&this._enforceFocus();var r=i.default.Event("shown.bs.modal",{relatedTarget:t}),a=function(){e._config.focus&&e._element.focus(),e._isTransitioning=!1,i.default(e._element).trigger(r)};if(n){var s=l.getTransitionDurationFromElement(this._dialog);i.default(this._dialog).one(l.TRANSITION_END,a).emulateTransitionEnd(s)}else a()},e._enforceFocus=function(){var t=this;i.default(document).off("focusin.bs.modal").on("focusin.bs.modal",(function(e){document!==e.target&&t._element!==e.target&&0===i.default(t._element).has(e.target).length&&t._element.focus()}))},e._setEscapeEvent=function(){var t=this;this._isShown?i.default(this._element).on("keydown.dismiss.bs.modal",(function(e){t._config.keyboard&&27===e.which?(e.preventDefault(),t.hide()):t._config.keyboard||27!==e.which||t._triggerBackdropTransition()})):this._isShown||i.default(this._element).off("keydown.dismiss.bs.modal")},e._setResizeEvent=function(){var t=this;this._isShown?i.default(window).on("resize.bs.modal",(function(e){return t.handleUpdate(e)})):i.default(window).off("resize.bs.modal")},e._hideModal=function(){var t=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._showBackdrop((function(){i.default(document.body).removeClass("modal-open"),t._resetAdjustments(),t._resetScrollbar(),i.default(t._element).trigger("hidden.bs.modal")}))},e._removeBackdrop=function(){this._backdrop&&(i.default(this._backdrop).remove(),this._backdrop=null)},e._showBackdrop=function(t){var e=this,n=i.default(this._element).hasClass("fade")?"fade":"";if(this._isShown&&this._config.backdrop){if(this._backdrop=document.createElement("div"),this._backdrop.className="modal-backdrop",n&&this._backdrop.classList.add(n),i.default(this._backdrop).appendTo(document.body),i.default(this._element).on("click.dismiss.bs.modal",(function(t){e._ignoreBackdropClick?e._ignoreBackdropClick=!1:t.target===t.currentTarget&&e._triggerBackdropTransition()})),n&&l.reflow(this._backdrop),i.default(this._backdrop).addClass("show"),!t)return;if(!n)return void t();var o=l.getTransitionDurationFromElement(this._backdrop);i.default(this._backdrop).one(l.TRANSITION_END,t).emulateTransitionEnd(o)}else if(!this._isShown&&this._backdrop){i.default(this._backdrop).removeClass("show");var r=function(){e._removeBackdrop(),t&&t()};if(i.default(this._element).hasClass("fade")){var a=l.getTransitionDurationFromElement(this._backdrop);i.default(this._backdrop).one(l.TRANSITION_END,r).emulateTransitionEnd(a)}else r()}else t&&t()},e._adjustDialog=function(){var t=this._element.scrollHeight>document.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},e._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},e._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=Math.round(t.left+t.right)<window.innerWidth,this._scrollbarWidth=this._getScrollbarWidth()},e._setScrollbar=function(){var t=this;if(this._isBodyOverflowing){var e=[].slice.call(document.querySelectorAll(".fixed-top, .fixed-bottom, .is-fixed, .sticky-top")),n=[].slice.call(document.querySelectorAll(".sticky-top"));i.default(e).each((function(e,n){var o=n.style.paddingRight,r=i.default(n).css("padding-right");i.default(n).data("padding-right",o).css("padding-right",parseFloat(r)+t._scrollbarWidth+"px")})),i.default(n).each((function(e,n){var o=n.style.marginRight,r=i.default(n).css("margin-right");i.default(n).data("margin-right",o).css("margin-right",parseFloat(r)-t._scrollbarWidth+"px")}));var o=document.body.style.paddingRight,r=i.default(document.body).css("padding-right");i.default(document.body).data("padding-right",o).css("padding-right",parseFloat(r)+this._scrollbarWidth+"px")}i.default(document.body).addClass("modal-open")},e._resetScrollbar=function(){var t=[].slice.call(document.querySelectorAll(".fixed-top, .fixed-bottom, .is-fixed, .sticky-top"));i.default(t).each((function(t,e){var n=i.default(e).data("padding-right");i.default(e).removeData("padding-right"),e.style.paddingRight=n||""}));var e=[].slice.call(document.querySelectorAll(".sticky-top"));i.default(e).each((function(t,e){var n=i.default(e).data("margin-right");"undefined"!=typeof n&&i.default(e).css("margin-right",n).removeData("margin-right")}));var n=i.default(document.body).data("padding-right");i.default(document.body).removeData("padding-right"),document.body.style.paddingRight=n||""},e._getScrollbarWidth=function(){var t=document.createElement("div");t.className="modal-scrollbar-measure",document.body.appendChild(t);var e=t.getBoundingClientRect().width-t.clientWidth;return document.body.removeChild(t),e},t._jQueryInterface=function(e,n){return this.each((function(){var o=i.default(this).data("bs.modal"),r=a({},Ht,i.default(this).data(),"object"==typeof e&&e?e:{});if(o||(o=new t(this,r),i.default(this).data("bs.modal",o)),"string"==typeof e){if("undefined"==typeof o[e])throw new TypeError('No method named "'+e+'"');o[e](n)}else r.show&&o.show(n)}))},r(t,null,[{key:"VERSION",get:function(){return"4.5.3"}},{key:"Default",get:function(){return Ht}}]),t}();i.default(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',(function(t){var e,n=this,o=l.getSelectorFromElement(this);o&&(e=document.querySelector(o));var r=i.default(e).data("bs.modal")?"toggle":a({},i.default(e).data(),i.default(this).data());"A"!==this.tagName&&"AREA"!==this.tagName||t.preventDefault();var s=i.default(e).one("show.bs.modal",(function(t){t.isDefaultPrevented()||s.one("hidden.bs.modal",(function(){i.default(n).is(":visible")&&n.focus()}))}));Bt._jQueryInterface.call(i.default(e),r,this)})),i.default.fn.modal=Bt._jQueryInterface,i.default.fn.modal.Constructor=Bt,i.default.fn.modal.noConflict=function(){return i.default.fn.modal=Rt,Bt._jQueryInterface};var qt=["background","cite","href","itemtype","longdesc","poster","src","xlink:href"],Qt={"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],div:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]},Wt=/^(?:(?:https?|mailto|ftp|tel|file):|[^#&/:?]*(?:[#/?]|$))/gi,Ut=/^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[\d+/a-z]+=*$/i;function Vt(t,e,n){if(0===t.length)return t;if(n&&"function"==typeof n)return n(t);for(var i=(new window.DOMParser).parseFromString(t,"text/html"),o=Object.keys(e),r=[].slice.call(i.body.querySelectorAll("*")),a=function(t,n){var i=r[t],a=i.nodeName.toLowerCase();if(-1===o.indexOf(i.nodeName.toLowerCase()))return i.parentNode.removeChild(i),"continue";var s=[].slice.call(i.attributes),l=[].concat(e["*"]||[],e[a]||[]);s.forEach((function(t){(function(t,e){var n=t.nodeName.toLowerCase();if(-1!==e.indexOf(n))return-1===qt.indexOf(n)||Boolean(t.nodeValue.match(Wt)||t.nodeValue.match(Ut));for(var i=e.filter((function(t){return t instanceof RegExp})),o=0,r=i.length;o<r;o++)if(n.match(i[o]))return!0;return!1})(t,l)||i.removeAttribute(t.nodeName)}))},s=0,l=r.length;s<l;s++)a(s);return i.body.innerHTML}var Yt="tooltip",zt=i.default.fn[Yt],Xt=new RegExp("(^|\\s)bs-tooltip\\S+","g"),Kt=["sanitize","whiteList","sanitizeFn"],Gt={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string|function)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)",boundary:"(string|element)",sanitize:"boolean",sanitizeFn:"(null|function)",whiteList:"object",popperConfig:"(null|object)"},$t={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"},Jt={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",sanitize:!0,sanitizeFn:null,whiteList:Qt,popperConfig:null},Zt={HIDE:"hide.bs.tooltip",HIDDEN:"hidden.bs.tooltip",SHOW:"show.bs.tooltip",SHOWN:"shown.bs.tooltip",INSERTED:"inserted.bs.tooltip",CLICK:"click.bs.tooltip",FOCUSIN:"focusin.bs.tooltip",FOCUSOUT:"focusout.bs.tooltip",MOUSEENTER:"mouseenter.bs.tooltip",MOUSELEAVE:"mouseleave.bs.tooltip"},te=function(){function t(t,e){if("undefined"==typeof It)throw new TypeError("Bootstrap's tooltips require Popper.js (https://popper.js.org/)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var e=t.prototype;return e.enable=function(){this._isEnabled=!0},e.disable=function(){this._isEnabled=!1},e.toggleEnabled=function(){this._isEnabled=!this._isEnabled},e.toggle=function(t){if(this._isEnabled)if(t){var e=this.constructor.DATA_KEY,n=i.default(t.currentTarget).data(e);n||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),i.default(t.currentTarget).data(e,n)),n._activeTrigger.click=!n._activeTrigger.click,n._isWithActiveTrigger()?n._enter(null,n):n._leave(null,n)}else{if(i.default(this.getTipElement()).hasClass("show"))return void this._leave(null,this);this._enter(null,this)}},e.dispose=function(){clearTimeout(this._timeout),i.default.removeData(this.element,this.constructor.DATA_KEY),i.default(this.element).off(this.constructor.EVENT_KEY),i.default(this.element).closest(".modal").off("hide.bs.modal",this._hideModalHandler),this.tip&&i.default(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,this._activeTrigger=null,this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},e.show=function(){var t=this;if("none"===i.default(this.element).css("display"))throw new Error("Please use show on visible elements");var e=i.default.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){i.default(this.element).trigger(e);var n=l.findShadowRoot(this.element),o=i.default.contains(null!==n?n:this.element.ownerDocument.documentElement,this.element);if(e.isDefaultPrevented()||!o)return;var r=this.getTipElement(),a=l.getUID(this.constructor.NAME);r.setAttribute("id",a),this.element.setAttribute("aria-describedby",a),this.setContent(),this.config.animation&&i.default(r).addClass("fade");var s="function"==typeof this.config.placement?this.config.placement.call(this,r,this.element):this.config.placement,u=this._getAttachment(s);this.addAttachmentClass(u);var f=this._getContainer();i.default(r).data(this.constructor.DATA_KEY,this),i.default.contains(this.element.ownerDocument.documentElement,this.tip)||i.default(r).appendTo(f),i.default(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new It(this.element,r,this._getPopperConfig(u)),i.default(r).addClass("show"),"ontouchstart"in document.documentElement&&i.default(document.body).children().on("mouseover",null,i.default.noop);var d=function(){t.config.animation&&t._fixTransition();var e=t._hoverState;t._hoverState=null,i.default(t.element).trigger(t.constructor.Event.SHOWN),"out"===e&&t._leave(null,t)};if(i.default(this.tip).hasClass("fade")){var c=l.getTransitionDurationFromElement(this.tip);i.default(this.tip).one(l.TRANSITION_END,d).emulateTransitionEnd(c)}else d()}},e.hide=function(t){var e=this,n=this.getTipElement(),o=i.default.Event(this.constructor.Event.HIDE),r=function(){"show"!==e._hoverState&&n.parentNode&&n.parentNode.removeChild(n),e._cleanTipClass(),e.element.removeAttribute("aria-describedby"),i.default(e.element).trigger(e.constructor.Event.HIDDEN),null!==e._popper&&e._popper.destroy(),t&&t()};if(i.default(this.element).trigger(o),!o.isDefaultPrevented()){if(i.default(n).removeClass("show"),"ontouchstart"in document.documentElement&&i.default(document.body).children().off("mouseover",null,i.default.noop),this._activeTrigger.click=!1,this._activeTrigger.focus=!1,this._activeTrigger.hover=!1,i.default(this.tip).hasClass("fade")){var a=l.getTransitionDurationFromElement(n);i.default(n).one(l.TRANSITION_END,r).emulateTransitionEnd(a)}else r();this._hoverState=""}},e.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},e.isWithContent=function(){return Boolean(this.getTitle())},e.addAttachmentClass=function(t){i.default(this.getTipElement()).addClass("bs-tooltip-"+t)},e.getTipElement=function(){return this.tip=this.tip||i.default(this.config.template)[0],this.tip},e.setContent=function(){var t=this.getTipElement();this.setElementContent(i.default(t.querySelectorAll(".tooltip-inner")),this.getTitle()),i.default(t).removeClass("fade show")},e.setElementContent=function(t,e){"object"!=typeof e||!e.nodeType&&!e.jquery?this.config.html?(this.config.sanitize&&(e=Vt(e,this.config.whiteList,this.config.sanitizeFn)),t.html(e)):t.text(e):this.config.html?i.default(e).parent().is(t)||t.empty().append(e):t.text(i.default(e).text())},e.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},e._getPopperConfig=function(t){var e=this;return a({},{placement:t,modifiers:{offset:this._getOffset(),flip:{behavior:this.config.fallbackPlacement},arrow:{element:".arrow"},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){return e._handlePopperPlacementChange(t)}},this.config.popperConfig)},e._getOffset=function(){var t=this,e={};return"function"==typeof this.config.offset?e.fn=function(e){return e.offsets=a({},e.offsets,t.config.offset(e.offsets,t.element)||{}),e}:e.offset=this.config.offset,e},e._getContainer=function(){return!1===this.config.container?document.body:l.isElement(this.config.container)?i.default(this.config.container):i.default(document).find(this.config.container)},e._getAttachment=function(t){return $t[t.toUpperCase()]},e._setListeners=function(){var t=this;this.config.trigger.split(" ").forEach((function(e){if("click"===e)i.default(t.element).on(t.constructor.Event.CLICK,t.config.selector,(function(e){return t.toggle(e)}));else if("manual"!==e){var n="hover"===e?t.constructor.Event.MOUSEENTER:t.constructor.Event.FOCUSIN,o="hover"===e?t.constructor.Event.MOUSELEAVE:t.constructor.Event.FOCUSOUT;i.default(t.element).on(n,t.config.selector,(function(e){return t._enter(e)})).on(o,t.config.selector,(function(e){return t._leave(e)}))}})),this._hideModalHandler=function(){t.element&&t.hide()},i.default(this.element).closest(".modal").on("hide.bs.modal",this._hideModalHandler),this.config.selector?this.config=a({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},e._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},e._enter=function(t,e){var n=this.constructor.DATA_KEY;(e=e||i.default(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),i.default(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusin"===t.type?"focus":"hover"]=!0),i.default(e.getTipElement()).hasClass("show")||"show"===e._hoverState?e._hoverState="show":(clearTimeout(e._timeout),e._hoverState="show",e.config.delay&&e.config.delay.show?e._timeout=setTimeout((function(){"show"===e._hoverState&&e.show()}),e.config.delay.show):e.show())},e._leave=function(t,e){var n=this.constructor.DATA_KEY;(e=e||i.default(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),i.default(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusout"===t.type?"focus":"hover"]=!1),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState="out",e.config.delay&&e.config.delay.hide?e._timeout=setTimeout((function(){"out"===e._hoverState&&e.hide()}),e.config.delay.hide):e.hide())},e._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},e._getConfig=function(t){var e=i.default(this.element).data();return Object.keys(e).forEach((function(t){-1!==Kt.indexOf(t)&&delete e[t]})),"number"==typeof(t=a({},this.constructor.Default,e,"object"==typeof t&&t?t:{})).delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),l.typeCheckConfig(Yt,t,this.constructor.DefaultType),t.sanitize&&(t.template=Vt(t.template,t.whiteList,t.sanitizeFn)),t},e._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},e._cleanTipClass=function(){var t=i.default(this.getTipElement()),e=t.attr("class").match(Xt);null!==e&&e.length&&t.removeClass(e.join(""))},e._handlePopperPlacementChange=function(t){this.tip=t.instance.popper,this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},e._fixTransition=function(){var t=this.getTipElement(),e=this.config.animation;null===t.getAttribute("x-placement")&&(i.default(t).removeClass("fade"),this.config.animation=!1,this.hide(),this.show(),this.config.animation=e)},t._jQueryInterface=function(e){return this.each((function(){var n=i.default(this),o=n.data("bs.tooltip"),r="object"==typeof e&&e;if((o||!/dispose|hide/.test(e))&&(o||(o=new t(this,r),n.data("bs.tooltip",o)),"string"==typeof e)){if("undefined"==typeof o[e])throw new TypeError('No method named "'+e+'"');o[e]()}}))},r(t,null,[{key:"VERSION",get:function(){return"4.5.3"}},{key:"Default",get:function(){return Jt}},{key:"NAME",get:function(){return Yt}},{key:"DATA_KEY",get:function(){return"bs.tooltip"}},{key:"Event",get:function(){return Zt}},{key:"EVENT_KEY",get:function(){return".bs.tooltip"}},{key:"DefaultType",get:function(){return Gt}}]),t}();i.default.fn[Yt]=te._jQueryInterface,i.default.fn[Yt].Constructor=te,i.default.fn[Yt].noConflict=function(){return i.default.fn[Yt]=zt,te._jQueryInterface};var ee="popover",ne=i.default.fn[ee],ie=new RegExp("(^|\\s)bs-popover\\S+","g"),oe=a({},te.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>'}),re=a({},te.DefaultType,{content:"(string|element|function)"}),ae={HIDE:"hide.bs.popover",HIDDEN:"hidden.bs.popover",SHOW:"show.bs.popover",SHOWN:"shown.bs.popover",INSERTED:"inserted.bs.popover",CLICK:"click.bs.popover",FOCUSIN:"focusin.bs.popover",FOCUSOUT:"focusout.bs.popover",MOUSEENTER:"mouseenter.bs.popover",MOUSELEAVE:"mouseleave.bs.popover"},se=function(t){var e,n;function o(){return t.apply(this,arguments)||this}n=t,(e=o).prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n;var a=o.prototype;return a.isWithContent=function(){return this.getTitle()||this._getContent()},a.addAttachmentClass=function(t){i.default(this.getTipElement()).addClass("bs-popover-"+t)},a.getTipElement=function(){return this.tip=this.tip||i.default(this.config.template)[0],this.tip},a.setContent=function(){var t=i.default(this.getTipElement());this.setElementContent(t.find(".popover-header"),this.getTitle());var e=this._getContent();"function"==typeof e&&(e=e.call(this.element)),this.setElementContent(t.find(".popover-body"),e),t.removeClass("fade show")},a._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},a._cleanTipClass=function(){var t=i.default(this.getTipElement()),e=t.attr("class").match(ie);null!==e&&e.length>0&&t.removeClass(e.join(""))},o._jQueryInterface=function(t){return this.each((function(){var e=i.default(this).data("bs.popover"),n="object"==typeof t?t:null;if((e||!/dispose|hide/.test(t))&&(e||(e=new o(this,n),i.default(this).data("bs.popover",e)),"string"==typeof t)){if("undefined"==typeof e[t])throw new TypeError('No method named "'+t+'"');e[t]()}}))},r(o,null,[{key:"VERSION",get:function(){return"4.5.3"}},{key:"Default",get:function(){return oe}},{key:"NAME",get:function(){return ee}},{key:"DATA_KEY",get:function(){return"bs.popover"}},{key:"Event",get:function(){return ae}},{key:"EVENT_KEY",get:function(){return".bs.popover"}},{key:"DefaultType",get:function(){return re}}]),o}(te);i.default.fn[ee]=se._jQueryInterface,i.default.fn[ee].Constructor=se,i.default.fn[ee].noConflict=function(){return i.default.fn[ee]=ne,se._jQueryInterface};var le="scrollspy",ue=i.default.fn[le],fe={offset:10,method:"auto",target:""},de={offset:"number",method:"string",target:"(string|element)"},ce=function(){function t(t,e){var n=this;this._element=t,this._scrollElement="BODY"===t.tagName?window:t,this._config=this._getConfig(e),this._selector=this._config.target+" .nav-link,"+this._config.target+" .list-group-item,"+this._config.target+" .dropdown-item",this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,i.default(this._scrollElement).on("scroll.bs.scrollspy",(function(t){return n._process(t)})),this.refresh(),this._process()}var e=t.prototype;return e.refresh=function(){var t=this,e=this._scrollElement===this._scrollElement.window?"offset":"position",n="auto"===this._config.method?e:this._config.method,o="position"===n?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),[].slice.call(document.querySelectorAll(this._selector)).map((function(t){var e,r=l.getSelectorFromElement(t);if(r&&(e=document.querySelector(r)),e){var a=e.getBoundingClientRect();if(a.width||a.height)return[i.default(e)[n]().top+o,r]}return null})).filter((function(t){return t})).sort((function(t,e){return t[0]-e[0]})).forEach((function(e){t._offsets.push(e[0]),t._targets.push(e[1])}))},e.dispose=function(){i.default.removeData(this._element,"bs.scrollspy"),i.default(this._scrollElement).off(".bs.scrollspy"),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},e._getConfig=function(t){if("string"!=typeof(t=a({},fe,"object"==typeof t&&t?t:{})).target&&l.isElement(t.target)){var e=i.default(t.target).attr("id");e||(e=l.getUID(le),i.default(t.target).attr("id",e)),t.target="#"+e}return l.typeCheckConfig(le,t,de),t},e._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},e._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},e._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},e._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=n){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t<this._offsets[0]&&this._offsets[0]>0)return this._activeTarget=null,void this._clear();for(var o=this._offsets.length;o--;){this._activeTarget!==this._targets[o]&&t>=this._offsets[o]&&("undefined"==typeof this._offsets[o+1]||t<this._offsets[o+1])&&this._activate(this._targets[o])}}},e._activate=function(t){this._activeTarget=t,this._clear();var e=this._selector.split(",").map((function(e){return e+'[data-target="'+t+'"],'+e+'[href="'+t+'"]'})),n=i.default([].slice.call(document.querySelectorAll(e.join(","))));n.hasClass("dropdown-item")?(n.closest(".dropdown").find(".dropdown-toggle").addClass("active"),n.addClass("active")):(n.addClass("active"),n.parents(".nav, .list-group").prev(".nav-link, .list-group-item").addClass("active"),n.parents(".nav, .list-group").prev(".nav-item").children(".nav-link").addClass("active")),i.default(this._scrollElement).trigger("activate.bs.scrollspy",{relatedTarget:t})},e._clear=function(){[].slice.call(document.querySelectorAll(this._selector)).filter((function(t){return t.classList.contains("active")})).forEach((function(t){return t.classList.remove("active")}))},t._jQueryInterface=function(e){return this.each((function(){var n=i.default(this).data("bs.scrollspy");if(n||(n=new t(this,"object"==typeof e&&e),i.default(this).data("bs.scrollspy",n)),"string"==typeof e){if("undefined"==typeof n[e])throw new TypeError('No method named "'+e+'"');n[e]()}}))},r(t,null,[{key:"VERSION",get:function(){return"4.5.3"}},{key:"Default",get:function(){return fe}}]),t}();i.default(window).on("load.bs.scrollspy.data-api",(function(){for(var t=[].slice.call(document.querySelectorAll('[data-spy="scroll"]')),e=t.length;e--;){var n=i.default(t[e]);ce._jQueryInterface.call(n,n.data())}})),i.default.fn[le]=ce._jQueryInterface,i.default.fn[le].Constructor=ce,i.default.fn[le].noConflict=function(){return i.default.fn[le]=ue,ce._jQueryInterface};var he=i.default.fn.tab,pe=function(){function t(t){this._element=t}var e=t.prototype;return e.show=function(){var t=this;if(!(this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE&&i.default(this._element).hasClass("active")||i.default(this._element).hasClass("disabled"))){var e,n,o=i.default(this._element).closest(".nav, .list-group")[0],r=l.getSelectorFromElement(this._element);if(o){var a="UL"===o.nodeName||"OL"===o.nodeName?"> li > .active":".active";n=(n=i.default.makeArray(i.default(o).find(a)))[n.length-1]}var s=i.default.Event("hide.bs.tab",{relatedTarget:this._element}),u=i.default.Event("show.bs.tab",{relatedTarget:n});if(n&&i.default(n).trigger(s),i.default(this._element).trigger(u),!u.isDefaultPrevented()&&!s.isDefaultPrevented()){r&&(e=document.querySelector(r)),this._activate(this._element,o);var f=function(){var e=i.default.Event("hidden.bs.tab",{relatedTarget:t._element}),o=i.default.Event("shown.bs.tab",{relatedTarget:n});i.default(n).trigger(e),i.default(t._element).trigger(o)};e?this._activate(e,e.parentNode,f):f()}}},e.dispose=function(){i.default.removeData(this._element,"bs.tab"),this._element=null},e._activate=function(t,e,n){var o=this,r=(!e||"UL"!==e.nodeName&&"OL"!==e.nodeName?i.default(e).children(".active"):i.default(e).find("> li > .active"))[0],a=n&&r&&i.default(r).hasClass("fade"),s=function(){return o._transitionComplete(t,r,n)};if(r&&a){var u=l.getTransitionDurationFromElement(r);i.default(r).removeClass("show").one(l.TRANSITION_END,s).emulateTransitionEnd(u)}else s()},e._transitionComplete=function(t,e,n){if(e){i.default(e).removeClass("active");var o=i.default(e.parentNode).find("> .dropdown-menu .active")[0];o&&i.default(o).removeClass("active"),"tab"===e.getAttribute("role")&&e.setAttribute("aria-selected",!1)}if(i.default(t).addClass("active"),"tab"===t.getAttribute("role")&&t.setAttribute("aria-selected",!0),l.reflow(t),t.classList.contains("fade")&&t.classList.add("show"),t.parentNode&&i.default(t.parentNode).hasClass("dropdown-menu")){var r=i.default(t).closest(".dropdown")[0];if(r){var a=[].slice.call(r.querySelectorAll(".dropdown-toggle"));i.default(a).addClass("active")}t.setAttribute("aria-expanded",!0)}n&&n()},t._jQueryInterface=function(e){return this.each((function(){var n=i.default(this),o=n.data("bs.tab");if(o||(o=new t(this),n.data("bs.tab",o)),"string"==typeof e){if("undefined"==typeof o[e])throw new TypeError('No method named "'+e+'"');o[e]()}}))},r(t,null,[{key:"VERSION",get:function(){return"4.5.3"}}]),t}();i.default(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',(function(t){t.preventDefault(),pe._jQueryInterface.call(i.default(this),"show")})),i.default.fn.tab=pe._jQueryInterface,i.default.fn.tab.Constructor=pe,i.default.fn.tab.noConflict=function(){return i.default.fn.tab=he,pe._jQueryInterface};var me=i.default.fn.toast,ge={animation:"boolean",autohide:"boolean",delay:"number"},ve={animation:!0,autohide:!0,delay:500},_e=function(){function t(t,e){this._element=t,this._config=this._getConfig(e),this._timeout=null,this._setListeners()}var e=t.prototype;return e.show=function(){var t=this,e=i.default.Event("show.bs.toast");if(i.default(this._element).trigger(e),!e.isDefaultPrevented()){this._clearTimeout(),this._config.animation&&this._element.classList.add("fade");var n=function(){t._element.classList.remove("showing"),t._element.classList.add("show"),i.default(t._element).trigger("shown.bs.toast"),t._config.autohide&&(t._timeout=setTimeout((function(){t.hide()}),t._config.delay))};if(this._element.classList.remove("hide"),l.reflow(this._element),this._element.classList.add("showing"),this._config.animation){var o=l.getTransitionDurationFromElement(this._element);i.default(this._element).one(l.TRANSITION_END,n).emulateTransitionEnd(o)}else n()}},e.hide=function(){if(this._element.classList.contains("show")){var t=i.default.Event("hide.bs.toast");i.default(this._element).trigger(t),t.isDefaultPrevented()||this._close()}},e.dispose=function(){this._clearTimeout(),this._element.classList.contains("show")&&this._element.classList.remove("show"),i.default(this._element).off("click.dismiss.bs.toast"),i.default.removeData(this._element,"bs.toast"),this._element=null,this._config=null},e._getConfig=function(t){return t=a({},ve,i.default(this._element).data(),"object"==typeof t&&t?t:{}),l.typeCheckConfig("toast",t,this.constructor.DefaultType),t},e._setListeners=function(){var t=this;i.default(this._element).on("click.dismiss.bs.toast",'[data-dismiss="toast"]',(function(){return t.hide()}))},e._close=function(){var t=this,e=function(){t._element.classList.add("hide"),i.default(t._element).trigger("hidden.bs.toast")};if(this._element.classList.remove("show"),this._config.animation){var n=l.getTransitionDurationFromElement(this._element);i.default(this._element).one(l.TRANSITION_END,e).emulateTransitionEnd(n)}else e()},e._clearTimeout=function(){clearTimeout(this._timeout),this._timeout=null},t._jQueryInterface=function(e){return this.each((function(){var n=i.default(this),o=n.data("bs.toast");if(o||(o=new t(this,"object"==typeof e&&e),n.data("bs.toast",o)),"string"==typeof e){if("undefined"==typeof o[e])throw new TypeError('No method named "'+e+'"');o[e](this)}}))},r(t,null,[{key:"VERSION",get:function(){return"4.5.3"}},{key:"DefaultType",get:function(){return ge}},{key:"Default",get:function(){return ve}}]),t}();i.default.fn.toast=_e._jQueryInterface,i.default.fn.toast.Constructor=_e,i.default.fn.toast.noConflict=function(){return i.default.fn.toast=me,_e._jQueryInterface},t.Alert=d,t.Button=h,t.Carousel=y,t.Collapse=S,t.Dropdown=Ft,t.Modal=Bt,t.Popover=se,t.Scrollspy=ce,t.Tab=pe,t.Toast=_e,t.Tooltip=te,t.Util=l,Object.defineProperty(t,"__esModule",{value:!0})}));
diff --git a/deps/bootstrap.min.css b/deps/bootstrap.min.css
new file mode 100644
index 0000000..97f00e7
--- /dev/null
+++ b/deps/bootstrap.min.css
@@ -0,0 +1,2117 @@
+/*!
+ * Bootstrap v4.5.3 (https://getbootstrap.com/)
+ * Copyright 2011-2020 The Bootstrap Authors
+ * Copyright 2011-2020 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--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,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
+*,::after,::before{box-sizing:border-box}
+html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
+article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
+body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}
+[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}
+hr{box-sizing:content-box;height:0;overflow:visible}
+h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
+p{margin-top:0;margin-bottom:1rem}
+abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
+address{margin-bottom:1rem;font-style:normal;line-height:inherit}
+dl,ol,ul{margin-top:0;margin-bottom:1rem}
+ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
+dt{font-weight:700}
+dd{margin-bottom:.5rem;margin-left:0}
+blockquote{margin:0 0 1rem}
+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:#007bff;text-decoration:none;background-color:transparent}
+a:hover{color:#0056b3;text-decoration:underline}
+a:not([href]):not([class]){color:inherit;text-decoration:none}
+a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
+code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",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{overflow:hidden;vertical-align:middle}
+table{border-collapse:collapse}
+caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}
+th{text-align:inherit;text-align:-webkit-match-parent}
+label{display:inline-block;margin-bottom:.5rem}
+button{border-radius:0}
+button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
+button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
+button,input{overflow:visible}
+button,select{text-transform:none}
+[role=button]{cursor:pointer}
+select{word-wrap:normal}
+[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
+[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
+[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
+input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
+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-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,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}
+.h1,h1{font-size:2.5rem}
+.h2,h2{font-size:2rem}
+.h3,h3{font-size:1.75rem}
+.h4,h4{font-size:1.5rem}
+.h5,h5{font-size:1.25rem}
+.h6,h6{font-size:1rem}
+.lead{font-size:1.25rem;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,.1)}
+.small,small{font-size:80%;font-weight:400}
+.mark,mark{padding:.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:.5rem}
+.initialism{font-size:90%;text-transform:uppercase}
+.blockquote{margin-bottom:1rem;font-size:1.25rem}
+.blockquote-footer{display:block;font-size:80%;color:#6c757d}
+.blockquote-footer::before{content:"\2014\00A0"}
+.img-fluid{max-width:100%;height:auto}
+.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}
+.figure{display:inline-block}
+.figure-img{margin-bottom:.5rem;line-height:1}
+.figure-caption{font-size:90%;color:#6c757d}
+code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}
+a>code{color:inherit}
+kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}
+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,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
+@media (min-width:576px){.container,.container-sm{max-width:540px}
+}
+@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}
+}
+@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}
+}
+@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}
+}
+.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.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-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}
+.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
+.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
+.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
+.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
+.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
+.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
+.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
+.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
+.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
+.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
+.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
+.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
+.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
+.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
+.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
+.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
+.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
+.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
+.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
+.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
+.order-first{-ms-flex-order:-1;order:-1}
+.order-last{-ms-flex-order:13;order:13}
+.order-0{-ms-flex-order:0;order:0}
+.order-1{-ms-flex-order:1;order:1}
+.order-2{-ms-flex-order:2;order:2}
+.order-3{-ms-flex-order:3;order:3}
+.order-4{-ms-flex-order:4;order:4}
+.order-5{-ms-flex-order:5;order:5}
+.order-6{-ms-flex-order:6;order:6}
+.order-7{-ms-flex-order:7;order:7}
+.order-8{-ms-flex-order:8;order:8}
+.order-9{-ms-flex-order:9;order:9}
+.order-10{-ms-flex-order:10;order:10}
+.order-11{-ms-flex-order:11;order:11}
+.order-12{-ms-flex-order:12;order:12}
+.offset-1{margin-left:8.333333%}
+.offset-2{margin-left:16.666667%}
+.offset-3{margin-left:25%}
+.offset-4{margin-left:33.333333%}
+.offset-5{margin-left:41.666667%}
+.offset-6{margin-left:50%}
+.offset-7{margin-left:58.333333%}
+.offset-8{margin-left:66.666667%}
+.offset-9{margin-left:75%}
+.offset-10{margin-left:83.333333%}
+.offset-11{margin-left:91.666667%}
+@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
+.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
+.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
+.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
+.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
+.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
+.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
+.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
+.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
+.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
+.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
+.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
+.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
+.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
+.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
+.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
+.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
+.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
+.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
+.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
+.order-sm-first{-ms-flex-order:-1;order:-1}
+.order-sm-last{-ms-flex-order:13;order:13}
+.order-sm-0{-ms-flex-order:0;order:0}
+.order-sm-1{-ms-flex-order:1;order:1}
+.order-sm-2{-ms-flex-order:2;order:2}
+.order-sm-3{-ms-flex-order:3;order:3}
+.order-sm-4{-ms-flex-order:4;order:4}
+.order-sm-5{-ms-flex-order:5;order:5}
+.order-sm-6{-ms-flex-order:6;order:6}
+.order-sm-7{-ms-flex-order:7;order:7}
+.order-sm-8{-ms-flex-order:8;order:8}
+.order-sm-9{-ms-flex-order:9;order:9}
+.order-sm-10{-ms-flex-order:10;order:10}
+.order-sm-11{-ms-flex-order:11;order:11}
+.order-sm-12{-ms-flex-order:12;order:12}
+.offset-sm-0{margin-left:0}
+.offset-sm-1{margin-left:8.333333%}
+.offset-sm-2{margin-left:16.666667%}
+.offset-sm-3{margin-left:25%}
+.offset-sm-4{margin-left:33.333333%}
+.offset-sm-5{margin-left:41.666667%}
+.offset-sm-6{margin-left:50%}
+.offset-sm-7{margin-left:58.333333%}
+.offset-sm-8{margin-left:66.666667%}
+.offset-sm-9{margin-left:75%}
+.offset-sm-10{margin-left:83.333333%}
+.offset-sm-11{margin-left:91.666667%}
+}
+@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
+.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
+.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
+.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
+.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
+.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
+.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
+.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
+.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
+.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
+.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
+.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
+.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
+.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
+.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
+.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
+.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
+.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
+.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
+.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
+.order-md-first{-ms-flex-order:-1;order:-1}
+.order-md-last{-ms-flex-order:13;order:13}
+.order-md-0{-ms-flex-order:0;order:0}
+.order-md-1{-ms-flex-order:1;order:1}
+.order-md-2{-ms-flex-order:2;order:2}
+.order-md-3{-ms-flex-order:3;order:3}
+.order-md-4{-ms-flex-order:4;order:4}
+.order-md-5{-ms-flex-order:5;order:5}
+.order-md-6{-ms-flex-order:6;order:6}
+.order-md-7{-ms-flex-order:7;order:7}
+.order-md-8{-ms-flex-order:8;order:8}
+.order-md-9{-ms-flex-order:9;order:9}
+.order-md-10{-ms-flex-order:10;order:10}
+.order-md-11{-ms-flex-order:11;order:11}
+.order-md-12{-ms-flex-order:12;order:12}
+.offset-md-0{margin-left:0}
+.offset-md-1{margin-left:8.333333%}
+.offset-md-2{margin-left:16.666667%}
+.offset-md-3{margin-left:25%}
+.offset-md-4{margin-left:33.333333%}
+.offset-md-5{margin-left:41.666667%}
+.offset-md-6{margin-left:50%}
+.offset-md-7{margin-left:58.333333%}
+.offset-md-8{margin-left:66.666667%}
+.offset-md-9{margin-left:75%}
+.offset-md-10{margin-left:83.333333%}
+.offset-md-11{margin-left:91.666667%}
+}
+@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
+.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
+.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
+.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
+.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
+.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
+.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
+.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
+.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
+.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
+.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
+.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
+.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
+.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
+.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
+.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
+.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
+.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
+.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
+.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
+.order-lg-first{-ms-flex-order:-1;order:-1}
+.order-lg-last{-ms-flex-order:13;order:13}
+.order-lg-0{-ms-flex-order:0;order:0}
+.order-lg-1{-ms-flex-order:1;order:1}
+.order-lg-2{-ms-flex-order:2;order:2}
+.order-lg-3{-ms-flex-order:3;order:3}
+.order-lg-4{-ms-flex-order:4;order:4}
+.order-lg-5{-ms-flex-order:5;order:5}
+.order-lg-6{-ms-flex-order:6;order:6}
+.order-lg-7{-ms-flex-order:7;order:7}
+.order-lg-8{-ms-flex-order:8;order:8}
+.order-lg-9{-ms-flex-order:9;order:9}
+.order-lg-10{-ms-flex-order:10;order:10}
+.order-lg-11{-ms-flex-order:11;order:11}
+.order-lg-12{-ms-flex-order:12;order:12}
+.offset-lg-0{margin-left:0}
+.offset-lg-1{margin-left:8.333333%}
+.offset-lg-2{margin-left:16.666667%}
+.offset-lg-3{margin-left:25%}
+.offset-lg-4{margin-left:33.333333%}
+.offset-lg-5{margin-left:41.666667%}
+.offset-lg-6{margin-left:50%}
+.offset-lg-7{margin-left:58.333333%}
+.offset-lg-8{margin-left:66.666667%}
+.offset-lg-9{margin-left:75%}
+.offset-lg-10{margin-left:83.333333%}
+.offset-lg-11{margin-left:91.666667%}
+}
+@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
+.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
+.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
+.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
+.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
+.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
+.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
+.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
+.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
+.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
+.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
+.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
+.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
+.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
+.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
+.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
+.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
+.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
+.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
+.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
+.order-xl-first{-ms-flex-order:-1;order:-1}
+.order-xl-last{-ms-flex-order:13;order:13}
+.order-xl-0{-ms-flex-order:0;order:0}
+.order-xl-1{-ms-flex-order:1;order:1}
+.order-xl-2{-ms-flex-order:2;order:2}
+.order-xl-3{-ms-flex-order:3;order:3}
+.order-xl-4{-ms-flex-order:4;order:4}
+.order-xl-5{-ms-flex-order:5;order:5}
+.order-xl-6{-ms-flex-order:6;order:6}
+.order-xl-7{-ms-flex-order:7;order:7}
+.order-xl-8{-ms-flex-order:8;order:8}
+.order-xl-9{-ms-flex-order:9;order:9}
+.order-xl-10{-ms-flex-order:10;order:10}
+.order-xl-11{-ms-flex-order:11;order:11}
+.order-xl-12{-ms-flex-order:12;order:12}
+.offset-xl-0{margin-left:0}
+.offset-xl-1{margin-left:8.333333%}
+.offset-xl-2{margin-left:16.666667%}
+.offset-xl-3{margin-left:25%}
+.offset-xl-4{margin-left:33.333333%}
+.offset-xl-5{margin-left:41.666667%}
+.offset-xl-6{margin-left:50%}
+.offset-xl-7{margin-left:58.333333%}
+.offset-xl-8{margin-left:66.666667%}
+.offset-xl-9{margin-left:75%}
+.offset-xl-10{margin-left:83.333333%}
+.offset-xl-11{margin-left:91.666667%}
+}
+.table{width:100%;margin-bottom:1rem;color:#212529}
+.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}
+.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}
+.table tbody+tbody{border-top:2px solid #dee2e6}
+.table-sm td,.table-sm th{padding:.3rem}
+.table-bordered{border:1px solid #dee2e6}
+.table-bordered td,.table-bordered th{border:1px solid #dee2e6}
+.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}
+.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}
+.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}
+.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}
+.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}
+.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}
+.table-hover .table-primary:hover{background-color:#9fcdff}
+.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}
+.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}
+.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}
+.table-hover .table-secondary:hover{background-color:#c8cbcf}
+.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}
+.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}
+.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}
+.table-hover .table-success:hover{background-color:#b1dfbb}
+.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}
+.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}
+.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}
+.table-hover .table-info:hover{background-color:#abdde5}
+.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}
+.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}
+.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}
+.table-hover .table-warning:hover{background-color:#ffe8a1}
+.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}
+.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}
+.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}
+.table-hover .table-danger:hover{background-color:#f1b0b7}
+.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}
+.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}
+.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}
+.table-hover .table-light:hover{background-color:#ececf6}
+.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}
+.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}
+.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}
+.table-hover .table-dark:hover{background-color:#b9bbbe}
+.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}
+.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}
+.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}
+.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}
+.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}
+.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}
+.table-dark{color:#fff;background-color:#343a40}
+.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}
+.table-dark.table-bordered{border:0}
+.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}
+.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}
+@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
+.table-responsive-sm>.table-bordered{border:0}
+}
+@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
+.table-responsive-md>.table-bordered{border:0}
+}
+@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
+.table-responsive-lg>.table-bordered{border:0}
+}
+@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
+.table-responsive-xl>.table-bordered{border:0}
+}
+.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
+.table-responsive>.table-bordered{border:0}
+.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
+@media (prefers-reduced-motion:reduce){.form-control{transition:none}
+}
+.form-control::-ms-expand{background-color:transparent;border:0}
+.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}
+.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
+.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}
+.form-control::-moz-placeholder{color:#6c757d;opacity:1}
+.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}
+.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}
+.form-control::placeholder{color:#6c757d;opacity:1}
+.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}
+input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}
+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(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}
+.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}
+.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}
+.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}
+.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}
+.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}
+.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}
+select.form-control[multiple],select.form-control[size]{height:auto}
+textarea.form-control{height:auto}
+.form-group{margin-bottom:1rem}
+.form-text{display:block;margin-top:.25rem}
+.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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:.3rem;margin-left:-1.25rem}
+.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}
+.form-check-label{margin-bottom:0}
+.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}
+.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}
+.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}
+.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}
+.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}
+.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
+.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}
+.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
+.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}
+.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}
+.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}
+.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}
+.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}
+.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}
+.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}
+.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}
+.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}
+.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}
+.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}
+.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}
+.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}
+.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}
+.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
+.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}
+.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
+.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}
+.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}
+.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}
+.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}
+.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}
+.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}
+.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}
+.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}
+.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}
+.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}
+.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}
+.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}
+.form-inline .form-check{width:100%}
+@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}
+.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;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 .custom-select,.form-inline .input-group{width:auto}
+.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}
+.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}
+.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
+.form-inline .custom-control-label{margin-bottom:0}
+}
+.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:0;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
+@media (prefers-reduced-motion:reduce){.btn{transition:none}
+}
+.btn:hover{color:#212529;text-decoration:none}
+.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
+.btn.disabled,.btn:disabled{opacity:.65}
+.btn:not(:disabled):not(.disabled){cursor:pointer}
+a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}
+.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}
+.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}
+.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
+.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}
+.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}
+.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 .2rem rgba(38,143,255,.5)}
+.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}
+.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}
+.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}
+.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}
+.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}
+.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}
+.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}
+.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}
+.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}
+.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}
+.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}
+.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 .2rem rgba(72,180,97,.5)}
+.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}
+.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}
+.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}
+.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}
+.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}
+.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 .2rem rgba(58,176,195,.5)}
+.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}
+.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}
+.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}
+.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}
+.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}
+.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 .2rem rgba(222,170,12,.5)}
+.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}
+.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}
+.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}
+.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}
+.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}
+.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 .2rem rgba(225,83,97,.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{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.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 .2rem rgba(216,217,219,.5)}
+.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}
+.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}
+.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}
+.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}
+.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}
+.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 .2rem rgba(82,88,93,.5)}
+.btn-outline-primary{color:#007bff;border-color:#007bff}
+.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}
+.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
+.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;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:#007bff;border-color:#007bff}
+.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 .2rem rgba(0,123,255,.5)}
+.btn-outline-secondary{color:#6c757d;border-color:#6c757d}
+.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}
+.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
+.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;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:#6c757d;border-color:#6c757d}
+.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 .2rem rgba(108,117,125,.5)}
+.btn-outline-success{color:#28a745;border-color:#28a745}
+.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}
+.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}
+.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;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:#28a745;border-color:#28a745}
+.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 .2rem rgba(40,167,69,.5)}
+.btn-outline-info{color:#17a2b8;border-color:#17a2b8}
+.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}
+.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}
+.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;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:#fff;background-color:#17a2b8;border-color:#17a2b8}
+.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 .2rem rgba(23,162,184,.5)}
+.btn-outline-warning{color:#ffc107;border-color:#ffc107}
+.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}
+.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}
+.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;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:#ffc107;border-color:#ffc107}
+.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 .2rem rgba(255,193,7,.5)}
+.btn-outline-danger{color:#dc3545;border-color:#dc3545}
+.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}
+.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}
+.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;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:#dc3545;border-color:#dc3545}
+.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 .2rem rgba(220,53,69,.5)}
+.btn-outline-light{color:#f8f9fa;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 .2rem rgba(248,249,250,.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 .2rem rgba(248,249,250,.5)}
+.btn-outline-dark{color:#343a40;border-color:#343a40}
+.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}
+.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}
+.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;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:#343a40;border-color:#343a40}
+.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 .2rem rgba(52,58,64,.5)}
+.btn-link{font-weight:400;color:#007bff;text-decoration:none}
+.btn-link:hover{color:#0056b3;text-decoration:underline}
+.btn-link.focus,.btn-link:focus{text-decoration:underline}
+.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}
+.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}
+.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}
+.btn-block{display:block;width:100%}
+.btn-block+.btn-block{margin-top:.5rem}
+input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}
+.fade{transition:opacity .05s linear}
+@media (prefers-reduced-motion:reduce){.fade{transition:none}
+}
+.fade:not(.show){opacity:0}
+.collapse:not(.show){display:none}
+.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}
+@media (prefers-reduced-motion:reduce){.collapsing{transition:none}
+}
+.dropdown,.dropleft,.dropright,.dropup{position:relative}
+.dropdown-toggle{white-space:nowrap}
+.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.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:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}
+.dropdown-menu-left{right:auto;left:0}
+.dropdown-menu-right{right:0;left:auto}
+@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}
+.dropdown-menu-sm-right{right:0;left:auto}
+}
+@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}
+.dropdown-menu-md-right{right:0;left:auto}
+}
+@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}
+.dropdown-menu-lg-right{right:0;left:auto}
+}
+@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}
+.dropdown-menu-xl-right{right:0;left:auto}
+}
+.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}
+.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}
+.dropup .dropdown-toggle:empty::after{margin-left:0}
+.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}
+.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}
+.dropright .dropdown-toggle:empty::after{margin-left:0}
+.dropright .dropdown-toggle::after{vertical-align:0}
+.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}
+.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}
+.dropleft .dropdown-toggle::after{display:none}
+.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}
+.dropleft .dropdown-toggle:empty::after{margin-left:0}
+.dropleft .dropdown-toggle::before{vertical-align:0}
+.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}
+.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}
+.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}
+.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}
+.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}
+.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}
+.dropdown-menu.show{display:block}
+.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}
+.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}
+.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}
+.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}
+.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}
+.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}
+.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}
+.btn-toolbar .input-group{width:auto}
+.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}
+.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
+.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
+.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}
+.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}
+.dropleft .dropdown-toggle-split::before{margin-right:0}
+.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}
+.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}
+.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}
+.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}
+.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}
+.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}
+.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}
+.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}
+.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
+.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}
+.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}
+.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}
+.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}
+.input-group>.custom-file .custom-file-input:focus{z-index:4}
+.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
+.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
+.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
+.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}
+.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}
+.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}
+.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}
+.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}
+.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}
+.input-group-prepend{margin-right:-1px}
+.input-group-append{margin-left:-1px}
+.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}
+.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}
+.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}
+.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}
+.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}
+.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}
+.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}
+.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),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}
+.input-group>.input-group-append>.btn,.input-group>.input-group-append>.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),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}
+.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;-webkit-print-color-adjust:exact;color-adjust:exact}
+.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}
+.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}
+.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}
+.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}
+.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}
+.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}
+.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}
+.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}
+.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}
+.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}
+.custom-checkbox .custom-control-label::before{border-radius:.25rem}
+.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}
+.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}
+.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' 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(0,123,255,.5)}
+.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}
+.custom-radio .custom-control-label::before{border-radius:50%}
+.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' 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(0,123,255,.5)}
+.custom-switch{padding-left:2.25rem}
+.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}
+.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}
+@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}
+}
+.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}
+.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}
+.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}
+.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
+.custom-select:focus::-ms-value{color:#495057;background-color:#fff}
+.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}
+.custom-select:disabled{color:#6c757d;background-color:#e9ecef}
+.custom-select::-ms-expand{display:none}
+.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}
+.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}
+.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}
+.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}
+.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}
+.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
+.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}
+.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}
+.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}
+.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}
+.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}
+.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}
+.custom-range:focus{outline:0}
+.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}
+.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}
+.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}
+.custom-range::-moz-focus-outer{border:0}
+.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}
+@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}
+}
+.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}
+.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}
+.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}
+@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}
+}
+.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}
+.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}
+.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}
+@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}
+}
+.custom-range::-ms-thumb:active{background-color:#b3d7ff}
+.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}
+.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}
+.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}
+.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}
+.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}
+.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}
+.custom-range:disabled::-moz-range-track{cursor:default}
+.custom-range:disabled::-ms-thumb{background-color:#adb5bd}
+@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}
+}
+.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
+.nav-link{display:block;padding:.5rem 1rem}
+.nav-link:focus,.nav-link:hover{text-decoration:none}
+.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}
+.nav-tabs{border-bottom:1px solid #dee2e6}
+.nav-tabs .nav-item{margin-bottom:-1px}
+.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}
+.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}
+.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}
+.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}
+.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
+.nav-pills .nav-link{border-radius:.25rem}
+.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}
+.nav-fill .nav-item,.nav-fill>.nav-link{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}
+.nav-justified .nav-item,.nav-justified>.nav-link{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}
+.tab-content>.tab-pane{display:none}
+.tab-content>.active{display:block}
+.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}
+.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}
+.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}
+.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
+.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;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:.5rem;padding-bottom:.5rem}
+.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}
+.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}
+.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}
+.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,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}
+}
+@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}
+.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}
+.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}
+.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
+.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
+.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}
+.navbar-expand-sm .navbar-toggler{display:none}
+}
+@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}
+}
+@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}
+.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}
+.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}
+.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
+.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
+.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}
+.navbar-expand-md .navbar-toggler{display:none}
+}
+@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}
+}
+@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}
+.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}
+.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}
+.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
+.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
+.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}
+.navbar-expand-lg .navbar-toggler{display:none}
+}
+@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}
+}
+@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}
+.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}
+.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}
+.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
+.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
+.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}
+.navbar-expand-xl .navbar-toggler{display:none}
+}
+.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}
+.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}
+.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}
+.navbar-expand .navbar-nav .dropdown-menu{position:absolute}
+.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
+.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
+.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}
+.navbar-expand .navbar-toggler{display:none}
+.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}
+.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}
+.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}
+.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}
+.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}
+.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}
+.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}
+.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
+.navbar-light .navbar-text{color:rgba(0,0,0,.5)}
+.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}
+.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}
+.navbar-dark .navbar-brand{color:#fff}
+.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}
+.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}
+.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}
+.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}
+.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}
+.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}
+.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
+.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}
+.navbar-dark .navbar-text a{color:#fff}
+.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}
+.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}
+.card>hr{margin-right:0;margin-left:0}
+.card>.list-group{border-top:inherit;border-bottom:inherit}
+.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}
+.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}
+.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}
+.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}
+.card-title{margin-bottom:.75rem}
+.card-subtitle{margin-top:-.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:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}
+.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}
+.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}
+.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}
+.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}
+.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}
+.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}
+.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}
+.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}
+.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}
+.card-deck .card{margin-bottom:15px}
+@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}
+.card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}
+}
+.card-group>.card{margin-bottom:15px}
+@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}
+.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}
+.card-group>.card+.card{margin-left:0;border-left:0}
+.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
+.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}
+.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}
+.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
+.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}
+.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}
+}
+.card-columns .card{margin-bottom:.75rem}
+@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}
+.card-columns .card{display:inline-block;width:100%}
+}
+.accordion{overflow-anchor:none}
+.accordion>.card{overflow:hidden}
+.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
+.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}
+.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}
+.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}
+.breadcrumb-item{display:-ms-flexbox;display:flex}
+.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}
+.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}
+.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}
+.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}
+.breadcrumb-item.active{color:#6c757d}
+.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}
+.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}
+.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}
+.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
+.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
+.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
+.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}
+.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}
+.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}
+.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}
+.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}
+.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}
+.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}
+.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}
+.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
+@media (prefers-reduced-motion:reduce){.badge{transition:none}
+}
+a.badge:focus,a.badge:hover{text-decoration:none}
+.badge:empty{display:none}
+.btn .badge{position:relative;top:-1px}
+.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}
+.badge-primary{color:#fff;background-color:#007bff}
+a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}
+a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
+.badge-secondary{color:#fff;background-color:#6c757d}
+a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}
+a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
+.badge-success{color:#fff;background-color:#28a745}
+a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}
+a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}
+.badge-info{color:#fff;background-color:#17a2b8}
+a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}
+a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}
+.badge-warning{color:#212529;background-color:#ffc107}
+a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}
+a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}
+.badge-danger{color:#fff;background-color:#dc3545}
+a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}
+a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}
+.badge-light{color:#212529;background-color:#f8f9fa}
+a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}
+a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
+.badge-dark{color:#fff;background-color:#343a40}
+a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}
+a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}
+.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}
+@media (min-width:576px){.jumbotron{padding:4rem 2rem}
+}
+.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}
+.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
+.alert-heading{color:inherit}
+.alert-link{font-weight:700}
+.alert-dismissible{padding-right:4rem}
+.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}
+.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}
+.alert-primary hr{border-top-color:#9fcdff}
+.alert-primary .alert-link{color:#002752}
+.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}
+.alert-secondary hr{border-top-color:#c8cbcf}
+.alert-secondary .alert-link{color:#202326}
+.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}
+.alert-success hr{border-top-color:#b1dfbb}
+.alert-success .alert-link{color:#0b2e13}
+.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}
+.alert-info hr{border-top-color:#abdde5}
+.alert-info .alert-link{color:#062c33}
+.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}
+.alert-warning hr{border-top-color:#ffe8a1}
+.alert-warning .alert-link{color:#533f03}
+.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
+.alert-danger hr{border-top-color:#f1b0b7}
+.alert-danger .alert-link{color:#491217}
+.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:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}
+.alert-dark hr{border-top-color:#b9bbbe}
+.alert-dark .alert-link{color:#040505}
+@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}
+to{background-position:0 0}
+}
+@keyframes progress-bar-stripes{from{background-position:1rem 0}
+to{background-position:0 0}
+}
+.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}
+.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}
+@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}
+}
+.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}
+.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}
+@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}
+}
+.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}
+.media-body{-ms-flex:1;flex:1}
+.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}
+.list-group-item-action{width:100%;color:#495057;text-align:inherit}
+.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}
+.list-group-item-action:active{color:#212529;background-color:#e9ecef}
+.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}
+.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}
+.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}
+.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}
+.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}
+.list-group-item+.list-group-item{border-top-width:0}
+.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}
+.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}
+.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}
+.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}
+.list-group-horizontal>.list-group-item.active{margin-top:0}
+.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}
+.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
+@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}
+.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}
+.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}
+.list-group-horizontal-sm>.list-group-item.active{margin-top:0}
+.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}
+.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
+}
+@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}
+.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}
+.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}
+.list-group-horizontal-md>.list-group-item.active{margin-top:0}
+.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}
+.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
+}
+@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}
+.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}
+.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}
+.list-group-horizontal-lg>.list-group-item.active{margin-top:0}
+.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}
+.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
+}
+@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}
+.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}
+.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}
+.list-group-horizontal-xl>.list-group-item.active{margin-top:0}
+.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}
+.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
+}
+.list-group-flush{border-radius:0}
+.list-group-flush>.list-group-item{border-width:0 0 1px}
+.list-group-flush>.list-group-item:last-child{border-bottom-width:0}
+.list-group-item-primary{color:#004085;background-color:#b8daff}
+.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}
+.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}
+.list-group-item-secondary{color:#383d41;background-color:#d6d8db}
+.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}
+.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}
+.list-group-item-success{color:#155724;background-color:#c3e6cb}
+.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}
+.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}
+.list-group-item-info{color:#0c5460;background-color:#bee5eb}
+.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}
+.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}
+.list-group-item-warning{color:#856404;background-color:#ffeeba}
+.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}
+.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}
+.list-group-item-danger{color:#721c24;background-color:#f5c6cb}
+.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}
+.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}
+.list-group-item-light{color:#818182;background-color:#fdfdfe}
+.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{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:#1b1e21;background-color:#c6c8ca}
+.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}
+.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}
+.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}
+.close:hover{color:#000;text-decoration:none}
+.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}
+button.close{padding:0;background-color:transparent;border:0}
+a.close.disabled{pointer-events:none}
+.toast{-ms-flex-preferred-size:350px;flex-basis:350px;max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}
+.toast:not(:last-child){margin-bottom:.75rem}
+.toast.showing{opacity:1}
+.toast.show{display:block;opacity:1}
+.toast.hide{display:none}
+.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}
+.toast-body{padding:.75rem}
+.modal-open{overflow:hidden}
+.modal-open .modal{overflow-x:hidden;overflow-y:auto}
+.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
+.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
+.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}
+@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}
+}
+.modal.show .modal-dialog{-webkit-transform:none;transform:none}
+.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}
+.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}
+.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}
+.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}
+.modal-dialog-scrollable .modal-body{overflow-y:auto}
+.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}
+.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}
+.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}
+.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}
+.modal-dialog-centered.modal-dialog-scrollable::before{content:none}
+.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
+.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
+.modal-backdrop.fade{opacity:0}
+.modal-backdrop.show{opacity:.5}
+.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
+.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}
+.modal-title{margin-bottom:0;line-height:1.5}
+.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}
+.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}
+.modal-footer>*{margin:.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-scrollable{max-height:calc(100% - 3.5rem)}
+.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}
+.modal-dialog-centered{min-height:calc(100% - 3.5rem)}
+.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}
+.modal-sm{max-width:300px}
+}
+@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}
+}
+@media (min-width:1200px){.modal-xl{max-width:1140px}
+}
+.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";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:.875rem;word-wrap:break-word;opacity:0}
+.tooltip.show{opacity:.9}
+.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}
+.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}
+.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}
+.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}
+.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}
+.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}
+.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}
+.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}
+.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}
+.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}
+.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}
+.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}
+.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}
+.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}
+.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}
+.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,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";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:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border-radius:.3rem}
+.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}
+.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}
+.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}
+.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}
+.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}
+.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}
+.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}
+.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}
+.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}
+.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;}
+.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}
+.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}
+.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0}
+.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}
+.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}
+.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}
+.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}
+.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;}
+.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}
+.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
+.popover-header:empty{display:none}
+.popover-body{padding:.5rem .75rem;color:#212529}
+.carousel{position:relative}
+.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}
+.carousel-inner{position:relative;width:100%;overflow:hidden}
+.carousel-inner::after{display:block;clear:both;content:""}
+.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}
+@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}
+}
+.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}
+.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}
+.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}
+.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}
+.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}
+.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}
+@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}
+}
+.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}
+@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}
+}
+.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}
+.carousel-control-prev{left:0}
+.carousel-control-next{right:0}
+.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}
+.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}
+.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}
+.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}
+.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}
+@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}
+}
+.carousel-indicators .active{opacity:1}
+.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}
+@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
+}
+@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
+}
+.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}
+.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}
+@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}
+50%{opacity:1;-webkit-transform:none;transform:none}
+}
+@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}
+50%{opacity:1;-webkit-transform:none;transform:none}
+}
+.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}
+.spinner-grow-sm{width:1rem;height:1rem}
+.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:#007bff!important}
+a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}
+.bg-secondary{background-color:#6c757d!important}
+a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}
+.bg-success{background-color:#28a745!important}
+a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}
+.bg-info{background-color:#17a2b8!important}
+a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}
+.bg-warning{background-color:#ffc107!important}
+a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}
+.bg-danger{background-color:#dc3545!important}
+a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}
+.bg-light{background-color:#f8f9fa!important}
+a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}
+.bg-dark{background-color:#343a40!important}
+a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}
+.bg-white{background-color:#fff!important}
+.bg-transparent{background-color:transparent!important}
+.border{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:#007bff!important}
+.border-secondary{border-color:#6c757d!important}
+.border-success{border-color:#28a745!important}
+.border-info{border-color:#17a2b8!important}
+.border-warning{border-color:#ffc107!important}
+.border-danger{border-color:#dc3545!important}
+.border-light{border-color:#f8f9fa!important}
+.border-dark{border-color:#343a40!important}
+.border-white{border-color:#fff!important}
+.rounded-sm{border-radius:.2rem!important}
+.rounded{border-radius:.25rem!important}
+.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}
+.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}
+.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}
+.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}
+.rounded-lg{border-radius:.3rem!important}
+.rounded-circle{border-radius:50%!important}
+.rounded-pill{border-radius:50rem!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:-ms-flexbox!important;display:flex!important}
+.d-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}
+.d-sm-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}
+.d-md-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}
+.d-lg-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}
+.d-xl-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}
+.d-print-inline-flex{display:-ms-inline-flexbox!important;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 embed,.embed-responsive iframe,.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.857143%}
+.embed-responsive-16by9::before{padding-top:56.25%}
+.embed-responsive-4by3::before{padding-top:75%}
+.embed-responsive-1by1::before{padding-top:100%}
+.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}
+.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}
+.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
+.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
+.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
+.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
+.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
+.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
+.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
+.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
+.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}
+.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}
+.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
+.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
+.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}
+.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
+.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
+.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}
+.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}
+.align-items-center{-ms-flex-align:center!important;align-items:center!important}
+.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
+.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
+.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
+.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
+.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}
+.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
+.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
+.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
+.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}
+.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
+.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
+.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}
+.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
+.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}
+@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}
+.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}
+.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
+.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
+.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
+.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
+.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
+.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
+.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
+.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
+.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}
+.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}
+.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
+.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
+.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}
+.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
+.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
+.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}
+.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}
+.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}
+.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
+.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
+.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
+.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
+.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}
+.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
+.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
+.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
+.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}
+.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
+.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
+.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}
+.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
+.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}
+}
+@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}
+.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}
+.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
+.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
+.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
+.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
+.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
+.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
+.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
+.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
+.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}
+.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}
+.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
+.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
+.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}
+.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
+.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
+.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}
+.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}
+.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}
+.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
+.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
+.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
+.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
+.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}
+.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
+.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
+.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
+.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}
+.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
+.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
+.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}
+.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
+.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}
+}
+@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}
+.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}
+.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
+.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
+.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
+.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
+.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
+.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
+.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
+.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
+.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}
+.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}
+.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
+.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
+.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}
+.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
+.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
+.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}
+.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}
+.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}
+.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
+.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
+.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
+.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
+.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}
+.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
+.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
+.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
+.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}
+.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
+.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
+.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}
+.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
+.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}
+}
+@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}
+.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}
+.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
+.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
+.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
+.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
+.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
+.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
+.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
+.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
+.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}
+.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}
+.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
+.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
+.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}
+.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
+.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
+.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}
+.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}
+.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}
+.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
+.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
+.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
+.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
+.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}
+.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
+.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
+.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
+.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}
+.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
+.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
+.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}
+.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
+.align-self-xl-stretch{-ms-flex-item-align:stretch!important;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}
+}
+.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;-ms-user-select:all!important;user-select:all!important}
+.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}
+.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}
+.overflow-auto{overflow:auto!important}
+.overflow-hidden{overflow:hidden!important}
+.position-static{position:static!important}
+.position-relative{position:relative!important}
+.position-absolute{position:absolute!important}
+.position-fixed{position:fixed!important}
+.position-sticky{position:-webkit-sticky!important;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}
+@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}
+}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
+.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
+.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}
+.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}
+.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}
+.shadow-none{box-shadow:none!important}
+.w-25{width:25%!important}
+.w-50{width:50%!important}
+.w-75{width:75%!important}
+.w-100{width:100%!important}
+.w-auto{width:auto!important}
+.h-25{height:25%!important}
+.h-50{height:50%!important}
+.h-75{height:75%!important}
+.h-100{height:100%!important}
+.h-auto{height:auto!important}
+.mw-100{max-width:100%!important}
+.mh-100{max-height:100%!important}
+.min-vw-100{min-width:100vw!important}
+.min-vh-100{min-height:100vh!important}
+.vw-100{width:100vw!important}
+.vh-100{height:100vh!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:.25rem!important}
+.mt-1,.my-1{margin-top:.25rem!important}
+.mr-1,.mx-1{margin-right:.25rem!important}
+.mb-1,.my-1{margin-bottom:.25rem!important}
+.ml-1,.mx-1{margin-left:.25rem!important}
+.m-2{margin:.5rem!important}
+.mt-2,.my-2{margin-top:.5rem!important}
+.mr-2,.mx-2{margin-right:.5rem!important}
+.mb-2,.my-2{margin-bottom:.5rem!important}
+.ml-2,.mx-2{margin-left:.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{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:.25rem!important}
+.pt-1,.py-1{padding-top:.25rem!important}
+.pr-1,.px-1{padding-right:.25rem!important}
+.pb-1,.py-1{padding-bottom:.25rem!important}
+.pl-1,.px-1{padding-left:.25rem!important}
+.p-2{padding:.5rem!important}
+.pt-2,.py-2{padding-top:.5rem!important}
+.pr-2,.px-2{padding-right:.5rem!important}
+.pb-2,.py-2{padding-bottom:.5rem!important}
+.pl-2,.px-2{padding-left:.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-n1{margin:-.25rem!important}
+.mt-n1,.my-n1{margin-top:-.25rem!important}
+.mr-n1,.mx-n1{margin-right:-.25rem!important}
+.mb-n1,.my-n1{margin-bottom:-.25rem!important}
+.ml-n1,.mx-n1{margin-left:-.25rem!important}
+.m-n2{margin:-.5rem!important}
+.mt-n2,.my-n2{margin-top:-.5rem!important}
+.mr-n2,.mx-n2{margin-right:-.5rem!important}
+.mb-n2,.my-n2{margin-bottom:-.5rem!important}
+.ml-n2,.mx-n2{margin-left:-.5rem!important}
+.m-n3{margin:-1rem!important}
+.mt-n3,.my-n3{margin-top:-1rem!important}
+.mr-n3,.mx-n3{margin-right:-1rem!important}
+.mb-n3,.my-n3{margin-bottom:-1rem!important}
+.ml-n3,.mx-n3{margin-left:-1rem!important}
+.m-n4{margin:-1.5rem!important}
+.mt-n4,.my-n4{margin-top:-1.5rem!important}
+.mr-n4,.mx-n4{margin-right:-1.5rem!important}
+.mb-n4,.my-n4{margin-bottom:-1.5rem!important}
+.ml-n4,.mx-n4{margin-left:-1.5rem!important}
+.m-n5{margin:-3rem!important}
+.mt-n5,.my-n5{margin-top:-3rem!important}
+.mr-n5,.mx-n5{margin-right:-3rem!important}
+.mb-n5,.my-n5{margin-bottom:-3rem!important}
+.ml-n5,.mx-n5{margin-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:.25rem!important}
+.mt-sm-1,.my-sm-1{margin-top:.25rem!important}
+.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}
+.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}
+.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}
+.m-sm-2{margin:.5rem!important}
+.mt-sm-2,.my-sm-2{margin-top:.5rem!important}
+.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}
+.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}
+.ml-sm-2,.mx-sm-2{margin-left:.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:.25rem!important}
+.pt-sm-1,.py-sm-1{padding-top:.25rem!important}
+.pr-sm-1,.px-sm-1{padding-right:.25rem!important}
+.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}
+.pl-sm-1,.px-sm-1{padding-left:.25rem!important}
+.p-sm-2{padding:.5rem!important}
+.pt-sm-2,.py-sm-2{padding-top:.5rem!important}
+.pr-sm-2,.px-sm-2{padding-right:.5rem!important}
+.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}
+.pl-sm-2,.px-sm-2{padding-left:.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-n1{margin:-.25rem!important}
+.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}
+.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}
+.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}
+.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}
+.m-sm-n2{margin:-.5rem!important}
+.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}
+.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}
+.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}
+.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}
+.m-sm-n3{margin:-1rem!important}
+.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}
+.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}
+.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}
+.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}
+.m-sm-n4{margin:-1.5rem!important}
+.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}
+.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}
+.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}
+.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}
+.m-sm-n5{margin:-3rem!important}
+.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}
+.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}
+.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}
+.ml-sm-n5,.mx-sm-n5{margin-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:.25rem!important}
+.mt-md-1,.my-md-1{margin-top:.25rem!important}
+.mr-md-1,.mx-md-1{margin-right:.25rem!important}
+.mb-md-1,.my-md-1{margin-bottom:.25rem!important}
+.ml-md-1,.mx-md-1{margin-left:.25rem!important}
+.m-md-2{margin:.5rem!important}
+.mt-md-2,.my-md-2{margin-top:.5rem!important}
+.mr-md-2,.mx-md-2{margin-right:.5rem!important}
+.mb-md-2,.my-md-2{margin-bottom:.5rem!important}
+.ml-md-2,.mx-md-2{margin-left:.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:.25rem!important}
+.pt-md-1,.py-md-1{padding-top:.25rem!important}
+.pr-md-1,.px-md-1{padding-right:.25rem!important}
+.pb-md-1,.py-md-1{padding-bottom:.25rem!important}
+.pl-md-1,.px-md-1{padding-left:.25rem!important}
+.p-md-2{padding:.5rem!important}
+.pt-md-2,.py-md-2{padding-top:.5rem!important}
+.pr-md-2,.px-md-2{padding-right:.5rem!important}
+.pb-md-2,.py-md-2{padding-bottom:.5rem!important}
+.pl-md-2,.px-md-2{padding-left:.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-n1{margin:-.25rem!important}
+.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}
+.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}
+.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}
+.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}
+.m-md-n2{margin:-.5rem!important}
+.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}
+.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}
+.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}
+.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}
+.m-md-n3{margin:-1rem!important}
+.mt-md-n3,.my-md-n3{margin-top:-1rem!important}
+.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}
+.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}
+.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}
+.m-md-n4{margin:-1.5rem!important}
+.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}
+.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}
+.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}
+.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}
+.m-md-n5{margin:-3rem!important}
+.mt-md-n5,.my-md-n5{margin-top:-3rem!important}
+.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}
+.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}
+.ml-md-n5,.mx-md-n5{margin-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:.25rem!important}
+.mt-lg-1,.my-lg-1{margin-top:.25rem!important}
+.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}
+.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}
+.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}
+.m-lg-2{margin:.5rem!important}
+.mt-lg-2,.my-lg-2{margin-top:.5rem!important}
+.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}
+.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}
+.ml-lg-2,.mx-lg-2{margin-left:.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:.25rem!important}
+.pt-lg-1,.py-lg-1{padding-top:.25rem!important}
+.pr-lg-1,.px-lg-1{padding-right:.25rem!important}
+.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}
+.pl-lg-1,.px-lg-1{padding-left:.25rem!important}
+.p-lg-2{padding:.5rem!important}
+.pt-lg-2,.py-lg-2{padding-top:.5rem!important}
+.pr-lg-2,.px-lg-2{padding-right:.5rem!important}
+.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}
+.pl-lg-2,.px-lg-2{padding-left:.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-n1{margin:-.25rem!important}
+.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}
+.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}
+.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}
+.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}
+.m-lg-n2{margin:-.5rem!important}
+.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}
+.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}
+.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}
+.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}
+.m-lg-n3{margin:-1rem!important}
+.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}
+.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}
+.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}
+.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}
+.m-lg-n4{margin:-1.5rem!important}
+.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}
+.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}
+.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}
+.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}
+.m-lg-n5{margin:-3rem!important}
+.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}
+.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}
+.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}
+.ml-lg-n5,.mx-lg-n5{margin-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:.25rem!important}
+.mt-xl-1,.my-xl-1{margin-top:.25rem!important}
+.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}
+.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}
+.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}
+.m-xl-2{margin:.5rem!important}
+.mt-xl-2,.my-xl-2{margin-top:.5rem!important}
+.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}
+.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}
+.ml-xl-2,.mx-xl-2{margin-left:.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:.25rem!important}
+.pt-xl-1,.py-xl-1{padding-top:.25rem!important}
+.pr-xl-1,.px-xl-1{padding-right:.25rem!important}
+.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}
+.pl-xl-1,.px-xl-1{padding-left:.25rem!important}
+.p-xl-2{padding:.5rem!important}
+.pt-xl-2,.py-xl-2{padding-top:.5rem!important}
+.pr-xl-2,.px-xl-2{padding-right:.5rem!important}
+.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}
+.pl-xl-2,.px-xl-2{padding-left:.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-n1{margin:-.25rem!important}
+.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}
+.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}
+.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}
+.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}
+.m-xl-n2{margin:-.5rem!important}
+.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}
+.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}
+.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}
+.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}
+.m-xl-n3{margin:-1rem!important}
+.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}
+.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}
+.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}
+.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}
+.m-xl-n4{margin:-1.5rem!important}
+.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}
+.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}
+.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}
+.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}
+.m-xl-n5{margin:-3rem!important}
+.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}
+.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}
+.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}
+.ml-xl-n5,.mx-xl-n5{margin-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}
+}
+.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}
+.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}
+.text-justify{text-align:justify!important}
+.text-wrap{white-space:normal!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-lighter{font-weight:lighter!important}
+.font-weight-normal{font-weight:400!important}
+.font-weight-bold{font-weight:700!important}
+.font-weight-bolder{font-weight:bolder!important}
+.font-italic{font-style:italic!important}
+.text-white{color:#fff!important}
+.text-primary{color:#007bff!important}
+a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}
+.text-secondary{color:#6c757d!important}
+a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}
+.text-success{color:#28a745!important}
+a.text-success:focus,a.text-success:hover{color:#19692c!important}
+.text-info{color:#17a2b8!important}
+a.text-info:focus,a.text-info:hover{color:#0f6674!important}
+.text-warning{color:#ffc107!important}
+a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}
+.text-danger{color:#dc3545!important}
+a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}
+.text-light{color:#f8f9fa!important}
+a.text-light:focus,a.text-light:hover{color:#cbd3da!important}
+.text-dark{color:#343a40!important}
+a.text-dark:focus,a.text-dark:hover{color:#121416!important}
+.text-body{color:#212529!important}
+.text-muted{color:#6c757d!important}
+.text-black-50{color:rgba(0,0,0,.5)!important}
+.text-white-50{color:rgba(255,255,255,.5)!important}
+.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
+.text-decoration-none{text-decoration:none!important}
+.text-break{word-break:break-word!important;word-wrap:break-word!important}
+.text-reset{color:inherit!important}
+.visible{visibility:visible!important}
+.invisible{visibility:hidden!important}
+@media print{*,::after,::before{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}
+blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}
+thead{display:table-header-group}
+img,tr{page-break-inside:avoid}
+h2,h3,p{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{border-collapse:collapse!important}
+.table td,.table th{background-color:#fff!important}
+.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}
+.table-dark{color:inherit}
+.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}
+.table .thead-dark th{color:inherit;border-color:#dee2e6}
+}
+
diff --git a/fonts/fa-regular-400.woff b/fonts/fa-regular-400.woff
new file mode 100644
index 0000000..43b1a9a
Binary files /dev/null and b/fonts/fa-regular-400.woff differ
diff --git a/fonts/fa-regular-400.woff2 b/fonts/fa-regular-400.woff2
new file mode 100644
index 0000000..b9344a7
Binary files /dev/null and b/fonts/fa-regular-400.woff2 differ
diff --git a/fonts/fa-solid-900.woff b/fonts/fa-solid-900.woff
new file mode 100644
index 0000000..77c1786
Binary files /dev/null and b/fonts/fa-solid-900.woff differ
diff --git a/fonts/fa-solid-900.woff2 b/fonts/fa-solid-900.woff2
new file mode 100644
index 0000000..e30fb67
Binary files /dev/null and b/fonts/fa-solid-900.woff2 differ
diff --git a/fonts/roboto-v19-italic-700.woff b/fonts/roboto-v19-italic-700.woff
new file mode 100644
index 0000000..55befb6
Binary files /dev/null and b/fonts/roboto-v19-italic-700.woff differ
diff --git a/fonts/roboto-v19-italic-700.woff2 b/fonts/roboto-v19-italic-700.woff2
new file mode 100644
index 0000000..93ee346
Binary files /dev/null and b/fonts/roboto-v19-italic-700.woff2 differ
diff --git a/fonts/roboto-v19-italic.woff b/fonts/roboto-v19-italic.woff
new file mode 100644
index 0000000..cd91cce
Binary files /dev/null and b/fonts/roboto-v19-italic.woff differ
diff --git a/fonts/roboto-v19-italic.woff2 b/fonts/roboto-v19-italic.woff2
new file mode 100644
index 0000000..bdeb9f5
Binary files /dev/null and b/fonts/roboto-v19-italic.woff2 differ
diff --git a/fonts/roboto-v19-regular-700.woff b/fonts/roboto-v19-regular-700.woff
new file mode 100644
index 0000000..8c9b024
Binary files /dev/null and b/fonts/roboto-v19-regular-700.woff differ
diff --git a/fonts/roboto-v19-regular-700.woff2 b/fonts/roboto-v19-regular-700.woff2
new file mode 100644
index 0000000..3768f01
Binary files /dev/null and b/fonts/roboto-v19-regular-700.woff2 differ
diff --git a/fonts/roboto-v19-regular.woff b/fonts/roboto-v19-regular.woff
new file mode 100644
index 0000000..7245f5c
Binary files /dev/null and b/fonts/roboto-v19-regular.woff differ
diff --git a/fonts/roboto-v19-regular.woff2 b/fonts/roboto-v19-regular.woff2
new file mode 100644
index 0000000..2e3eefc
Binary files /dev/null and b/fonts/roboto-v19-regular.woff2 differ
diff --git a/images/contactgroup.svg b/images/contactgroup.svg
new file mode 100644
index 0000000..f8f9c21
--- /dev/null
+++ b/images/contactgroup.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
+  <path d="M133.5 273.5c30.3 0 55-24.7 55-55s-24.7-55-55-55-55 24.7-55 55 24.7 55 55 55zm385 0c30.3 0 55-24.7 55-55s-24.7-55-55-55-55 24.7-55 55 24.7 55 55 55zM546 301h-55c-15.1 0-28.8 6.1-38.8 16 34.6 19 59.2 53.3 64.5 94h56.7c15.2 0 27.5-12.3 27.5-27.5V356c.1-30.3-24.6-55-54.9-55zm-220 0c53.2 0 96.2-43.1 96.2-96.2s-43.1-96.2-96.2-96.2-96.2 43.1-96.2 96.2 43 96.2 96.2 96.2zm66 27.5h-7.1c-17.9 8.6-37.7 13.8-58.9 13.8s-40.9-5.2-58.9-13.8H260c-54.7 0-99 44.3-99 99v24.8c0 22.8 18.5 41.2 41.2 41.2h247.5c22.8 0 41.2-18.5 41.2-41.2v-24.8c.1-54.7-44.2-99-98.9-99zM199.8 317c-10-9.9-23.6-16-38.8-16h-55c-30.3 0-55 24.7-55 55v27.5c0 15.2 12.3 27.5 27.5 27.5h56.6c5.4-40.7 30-75 64.7-94z" fill="#ccc"/>
+</svg>
diff --git a/images/contactpic.svg b/images/contactpic.svg
new file mode 100644
index 0000000..ea0dfe9
--- /dev/null
+++ b/images/contactpic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <path d="M256 246c50.5 0 91.4-40.9 91.4-91.4S306.5 63.1 256 63.1s-91.4 40.9-91.4 91.4S205.5 246 256 246zm64 22.9h-11.9c-15.9 7.3-33.5 11.4-52.1 11.4s-36.1-4.1-52.1-11.4H192c-53 0-96 43-96 96v29.7c0 18.9 15.4 34.3 34.3 34.3h251.4c18.9 0 34.3-15.4 34.3-34.3v-29.7c0-53-43-96-96-96z" fill="#ccc"/>
+</svg>
diff --git a/images/corner-handle.svg b/images/corner-handle.svg
new file mode 100644
index 0000000..ecf8d06
--- /dev/null
+++ b/images/corner-handle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path fill="#888" d="M6.7 16L16 6.7V5.3L5.3 16zM9.7 16L16 9.7V8.3L8.3 16zM12.7 16l3.3-3.3v-1.4L11.3 16zM15.7 16l.3-.3v-1.4L14.3 16z"/>
+</svg>
diff --git a/images/download.svg b/images/download.svg
new file mode 100644
index 0000000..10fbd48
--- /dev/null
+++ b/images/download.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 560">
+<path fill="#d4dbde" d="M690 245c0 9.2-3.5 17.9-10.1 24.9l-175 175c-6.6 6.6-15.3 10.1-24.9 10.1-9.2 0-18.4-3.5-24.9-10.1l-175-175c-6.6-7-10.1-15.8-10.1-24.9 0-4.4.9-9.2 2.6-13.6C277.9 218.3 291 210 305 210h87.5V35c0-19.2 15.8-35 35-35h105c19.2 0 35 15.8 35 35v175H655c14 0 27.1 8.3 32.4 21.4 1.7 4.4 2.6 9.2 2.6 13.6zm0 245H270V350h-70v140c0 38.5 31.5 70 70 70h420c38.5 0 70-31.5 70-70V350h-70v140z"/>
+</svg>
diff --git a/images/favicon.ico b/images/favicon.ico
new file mode 100644
index 0000000..9f8c783
Binary files /dev/null and b/images/favicon.ico differ
diff --git a/images/google-icon.svg b/images/google-icon.svg
new file mode 100644
index 0000000..e2c39ed
--- /dev/null
+++ b/images/google-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#4285F4" d="M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z"></path><path fill="#34A853" d="M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z"></path><path fill="#FBBC05" d="M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24c0 3.55.85 6.91 2.34 9.88l7.35-5.7z"></path><path fill="#EA4335" d="M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2 15.4 2 7.96 6.93 4.34 14.12l7.35 5.7c1.73-5.2 6.58-9.07 12.31-9.07z"></path><path fill="none" d="M2 2h44v44H2z"></path></svg>
diff --git a/images/logo.svg b/images/logo.svg
new file mode 100644
index 0000000..e3ee3fe
--- /dev/null
+++ b/images/logo.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="9.14 141.8 573.65 573.65">
+  <style>
+    .st0,.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#404f54}.st3{fill:#37beff}
+  </style>
+  <path class="st3" d="M582.79 549.77L295.96 384.1V207.27l286.83 165.68z"/>
+  <path class="st0" d="M9.14 549.77L295.96 384.1V207.27L9.14 372.95z"/>
+  <path d="M295.96 141.8c109.56 0 198.41 88.85 198.41 198.41s-88.85 198.41-198.41 198.41S97.55 449.77 97.55 340.21 186.4 141.8 295.96 141.8" fill-rule="evenodd" clip-rule="evenodd" fill="#ccc"/>
+  <path d="M295.96 141.8c109.6 0 198.48 88.85 198.48 198.41s-88.88 198.41-198.48 198.41c-62.91-42.34-88.94-127.64-88.94-198.3s26.03-156.1 88.94-198.52" fill-rule="evenodd" clip-rule="evenodd" fill="#e5e5e5"/>
+  <path class="st3" d="M582.79 372.95L295.96 538.62v176.83l286.83-165.68z"/>
+  <path class="st0" d="M9.14 372.95l286.82 165.67v176.83L9.14 549.77z"/>
+</svg>
diff --git a/images/microsoft-icon.svg b/images/microsoft-icon.svg
new file mode 100644
index 0000000..25bec39
--- /dev/null
+++ b/images/microsoft-icon.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 116 116" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+<g transform="matrix(1,0,0,1,-22.0613,-141.704)"><path d="M26.088,145.515L77.643,145.515L77.639,197.07L26.088,197.07L26.088,145.515Z" style="fill:rgb(246,83,20);"/></g>
+<g transform="matrix(1,0,0,1,-22.0613,-141.704)"><path d="M82.907,145.515L134.462,145.515C134.462,162.7 134.465,179.885 134.459,197.07C117.277,197.067 100.092,197.07 82.91,197.07C82.904,179.885 82.907,162.7 82.907,145.515Z" style="fill:rgb(127,187,65);"/></g>
+<g transform="matrix(1,0,0,1,-22.0613,-141.704)"><path d="M26.088,202.331C43.273,202.337 60.458,202.329 77.643,202.337C77.646,219.522 77.643,236.704 77.643,253.889L26.088,253.889L26.088,202.331Z" style="fill:rgb(0,161,241);"/></g>
+<g transform="matrix(1,0,0,1,-22.0613,-141.704)"><path d="M82.91,202.337C100.092,202.331 117.277,202.334 134.462,202.334L134.462,253.889L82.907,253.889C82.91,236.704 82.904,219.519 82.91,202.337Z" style="fill:rgb(255,187,0);"/></g>
+</svg>
diff --git a/meta.json b/meta.json
new file mode 100644
index 0000000..199f35a
--- /dev/null
+++ b/meta.json
@@ -0,0 +1,21 @@
+{
+	"name": "Elastic2022",
+	"author": "Sebastien Mille",
+	"url": "https://github.com/seb1k/Elastic2022",
+	"license": "Creative Commons Attribution-ShareAlike",
+	"license-url": "http://creativecommons.org/licenses/by-sa/3.0/",
+	"config": {
+		"supported_layouts": ["widescreen"],
+		"jquery_ui_colors_theme": "bootstrap",
+		"embed_css_location": "/styles/embed.css",
+		"editor_css_location": "/styles/embed.css",
+		"dark_mode_support": true,
+		"media_browser_css_location": "none",
+		"additional_logo_types": ["dark", "small", "small-dark"]
+	},
+	"meta": {
+		"viewport": "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0",
+		"theme-color": "#f4f4f4",
+		"msapplication-navbutton-color": "#f4f4f4"
+	}
+}
diff --git a/plugins/calendar/templates/calendar.html b/plugins/calendar/templates/calendar.html
new file mode 100644
index 0000000..4f934bb
--- /dev/null
+++ b/plugins/calendar/templates/calendar.html
@@ -0,0 +1,402 @@
+<roundcube:include file="includes/layout.html" />
+
+
+<h1 class="voice"><roundcube:label name="calendar.calendar" /></h1>
+
+<!-- calendars list -->
+<div id="layout-sidebar" class="listbox" role="navigation" aria-labelledby="arial-label-calendars">
+
+	<div class="header">
+		<a class="button icon back-content-button" href="#back" data-hidden="big"><span class="inner"><roundcube:label name="back" /></span></a>
+		<span id="aria-label-calendars" class="header-title"><roundcube:label name="calendar.calendars" /></span>
+		<roundcube:button name="calendaractionsmenu" id="calendaroptionsmenulink" type="link"
+			title="calendar.calendaractions" class="button icon sidebar-menu" data-popup="calendaractions-menu"
+			innerClass="inner" label="actions" />
+	</div>
+	
+	
+	<div id="datepicker" class="calendar-datepicker" role="presentation"></div>
+
+	<span class="spacer" style="height:30px"></span>
+
+
+		<roundcube:object name="libkolab.folder_search_form" id="calendarlistsearch" wrapper="searchbar menu"
+			ariatag="h2" label="calsearchform" label-domain="calendar" buttontitle="findcalendars" />
+			
+		<div id="calendars-content" class="scroller">
+			<roundcube:object name="plugin.calendar_list" id="calendarslist" class="treelist listing iconized" />
+		</div>
+
+	<h2 id="aria-label-minical" class="voice"><roundcube:label name="calendar.arialabelminical" /></h2>
+	
+
+			<roundcube:include file="includes/footer_menu.html" />
+
+
+</div>
+
+<!-- calendar -->
+<div id="layout-content" class="selected no-navbar" role="main">
+			<roundcube:include file="includes/top-right_menu.html" />
+
+	<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
+	<div class="header" role="toolbar" aria-labelledby="aria-label-toolbar">
+		
+		<div class="only_small_screen">
+		<a class="button icon task-menu-button" href="#menu"><span class="inner"><roundcube:label name="menu" /></span></a>
+		</div>
+		<span class="header-title"></span>
+		<!-- toolbar -->
+		<div id="calendartoolbar" class="toolbar menu">
+			<roundcube:button command="addevent" type="link"
+				class="button create disabled" classAct="button create"
+				label="create" title="calendar.new_event" innerClass="inner" />
+			<roundcube:button command="print" type="link" data-hidden="small"
+				class="button print disabled" classAct="button print"
+				label="calendar.print" title="calendar.printtitle" innerClass="inner" />
+			<span class="spacer"></span>
+			<roundcube:button command="events-import" type="link"
+				class="button import disabled" classAct="button import"
+				label="import" title="calendar.importevents" innerClass="inner" />
+			<roundcube:button command="export" type="link"
+				class="button export disabled" classAct="button export"
+				label="calendar.export" title="calendar.exporttitle" innerClass="inner" />
+			<roundcube:container name="toolbar" id="calendartoolbar" />
+			
+<span class="spacer"></span><span class="spacer"></span>
+<span class="spacer"></span><span class="spacer"></span>
+		</div>
+	</div>
+	<roundcube:object name="plugin.searchform" id="searchform" wrapper="searchbar menu"
+		label="searchform" buttontitle="calendar.findevents" label-domain="calendar" ariatag="h2" />
+	<h2 id="aria-label-calendarview" class="voice"><roundcube:label name="calendar.arialabelcalendarview" /></h2>
+	<div id="calendar" class="content" role="main" aria-labelledby="aria-label-calendarview" data-elastic-mode="true">
+		<roundcube:object name="plugin.agenda_options" id="agendaoptions" />
+		<div id="searchcontrols" class="search-controls"></div>
+	</div>
+	<div class="footer toolbar menu content-frame-navigation" role="toolbar" data-hidden="big">
+		<a href="#" class="button prev" onclick="$('.fc-prev-button').click()"><span class="inner"><roundcube:label name="previous" /></span></a>
+		<a href="#" class="button today" onclick="$('.fc-today-button').click()"><span class="inner"><roundcube:label name="today" /></span></a>
+		<a href="#" class="button date" onclick="window.calendar_datepicker()"><span class="inner"><roundcube:label name="date" /></span></a>
+		<a href="#" class="button next" onclick="$('.fc-next-button').click()"><span class="inner"><roundcube:label name="next" /></span></a>
+	</div>
+</div>
+
+<div id="timezone-display" class="hidden"><roundcube:var name="env:timezone" /></div>
+
+<div id="eventshow" class="popupmenu formcontent propform text-only">
+	<h1 id="event-title" class="event-title form-group">Event Title</h1>
+	<div id="event-status-badge"><span></span></div>
+	<div class="event-location form-group" id="event-location">Location</div>
+	<div class="event-date form-group" id="event-date">From-To</div>
+	<div class="event-description form-group" id="event-description">
+		<div class="event-text"></div>
+	</div>
+	<div class="event-attendees form-group" id="event-attendees">
+		<div class="event-text"></div>
+	</div>
+	<div id="event-url" class="form-group row">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="calendar.url" /></label>
+		<span class="event-text col-sm-8 form-control-plaintext"></span>
+	</div>
+	<div id="event-repeat" class="form-group row">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="calendar.repeat" /></label>
+		<span class="event-text col-sm-8 form-control-plaintext"></span>
+	</div>
+	<div id="event-alarm" class="form-group row">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="calendar.alarms" /></label>
+		<span class="event-text col-sm-8 form-control-plaintext"></span>
+	</div>
+	<div id="event-partstat" class="form-group row event-partstat">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="calendar.mystatus" /></label>
+		<span class="col-sm-8 form-control-plaintext">
+			<span class="event-text rsvp-status"></span>
+			<a class="changersvp button edit" href="#" title="<roundcube:label name='calendar.changepartstat' />"><span class="inner"><roundcube:label name='calendar.changepartstat' /></span></a>
+		</span>
+	</div>
+	<div id="event-calendar" class="form-group row">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="calendar.calendar" /></label>
+		<span class="col-sm-8 form-control-plaintext event-text">Default</span>
+	</div>
+	<div id="event-category" class="form-group row">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="calendar.category" /></label>
+		<span class="col-sm-8 form-control-plaintext event-text"></span>
+	</div>
+	<div id="event-status" class="form-group row">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="calendar.status" /></label>
+		<span class="event-text col-sm-8 form-control-plaintext"></span>
+	</div>
+	<div id="event-free-busy" class="form-group row">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="calendar.freebusy" /></label>
+		<span class="event-text col-sm-8 form-control-plaintext"></span>
+	</div>
+	<div id="event-priority" class="form-group row">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="calendar.priority" /></label>
+		<span class="event-text col-sm-8 form-control-plaintext"></span>
+	</div>
+	<div id="event-rsvp-comment" class="form-group row">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="calendar.rsvpcomment" /></label>
+		<span class="event-text col-sm-8 form-control-plaintext"></span>
+	</div>
+	<div id="event-links" class="form-group row">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="calendar.links" /></label>
+		<span class="event-text col-sm-8"></span>
+	</div>
+	<div id="event-attachments" class="form-group row">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="attachments" /></label>
+		<span class="event-text col-sm-8"></span>
+	</div>
+	<div id="event-created" class="form-group row faded">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="calendar.created" /></label>
+		<span class="event-text event-created col-sm-8 form-control-plaintext"></span>
+	</div>
+	<div id="event-changed" class="form-group row faded">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="calendar.changed" /></label>
+		<span class="event-text event-changed col-sm-8 form-control-plaintext"></span>
+	</div>
+	<roundcube:object name="plugin.event_rsvp_buttons" id="event-rsvp" class="calendar-invitebox invitebox boxinformation" style="display:none" />
+</div>
+
+<roundcube:include file="/templates/eventedit.html" />
+
+<div id="calendaractions-menu" class="popupmenu">
+	<h3 id="aria-label-calendaroptions" class="voice"><roundcube:label name="calendar.calendaractions" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-calendaroptions">
+		<roundcube:button type="link-menuitem" command="calendar-create" label="calendar.addcalendar" class="create disabled" classAct="create active" />
+		<roundcube:button type="link-menuitem" command="calendar-edit" label="calendar.editcalendar" class="edit disabled" classAct="edit active" />
+		<roundcube:button type="link-menuitem" command="calendar-delete" label="calendar.deletecalendar" class="delete disabled" classAct="delete active" />
+		<roundcube:if condition="env:calendar_driver == 'kolab'" />
+			<roundcube:button type="link-menuitem" command="calendar-remove" label="calendar.removelist" class="remove disabled" classAct="remove active" />
+		<roundcube:endif />
+		<roundcube:if condition="env:calendar_driver != 'caldav'" />
+			<roundcube:button type="link-menuitem" command="calendar-showurl" label="calendar.showurl" class="showurl disabled" classAct="showurl active" />
+		<roundcube:endif />
+		<roundcube:if condition="!empty(env:calendar_settings['freebusy_url'])" />
+			<roundcube:button type="link-menuitem" command="calendar-showfburl" label="calendar.showfburl" class="showurl disabled" classAct="showurl active" />
+		<roundcube:endif />
+		<roundcube:if condition="env:calendar_driver == 'kolab'" />
+			<roundcube:button type="link-menuitem" command="folders" task="settings" label="managefolders" class="folders disabled" classAct="folders active" />
+		<roundcube:endif />
+	</ul>
+</div>
+
+<div id="eventoptionsmenu" class="popupmenu">
+	<h3 id="aria-label-eventoptions" class="voice"><roundcube:label name="calendar.eventoptions" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-eventoptions">
+		<roundcube:button type="link-menuitem" command="event-download" label="download" class="download disabled" classAct="download active" />
+		<roundcube:button type="link-menuitem" command="event-sendbymail" label="send" class="send disabled" classAct="send active" />
+		<roundcube:button type="link-menuitem" command="event-copy" label="copy" class="copy disabled" classAct="copy active" />
+		<roundcube:if condition="env:calendar_driver == 'kolab' && config:kolab_bonnie_api" />
+			<roundcube:button type="link-menuitem" command="event-history" label="calendar.eventhistory" class="history disabled" classAct="history active" />
+		<roundcube:endif />
+	</ul>
+</div>
+
+<div id="eventresourcesdialog" class="popupmenu">
+	<h3 class="voice" id="aria-label-resourceselection"><roundcube:label name="calendar.arialabelresourceselection" /></h3>
+	<div class="resource-selection selection-list" role="navigation" aria-labelledby="aria-label-resourceselection">
+		<div class="header">
+			<span class="header-title"><roundcube:label name="calendar.tabresources" /></span>
+		</div>
+		<roundcube:object name="plugin.resources_searchform" id="resourcesearchbox"
+			wrapper="searchbar menu" ariatag="h4" buttontitle="calendar.findresources"
+			label="resourcesearchform" label-domain="calendar" />
+		<div class="scroller">
+			<roundcube:object name="plugin.resources_list" id="resources-list" class="listing treelist" />
+		</div>
+	</div>
+	<div class="resource-content selection-content">
+		<div class="header" data-hidden="normal,big">
+			<a class="button icon back" href="#back" onclick="$('#eventresourcesdialog .resource-content').hide(); $('#eventresourcesdialog .resource-selection').show()">
+				<span class="inner"><roundcube:label name="back" /></span>
+			</a>
+			<span class="header-title"><roundcube:label name="calendar.resourceprops" /></span>
+		</div>
+		<ul class="nav nav-tabs" role="tablist">
+			<li class="nav-item">
+				<a class="nav-link active" href="#resource-availability" data-toggle="tab" role="tab">
+					<roundcube:label name="calendar.resourceavailability" />
+				</a>
+			</li>
+			<li class="nav-item">
+				<a class="nav-link" href="#resource-info" data-toggle="tab" role="tab">
+					<roundcube:label name="calendar.resourcedetails" />
+				</a>
+			</li>
+		</ul>
+		<div class="tab-content">
+			<div id="resource-availability" class="tab-pane active" role="tabpanel" aria-labelledby="aria-label-resourceavailability">
+				<h3 class="voice" id="aria-label-resourceavailability"><roundcube:label name="calendar.resourceavailability" /></h3>
+				<roundcube:object name="plugin.resource_calendar" id="resource-freebusy-calendar" class="raw-tables" />
+				<div class="slot-nav">
+					<roundcube:button name="resource-cal-prev" id="resource-calendar-prev" type="link"
+						class="icon prevpage" title="calendar.prevslot" label="calendar.prevweek" />
+					<roundcube:button name="resource-cal-next" id="resource-calendar-next" type="link"
+						class="icon nextpage" title="calendar.nextslot" label="calendar.nextweek" />
+				</div>
+			</div>
+			<div id="resource-info" class="tab-pane" role="tabpanel" aria-labelledby="aria-label-resourcedetails">
+				<h3 class="voice" id="aria-label-resourcedetails"><roundcube:label name="calendar.resourcedetails" /></h3>
+				<roundcube:object name="plugin.resource_info" id="resource-details" class="propform text-only"
+					aria-live="polite" aria-relevant="text" aria-atomic="true" />
+			</div>
+		</div>
+	</div>
+</div>
+
+<div id="eventfreebusy" class="popupmenu calendar-scheduler formcontent">
+	<roundcube:object name="plugin.attendees_freebusy_table" id="attendees-freebusy-table"
+		class="schedule-table" data-h-margin="-1" data-v-margin="1" />
+	<div class="nav">
+		<div class="schedule-buttons">
+			<button type="button" id="schedule-find-prev" class="btn btn-secondary prev-slot"><roundcube:label name="calendar.prevslot" /></button>
+			<button type="button" id="schedule-find-next" class="btn btn-secondary next-slot"><roundcube:label name="calendar.nextslot" /></button>
+		</div>
+		<div class="schedule-options">
+			<label><input type="checkbox" id="schedule-freebusy-workinghours" value="1" class="pretty-checkbox" /><roundcube:label name="calendar.onlyworkinghours" /></label>
+		</div>
+		<div class="schedule-nav">
+			<button type="button" id="schedule-freebusy-prev" title="<roundcube:label name='previouspage' />">&#9668;</button>
+			<button type="button" id="schedule-freebusy-next" title="<roundcube:label name='nextpage' />">&#9658;</button>
+		</div>
+	</div>
+	<div class="schedule-range">
+		<div class="form-group row">
+			<label for="schedule-startdate" class="col-form-label col-sm-2"><roundcube:label name="calendar.start" /></label>
+			<span class="col-sm-10 datetime">
+				<input type="text" name="startdate" size="11" id="schedule-startdate" class="form-control" disabled="true" /> &nbsp;
+				<input type="text" name="starttime" size="6" id="schedule-starttime" class="form-control" disabled="true" />
+			</span>
+		</div>
+		<div class="form-group row">
+			<label for="schedule-enddate" class="col-form-label col-sm-2"><roundcube:label name="calendar.end" /></label>
+			<span class="col-sm-10 datetime">
+				<input type="text" name="enddate" size="11" id="schedule-enddate" class="form-control" disabled="true" /> &nbsp;
+				<input type="text" name="endtime" size="6" id="schedule-endtime" class="form-control" disabled="true" />
+			</span>
+		</div>
+		<div class="schedule-legend form-group row">
+			<label class="col-form-label col-sm-2"><roundcube:label name="calendar.legend" /></label>
+			<span class="col-sm-10 form-control-plaintext">
+				<roundcube:include file="/templates/freebusylegend.html" />
+				<span class="attendee organizer"><roundcube:label name="calendar.roleorganizer" /></span>
+				<span class="attendee req-participant"><roundcube:label name="calendar.rolerequired" /></span>
+				<span class="attendee opt-participant"><roundcube:label name="calendar.roleoptional" /></span>
+				<span class="attendee non-participant"><roundcube:label name="calendar.rolenonparticipant" /></span>
+				<span class="attendee chair"><roundcube:label name="calendar.rolechair" /></span>
+			</span>
+		</div>
+	</div>
+</div>
+
+<div id="eventsimport" class="popupmenu formcontent">
+	<roundcube:object name="plugin.events_import_form" id="events-import-form" />
+</div>
+
+<div id="eventsexport" class="popupmenu formcontent">
+	<roundcube:object name="plugin.events_export_form" id="events-export-form" />
+</div>
+
+<div id="calendarurlbox" class="popupmenu">
+	<p><roundcube:label name="calendar.showurldescription" /></p>
+	<textarea id="calfeedurl" rows="2" readonly="readonly"></textarea>
+	<div id="calendarcaldavurl" style="display:none; margin-top:1rem">
+		<p><roundcube:label name="calendar.caldavurldescription" html="yes" /></p>
+		<textarea id="caldavurl" rows="2" readonly="readonly"></textarea>
+	</div>
+</div>
+
+<div id="fburlbox" class="popupmenu">
+	<p><roundcube:label name="calendar.fburldescription" /></p>
+	<textarea id="fburl" rows="2" readonly="readonly"></textarea>
+</div>
+
+<roundcube:if condition="config:kolab_bonnie_api" />
+
+<div id="eventhistory" class="popupmenu" aria-hidden="true">
+	<roundcube:object name="plugin.object_changelog_table" id="event-changelog-table" class="changelog-table" />
+	<div class="compare-button"><input type="button" class="button" value="<roundcube:label name='libkolab.compare' />" /></div>
+</div>
+
+<div id="eventdiff" class="popupmenu formcontent text-only">
+	<h1 class="event-title">Event Title</h1>
+	<h1 class="event-title-new event-text-new"></h1>
+	<div class="form-group row event-date"></div>
+	<div class="form-group row event-location">
+		<h5 class="label"><roundcube:label name="calendar.location" /></h5>
+		<div class="event-text-old"></div>
+		<div class="event-text-new"></div>
+	</div>
+	<div class="form-group row event-description">
+		<h5 class="label"><roundcube:label name="calendar.description" /></h5>
+		<div class="event-text-diff" style="white-space:pre-wrap"></div>
+		<div class="event-text-old"></div>
+		<div class="event-text-new"></div>
+	</div>
+	<div class="form-group row event-url">
+		<h5 class="label"><roundcube:label name="calendar.url" /></h5>
+		<div class="event-text-old"></div>
+		<div class="event-text-new"></div>
+	</div>
+	<div class="form-group row event-recurrence">
+		<h5 class="label"><roundcube:label name="calendar.repeat" /></h5>
+		<div class="event-text-old"></div>
+		<div class="event-text-new"></div>
+	</div>
+	<div class="form-group row event-alarms">
+		<h5 class="label"><roundcube:label name="calendar.alarms" /><span class="index"></span></h5>
+		<div class="event-text-old"></div>
+		<div class="event-text-new"></div>
+	</div>
+	<div class="event-line event-start">
+		<label><roundcube:label name="calendar.start" /></label>
+		<span class="event-text-old"></span> &#8674;
+		<span class="event-text-new"></span>
+	</div>
+	<div class="event-line event-end">
+		<label><roundcube:label name="calendar.end" /></label>
+		<span class="event-text-old"></span> &#8674;
+		<span class="event-text-new"></span>
+	</div>
+	<div class="event-line event-attendees">
+		<label><roundcube:label name="calendar.tabattendees" /><span class="index"></span></label>
+		<span class="event-text-old"></span> &#8674;
+		<span class="event-text-new"></span>
+	</div>
+	<div class="event-line event-calendar">
+		<label><roundcube:label name="calendar.calendar" /></label>
+		<span class="event-text-old"></span> &#8674;
+		<span class="event-text-new"></span>
+	</div>
+	<div class="event-line event-categories">
+		<label><roundcube:label name="calendar.category" /></label>
+		<span class="event-text-old"></span> &#8674;
+		<span class="event-text-new"></span>
+	</div>
+	<div class="event-line event-status">
+		<label><roundcube:label name="calendar.status" /></label>
+		<span class="event-text-old"></span> &#8674;
+		<span class="event-text-new"></span>
+	</div>
+	<div class="event-line event-free_busy">
+		<label><roundcube:label name="calendar.freebusy" /></label>
+		<span class="event-text-old"></span> &#8674;
+		<span class="event-text-new"></span>
+	</div>
+	<div class="event-line event-priority">
+		<label><roundcube:label name="calendar.priority" /></label>
+		<span class="event-text-old"></span> &#8674;
+		<span class="event-text-new"></span>
+	</div>
+	<div class="form-group row event-attachments">
+		<label><roundcube:label name="attachments" /><span class="index"></span></label>
+		<div class="event-text-old"></div>
+		<div class="event-text-new"></div>
+	</div>
+</div>
+
+<roundcube:endif />
+
+<roundcube:object name="plugin.calendar_css" folder-class="div.$class a.calname:before" folder-fallback-color="#161b1d" />
+
+<roundcube:include file="includes/footer.html" />
diff --git a/plugins/calendar/templates/dialog.html b/plugins/calendar/templates/dialog.html
new file mode 100644
index 0000000..28dcf79
--- /dev/null
+++ b/plugins/calendar/templates/dialog.html
@@ -0,0 +1,7 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:label name="calendar.arialabeleventform" /></h1>
+
+<roundcube:include file="/templates/eventedit.html" />
+
+<roundcube:include file="includes/footer.html" />
diff --git a/plugins/calendar/templates/eventedit.html b/plugins/calendar/templates/eventedit.html
new file mode 100644
index 0000000..6abec04
--- /dev/null
+++ b/plugins/calendar/templates/eventedit.html
@@ -0,0 +1,155 @@
+<div id="eventedit" class="<roundcube:exp expression="env:framed ? '' : 'popupmenu '">formcontent" aria-hidden="true" data-notabs="true">
+	<form class="tabbed" action="#" method="post" enctype="multipart/form-data">
+		<!-- basic info -->
+		<fieldset id="event-panel-summary">
+			<legend><roundcube:label name="calendar.tabsummary" /></legend>
+			<div class="form-group">
+				<label for="edit-title"><roundcube:label name="calendar.title" /></label>
+				<input type="text" class="form-control" name="title" id="edit-title" size="40" required="true" />
+			</div>
+			<div class="form-group">
+				<label for="edit-location"><roundcube:label name="calendar.location" /></label>
+				<input type="text" class="form-control" name="location" id="edit-location" size="40" />
+				<roundcube:if condition="config:calendar_nextcloud_url" />
+				<a href="#" onclick="rcmail.command('talk-room-create')" style="float:right; margin-top:0.5em;"><roundcube:label name="calendar.createtalkroom" /></a>
+				<roundcube:endif />
+			</div>
+			<div class="form-group">
+				<label for="edit-description"><roundcube:label name="calendar.description" /></label>
+				<textarea name="description" id="edit-description" class="form-control" rows="5" cols="40"></textarea>
+			</div>
+			<div class="form-group row">
+				<label for="edit-startdate" class="col-sm-2 col-form-label"><roundcube:label name="calendar.start" /></label>
+				<div class="col-sm-10 datetime">
+					<input type="text" name="startdate" size="11" id="edit-startdate" class="form-control" required="true" /> &nbsp;
+					<input type="text" name="starttime" size="6" id="edit-starttime" class="form-control" aria-label="<roundcube:label name='calendar.starttime' />" />
+					<label><input type="checkbox" name="allday" id="edit-allday" value="1" class="pretty-checkbox" /><roundcube:label name="calendar.all-day" /></label>
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="edit-enddate" class="col-sm-2 col-form-label"><roundcube:label name="calendar.end" /></label>
+				<div class="col-sm-10 datetime">
+					<input type="text" name="enddate" size="11" id="edit-enddate" class="form-control" required="true" /> &nbsp;
+					<input type="text" name="endtime" size="6" id="edit-endtime" class="form-control" aria-label="<roundcube:label name='calendar.endtime' />" />
+				</div>
+			</div>
+			<div class="form-group row" id="edit-alarms">
+				<label for="edit-alarm-item" class="col-sm-2 col-form-label"><roundcube:label name="calendar.alarms" /></label>
+				<div class="col-sm-10 alarms-input">
+					<div class="edit-alarm-item input-group first">
+						<roundcube:object name="plugin.alarm_select" id="edit-alarm-item" />
+						<span class="edit-alarm-buttons input-group-append">
+							<a href="#add" class="icon button btn add add-alarm input-group-text"><span class="inner"><roundcube:label name="libcalendaring.addalarm" /></span></a>
+							<a href="#delete" class="icon button btn delete delete-alarm input-group-text"><span class="inner"><roundcube:label name="libcalendaring.removealarm" /></span></a>
+						</span>
+					</div>
+				</div>
+			</div>
+			<div class="form-group row" id="calendar-select">
+				<label for="edit-calendar" class="col-sm-2 col-form-label"><roundcube:label name="calendar.calendar" /></label>
+				<div class="col-sm-10">
+					<roundcube:object name="plugin.calendar_select" id="edit-calendar" class="form-control" />
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="edit-categories" class="col-sm-2 col-form-label"><roundcube:label name="calendar.category" /></label>
+				<div class="col-sm-10">
+					<roundcube:object name="plugin.category_select" id="edit-categories" class="form-control" />
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="edit-event-status" class="col-sm-2 col-form-label"><roundcube:label name="calendar.status" /></label>
+				<div class="col-sm-10">
+					<roundcube:object name="plugin.status_select" id="edit-event-status" class="form-control" />
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="edit-free-busy" class="col-sm-2 col-form-label"><roundcube:label name="calendar.freebusy" /></label>
+				<div class="col-sm-10">
+					<roundcube:object name="plugin.freebusy_select" id="edit-free-busy" class="form-control" />
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="edit-priority" class="col-sm-2 col-form-label"><roundcube:label name="calendar.priority" /></label>
+				<div class="col-sm-10">
+					<roundcube:object name="plugin.priority_select" id="edit-priority" class="form-control" />
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="edit-url" class="col-sm-2 col-form-label"><roundcube:label name="calendar.url" /></label>
+				<div class="col-sm-10">
+					<input type="text" class="form-control" name="vurl" id="edit-url" size="40" />
+				</div>
+			</div>
+			<div class="form-group row" id="edit-event-links">
+				<label class="col-sm-2 col-form-label"><roundcube:label name="calendar.links" /></label>
+				<div class="col-sm-10">
+					<div class="event-text"></div>
+				</div>
+			</div>
+		</fieldset>
+		<!-- recurrence settings -->
+		<fieldset id="event-panel-recurrence">
+			<legend><roundcube:label name="calendar.tabrecurrence" /></legend>
+			<div class="form-group row border-after">
+				<roundcube:object name="plugin.recurrence_form" part="frequency" />
+			</div>
+			<div class="recurrence-form border-after" id="recurrence-form-daily">
+				<roundcube:object name="plugin.recurrence_form" part="daily" class="form-group row" />
+			</div>
+			<div class="recurrence-form border-after" id="recurrence-form-weekly">
+				<roundcube:object name="plugin.recurrence_form" part="weekly" class="form-group row" />
+			</div>
+			<div class="recurrence-form border-after" id="recurrence-form-monthly">
+				<roundcube:object name="plugin.recurrence_form" part="monthly" class="form-group row" />
+			</div>
+			<div class="recurrence-form border-after" id="recurrence-form-yearly">
+				<roundcube:object name="plugin.recurrence_form" part="yearly" class="form-group row" />
+			</div>
+			<div class="recurrence-form" id="recurrence-form-until">
+				<roundcube:object name="plugin.recurrence_form" part="until" class="form-group row" />
+			</div>
+			<div class="recurrence-form" id="recurrence-form-rdate">
+				<roundcube:object name="plugin.recurrence_form" part="rdate" class="form-group row" />
+			</div>
+		</fieldset>
+		<!-- attendees list -->
+		<fieldset id="event-panel-attendees" data-navlink-class="nav-icon attendees">
+			<legend><roundcube:label name="calendar.tabattendees" /></legend>
+			<h3 id="aria-label-attendeestable" class="voice"><roundcube:label name="calendar.arialabeleventattendees" /></h3>
+			<roundcube:object name="plugin.attendees_list" id="edit-attendees-table" class="edit-attendees-table no-img table table-sm"
+				coltitle="attendee" aria-labelledby="aria-label-attendeestable" />
+			<roundcube:object name="plugin.attendees_form" id="edit-attendees-form" />
+			<roundcube:include file="/templates/freebusylegend.html" />
+		</fieldset>
+		<!-- resources list -->
+		<fieldset id="event-panel-resources" data-navlink-class="nav-icon resources">
+			<legend><roundcube:label name="calendar.tabresources" /></legend>
+			<h3 id="aria-label-resourcestable" class="voice"><roundcube:label name="calendar.arialabeleventresources" /></h3>
+			<roundcube:object name="plugin.attendees_list" id="edit-resources-table" class="edit-attendees-table no-img table table-sm"
+				coltitle="resource" aria-labelledby="aria-label-resourcestable" />
+			<roundcube:object name="plugin.resources_form" id="edit-resources-form" />
+			<roundcube:include file="/templates/freebusylegend.html" />
+		</fieldset>
+		<!-- attachments list (with upload form) -->
+		<fieldset id="event-panel-attachments" data-navlink-class="nav-icon attachments">
+			<legend><roundcube:label name="calendar.tabattachments" /></legend>
+			<div id="edit-attachments-droparea" class="file-upload">
+				<h3 id="aria-label-attachmentuploadform" class="voice"><roundcube:label name="arialabelattachmentuploadform" /></h3>
+				<div id="edit-attachments-form" class="upload-form" role="region" aria-labelledby="aria-label-attachmentuploadform">
+					<roundcube:object name="plugin.attachments_form" mode="hint" />
+					<button type="button" class="btn btn-secondary attach" onclick="rcmail.upload_input('event-attachment-form'); return false"><roundcube:label name="addattachment" /></button>
+				</div>
+				<div id="edit-attachments">
+					<roundcube:object name="plugin.attachments_list" id="attachmentlist" class="attachmentslist" />
+				</div>
+			</div>
+			<roundcube:object name="plugin.filedroparea" id="edit-attachments-droparea" />
+		</fieldset>
+	</form>
+	<roundcube:object name="plugin.edit_recurrence_sync" id="edit-recurrence-syncstart" class="dialog-message" style="display:none" />
+	<roundcube:object name="plugin.edit_attendees_notify" id="edit-attendees-notify" class="dialog-message" style="display:none" />
+	<roundcube:object name="plugin.edit_recurring_warning" class="dialog-message edit-recurring-warning" style="display:none" />
+	<roundcube:object name="plugin.attachments_form" id="event-attachment-form" mode="smart" />
+	<div id="edit-localchanges-warning" class="dialog-message" style="display:none"><roundcube:label name="calendar.localchangeswarning" /></div>
+</div>
diff --git a/plugins/calendar/templates/freebusylegend.html b/plugins/calendar/templates/freebusylegend.html
new file mode 100644
index 0000000..356e939
--- /dev/null
+++ b/plugins/calendar/templates/freebusylegend.html
@@ -0,0 +1,9 @@
+<div id="edit-attendees-legend" class="availability">
+	<span class="legend free"><roundcube:label name="calendar.availfree" /></span>
+	<span class="legend busy"><roundcube:label name="calendar.availbusy" /></span>
+	<span class="legend tentative"><roundcube:label name="calendar.availtentative" /></span>
+	<!--
+	<span class="legend out-of-office"><roundcube:label name="calendar.availoutofoffice" /></span>
+	-->
+	<span class="legend unknown"><roundcube:label name="calendar.availunknown" /></span>
+</div>
diff --git a/plugins/calendar/templates/itipattend.html b/plugins/calendar/templates/itipattend.html
new file mode 100644
index 0000000..0dd4dfb
--- /dev/null
+++ b/plugins/calendar/templates/itipattend.html
@@ -0,0 +1,11 @@
+<roundcube:include file="includes/layout.html" />
+
+<roundcube:object name="plugin.event_inviteform" class="standalone-invitebox" />
+	<roundcube:object name="logo" src="/images/logo.svg" data-src-small="0" id="logo" alt="Logo" />
+	<div class="calendar-invitebox invitebox boxinformation">
+		<roundcube:object name="plugin.event_invitebox" />
+		<roundcube:object name="plugin.event_rsvp_buttons" type="submit" iname="rsvp" id="event-rsvp" delegate="false" />
+	</div>
+</form>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/plugins/calendar/templates/print.html b/plugins/calendar/templates/print.html
new file mode 100644
index 0000000..d7b3d01
--- /dev/null
+++ b/plugins/calendar/templates/print.html
@@ -0,0 +1,19 @@
+<roundcube:include file="includes/layout.html" />
+
+<div class="print-config">
+	<button type="button" class="btn btn-primary print" onclick="window.print()"><roundcube:label name='print' /></button>
+	<span class="prop">
+		<input type="checkbox" id="propdescription" checked="checked" class="pretty-checkbox" />
+		<label for="propdescription"><roundcube:label name="calendar.printdescriptions" /></label>
+	</span>
+	<div id="calendar-view-selector" class="btn-group btn-group-toggle" role="group"></div>
+</div>
+
+<div class="print-content">
+	<div id="calendar" data-view-selector="calendar-view-selector"></div>
+</div>
+
+<roundcube:object name="plugin.calendar_list" activeonly="true" id="calendarlist" />
+<roundcube:object name="plugin.calendar_css" printmode="true" folder-class="div.$class a.calname" folder-fallback-color="#000" />
+
+<roundcube:include file="includes/footer.html" />
diff --git a/plugins/libkolab/libkolab.min.css b/plugins/libkolab/libkolab.min.css
new file mode 100644
index 0000000..3539cf7
--- /dev/null
+++ b/plugins/libkolab/libkolab.min.css
@@ -0,0 +1 @@
+#alarm-display .alarm-actions a:before,#alarm-display h3:before,#delegate-table td:before,#devices-table td:not(.selection):before,#event-status-badge span:before,#eventshow .event-partstat .changersvp:before,#kolabnoteslist td.title:before,#taglist li:before,#tagsform option:before,#tasklist .childtoggle:before,#tasklist .taskhead.flagged span.flagged:before,#tasklist .taskhead:not(.flagged):hover span.flagged:before,#taskshow.status-flagged h2:before,.attendee:before,.availability span:before,.calendar-scheduler .schedule-buttons .next-slot:after,.document-editor-header #collaborators a.button.add:before,.edit-attendees-table th.invite label:before,.editors-dialog table td.options a.delete:before,.fc .fc-time i:before,.fc button.next:before,.fc button.prev:before,.filelist tbody td.filename span:before,.filelist tr.session>td.name:after,.folderlist li.mailbox a.subscription.subscribed:before,.listing li.readonly:not(.virtual)>div a:first-child:after,.listing li>div span.subscribed:before,.listing li>div.calendar .calname:before,.listing li>div.folder .listname:before,.listing li>div.readonly a:first-child:after,.listing li>div.tasklist .listname:before,.resources-dialog .listing li.resource>a:before,.rsvp-status.accepted:before,.rsvp-status.declined:before,.rsvp-status.delegated:before,.rsvp-status.loading:before,.rsvp-status.needs-action:before,.rsvp-status.tentative:before,a.btn.fromcloud:before,a.button.filesaveall:before,a.button.saveas:before,fieldset.categories .input-group a.button.create:before,li>a.icon.saveas:before{font-size:1.25em;display:block;float:left;margin:0 .25rem 0 0;width:1.18em;height:1em;font-family:Icons;font-style:normal;font-weight:900;text-decoration:inherit;text-align:center;speak:none;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.listing li>div,.listing li>div span.actions{display:flex}.listing li>div .subscribed:before,.listing li>div span.subscribed:before{font-weight:400;content:"\f02e"}@media screen and (min-width:1200px){.listing li>div>a{border-left:2px solid transparent}.listing li>div>a:focus{border-left:2px solid #9ddfff;outline:0}}.listing li>div>a:first-child{overflow:hidden;text-overflow:ellipsis;position:relative;flex-grow:1}.listing li>div>a:first-child+input{position:initial}.listing li>div .custom-switch{position:relative}.listing li>div.folder .listname:before{content:"\f249";margin-right:.5rem}.listing li.virtual.shared>div a:first-child:after,.listing li.virtual.user>div a:first-child:after,.listing li>div span.actions a.remove,.listing li>div.virtual.shared>.listname:after,.listing li>div.virtual.user>.listname:after,.watermark.formcontainer:before,.watermark>*{display:none}input+.listing li>div span.actions{padding-right:2em}.listing li>div span.actions a{padding:0;margin:0 .2rem 0 0;cursor:pointer}.listing li>div span.actions a:before{margin:0}html.touch .listing li>div span.actions{padding-left:.2rem}html.touch .listing li>div span.actions a{margin-right:.5rem}.listing li>div a.quickview:before{content:"\f06e";opacity:.2;color:#00acff}.listing li>div a.quickview:after{display:none!important}.listing li>div.focusview a.quickview:before{content:"\f06e";opacity:1}.listing li>div .subscribed{cursor:pointer;padding:0!important;border-left:0;width:auto}.listing li>div .subscribed:before{height:auto;color:#00acff;margin-right:.25rem}.listing li>div.subscribed .subscribed:before{content:"\f02e";font-weight:900}.listing li.selected>div>*{color:#2c363a;background-color:#ebf9ff}.listing li.readonly:not(.virtual)>div a:first-child:after,.listing li>div.readonly a:first-child:after{content:"\f023";position:absolute;left:2.25rem;top:17.5px;font-size:.9em!important;width:.9em;line-height:1;height:1em!important;background-color:#fff;border-radius:50% 50% 0 0;color:#2c363a;opacity:.9}html.touch .listing li.readonly:not(.virtual)>div a:first-child:after,html.touch .listing li>div.readonly a:first-child:after{top:23.5px;left:2.7rem}.listing li.other.user>div a:first-child:before,.listing li>div.other.user>.listname:before{content:"\f007";font-weight:900}.listing li.virtual.shared>div a:first-child:before,.listing li>div.virtual.shared>.listname:before{content:"\f1e0";font-weight:900}.listing li.virtual>div>a{opacity:.5}.listing.treelist:not(.notree)>li>div>a{padding-left:1.5em}.listing li.droptarget>div{background-color:#ffc}.listing li .count{position:absolute;top:0;right:0;min-width:2em;line-height:1.4rem;margin:7.7px;padding:0 .3em;border-radius:.4em;background:#737677;color:#fff;text-align:center;font-weight:700}html.touch .listing li .count{line-height:2rem;margin:9.5px}.treelist ul li a:first-child:after{margin-left:1.7em!important}.treelist ul li li a:first-child:after{margin-left:3.4em!important}.treelist ul li li li a:first-child:after{margin-left:5.1em!important}.treelist ul li li li li a:first-child:after{margin-left:6.8em!important}.treelist ul li li li li li a:first-child:after{margin-left:8.5em!important}.treelist ul li li li li li li a:first-child:after{margin-left:10.2em!important}.treelist.notree li a:first-child:after{left:1.3rem!important}.searchresults .boxtitle{line-height:2rem!important;font-size:80%;padding:0 .5rem;margin:0;color:#737677;background-color:#f1f3f4;text-align:center;border-bottom:1px solid #d4dbde}.folderlist li.mailbox.type-event>a:before{content:"\f133";font-weight:900}.folderlist li.mailbox.type-task>a:before{content:"\f274";font-weight:900}.folderlist li.mailbox.type-journal>a:before{content:"\f133";font-weight:400}.folderlist li.mailbox.type-contact>a:before{content:"\f2b9";font-weight:400}.folderlist li.mailbox.type-note>a:before{content:"\f249";font-weight:400}.folderlist li.mailbox.type-configuration>a:before{content:"\f013";font-weight:900}.folderlist li.mailbox.type-freebusy>a:before{content:"\f133";font-weight:400}.folderlist li.mailbox.type-file>a:before{content:"\f07b";font-weight:900}.menu li.search{padding:.25rem .5rem}.menu a.history:before{content:"\f1da"}button.btn.save.notify:before{content:"\f0e0"}button.btn.print:before{content:"\f02f"}.watermark{background:url(../../../../skins/elastic/images/logo.svg) center no-repeat #fff;background-size:30%;background-blend-mode:luminosity;width:100%;height:100%}.watermark:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,.85)}.linkslist,.watermark.formcontainer{background:0 0!important}.fc-event,.watermark.formcontainer>*{display:block}html.layout-phone .watermark.formcontainer,html.layout-small .watermark.formcontainer{overflow-y:auto!important}.form-group>.datetime{display:flex;white-space:nowrap}.form-group>.datetime input{width:10em}.form-group>.datetime input:first-child{margin-right:.5rem;width:15em}.form-group>.datetime a{margin-left:1em;text-align:right;flex:1;line-height:2.4}.form-section.form-group.form-check{display:flex;padding:0}.form-section.form-group.form-check label{order:10}.formcontent.text-only .faded *{color:#737677}.linkslist{border:0!important}.linkslist li.link{padding:0}.linkslist li.link.message.eml:before{content:"\f0e0"}.linkslist li.link a.messagelink{overflow:hidden;text-overflow:ellipsis}.linkslist li.link a.delete .inner{display:none}.print-config{position:fixed;top:0;left:0;width:100%;z-index:10000;padding:.5em 1em;background-color:#f1f3f4}.print-config button.print{margin-right:1rem}.print-config .prop{line-height:2;margin-left:.5rem;display:inline-block;vertical-align:middle}.print-config .prop label{margin:0}@media print{.print-config{display:none}}.print-config+.print-content{position:relative;top:0;left:0;height:auto;margin:5em auto 0;overflow:visible}.selection-dialog .ui-dialog-content{display:flex!important;overflow:hidden!important}.selection-dialog .selection-list{display:flex;flex-direction:column;border:1px solid #d4dbde;justify-content:center}.selection-dialog .ui-dialog-content .popupmenu{display:flex!important;width:100%}.selection-dialog .scroller{flex:1;overflow-y:auto}.selection-dialog .header{border-bottom:1px solid #d4dbde;display:flex;background-color:#f4f4f4;font-size:1rem;font-weight:700;line-height:58px;height:58px;min-height:58px;padding:0 .25em;position:relative;overflow:hidden;white-space:nowrap}.listing li>div.calendar.cal---invitation--declined .calname:before,.listing li>div.calendar.cal---invitation--pending .calname:before,a.button.date:before{font-weight:400;content:"\f073"}.selection-dialog .header a.button{color:#2c363a;margin:0 .3rem}.selection-dialog .header a.button:before{margin:0}.selection-dialog .header-title{width:100%;text-align:center;margin:0 2em}.selection-dialog .selection-content{display:flex;flex-direction:column}.selection-dialog .tab-content{margin-top:1rem;height:100%;overflow-y:auto}.selection-dialog .form-addon{margin:0;padding:.5rem 0;width:100%;background-color:#f1f3f4;border-top:1px solid #d4dbde}.selection-dialog .listing ul{background-color:#fff}.selection-dialog .listing li.selected{color:#2c363a}@media screen and (max-width:768px){.selection-dialog .ui-dialog-content{padding:0!important}.selection-dialog .ui-dialog-titlebar{display:none;margin:0}.selection-dialog .selection-list{border:0}.selection-dialog .selection-content .header-title,.selection-dialog .selection-list .header-title{margin-left:0}.selection-dialog .header a:before{font-size:1.75rem}}#folder-mount-form .auth-options,#folder-mount-form td.source table,.calendar-agenda-preview,.calendar-agenda-preview h3{margin-top:.5rem}@media screen and (max-height:750px) and (min-width:769px){#layout-menu,#layout-menu .popover-header img,#taskmenu .special-buttons,#taskmenu a{width:42px}#taskmenu a{height:42px;font-size:1.2rem!important}#taskmenu span.inner{display:none}}.menu a.calendarlink:before{content:"\f073"}.menu a.send:before{content:"\f1d8"}.listing.iconized li.resource>i:before,.resources-dialog .listing li.resource>a:before{content:"\f1b2"}a.button.today:before{content:"\f133";font-weight:400}.listing li>div.calendar .calname:before{content:"\f073"}.listing li>div.calendar .actions{padding-right:.25rem}.listing li>div.calendar .actions :last-child{margin-right:0}.listing li>div.calendar.cal-__bdays__ .calname:before{content:"\f1fd"}.listing li>div.calendar.cal---invitation--declined,.listing li>div.calendar.cal---invitation--pending,.listing li>div.calendar.cal-__bdays__{font-style:italic}.listing li>div.calendar.cal---invitation--declined a.calname,.listing li>div.calendar.cal---invitation--pending a.calname,.listing li>div.calendar.cal-__bdays__ a.calname{padding-right:2.5em}.listing li>div.calendar.cal---invitation--declined .count,.listing li>div.calendar.cal---invitation--pending .count,.listing li>div.calendar.cal-__bdays__ .count{right:4.2em;font-style:normal}.listing li span.handle{display:none}#calendarcategories .input-group:not(:last-child){margin-bottom:.25rem}fieldset.categories .input-group .minicolors-input{border-radius:0}fieldset.categories .input-group .minicolors+.input-group-append{margin-left:0}fieldset.categories .input-group a.button.create:before{content:"\f067";line-height:1}.calendar-invitebox>i.icon:before{content:"\f133"!important}.calendar-agenda-preview{display:none;border-top:1px solid #ddd}.calendar-agenda-preview .event-row{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-agenda-preview .event-row.current{color:#333;font-weight:700}.calendar-agenda-preview .event-row.no-event{font-style:italic}.calendar-agenda-preview .event-row.fc-invitation-needs-action{color:#737677}.calendar-agenda-preview .event-row.fc-invitation-needs-action .event-title{font-style:italic}.calendar-agenda-preview .event-title{padding-left:.5rem}#calendar.content{overflow:hidden!important;position:relative}.calendar-datepicker .ui-datepicker{margin:0!important;border:0;border-radius:0;width:auto;min-width:auto!important;font-size:.9rem;background-color:#f1f3f4}.calendar-datepicker .ui-datepicker table{margin:0}.calendar-datepicker .ui-datepicker td a{font-size:.9rem!important}.calendar-datepicker .ui-datepicker-header{background-color:#f1f3f4}.ui-dialog .calendar-datepicker .ui-datepicker{background:0 0}.ui-dialog .calendar-datepicker .ui-datepicker-header{background:0 0;border:0}.ui-dialog .calendar-datepicker td a{line-height:3em!important;font-size:1rem!important}.fc button,.fc table,body .fc{font-size:1em}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view .fc-day-top .fc-week-number,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc-bg{bottom:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-day-grid-event .fc-content,.fc-icon,.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-content{white-space:nowrap}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-now-indicator{position:absolute;border:0 solid red}.fc-icon:after,.fc-toolbar button,.fc-view,.fc-view>table{position:relative}.fc-unselectable{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff;border-width:1px;border-style:solid}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.fc-icon{display:inline-block;height:1em;line-height:1em;font-size:1em;font-family:"Courier New",Courier,monospace;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon-left-single-arrow:after{content:"\2039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\D7";font-size:200%;top:6%}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666;font-size:.9em;margin-top:2px}.fc-unthemed .fc-list-item:hover td{background-color:#f5f5f5}.ui-widget .fc-disabled-day{background-image:none}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.ui-widget .fc-event{color:#fff;text-decoration:none;font-weight:400}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\A0-\A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee}body.quickview-active .fc .fc-scroller{background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22%23f2f2f2%22%20d%3D%22M569.354%20231.631C512.969%20135.949%20407.81%2072%20288%2072%20168.14%2072%2063.004%20135.994%206.646%20231.631a47.999%2047.999%200%200%200%200%2048.739C63.031%20376.051%20168.19%20440%20288%20440c119.86%200%20224.996-63.994%20281.354-159.631a47.997%2047.997%200%200%200%200-48.738zM288%20392c-75.162%200-136-60.827-136-136%200-75.162%2060.826-136%20136-136%2075.162%200%20136%2060.826%20136%20136%200%2075.162-60.826%20136-136%20136zm104-136c0%2057.438-46.562%20104-104%20104s-104-46.562-104-104c0-17.708%204.431-34.379%2012.236-48.973l-.001.032c0%2023.651%2019.173%2042.823%2042.824%2042.823s42.824-19.173%2042.824-42.823c0-23.651-19.173-42.824-42.824-42.824l-.032.001C253.621%20156.431%20270.292%20152%20288%20152c57.438%200%20104%2046.562%20104%20104z%22%2F%3E%3C%2Fsvg%3E") center no-repeat;background-size:50%}.fc .fc-header-toolbar{display:flex;background-color:#f1f3f4;margin:0}.fc .fc-left .fc-button-group,.fc .fc-right .fc-button{display:none}.fc .fc-event,.fc .fc-event-dot{background-color:#c00}.fc .fc-header-toolbar>*>*{float:none;margin:0}.fc .fc-left{order:1}.fc .fc-center{flex:1;order:2;text-align:center;padding:.25rem}.fc .fc-center h2{margin:0;color:#737677;white-space:nowrap;font-size:1.25rem;font-weight:700}.fc .fc-right{order:3;text-align:right}.fc button{height:unset;padding:.3rem .75rem}.fc button.prev:before{content:"\f104";margin:0!important;line-height:1}.fc button.next:before{content:"\f105";margin:0!important;line-height:1}.fc .btn-group{padding:.5rem;margin:0}.fc .fc-type-freebusy{opacity:.6}.fc .fc-type-freebusy .fc-title{position:absolute;top:-5000px}.fc .fc-type-freebusy td{color:#999}.fc a.fc-event,.fc a.fc-event:hover{color:#fff}.fc .fc-event{font-size:13px;border-color:#c00}.fc .fc-event .fc-title{font-weight:700}.fc .fc-event .fc-bg{opacity:.15;margin-top:1.1rem}.fc .fc-event.fc-invitation-declined,.fc .fc-event.fc-invitation-needs-action,.fc .fc-event.fc-invitation-tentative{border:1px dashed #999}.fc .fc-event.fc-event-ns-other.fc-invitation-declined{opacity:.7}.fc .fc-event.fc-event-ns-other.fc-invitation-declined .fc-title{text-decoration:line-through}.fc .fc-event.fc-invitation-tentative .fc-bg{background:url(data:image/gif;base64,R0lGODlhCAAIAPABAOuJAP///yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) #fff}.fc .fc-event.fc-invitation-needs-action .fc-bg{background:url(data:image/gif;base64,R0lGODlhCAAIAPABAFdXx////yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) #fff}.fc .fc-event.fc-invitation-declined .fc-bg{background:url(data:image/gif;base64,R0lGODlhCAAIAPABAMwAAP///yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) #fff}.fc .fc-list-view tr.fc-invitation-declined,.fc .fc-list-view tr.fc-invitation-needs-action,.fc .fc-list-view tr.fc-invitation-tentative{color:#888}.fc .fc-list-view tr.fc-invitation-declined .fc-event-dot,.fc .fc-list-view tr.fc-invitation-needs-action .fc-event-dot,.fc .fc-list-view tr.fc-invitation-tentative .fc-event-dot{background-color:#888}.fc .cal-event-status-cancelled,.fc .fc-declined,.fc .fc-needs-action{opacity:.6}.fc .fc-time i{display:inline-block;width:1em;height:1em;margin-left:.25rem}.fc .fc-time i:before{font-size:1em;line-height:1;margin-top:.1rem}.fc .fc-time i.fc-icon-recurring:before{content:"\f24d";font-weight:400}.fc .fc-time i.fc-icon-alarms:before{content:"\f0f3"}.fc .fc-time i.fc-icon-sensitive:before{content:"\f023"}.fc .fc-event-temp{opacity:.4}.fc .fc-nonbusiness{background-color:rgba(115,118,119,.2)}.fc .fc-day.fc-today{background:rgba(255,212,82,.2)!important}.fc .fc-now-indicator{border-color:#41b849;border-width:1.5px}.fc .fc-list-item,.fc .fc-list-item:hover td{background:0 0}.fc .fc-list-item a,.fc .fc-list-item td{cursor:default}.fc .fc-list-item-title{font-weight:700}.fc .fc-list-table td{padding:.5rem}.fc .fc-list-heading td{background:rgba(115,118,119,.1)}.fc .fc-list-empty{display:none}.fc .fc-more{color:#00acff!important;white-space:nowrap}.fc .fc-axis,.fc .fc-day-header,.fc .fc-day-number,.fc .fc-week-header,.fc .fc-week-number{color:#737677;font-size:.95rem;padding:.15rem!important}.fc .fc-week-number{text-align:center}.fc .fc-popover{border-radius:.3rem}.fc .fc-popover .fc-header{color:#737677;font-size:.95rem;font-weight:700}.fc .fc-popover .fc-icon-x::after{top:3px}.fc .fc-view.fc-widget-content,.fc td.fc-head-container{border-left-width:0}.fc .fc-body .fc-bg .fc-widget-content,.fc .fc-body .fc-bg-sceleton .fc-widget-content,.fc .fc-body>tr>.fc-widget-content,.fc .fc-list-view{border-bottom-width:0}.print-content .fc .fc-header-toolbar{background-color:#fff}.print-content .fc .fc-center h2{color:#000;padding-bottom:.75rem;font-size:1.5rem!important}.print-content .fc .fc-day.fc-today{background:0 0!important}.print-content .fc a.fc-event{color:#000;background-color:#fff!important}.print-content .fc .fc-event-description{white-space:pre-wrap;font-size:90%}.print-content .fc .fc-event-location{width:20%}.print-content .fc .fc-event-row-secondary td{border:0;padding-top:0!important}.print-content .fc .fc-scroller{overflow:visible!important;height:auto!important}.print-content .fc .fc-view.fc-widget-content,.print-content .fc td.fc-head-container{border-left-width:1px}.print-content .fc .fc-agenda-view,.print-content .fc .fc-list-view,.print-content .fc .fc-month-view{border-bottom:1px solid #ddd}@media screen and (max-width:768px){.fc .fc-left{display:block;width:100%;padding:0}.fc .fc-left button{flex:1 1 auto;border-radius:0}.fc .fc-left .btn-group{padding:0;display:flex}.fc .fc-center,.fc .fc-list-table .fc-event-location,.fc .fc-right{display:none}}@media screen and (min-width:769px) and (max-width:920px){.fc .fc-center{overflow:hidden;text-overflow:ellipsis;flex:1}.fc .fc-center h2{font-size:1rem;line-height:1;padding-top:.45rem}.fc .fc-left .btn,.fc .fc-right .btn{padding-left:.5rem;padding-right:.5rem}}html:matches(.ipad,.iphone) #fish-eye-view::-webkit-scrollbar,html:matches(.ipad,.iphone) .fc-scroller::-webkit-scrollbar,html:matches(.ipad,.iphone) .ui-dialog-content:not(.iframe)::-webkit-scrollbar{-webkit-appearance:none}html:matches(.ipad,.iphone) #fish-eye-view::-webkit-scrollbar:vertical,html:matches(.ipad,.iphone) .fc-scroller::-webkit-scrollbar:vertical,html:matches(.ipad,.iphone) .ui-dialog-content:not(.iframe)::-webkit-scrollbar:vertical{width:.6rem}html:matches(.ipad,.iphone) #fish-eye-view::-webkit-scrollbar:horizontal,html:matches(.ipad,.iphone) .fc-scroller::-webkit-scrollbar:horizontal,html:matches(.ipad,.iphone) .ui-dialog-content:not(.iframe)::-webkit-scrollbar:horizontal{height:.6rem}html:matches(.ipad,.iphone) #fish-eye-view::-webkit-scrollbar-thumb,html:matches(.ipad,.iphone) .fc-scroller::-webkit-scrollbar-thumb,html:matches(.ipad,.iphone) .ui-dialog-content:not(.iframe)::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:.3rem;border:2px solid #fff}.calendar-scheduler .schedule-table .fbcontent:last-child td,.calendar-scheduler .schedule-table td.attendees .attendees-list{border-bottom:1px solid #d4dbde}body.task-calendar #print-layout #calendar-view-selector{float:right;padding-top:.25rem}body.task-calendar #print-layout #calendarlist{margin-top:1rem}body.task-calendar #print-layout #calendarlist,body.task-calendar #print-layout #calendarlist ul{list-style:none;padding:0}body.task-calendar #print-layout #calendarlist li{display:inline-block;white-space:nowrap}body.task-calendar #print-layout #calendarlist div,body.task-calendar #print-layout #calendarlist li,body.task-calendar #print-layout #calendarlist ul{float:left}body.task-calendar #print-layout #calendarlist div{margin-right:2rem}body.task-calendar #print-layout #calendarlist a{text-decoration:none;cursor:auto}body.task-calendar #print-layout #calendarlist input,body.task-calendar #print-layout #calendarlist span.actions,body.task-calendar #print-layout #calendarlist span.handle{display:none}@media screen and (min-width:769px){body.task-calendar #layout-sidebar{flex:2;max-width:400px;min-width:240px}#fish-eye-view{border-bottom:1px solid #d4dbde}}body.task-calendar .ui-datepicker td{width:12.5%}body.task-calendar .ui-datepicker .ui-datepicker-week-col{color:#d4dbde;text-align:center}body.task-calendar .ui-datepicker-inline .ui-datepicker-week-col{color:#00acff;cursor:pointer}body.task-calendar .ui-datepicker-inline .ui-datepicker-activerange{background-color:#ebf9ff}#timezone-display{font-size:.9rem;color:#737677}#agendaoptions{padding:0 .5rem .5rem;display:flex;background-color:#f1f3f4}#agendaoptions .input-group{padding-right:.5rem;flex-wrap:nowrap}#agendaoptions .input-group:last-child{padding-right:0}#agendaoptions select{min-width:7em}#agendaoptions .input-group-prepend{overflow:hidden;margin-bottom:0}#agendaoptions .input-group-prepend span{display:block;overflow:hidden;text-overflow:ellipsis}#eventshow{margin:0}#eventshow .event-title{font-size:1.5rem;font-weight:700}#eventshow .event-location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#eventshow .event-description{margin:1rem 0}#eventshow .event-attendees{margin-bottom:1rem}#eventshow .event-attendees .attendee{margin-right:.25rem}#eventshow .event-partstat>span{display:flex}#eventshow .event-partstat .rsvp-status:before{display:inline;float:none}#eventshow .event-partstat .changersvp{cursor:pointer;font-size:1.2rem;margin-left:1em}#eventshow .event-partstat .changersvp:before{content:"\f14b";float:none;display:inline;line-height:1}#eventshow .event-partstat .inner{display:none}#eventedit .edit-attendees-table td{padding-top:.15rem}#eventedit .edit-attendees-table td.role{padding-left:0;width:9em}#fish-eye-view{padding:0}.availability span{margin-right:.5rem;color:#737677}.availability span:before{content:"\f0c8";display:inline;float:none}.availability span.legend:before{font-size:1em}.availability span.loading:before{-webkit-animation:spinner-border 1.5s infinite linear;animation:spinner-border 1.5s infinite linear;content:"\f1ce";display:block;line-height:1}.availability span.unknown:before{color:#bbb}.availability span.free:before{color:#41b849}.availability span.busy:before{color:#ff5552}.availability span.tentative:before{color:#8383fc}.availability span.out-of-office:before{color:#fbaa68}.datetime .custom-switch{padding-left:.5rem}.datetime .custom-switch label{line-height:2;margin-top:.2rem}.datetime input{width:10em!important}.calendar-scheduler .nav{align-items:center}.calendar-scheduler .nav button:first-child{margin-right:.25rem}.calendar-scheduler .nav>div{white-space:nowrap}@media screen and (max-width:420px){.datetime input{width:8em!important}.datetime input+input{width:6em!important}.calendar-scheduler .nav button{padding-left:.5rem;padding-right:.5rem}}.calendar-scheduler .schedule-buttons .prev-slot:before{content:"\f053"}.calendar-scheduler .schedule-buttons .next-slot:after{content:"\f054";display:inline-block;float:none;margin-right:0}.calendar-scheduler .schedule-options{flex:1;margin-left:1rem}html.layout-phone .calendar-scheduler .schedule-options{order:100;margin-left:0}.calendar-scheduler .schedule-nav{flex:1;margin-left:.3rem;text-align:right}.calendar-scheduler .schedule-nav button{line-height:1.8}.calendar-scheduler .schedule-range{width:60%;margin-top:2rem}html.layout-phone .calendar-scheduler .schedule-range{margin:0}.calendar-scheduler .schedule-legend .attendee{margin-right:.5rem}.calendar-scheduler .attendees-list{position:relative}.calendar-scheduler .attendees-list a.attendee-role-toggle{position:absolute;left:0;display:inline-block;width:1em;cursor:pointer}.calendar-scheduler .attendees-list div.attendee{border-top:1px solid #f1f3f4;line-height:1.7rem;height:1.8rem}.calendar-scheduler .attendees-list .attendee{white-space:nowrap}.calendar-scheduler .attendees-list .attendee.spacer{height:10px}.calendar-scheduler .attendees-list .attendee.loading:before{-webkit-animation:spinner-border 1.5s infinite linear;animation:spinner-border 1.5s infinite linear;content:"\f1ce";font-weight:900}.calendar-scheduler .attendees-list .attendee.total{font-weight:700}.calendar-scheduler .attendees-list .attendee.spacer:before,.calendar-scheduler .attendees-list .attendee.total:before{display:none}.calendar-scheduler .schedule-table{table-layout:fixed}.calendar-scheduler .schedule-table th{border-top:0}.calendar-scheduler .schedule-table td.attendees{width:25%;overflow:hidden;border-top:0}html.layout-phone .calendar-scheduler .schedule-table td.attendees{width:35%}.calendar-scheduler .schedule-table td.times{width:auto;border-top:0}.calendar-scheduler .schedule-table td.times table{margin:0}.calendar-scheduler .schedule-table td.times td{height:1.8rem;border-top:1px solid #f1f3f4;white-space:nowrap}.calendar-scheduler .schedule-table div.scroll{position:relative;overflow:auto}.calendar-scheduler .schedule-table .timesheader{height:1.4rem;border-top:1px solid #d4dbde}.calendar-scheduler .schedule-table .boxtitle{margin:0;padding:.5rem 0 0;font-size:1rem;font-weight:700;line-height:2}.calendar-scheduler .schedule-table td{padding:4px}.calendar-scheduler .schedule-table tbody td{padding:0}.calendar-scheduler .schedule-table tbody td div{height:100%}.calendar-scheduler .schedule-table tr.spacer td{padding:0;height:10px}.calendar-scheduler .schedule-table tr.dates th[colspan="1"]{min-width:48px;max-width:48px;text-align:center;font-size:.7rem;line-height:2.9}.calendar-scheduler .schedule-table tr.times td{cursor:pointer;min-width:48px;max-width:48px;font-size:.7rem;text-align:center;color:#00acff;height:1.4rem;padding:0 .1rem;vertical-align:middle;border-top:1px solid #d4dbde;border-left:1px solid #f1f3f4}.calendar-scheduler .schedule-table .fbcontent td{border-left:1px solid #f1f3f4}.calendar-scheduler .schedule-table div.unknown{background-color:#bbb}.calendar-scheduler .schedule-table div.free{background-color:#41b849}.calendar-scheduler .schedule-table div.busy{background-color:#ff5552}.calendar-scheduler .schedule-table div.tentative{background-color:#8383fc}.calendar-scheduler .schedule-table div.out-of-office{background-color:#fbaa68}.calendar-scheduler .schedule-table div.all-busy,.calendar-scheduler .schedule-table div.all-out-of-office,.calendar-scheduler .schedule-table div.all-tentative{overflow:hidden}.calendar-scheduler .schedule-table div.all-busy span,.calendar-scheduler .schedule-table div.all-out-of-office span,.calendar-scheduler .schedule-table div.all-tentative span{display:block;width:300%;height:300%;border:1px solid #fff;background:#ff231f;transform:rotate(42deg) translate(2%)}.calendar-scheduler .schedule-table div.all-busy.w10 span,.calendar-scheduler .schedule-table div.all-out-of-office.w10 span,.calendar-scheduler .schedule-table div.all-tentative.w10 span,.resources-dialog .slot-nav{display:none}.calendar-scheduler .schedule-table div.all-busy.w20 span,.calendar-scheduler .schedule-table div.all-busy.w25 span,.calendar-scheduler .schedule-table div.all-out-of-office.w20 span,.calendar-scheduler .schedule-table div.all-out-of-office.w25 span,.calendar-scheduler .schedule-table div.all-tentative.w20 span,.calendar-scheduler .schedule-table div.all-tentative.w25 span{transform:rotate(17deg) translate(-9%)}.calendar-scheduler .schedule-table div.all-busy.w30 span,.calendar-scheduler .schedule-table div.all-out-of-office.w30 span,.calendar-scheduler .schedule-table div.all-tentative.w30 span{transform:rotate(28deg) translate(-7%)}.calendar-scheduler .schedule-table div.all-busy.w33 span,.calendar-scheduler .schedule-table div.all-out-of-office.w33 span,.calendar-scheduler .schedule-table div.all-tentative.w33 span{transform:rotate(32deg) translate(-5%)}.calendar-scheduler .schedule-table div.all-busy.w40 span,.calendar-scheduler .schedule-table div.all-out-of-office.w40 span,.calendar-scheduler .schedule-table div.all-tentative.w40 span{transform:rotate(36deg) translate(-3%)}.calendar-scheduler .schedule-table div.all-busy.w60 span,.calendar-scheduler .schedule-table div.all-out-of-office.w60 span,.calendar-scheduler .schedule-table div.all-tentative.w60 span{transform:rotate(48deg) translate(6%)}.calendar-scheduler .schedule-table div.all-busy.w67 span,.calendar-scheduler .schedule-table div.all-out-of-office.w67 span,.calendar-scheduler .schedule-table div.all-tentative.w67 span{transform:rotate(52deg) translate(9%)}.calendar-scheduler .schedule-table div.all-busy.w70 span,.calendar-scheduler .schedule-table div.all-busy.w75 span,.calendar-scheduler .schedule-table div.all-out-of-office.w70 span,.calendar-scheduler .schedule-table div.all-out-of-office.w75 span,.calendar-scheduler .schedule-table div.all-tentative.w70 span,.calendar-scheduler .schedule-table div.all-tentative.w75 span{transform:rotate(55deg) translate(12%,30%)}.calendar-scheduler .schedule-table div.all-busy.w80 span,.calendar-scheduler .schedule-table div.all-out-of-office.w80 span,.calendar-scheduler .schedule-table div.all-tentative.w80 span{transform:rotate(56deg) translate(13%,30%)}.calendar-scheduler .schedule-table div.all-busy.w90 span,.calendar-scheduler .schedule-table div.all-out-of-office.w90 span,.calendar-scheduler .schedule-table div.all-tentative.w90 span{transform:rotate(59deg) translate(16%,30%)}.calendar-scheduler .schedule-table div.all-busy.w100 span,.calendar-scheduler .schedule-table div.all-out-of-office.w100 span,.calendar-scheduler .schedule-table div.all-tentative.w100 span{transform:rotate(62deg) translate(19%,30%)}.calendar-scheduler .schedule-table div.all-tentative span{background:#5151fb}.calendar-scheduler .schedule-table div.all-out-of-office span{background:#fa8e36}#schedule-event-time{position:absolute;border-radius:.3rem;cursor:move;border:2px solid #444;background-color:rgba(0,0,0,.3)}#filelistcontainer,#resource-availability .fc,.standalone-invitebox,body.task-calendar .header-title{position:relative}.resources-dialog .resource-selection{flex:4;min-width:300px}.resources-dialog .resource-content{flex:10;margin-left:1em}.resources-dialog .listing li.resource>a{color:#2c363a}#devices-table td:not(.selection):before,.listing.iconized li.activesync>a:before{content:"\f143"}#resource-availability{height:100%}#resource-availability .fc{height:100%;overflow:hidden;border-bottom:1px solid #ddd}#resource-availability .fc-view{border-left:1px solid #ddd}#resource-availability .fc-header-toolbar{height:0}.standalone-invitebox{margin:0 auto;max-width:500px;width:95%;display:flex;flex-direction:column;top:15vh}#devices-table .devicealias,#folder-mount-form td.source>div{flex:1}.standalone-invitebox #logo{max-height:90px}.standalone-invitebox .invitebox{margin-top:3em!important}@media screen and (min-width:769px){.searchbar a.button.date{display:none}}#rcmfd_alarmvalue{max-width:80px}@media screen and (max-width:768px){#agendaoptions{padding-top:.5rem}.calendar-scheduler .schedule-range{width:100%}#layout-sidebar .calendar-datepicker{display:none}.resources-dialog .resource-content{display:none;margin:0}.resources-dialog .resource-content ul{margin:1em 1em 0}#resource-availability{margin:0 1em}}body.task-calendar .header-title .tz{position:absolute;bottom:0;left:0;width:100%;line-height:2;font-size:.8rem;font-weight:400;color:#737677}#devices-table td:not(.selection){display:flex}#devices-table td:not(.selection) span{overflow:hidden;text-overflow:ellipsis}#devices-table .devicetype{max-width:40%;font-style:italic;padding-left:.5em}#delegate-table td:before,.listing.iconized li.delegation>a:before{content:"\f21b"}a.btn.fromcloud:before,a.button.filesaveall:before,a.button.saveas:before,li>a.icon.saveas:before{content:"\f07b"}.menu a.mount.storage:before{content:"\f1c0"}.menu a.open:before{content:"\f06e"}.menu a.cancel:before{content:"\f00d"}.menu a.share:before{content:"\f1e0"}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link.options.add-folder{order:-1}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link.options.add-folder:before{content:"\f067"}.folderlist li.collection a.name{padding-left:.5em}.folderlist li.collection.audio a.name:before{content:"\f028";font-weight:900}.folderlist li.collection.video a.name:before{content:"\f03d";font-weight:900}.folderlist li.collection.image a.name:before{content:"\f03e"}.folderlist li.collection.document a.name:before{content:"\f02d";font-weight:900}.folderlist li.collection.sessions a.name:before{content:"\f0c0";font-weight:900}.folderlist li.mailbox a.subscription{cursor:pointer;padding:0!important;border-left:0;width:auto}.folderlist li.mailbox a.subscription:before{content:"\f02e";font-weight:400;height:auto;color:#00acff;margin-right:.25rem}.folderlist li.mailbox a.subscription.subscribed:before{content:"\f02e";font-weight:900}#filesuploadform{position:absolute!important}#filelistbox{height:100%}#folder-mount-form td.source img,#folder-mount-form td.source>input{height:32px;margin-right:.5rem}#filelistbox.droptarget.active{box-shadow:0 0 2px 1px #b9b9b9 inset}#filelistbox.droptarget.hover{box-shadow:0 0 2px 1px #b9b9b9 inset;background-color:#ececec}.filelist td.options,.filelist thead{display:none}.filelist td.name{position:relative}.filelist td.mtime{width:11em}.filelist td.size{text-align:right;width:6em}.filelist tr.session>td.name{padding-right:2em}.filelist tr.session>td.name:after{content:"\f0c0";color:#d4dbde;position:absolute;right:.25em;top:0}.filelist tr.session.invited>td.name:after{color:#41b849}.filelist tr.session.owner>td.name:after{color:#161b1d}@media screen and (max-width:480px){.filelist td.mtime{display:none}}.filelist tbody td.filename span{background:0 0!important}.filelist tbody td.filename span:before{content:"\f15b";font-weight:400}#folder-mount-form td.source .name,.invitebox td em,.invitebox td.date.modified,.invitebox td.ititle,.invitebox td.sensitivity,.tagbox{font-weight:700}.filelist tbody td.filename.application_pdf span:before,.filelist tbody td.filename.pdf span:before{content:"\f1c1"}.filelist tbody td.filename.application_msword span:before,.filelist tbody td.filename.application_vnd_ms_word span:before,.filelist tbody td.filename.application_vnd_openxmlformats_officedocument_wordprocessingml_document span:before,.filelist tbody td.filename.application_vnd_openxmlformats_officedocument_wordprocessingml_template span:before{content:"\f1c2"}.filelist tbody td.filename.application_vnd_ms_excel span:before,.filelist tbody td.filename.application_vnd_oasis_opendocument_spreadsheet span:before,.filelist tbody td.filename.application_vnd_oasis_opendocument_spreadsheet_template span:before,.filelist tbody td.filename.application_vnd_openxmlformats_officedocument_spreadsheetml_sheet span:before,.filelist tbody td.filename.application_vnd_openxmlformats_officedocument_spreadsheetml_template span:before{content:"\f1c3"}.filelist tbody td.filename.application_vnd_ms_powerpoint span:before,.filelist tbody td.filename.application_vnd_openxmlformats_officedocument_presentationml_presentation span:before,.filelist tbody td.filename.application_vnd_openxmlformats_officedocument_presentationml_slideshow span:before,.filelist tbody td.filename.application_vnd_openxmlformats_officedocument_presentationml_template span:before{content:"\f1c4"}.filelist tbody td.filename.application_vnd_oasis_opendocument_text span:before{content:"\f15c"}.filelist tbody td.filename.application_vnd_oasis_opendocument_presentation span:before,.filelist tbody td.filename.application_vnd_oasis_opendocument_presentation_template span:before{content:"\f1c4"}.filelist tbody td.filename.application_x_7z_compressed span:before,.filelist tbody td.filename.application_x_ace span:before,.filelist tbody td.filename.application_x_arc span:before,.filelist tbody td.filename.application_x_arj span:before,.filelist tbody td.filename.application_x_bzip_compressed_tar span:before,.filelist tbody td.filename.application_x_lha span:before,.filelist tbody td.filename.application_x_rar span:before,.filelist tbody td.filename.application_x_tarz span:before,.filelist tbody td.filename.application_x_tzo span:before,.filelist tbody td.filename.application_x_zip span:before,.filelist tbody td.filename.application_x_zoo span:before,.filelist tbody td.filename.application_zip span:before,.filelist tbody td.filename.tar span:before{content:"\f1c6"}.filelist tbody td.filename.application_vnd_stardivision_draw span:before,.filelist tbody td.filename.application_vnd_sun_xml_draw span:before,.filelist tbody td.filename.application_vnd_sun_xml_draw_template span:before,.filelist tbody td.filename.image span:before,.filelist tbody td.filename.image_jpeg span:before,.filelist tbody td.filename.image_jpeg2000 span:before,.filelist tbody td.filename.image_png span:before,.filelist tbody td.filename.image_svg_xml span:before,.filelist tbody td.filename.image_x_eps span:before{content:"\f1c5"}.filelist tbody td.filename.audio span:before{content:"\f1c7"}.filelist tbody td.filename.video span:before{content:"\f1c8"}.filelist tbody td.filename.ascii span:before,.filelist tbody td.filename.text_plain span:before{content:"\f15c"}.filelist tbody td.filename.text_html span:before{content:"\f1c9"}#folder-mount-form td.source{display:flex;align-items:flex-start;padding:.5rem}#folder-mount-form td.source.selected{background-color:#ebf9ff}#folder-mount-form td.source .description{font-size:90%}#folder-mount-form td.source .form-group{margin-bottom:0}#folder-mount-form .auth-options>label:before{line-height:1}.files-dialog .selection-list{flex:1;min-width:220px}.files-dialog .selection-content{flex:2}@media screen and (min-width:769px){.files-dialog .selection-content{border:1px solid #d4dbde;border-left:0}}.files-dialog a.subscription{display:none}@media screen and (max-width:768px){.files-dialog .selection-list{display:none}}.document-editor-header .toolbar{text-align:left!important;flex:1}.document-editor-header .toolbar a{text-align:center}.document-editor-header a.button.icon.members:before{content:"\f0c0"}.document-editor-header #collaborators{order:9;display:flex;margin-right:.5rem;margin-left:2rem}.document-editor-header #collaborators a.button.add:before{content:"\f067"}.document-editor-header #collaborators .inner{display:none}.document-editor-header #doc-title{flex:1;order:8}.document-editor-header #doc-title input{display:inline}.session-members img.photo{width:48px;height:48px;min-width:48px;overflow:hidden;background:url(../../../skins/elastic/images/contactpic.png) center center no-repeat #fff;background-size:cover;border-radius:50%;border:3px solid #eee;margin-left:.5rem}.session-members ul{padding:0;margin:0;list-style-type:none}.session-members ul li{display:flex;align-items:center}.session-members ul img.photo{margin-left:0;margin-right:1em}.editors-dialog table th{border:0}.editors-dialog table tr:last-child td{border-bottom:1px solid #d4dbde}.editors-dialog table td.options{width:1%}.editors-dialog table td.options a.delete:before{content:"\f2ed";display:inline;line-height:1}.editors-dialog label{display:block}button.participant.add:before{content:"\f234"}#kolabnoteslist td.title:before,.menu a.appendnote:before{content:"\f249"}.iframe-wrapper.file-type-audio,.iframe-wrapper.file-type-video{display:flex;align-items:center;justify-content:center}@media screen and (min-width:769px){.iframe-wrapper.file-type-audio,.iframe-wrapper.file-type-video{padding:1em}}#shareform table td,#shareform table th{padding-left:.15rem;max-width:10vw;overflow:hidden;text-overflow:ellipsis}#shareform table td:last-child,#shareform table th:last-child{padding-right:.15rem;width:1%;max-width:unset}#shareform table td{vertical-align:middle}#shareform table td.form input{margin-bottom:.25rem;width:100%}#print-layout #notetags,#tagsform select{margin-bottom:.5rem}#shareform table tr+tr>td{border-top:0;padding-bottom:.25rem}#shareform table button{padding:.185rem .75rem;width:100%}#noteform iframe{min-height:10rem}#notereferences{margin-top:.5rem}#notereferences .attachmentslist a.delete{margin-left:.5rem}#notedetailstitle .dates{color:#737677}#print-layout #notetitle{font-size:1.5rem;line-height:2}#print-layout #notecreated{margin-right:2rem}#kolabnoteslist tr{display:flex}#kolabnoteslist td.title{overflow:hidden;text-overflow:ellipsis;flex:1}#kolabnoteslist td.title:before{font-weight:400}#kolabnoteslist td.date{overflow:unset;color:#737677;font-style:italic}.kolabmessagenotes>i.icon:before{content:"\f249"!important;font-weight:400!important}.kolabmessagenotes>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-decoration:none}.menu a.tags:before{content:"\f02c"}#taglist li:before,#tagsform option:before,.menu a.tag.remove.all:before,.menu a.tag.remove:before,.menu a.tag:before{content:"\f02b"}#taglist li{padding:0 .5rem}#taglist li:before{margin:0 .5rem 0 .2rem}#tag-selector li a:before,#taglist li:before,#tagsform option:before{color:#009eea}#tag-selector li:hover a:before,#tagsform option:checked:before{color:#fff}#tagsform{min-height:15rem}#tagsform select{padding:0}#tagsform option{padding:.5rem;outline:0;border:0}#tagsform option:before{line-height:1}#tagsform .buttons{text-align:center}#tagsform .buttons button{margin:0 .25rem}.tagbox{color:#fff;background-color:#37beff!important;border:0!important;border-radius:.25rem;max-width:4em;padding:.1rem .4rem;margin-right:.2rem}.tagbox:not(.tagedit-listelement) a{color:inherit;padding-left:.5rem;text-decoration:none}h2>.tagbox{font-size:1.2rem}.tag-droppable.formcontainer.ui-droppable-active{background-color:#f1f3f4!important}.tag-droppable.formcontainer.ui-droppable-hover{background-color:#ffc!important}.invitebox>i.icon{position:absolute;top:0;padding-top:.5em}.invitebox>span{padding-left:2.5em}.invitebox td{padding:2px;vertical-align:top}.invitebox td.ititle{padding-right:.5em}.invitebox td.label{color:#666;padding-right:1em}.invitebox td.recurrence-id{text-transform:uppercase;font-style:italic}.invitebox td.date.modified{color:#ff5552}.invitebox .itip-buttons{display:flex;flex-wrap:wrap}.invitebox .itip-buttons input.button{margin:0 .25rem .25rem 0}.invitebox .rsvp-buttons{width:100%;padding-top:.25rem}.invitebox .itip-reply-controls{margin-top:.25rem;width:100%;line-height:2}.invitebox .itip-reply-controls>label{display:inline}.invitebox .itip-reply-controls>label label{line-height:1;margin-right:.25rem}.invitebox .itip-reply-controls a{margin-left:1em;white-space:nowrap}.invitebox .rsvp-status{margin:.5rem 0;width:100%}.invitebox .rsvp-status.hint{color:#666;font-style:italic}.invitebox .folder-select{white-space:nowrap}.invitebox .folder-select select{display:initial;width:auto}.rsvp-status:before{line-height:1.1;color:#4d5f66;float:none;display:inline}.rsvp-status.loading:before{-webkit-animation:spinner-border 1.5s infinite linear;animation:spinner-border 1.5s infinite linear;content:"\f1ce";line-height:1}.rsvp-status.declined:before{content:"\f05e";color:#ff5552}.rsvp-status.tentative:before{content:"\f058";color:#ffd452}.rsvp-status.accepted:before{content:"\f058";color:#41b849}.rsvp-status.delegated:before{content:"\f064"}.attendee:before,.rsvp-status.needs-action:before{content:"\f059"}.attendee:before{display:inline;float:none;font-size:1em;color:#737677}.attendee.chair:before,.attendee.non-participant:before,.attendee.opt-participant:before,.attendee.req-participant:before{content:"\f007"}.attendee.opt-participant:before{font-weight:400}.attendee.non-participant:before{color:#ccc}.attendee.chair:before{color:#ffd452}.attendee.accepted:before,.attendee.completed:before{content:"\f058";color:#41b849}.attendee.declined:before{content:"\f05e";color:#ff5552}.attendee.tentative:before{content:"\f058";color:#ffd452}.attendee.delegated:before{content:"\f064"}.attendee.organizer:before{content:"\f0b1"}.attendee.in-process:before{content:"\f013"}.attendees-comentbox label{display:inline}.edit-attendees-table{width:100%}.edit-attendees-table td,.edit-attendees-table th{width:1%;text-align:center}.edit-attendees-table td{border:0;padding:0 .3rem}.edit-attendees-table th{border-bottom:1px solid #eee!important}.edit-attendees-table td.name,.edit-attendees-table td.role,.edit-attendees-table th.name,.edit-attendees-table th.role{width:auto;text-align:left}.edit-attendees-table th.invite input{display:none}.edit-attendees-table th.invite label{cursor:pointer}.edit-attendees-table th.invite label:before{content:"\f0e0";display:inline;float:none;margin-left:.25rem}.edit-attendees-table td.invite .custom-switch{margin-top:.15rem}.edit-attendees-table td.name span{line-height:2.5;display:flex}.edit-attendees-table td.name span>:first-child{overflow:hidden;text-overflow:ellipsis;flex:1;width:1px;white-space:nowrap}.edit-attendees-table td.availability span,.edit-attendees-table td.confirmstate span{margin:0}.edit-attendees-table td.availability span:after,.edit-attendees-table td.availability span:before,.edit-attendees-table td.confirmstate span:after,.edit-attendees-table td.confirmstate span:before{line-height:2;margin:0;font-size:1.2em;height:2em;width:2em}.edit-attendees-table td.options a{display:inline-block;height:2em}.edit-attendees-table td.options a:before{line-height:1.8;margin:0}.edit-attendees-table a.expandlink:before{content:"\f0fe";line-height:2}.edit-attendees-table .inner{display:none}html.layout-phone .edit-attendees-table th.availability,html.layout-phone .edit-attendees-table th.confirmstate{text-indent:-5000px}html.layout-phone .edit-attendees-table td.role{max-width:7em}html.layout-phone .edit-attendees-table select{padding-left:.5rem}.form-searchbar{display:flex;margin-bottom:.5rem}.form-searchbar input[type=text]{flex:1}html.layout-phone .form-searchbar input[type=text]{max-width:50%}.form-searchbar input[type=button]{margin-left:.5em;overflow:hidden;text-overflow:ellipsis}.attachmentslist li.ics:before,.attachmentslist li.text.calendar:before,.messagelist tbody .attachment span.ical:before{content:"\f073";font-weight:400}.alarms-input .edit-alarm-item{display:flex}.alarms-input .edit-alarm-buttons .inner,.alarms-input .edit-alarm-item.first .delete-alarm,.alarms-input .edit-alarm-item:not(.first) .add-alarm{display:none}.alarms-input .edit-alarm-item+.edit-alarm-item{margin-top:.25rem}.alarms-input .edit-alarm-buttons a{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.alarms-input .edit-alarm-buttons a:before{margin:0;width:1em}.alarms-input .edit-alarm-buttons a:focus{box-shadow:none}.alarms-input .edit-alarm-buttons a.add:before{content:"\f067"}.alarms-input .edit-alarm-type{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.alarms-input .edit-alarm-type:focus{z-index:2}.alarms-input .edit-alarm-set{display:flex;flex:1}.alarms-input .edit-alarm-values{flex:5}.alarms-input .edit-alarm-values .form-control{border-radius:0}.alarms-input .edit-alarm-values :first-child{border-left:0}.alarms-input .edit-alarm-offset{flex:5}.alarms-input .edit-alarm-date,.alarms-input .edit-alarm-related,.alarms-input .edit-alarm-time{flex:3}.recurrence-form .recurrence-rdates{width:100%;padding:0;list-style-type:none}.recurrence-form .recurrence-rdates:empty{margin:0}.recurrence-form .recurrence-rdates a.delete{margin-left:2em}.recurrence-form .recurrence-rdates a.delete:before{display:inline-block;float:none}.recurrence-form .recurrence-rdates .inner{display:none}.recurrence-form .recurrence-onevery select{width:40%;display:inline}.recurrence-form .inputform{display:flex}.recurrence-form .inputform input.button{margin-left:.25rem}.recurrence-form div.line{width:100%;display:flex;margin-bottom:.25rem}.recurrence-form div.line label{margin-left:.5em;min-width:4em;line-height:2.5}.recurrence-form .month,.recurrence-form .monthday,.recurrence-form .weekday{display:inline-block;width:3.5em;margin-right:.5rem;white-space:nowrap}.recurrence-form .month input,.recurrence-form .monthday input,.recurrence-form .weekday input{margin-right:.25rem}.recurrence-form .monthday{width:2.75em}.recurrence-form .table td{border:0;padding:0}.recurrence-form .table td.label{white-space:nowrap}.recurrence-form .table td:first-child label{line-height:2.5}.recurrence-form .table td label.monthday:first-child{margin-top:.5rem}.recurrence-form .input-group-append,.recurrence-form .input-group-prepend{display:initial}#event-status-badge{width:7rem;height:7rem;position:absolute;top:0;right:0;overflow:hidden}#event-status-badge span{display:none;text-transform:uppercase;line-height:20px;position:absolute;left:-2.4rem;top:2.4rem;width:13.2rem;text-align:center;font-weight:700;font-size:.85rem;color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#event-status-badge span:before{display:inline;float:none}.status-cancelled #event-status-badge span{background-color:#ff231f;display:block}.status-cancelled #event-status-badge span:before{content:"\f057"}.sensitivity-private #event-status-badge span{background-color:#ffc71f;display:block}.sensitivity-private #event-status-badge span:before{content:"\f023"}.sensitivity-confidential #event-status-badge span{background-color:#ff231f;display:block}.sensitivity-confidential #event-status-badge span:before{content:"\f21b"}#alarm-display h3{font-size:1.2rem;margin-bottom:.25rem}#alarm-display h3:before{content:"\f073";font-weight:400;font-size:1em}#alarm-display h3.type-task:before{content:"\f274";font-weight:400}#alarm-display .event-section{font-size:.9rem;color:#737677;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#alarm-display .alarm-actions{text-align:right;margin-bottom:.25rem}#alarm-display .alarm-actions a:first-child{margin-right:1em}#alarm-display .alarm-actions a:before{display:inline;float:none}#alarm-display a.alarm-action-snooze:before{content:"\f1f6"}#alarm-display a.alarm-action-dismiss:before{content:"\f2ed"}#alarm-snooze-dropdown a:before{content:"\f017";font-weight:400}.dialog-message{margin:.25em 0 0;opacity:.95;width:100%;padding:.75em;color:#2c363a;background-color:rgba(255,212,82,.2)}.dialog-message>label{margin:0;display:block}.dialog-message>label label:before{line-height:1.25;margin-right:.25rem}.dialog-message+.savemode a.btn,html.touch #tasklist span.title{margin-right:.5rem}.dialog-message .message{display:flex}.dialog-message+.savemode{margin-top:1rem}.dialog-message>.savemode{margin-top:.5rem}.dialog-message>.savemode label{margin-right:1rem}.dialog-message>.savemode input{margin-right:.25rem}@media screen and (max-width:420px){.nav-link.nav-icon{width:3em;margin-right:5px;padding:.5rem .5rem .5rem .65rem}.nav-link.nav-icon:before{font-size:1.25em;display:block;float:left;height:1em;font-family:Icons;font-style:normal;font-weight:900;text-decoration:inherit;text-align:center;speak:none;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0 1rem 0 0;width:1em;line-height:1.2}.nav-link.nav-icon.resources:before{content:"\f1b2";margin-left:.1rem}.nav-link.nav-icon.attachments:before{content:"\f0c6"}.nav-link.nav-icon.attendees:before{content:"\f0c0"}}.menu a.taskaddlink:before,.menu a.tasklist:before,.menu a.tasklistlink:before{content:"\f274"}.tasklist-invitebox>i.icon:before{content:"\f274"!important}.listing li>div.tasklist .listname:before{content:"\f274"}#tasklist li.taskitem{border-bottom:0}#tasklist li.taskitem div.taskhead{position:relative;display:block;height:3.8rem;padding-left:1.5em;outline:0}#tasklist .actions,#tasklist .childtoggle .inner,#tasklist li.taskitem div.taskhead.complete .progressbar,#taskshow+.formbuttons button.disabled,html.touch #tasklist .custom-switch,html.touch #tasklist input[type=checkbox],html.touch #tasklist span.flagged{display:none}#tasklist li.taskitem div.taskhead.flagged{color:#ff5552!important}#tasklist li.taskitem div.taskhead.selected{background-color:#ebf9ff}#tasklist li.taskitem div.taskhead.droptarget{background-color:#ffc}#tasklist li.taskitem div.taskhead.complete span.title{color:rgba(44,54,58,.5)}#tasklist li.taskitem>div,#tasklist li.taskitem>span{border-bottom:1px solid #f1f3f4}#tasklist li.taskitem ul{padding:0;border:0}#tasklist li.taskitem ul li{padding-left:0}#tasklist li.taskitem ul li .taskhead,#tasklist li.taskitem ul li .title{padding-left:3.25em}#tasklist li.taskitem ul li .childtoggle{left:1.5em}#tasklist li.taskitem ul li li .taskhead,#tasklist li.taskitem ul li li .title{padding-left:4.75em}#tasklist li.taskitem ul li li .childtoggle{left:3em}#tasklist li.taskitem ul li li li .taskhead,#tasklist li.taskitem ul li li li .title{padding-left:6.25em}#tasklist li.taskitem ul li li li .childtoggle{left:4.5em}#tasklist li.taskitem ul li li li li .taskhead,#tasklist li.taskitem ul li li li li .title{padding-left:7.75em}#tasklist li.taskitem ul li li li li .childtoggle{left:6em}#tasklist li.taskitem ul li li li li li .taskhead,#tasklist li.taskitem ul li li li li li .title{padding-left:9.25em}#tasklist li.taskitem ul li li li li li .childtoggle{left:7.5em}#tasklist .childtoggle{position:absolute;left:0;top:0;width:1.5em;padding:0 0 0 .25rem;height:3.8rem;cursor:pointer;z-index:1}#tasklist .childtoggle:before{content:"\f105";margin:0;width:1em;line-height:3.8rem}#tasklist .childtoggle.expanded:before{content:"\f107"}#tasklist .childtoggle.collapsed:before{content:"\f105"}#tasklist span.title{position:absolute;left:0;right:0;bottom:0;line-height:2em;padding:0 0 0 1.75em;margin-right:2em;overflow:hidden;text-overflow:ellipsis}#tasklist span.tags{position:absolute;right:2em;top:0;line-height:2em;text-align:right}#tasklist span.date{position:absolute;padding-left:.2em;font-size:90%;line-height:2.5;color:#737677;cursor:pointer}#tasklist span.date input{line-height:1;padding:0;margin-top:-2px}#tasklist span.flagged{position:absolute;right:0;top:0;line-height:1.8em;cursor:pointer}#tasklist .taskhead:not(.flagged):hover span.flagged:before{content:"\f024";font-weight:400}#tasklist .taskhead.flagged span.flagged:before{content:"\f024"}#tasklist .progressbar{position:absolute;bottom:1px;left:.2em;right:.2em}#tasklist .progressbar .progressvalue{border-top:2px solid #ffd452}#tasklist .custom-switch{position:absolute;top:1.4rem;z-index:1;height:2.3em}@media screen and (min-width:1200px){#tasklist .taskhead{border-left:2px solid transparent}#tasklist .taskhead.focused{border-left:2px solid #9ddfff;outline:0}}html.touch #tasklist li{font-size:1rem}html.touch #tasklist span.tags{right:.5rem}#taskshow .task-parent-title{color:#737677;font-size:90%;margin-bottom:.5rem}#taskshow .task-title{font-size:1.5rem;font-weight:700}#taskshow .task-description{margin:1rem 0}#taskshow.status-completed h2{color:rgba(44,54,58,.5)}#taskshow.status-flagged h2:before{content:"\f024";color:#ff5552;font-size:.9em}#taskshow .attachmentslist li{margin-right:1em}#taskedit-attachment-form{position:absolute}.messagetasklinks>i.icon:before{content:"\f274"!important}.messagetasklinks .tasklist{list-style-type:none;margin:0;padding:0}.messagetasklinks .tasklist li{display:flex;align-items:center}.messagetasklinks input{height:auto!important}#print-layout #tasklist{padding:0}#print-layout #tasklist li{list-style-type:none}#print-layout #tasklist .description{display:block;white-space:pre-wrap}#print-layout #tasklist .title{position:relative;font-weight:700;padding:0;margin:0}#print-layout #tasklist .taskhead{height:auto}.taskitem-draghelper{overflow:hidden;text-overflow:ellipsis}@media screen and (max-height:750px) and (min-width:769px){html.dark-mode #taskmenu a{width:41px}}html.dark-mode .watermark{background-color:#21292c;background-blend-mode:soft-light}html.dark-mode .watermark:before{background:0 0}html.dark-mode #filelistcontainer,html.dark-mode .fc-scroller{scrollbar-width:thin}html.dark-mode .fc .fc-header-toolbar{background-color:#374549}html.dark-mode .fc #timezone-display,html.dark-mode .fc .fc-center h2,html.dark-mode .filelist tr.session.owner>td.name::after,html.dark-mode .resources-dialog .listing li.resource>a,html.dark-mode .rsvp-status:not(.accepted):not(.tentative):not(.declined)::before{color:#c5d1d3}html.dark-mode #tasklist li.taskitem>div,html.dark-mode #tasklist li.taskitem>span,html.dark-mode .fc-unthemed .fc-content,html.dark-mode .fc-unthemed .fc-divider,html.dark-mode .fc-unthemed .fc-list-heading td,html.dark-mode .fc-unthemed .fc-list-view,html.dark-mode .fc-unthemed .fc-popover,html.dark-mode .fc-unthemed .fc-row,html.dark-mode .fc-unthemed td,html.dark-mode .fc-unthemed th{border-color:#2c373a}html.dark-mode #resource-availability .fc,html.dark-mode #resource-availability .fc-view,html.dark-mode .calendar-scheduler .attendees-list div.attendee,html.dark-mode .calendar-scheduler .schedule-table .timesheader,html.dark-mode .calendar-scheduler .schedule-table td.attendees .attendees-list,html.dark-mode .calendar-scheduler .schedule-table td.times td,html.dark-mode .fc-unthemed td,html.dark-mode .fc-unthemed th,html.dark-mode .files-dialog .selection-content{border-color:#4d6066}html.dark-mode .edit-attendees-table th,html.dark-mode .selection-dialog .form-addon,html.dark-mode .selection-dialog .header,html.dark-mode .selection-dialog .selection-list{border-color:#4d6066!important}html.dark-mode .selection-dialog .form-addon,html.dark-mode .selection-dialog .header,html.dark-mode .selection-dialog .listing ul{background-color:transparent}html.dark-mode #tasklist li.taskitem div.taskhead.selected,html.dark-mode .fc-unthemed .fc-divider,html.dark-mode .fc-unthemed .fc-list-heading td,html.dark-mode .fc-unthemed .fc-popover .fc-header,html.dark-mode .listing li.selected>div>*,html.dark-mode body.task-calendar .ui-datepicker-inline .ui-datepicker-activerange{color:#37beff;background-color:#374549}html.dark-mode #folder-mount-form td.source.selected{background-color:#374549}html.dark-mode #tagsform option,html.dark-mode .tagedit-list li.tagedit-listelement-new input{color:#c5d1d3}html.dark-mode #kolabnoteslist td.date,html.dark-mode #notedetailstitle .dates,html.dark-mode #tasklist span.date,html.dark-mode .availability span,html.dark-mode .calendar-agenda-preview .event-row.current,html.dark-mode .fc .fc-axis,html.dark-mode .fc .fc-day-header,html.dark-mode .fc .fc-day-number,html.dark-mode .fc .fc-week-header,html.dark-mode .fc .fc-week-number,html.dark-mode .formcontent.text-only .faded *,html.dark-mode .invitebox .rsvp-status.hint,html.dark-mode .invitebox td.label{color:#8ba3a7}html.dark-mode .invitebox .folder-select select{background-color:#21292c}html.dark-mode .tagedit-list[tabindex="-1"]{border-color:#37beff;box-shadow:0 0 0 .2rem rgba(55,190,255,.25);background:#2c373b}html.dark-mode #tasklist .progressbar .progressvalue{border-color:#997f31}html.dark-mode .listing li.readonly:not(.virtual)>div a:first-child:after,html.dark-mode .listing li>div.readonly a:first-child:after{color:#c5d1d3;background-color:#21292c}html.dark-mode .dialog-message{opacity:1;color:#c5d1d3;background-color:#997f31}
\ No newline at end of file
diff --git a/plugins/libkolab/templates/acl.html b/plugins/libkolab/templates/acl.html
new file mode 100644
index 0000000..cf16e13
--- /dev/null
+++ b/plugins/libkolab/templates/acl.html
@@ -0,0 +1,33 @@
+<div id="acllist-container" class="table-widget">
+	<div id="acllist-content" class="content">
+		<h2 class="voice" id="aria-label-acltable"><roundcube:label name="libkolab.ariasummaryacltable" /></h2>
+		<roundcube:object name="acltable" id="acltable" class="records-table options-table" aria-labelledby="aria-label-acltable" role="listbox" />
+	</div>
+	<div id="acllist-footer" class="footer toolbar menu">
+		<roundcube:button command="acl-create" type="link" class="create disabled" classAct="create"
+			label="libkolab.add" title="libkolab.newuser" innerClass="inner" />
+		<roundcube:button name="aclmenulink" type="link"
+			label="actions" title="libkolab.actions" href="#acl-actions"
+			class="actions" innerClass="inner" data-popup="acl-menu" />
+	</div>
+</div>
+
+<div id="acl-menu" class="popupmenu" aria-hidden="true" data-align="bottom">
+	<h3 id="aria-label-aclactions" class="voice"><roundcube:label name="libkolab.arialabelaclactions" /></h3>
+	<ul class="menu listing iconized" role="menu" aria-labelledby="aria-label-aclactions">
+		<roundcube:button command="acl-edit" label="edit" type="link-menuitem" class="edit disabled" classAct="edit active" />
+		<roundcube:button command="acl-delete" label="delete" type="link-menuitem" class="delete disabled" classAct="delete active" />
+	</ul>
+</div>
+
+<div id="aclform" class="popupmenu formcontent" aria-labelledby="aria-label-aclform" role="form">
+	<h3 id="aria-label-aclform" class="voice"><roundcube:label name="libkolab.arialabelaclform" /></h3>
+	<div class="row form-group">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="libkolab.identifier" /></label>
+		<roundcube:object name="acluser" id="acluser" class="proplist col-sm-8" />
+	</div>
+	<div class="row form-group">
+		<label class="col-sm-4 col-form-label"><roundcube:label name="libkolab.myrights" /></label>
+		<roundcube:object name="aclrights" class="proplist col-sm-8" />
+	</div>
+</div>
diff --git a/plugins/libkolab/templates/attachment.html b/plugins/libkolab/templates/attachment.html
new file mode 100644
index 0000000..5812e7a
--- /dev/null
+++ b/plugins/libkolab/templates/attachment.html
@@ -0,0 +1,68 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:var name="env:filename" /></h1>
+
+<div id="layout-sidebar" class="listbox">
+	<div class="header">
+		<a class="button icon back-content-button" href="#content" data-hidden="big"><span class="inner"><roundcube:label name="back" /></span></a>
+		<span class="header-title" id="aria-label-contentinfo"><roundcube:label name="properties" /></span>
+	</div>
+	<div class="scroller">
+		<roundcube:object name="plugin.attachmentcontrols" class="listing props-table" role="contentinfo"
+			aria-labelledby="aria-label-contentinfo" />
+	</div>
+</div>
+
+<div id="layout-content" class="selected">
+	<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
+	<div class="header" role="toolbar" aria-labelledby="aria-label-toolbar">
+		<a class="button icon properties" id="properties-button" href="#properties" onclick="UI.show_sidebar()" data-hidden="big">
+			<span class="inner"><roundcube:label name="properties"></span>
+		</a>
+		<span class="header-title constant"><roundcube:var name="env:filename" /></span>
+		<div id="messagetoolbar" class="toolbar menu">
+			<roundcube:button command="download-attachment" type="link" label="download" title="download"
+				class="button download disabled" classAct="button download" innerclass="inner" />
+			<roundcube:button command="print-attachment" type="link" label="print" title="print"
+				class="button print disabled" classAct="button print" innerclass="inner" data-hidden="small" />
+			<roundcube:if condition="stripos(env:mimetype, 'image/') === 0" />
+				<roundcube:button command="image-scale" type="link" prop="+" data-hidden="small"
+					class="button zoomin disabled" classAct="button zoomin"
+					label="zoomin" title="increaseimage" innerclass="inner" />
+				<roundcube:button command="image-scale" type="link" prop="-" data-hidden="small"
+					class="button zoomout disabled" classAct="button zoomout"
+					label="zoomout" title="decreaseimage" innerclass="inner" />
+				<roundcube:button command="image-rotate" type="link"
+					class="button rotate disabled" classAct="button rotate" data-hidden="small"
+					label="rotate" title="rotateimage" innerclass="inner" />
+			<roundcube:endif />
+		</div>
+	</div>
+	<h2 id="aria-label-messagepart" class="voice"><roundcube:label name="arialabelattachmentpreview" /></h2>
+	<div class="iframe-wrapper">
+		<roundcube:object name="plugin.attachmentframe" id="attachmentframe" title="arialabelattachmentpreview"
+			role="main" aria-labelledby="aria-label-messagepart" />
+	</div>
+<roundcube:if condition="stripos(env:mimetype, 'image/') === 0" />
+	<div id="image-tools" class="image-tools" data-hidden="big">
+		<h3 id="aria-label-imagetools" class="voice"><roundcube:label name="arialabelimagetools" /></h3>
+		<div class="toolbar menu" role="menu" aria-labelledby="aria-label-imagetools">
+			<roundcube:button command="image-scale" type="link" prop="+"
+				class="button zoomin disabled" classAct="button zoomin"
+				label="zoomin" title="increaseimage" innerclass="inner" />
+			<roundcube:button command="image-scale" type="link" prop="-"
+				class="button zoomout disabled" classAct="button zoomout"
+				label="zoomout" title="decreaseimage" innerclass="inner" />
+			<roundcube:button command="image-rotate" type="link"
+				class="button rotate disabled" classAct="button rotate"
+				label="rotate" title="rotateimage" innerclass="inner" />
+		</div>
+		<a href="#" class="button icon tools" onclick="$(this).attr('title', $(this).data('label-' + ($('#image-tools').toggleClass('open').is('.open') ? 'hide' : 'show')))"
+			data-label-show="<roundcube:label name="showtools" />" data-label-hide="<roundcube:label name="hidetools" />" title="<roundcube:label name="showtools" />">
+			<span class="inner"><roundcube:label name="showtools" /></span>
+		</a>
+	</div>
+<roundcube:endif />
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/plugins/libkolab/templates/folderform.html b/plugins/libkolab/templates/folderform.html
new file mode 100644
index 0000000..243ab02
--- /dev/null
+++ b/plugins/libkolab/templates/folderform.html
@@ -0,0 +1,9 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:var name="env:pagetitle" /></h1>
+
+<div class="formcontent">
+	<roundcube:object name="folderform" class="tabbed propform" />
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/plugins/swipe/includes/menu.html b/plugins/swipe/includes/menu.html
new file mode 100644
index 0000000..0a7185e
--- /dev/null
+++ b/plugins/swipe/includes/menu.html
@@ -0,0 +1,25 @@
+<div id="swipeoptionsmenu" class="popupmenu propform" role="dialog" aria-labelledby="aria-label-listoptions">
+    <h3 id="aria-label-listoptions" class="voice"><roundcube:label name="swipe.swipeoptions" /></h3>
+    <div class="form-group row swipeoptions-left">
+        <label for="swipeoptions-left" class="col-form-label col-sm-4"><roundcube:label name="swipe.swipeleft" /></label>
+        <div class="col-sm-8">
+            <roundcube:object name="swipeoptionslist" type="select" direction="left" />
+        </div>
+    </div>
+    <div class="form-group row swipeoptions-right">
+        <label for="swipeoptions-right" class="col-form-label col-sm-4"><roundcube:label name="swipe.swiperight" /></label>
+        <div class="col-sm-8">
+            <roundcube:object name="swipeoptionslist" type="select" direction="right" />
+        </div>
+    </div>
+    <div class="form-group row swipeoptions-down">
+        <label for="swipeoptions-down" class="col-form-label col-sm-4"><roundcube:label name="swipe.swipedown" /></label>
+        <div class="col-sm-8">
+            <roundcube:object name="swipeoptionslist" type="select" direction="down" />
+        </div>
+    </div>
+</div>
+<script>
+    rcmail.swipe.container_class += ' menu';
+    rcmail.swipe.element = $('<ul>').addClass(rcmail.swipe.container_class).append($('<li>').append($('<a>').addClass(rcmail.swipe.button_class).append($('<span>').addClass(rcmail.swipe.label_class))));
+</script>
\ No newline at end of file
diff --git a/plugins/swipe/swipe.less b/plugins/swipe/swipe.less
new file mode 100644
index 0000000..1855c5d
--- /dev/null
+++ b/plugins/swipe/swipe.less
@@ -0,0 +1,245 @@
+/**
+ * Swipe plugin styles
+ */
+
+@import (reference) "../../../../skins/elastic/styles/variables";
+@import (reference) "../../../../skins/elastic/styles/mixins";
+
+@color-swipe-list-background: contrast(@color-layout-list-background, darken(@color-layout-list-background, 10%), lighten(@color-layout-list-background, 40%));
+@color-swipe-list: contrast(@color-swipe-list-background, lighten(@color-swipe-list-background, 30%), darken(@color-swipe-list-background, 40%), 57%);
+@color-swipe-mark: @color-message-text;
+@color-swipe-mark-background: @color-message-information;
+@color-swipe-danger: @color-message-error-text;
+@color-swipe-danger-background: @color-message-error;
+@color-swipe-move: @color-message-warning-text;
+@color-swipe-move-background: @color-message-warning;
+@color-swipe-compose: @color-message-success-text;
+@color-swipe-compose-background: @color-message-success;
+@color-swipe-down-border: @color-swipe-list-background;
+@color-swipe-down-background: @color-layout-list-background;
+
+@color-dark-swipe-list-background: contrast(@color-dark-background, darken(@color-dark-background, 15%), lighten(@color-dark-background, 10%));
+@color-dark-swipe-list: contrast(@color-dark-swipe-list-background, lighten(@color-dark-swipe-list-background, 30%), darken(@color-dark-swipe-list-background, 40%), 57%);
+@color-dark-swipe-mark: @color-dark-font;
+@color-dark-swipe-mark-background: @color-dark-message-information;
+@color-dark-swipe-danger: @color-dark-font;
+@color-dark-swipe-danger-background: @color-dark-message-error;
+@color-dark-swipe-move: @color-dark-font;
+@color-dark-swipe-move-background: @color-dark-message-warning;
+@color-dark-swipe-compose: @color-dark-font;
+@color-dark-swipe-compose-background: @color-dark-message-success;
+@color-dark-swipe-down-border: @color-dark-swipe-list-background;
+@color-dark-swipe-down-background: @color-dark-background;
+
+#swipe-action {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  border-collapse: collapse;
+
+  &.horizontal {
+    background-color: @color-swipe-list-background;
+
+    a {
+      color: @color-swipe-list;
+    }
+  }
+
+  &.vertical {
+    top: 2em;
+    z-index: 1000;
+
+    a {
+      color: @color-swipe-list;
+    }
+  }
+
+  &.horizontal,
+  &.vertical > .swipe-container {
+    &.swipe-checkmail,
+    &.swipe-mark,
+    &.swipe-select {
+      background-color: @color-swipe-mark-background;
+
+      a {
+        color: @color-swipe-mark;
+      }
+    }
+
+    &.swipe-danger {
+      background-color: @color-swipe-danger-background;
+
+      a {
+        color: @color-swipe-danger;
+      }
+    }
+
+    &.swipe-move {
+      background-color: @color-swipe-move-background;
+
+      a {
+        color: @color-swipe-move;
+      }
+    }
+
+    &.swipe-success,
+    &.swipe-compose {
+      background-color: @color-swipe-compose-background;
+
+      a {
+        color: @color-swipe-compose;
+      }
+    }
+  }
+
+  > .swipe-container {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+
+    .swipe-action {
+      font-size: 1.2em;
+      opacity: 1;
+
+      &::before {
+        margin: 0 .5rem;
+        font-size: inherit
+      }
+    }
+
+    &.left {
+      position: absolute;
+      right: 0;
+
+      .swipe-action::before {
+        float: right;
+      }
+    }
+
+    &.down {
+      margin: 0 auto;
+      padding: .01rem;
+      background-color: @color-swipe-down-background;
+      border-radius: 50%;
+      border: 1px solid @color-swipe-down-border;
+
+      .swipe-action {
+        &::before {
+          float: none;
+          margin: .4rem;
+          padding: .25rem;
+          line-height: 1;
+          font-size: 1.2em;
+          width: auto;
+          height: auto;
+        }
+
+        > .swipe-label {
+          display: none;
+        }
+      }
+    }
+  }
+}
+
+.swipe-active:not(#swipe-action),
+.swipe-active > td {
+  background-color: @color-layout-list-background;
+}
+
+.toolbar.menu a.button.swipe {
+  display: none;
+}
+
+// no support in IE
+html.layout-small.touch:not(.ie),
+html.layout-phone.touch:not(.ie) {
+  .toolbar.menu {
+    a.button {
+      &.swipe {
+        display: inline-block;
+
+        &:before {
+          content: @fa-var-hand-pointer;
+        }
+      }
+    }
+  }
+}
+
+// hide down option in Edge (see known issues in readme)
+html.edge #swipeoptionsmenu > .swipeoptions-down {
+  display: none;
+}
+
+// dark mode
+& when (isdefined(@dark-mode-enabled)) {
+  & when (@dark-mode-enabled = true) {
+    html.dark-mode {
+      #swipe-action {
+        &.horizontal {
+          background-color: @color-dark-swipe-list-background;
+
+          a {
+            color: @color-dark-swipe-list;
+          }
+        }
+
+        &.vertical a {
+          color: @color-dark-swipe-list;
+        }
+
+        &.horizontal,
+        &.vertical > .swipe-container {
+          &.swipe-active,
+          &.swipe-mark {
+            background-color: @color-dark-swipe-mark-background;
+
+            a {
+              color: @color-dark-swipe-mark;
+            }
+          }
+
+          &.swipe-danger {
+            background-color: @color-dark-swipe-danger-background;
+
+            a {
+              color: @color-dark-swipe-danger;
+            }
+          }
+
+          &.swipe-move {
+            background-color: @color-dark-swipe-move-background;
+
+            a {
+              color: @color-dark-swipe-move;
+            }
+          }
+
+          &.swipe-success,
+          &.swipe-compose {
+            background-color: @color-dark-swipe-compose-background;
+
+            a {
+              color: @color-dark-swipe-compose;
+            }
+          }
+        }
+
+        > .swipe-container {
+          &.down {
+            background-color: @color-dark-swipe-down-background;
+            border-color: @color-dark-swipe-down-border;
+          }
+        }
+      }
+
+      .swipe-active:not(#swipe-action),
+      .swipe-active > td {
+        background-color: @color-dark-background;
+      }
+    }
+  }
+}
+
+@import (optional) "_custom";
\ No newline at end of file
diff --git a/plugins/swipe/swipe.min.css b/plugins/swipe/swipe.min.css
new file mode 100644
index 0000000..285b2e4
--- /dev/null
+++ b/plugins/swipe/swipe.min.css
@@ -0,0 +1 @@
+#swipe-action.horizontal a,#swipe-action.vertical a{color:grey}#swipe-action{position:absolute;display:flex;align-items:center;border-collapse:collapse}#swipe-action>.swipe-container.down .swipe-action>.swipe-label,.toolbar.menu a.button.swipe{display:none}#swipe-action.horizontal{background-color:#e6e6e6}#swipe-action.vertical{top:2em;z-index:1000}#swipe-action.horizontal.swipe-checkmail a,#swipe-action.horizontal.swipe-danger a,#swipe-action.horizontal.swipe-mark a,#swipe-action.horizontal.swipe-select a,#swipe-action.vertical>.swipe-container.swipe-checkmail a,#swipe-action.vertical>.swipe-container.swipe-danger a,#swipe-action.vertical>.swipe-container.swipe-mark a,#swipe-action.vertical>.swipe-container.swipe-select a{color:#fff}#swipe-action.horizontal.swipe-checkmail,#swipe-action.horizontal.swipe-mark,#swipe-action.horizontal.swipe-select,#swipe-action.vertical>.swipe-container.swipe-checkmail,#swipe-action.vertical>.swipe-container.swipe-mark,#swipe-action.vertical>.swipe-container.swipe-select{background-color:#37beff}#swipe-action.horizontal.swipe-danger,#swipe-action.vertical>.swipe-container.swipe-danger{background-color:#ff5552}#swipe-action.horizontal.swipe-move,#swipe-action.vertical>.swipe-container.swipe-move{background-color:#ffd452}#swipe-action.horizontal.swipe-move a,#swipe-action.vertical>.swipe-container.swipe-move a{color:#2c363a}#swipe-action.horizontal.swipe-compose,#swipe-action.horizontal.swipe-success,#swipe-action.vertical>.swipe-container.swipe-compose,#swipe-action.vertical>.swipe-container.swipe-success{background-color:#41b849}#swipe-action.horizontal.swipe-compose a,#swipe-action.horizontal.swipe-success a,#swipe-action.vertical>.swipe-container.swipe-compose a,#swipe-action.vertical>.swipe-container.swipe-success a{color:#fff}#swipe-action>.swipe-container{margin:0;padding:0;list-style-type:none}#swipe-action>.swipe-container .swipe-action{font-size:1.2em;opacity:1}#swipe-action>.swipe-container .swipe-action::before{margin:0 .5rem;font-size:inherit}#swipe-action>.swipe-container.left{position:absolute;right:0}#swipe-action>.swipe-container.left .swipe-action::before{float:right}#swipe-action>.swipe-container.down{margin:0 auto;padding:.01rem;background-color:#fff;border-radius:50%;border:1px solid #e6e6e6}#swipe-action>.swipe-container.down .swipe-action::before{float:none;margin:.4rem;padding:.25rem;line-height:1;font-size:1.2em;width:auto;height:auto}.swipe-active:not(#swipe-action),.swipe-active>td{background-color:#fff}html.layout-phone.touch:not(.ie) .toolbar.menu a.button.swipe,html.layout-small.touch:not(.ie) .toolbar.menu a.button.swipe{display:inline-block}html.layout-phone.touch:not(.ie) .toolbar.menu a.button.swipe:before,html.layout-small.touch:not(.ie) .toolbar.menu a.button.swipe:before{content:"\f25a"}html.edge #swipeoptionsmenu>.swipeoptions-down{display:none}html.dark-mode #swipe-action.horizontal{background-color:#374449}html.dark-mode #swipe-action.horizontal a,html.dark-mode #swipe-action.vertical a{color:#7c949d}html.dark-mode #swipe-action.horizontal.swipe-active a,html.dark-mode #swipe-action.horizontal.swipe-compose a,html.dark-mode #swipe-action.horizontal.swipe-danger a,html.dark-mode #swipe-action.horizontal.swipe-mark a,html.dark-mode #swipe-action.horizontal.swipe-move a,html.dark-mode #swipe-action.horizontal.swipe-success a,html.dark-mode #swipe-action.vertical>.swipe-container.swipe-active a,html.dark-mode #swipe-action.vertical>.swipe-container.swipe-compose a,html.dark-mode #swipe-action.vertical>.swipe-container.swipe-danger a,html.dark-mode #swipe-action.vertical>.swipe-container.swipe-mark a,html.dark-mode #swipe-action.vertical>.swipe-container.swipe-move a,html.dark-mode #swipe-action.vertical>.swipe-container.swipe-success a{color:#c5d1d3}html.dark-mode #swipe-action.horizontal.swipe-active,html.dark-mode #swipe-action.horizontal.swipe-mark,html.dark-mode #swipe-action.vertical>.swipe-container.swipe-active,html.dark-mode #swipe-action.vertical>.swipe-container.swipe-mark{background-color:#217299}html.dark-mode #swipe-action.horizontal.swipe-danger,html.dark-mode #swipe-action.vertical>.swipe-container.swipe-danger{background-color:#993331}html.dark-mode #swipe-action.horizontal.swipe-move,html.dark-mode #swipe-action.vertical>.swipe-container.swipe-move{background-color:#997f31}html.dark-mode #swipe-action.horizontal.swipe-compose,html.dark-mode #swipe-action.horizontal.swipe-success,html.dark-mode #swipe-action.vertical>.swipe-container.swipe-compose,html.dark-mode #swipe-action.vertical>.swipe-container.swipe-success{background-color:#276e2c}html.dark-mode #swipe-action>.swipe-container.down{background-color:#21292c;border-color:#374449}html.dark-mode .swipe-active:not(#swipe-action),html.dark-mode .swipe-active>td{background-color:#21292c}
\ No newline at end of file
diff --git a/styles/embed.min.css b/styles/embed.min.css
new file mode 100644
index 0000000..cd31f08
--- /dev/null
+++ b/styles/embed.min.css
@@ -0,0 +1 @@
+.popover,.rcmail-inline-message,body,button,input,optgroup,select,textarea{font-family:Roboto,sans-serif}@font-face{font-family:Icons;font-style:normal;font-weight:900;src:url(../fonts/fa-solid-900.woff2) format('woff2'),url(../fonts/fa-solid-900.woff) format('woff')}@font-face{font-family:Icons;font-style:normal;font-weight:400;src:url(../fonts/fa-regular-400.woff2) format('woff2'),url(../fonts/fa-regular-400.woff) format('woff')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto-v19-regular.woff2) format('woff2'),url(../fonts/roboto-v19-regular.woff) format('woff')}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(../fonts/roboto-v19-italic.woff2) format('woff2'),url(../fonts/roboto-v19-italic.woff) format('woff')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto-v19-regular-700.woff2) format('woff2'),url(../fonts/roboto-v19-regular-700.woff) format('woff')}@font-face{font-family:Roboto;font-style:italic;font-weight:700;src:local('Roboto Bold Italic'),local('Roboto-BoldItalic'),url(../fonts/roboto-v19-italic-700.woff2) format('woff2'),url(../fonts/roboto-v19-italic-700.woff) format('woff')}button,input,select,textarea{line-height:initial}input{vertical-align:middle}a{color:#00acff}a:hover{color:#008acc}a.disabled{pointer-events:none}a.disabled:not(.btn){opacity:.5}.mce-content-body{margin:4px;color:#2c363a}.mce-content-body div.pre{font-family:monospace}.mce-content-body blockquote{border-left:#1010ff 2px solid;margin:0;padding:0 .4em}.rcmail-inline-message{font-size:14px;padding:.5em;margin:0 0 .5em;opacity:.95;color:#2c363a;background-color:rgba(255,212,82,.2);display:flex;align-items:center}.rcmail-inline-message:before{display:block;float:left;margin:0 .3em 0 0;height:1em;font-family:Icons;font-style:normal;font-weight:900;text-decoration:inherit;text-align:center;speak:none;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.5em;line-height:1;width:1em;content:"\f071";color:#ffd452}.rcmail-inline-message span{line-height:1.5}.rcmail-inline-message a{color:#00acff}.rcmail-inline-message a:hover{color:#008acc}.rcmail-inline-message button{vertical-align:middle;white-space:nowrap;padding:.375em .75em;margin-left:.5em;font-size:1em;line-height:1.5;border-radius:.25em;border:1px solid transparent;color:#fff;background:#37beff}.rcmail-inline-message button:focus{box-shadow:0 0 0 .2rem rgba(55,190,255,.5)}.rcmail-inline-message button:hover{background:#0eb1ff;border-color:#04adff}.rcmail-inline-message button:not([disabled]):not(.disabled):active{background:#00abfe;border-color:#00a4f4;box-shadow:0 0 0 .2rem rgba(55,190,255,.53)}.rcmail-inline-buttons{margin:0}
\ No newline at end of file
diff --git a/styles/print.min.css b/styles/print.min.css
new file mode 100644
index 0000000..bfd516d
--- /dev/null
+++ b/styles/print.min.css
@@ -0,0 +1 @@
+#print-layout #message-header,#print-layout .image-attachment .image-link{margin-bottom:.5rem}body{overflow:auto;height:auto}#print-layout{margin:1rem}#print-layout #logo{max-height:80px}#print-layout .image-attachment .attachment-links{display:none}#print-layout .attachment-size{padding-left:.1rem}#print-layout blockquote{page-break-inside:auto}#print-layout .formcontent{padding:0}#print-layout .formcontent legend{margin-top:.5rem}#print-layout .formcontent .row .form-control-plaintext{padding:.1rem}#print-layout .formcontent .contactfield{padding:.2rem 0}#print-layout .propform.grouped .row.input-group .input-group-text{padding:0;min-width:12rem;background:#fff;border:0}#print-layout .contact-header{margin-bottom:0}
\ No newline at end of file
diff --git a/styles/styles.min.css b/styles/styles.min.css
new file mode 100644
index 0000000..680ef4a
--- /dev/null
+++ b/styles/styles.min.css
@@ -0,0 +1,7915 @@
+html {
+	--font: #2c363a;
+	--font2:#737677;
+	--background: #fff;
+	--backgroundhover: #ebf9ff;
+	--backgroundbutton: #F1F3F4;
+	--bordercolor:#d4dbde;
+}
+
+
+html.dark-mode  {
+	--font: #c5d1d3;
+	--font2:#c5d1d3;
+	--background: #1a1c1e;
+	--backgroundhover: #374549;
+	--backgroundbutton: #374549;
+	--bordercolor:#4d6066;
+}
+
+
+.insummary{
+opacity:.5;
+padding:5px;
+font-size:14px !important;
+}
+
+.insummary:hover{
+opacity:1;
+}
+
+.menu_bottom{
+border-top:1px solid var(--bordercolor);
+justify-content:normal;
+height:display: block;
+font-size:1rem
+}
+
+
+.menu_bottom a{
+  color: var(--font);
+  display: block;
+  float: left;
+  border: 0 !important;
+  height: 50px;
+  width: 100%;
+  padding: 1.1rem;
+  padding-top:25px;
+  font-size: 1.1rem;
+  padding-right:20px;
+  text-align: left;
+  line-height: 0;
+}
+
+
+
+.menu_bottom a:hover{
+color: var(--font);
+}
+
+
+.menu_bottom a::before{
+	margin: 0 .7rem 0 0 !important;
+	font-size: 1.1em !important;
+}
+
+
+.replacecontactpic{
+text-align : center;
+display : inline-block !important;
+margin: 0 8px 0 4px !important;
+}
+
+
+#menuleft{
+position:absolute;
+display:inline-block;
+top:0px;
+z-index:9;
+width:290px;
+height:100%;
+background-color: var(--background);
+font-size: larger;
+left:-290px;
+transition: all .25s ease-out;
+max-height: 100vh;
+overflow: auto;
+scrollbar-width: thin;
+}
+
+
+#menuleft.menu_marginleft{
+left:0px;
+}
+
+
+
+
+#greydiv{
+width:100%;
+height:100%;
+background-color: #000;
+position:absolute;
+top:0px;
+visibility: hidden;
+z-index:5;
+opacity: 0;
+transition: all .3s ease-in-out;
+}
+
+
+#greydiv.fadeoff70create{
+opacity: .3;
+visibility: visible;
+}
+     
+
+
+
+.sel_circle{
+width:32px;
+height:32px;
+border-radius:16px;
+margin-top: -.6rem;
+overflow: hidden;
+font-weight: 500;
+font-size: 1rem;
+line-height: 34px;
+color: #000;
+}
+
+
+
+html.layout-small .sel_circle {
+width:36px;
+height:36px;
+border-radius:18px;
+padding-top: .1rem;
+}
+
+
+.maillogo_no_select{display:block;background-size:cover;}
+
+.maillogo_is_select{display:none;}
+
+
+tr.selected .maillogo_no_select{display:none !important;}
+
+tr.selected .maillogo_is_select{display:block !important;}
+
+
+.message{
+cursor:pointer;
+}
+
+
+.message td.selection{
+border-left:5px solid transparent;
+}
+
+
+.unread td.selection {
+border-left-color:#37beff !important;
+}
+
+
+#mailboxlist a{cursor:pointer;}
+
+
+
+
+.layout-normal .header_back,
+.layout-large .header_back{
+display:none;
+}
+
+
+.layout-large .header_topmenu{
+padding-right: 60px;
+}
+
+
+
+
+.header_topmenu{
+display:inline-block;
+float:right !important;
+width: 100%;
+text-align: right !important;
+height:100%;
+font-size: 1em;
+padding: 0;
+padding-right:7px;
+}
+
+
+
+
+
+
+.layout-small .header_back_back{
+display:inline-block;
+cursor:pointer;
+width:40px;
+height:28px;
+text-align: center;
+}
+
+
+.header_topmenu a:hover, .header_topmenu div:hover{
+background-color: initial !important;
+}
+
+
+.header_topmenu a, .header_topmenu div{
+display:inline-block;
+cursor:pointer;
+width:42px;
+height:58px;
+text-align: center;
+}
+
+
+.header_topmenu a:before, .header_topmenu div:before{
+color: var(--font2);
+width:100% !important;
+}
+
+
+.header_topmenu a span{
+display:none;
+}
+
+
+
+.anim_rotate {
+animation: spin 1.5s linear infinite;
+transform-origin: 23px 20px;
+}
+
+
+
+
+
+html:not(.layout-small) .only_small{
+		display:none;
+	}
+
+
+	
+.anim_rotatepulltorefresh {
+animation: spin 1.5s linear infinite;
+}
+
+
+@keyframes spin { 100% {transform:rotate(360deg); }
+ }
+
+
+.tableheaderseb td{
+	border:0;
+	padding:0;
+}
+
+.tableheaderseb{
+	margin-bottom: 0;
+}
+
+
+.only_small_screen{
+	width:58px;
+	height:40px;
+}
+
+
+.ptr--ptr{
+	color: rgba(0, 0, 0, 0.3);
+	position:absolute;
+	z-index:10;
+	top:50px;
+	color: #c5d1d3;
+}
+
+
+.icon_pulltorefresh{
+	background-color: rgba(150, 150, 150, 0.3);
+	border-radius:40px;
+	display:inline-block;
+	width:50px;
+	height:50px;
+	padding-top:5px;
+}
+
+
+.usermenu:before {content: "\f2bd";}
+
+.cog:before{content: "\f013";margin-left:0.5rem;margin-right: 0.5rem;}
+
+.contrast:before{content: "\f042";margin-left:0.5rem;margin-right: 0.5rem;}
+
+
+.abouticon:before {  content: "\3f";margin-left:0.5rem;margin-right: 0.5rem;font-size:16px}
+
+.logout:before {  content: "\f011";margin-left:0.5rem;margin-right: 0.5rem;}
+
+.composeicon:before {  content: "\f304";margin-left:0.5rem;margin-right: 0.5rem;}
+
+
+.mailicon:before {  content: "\f0e0";}
+
+.contacticon:before {  content: "\f0c0";}
+
+.calendaricon:before {  content: "\f073";}
+
+
+.button-calendar:before {  content: "\f073" !important;}
+
+
+.backicon:before {  content: "\f053";}
+
+.iconrefresh:before {  content: "\f021";}
+
+.sendicon:before{content: "\f1d8";}
+
+
+.replyicon:before{content: "\f3e5";}
+
+.replyallicon:before{content: "\f122";}
+
+.forwardicon:before{content: "\f064";}
+
+.moreticon:before{content: "\f142";}
+
+.deleteicon:before{content: "\f2ed";}
+
+.selecticon:before{content: "\f00c";}
+
+
+#folderlist-content .sidebar-menu{
+    color: var(--font);
+	position: absolute;
+	bottom: 16px;
+	right: 8px;
+}
+
+
+html.layout-phone #folderlist-content .sidebar-menu,
+html.layout-small #folderlist-content .sidebar-menu,
+html.layout-normal #folderlist-content .sidebar-menu {
+	bottom: -16px !important;
+}
+
+
+
+.compose.button div{
+background-color: var(--backgroundbutton);
+display:inline-block;
+width:150px;
+height:42px;
+border-radius:24px;
+
+line-height:40px;
+margin:1.5rem;
+}
+
+
+
+.compose.button:active{
+transform: scale(0.95);
+}
+
+
+
+html.layout-small .sebmenu,
+html.layout-normal .sebmenu {
+display:none;
+}
+
+
+.sebmenu{
+position:absolute;
+top:0px;
+right:0px;
+width:60px;
+height:55px;
+
+padding-top: 5px;
+padding-left:10px;
+line-height: 1.5;
+z-index:2;
+}
+
+
+.sebmenu .hovermenu{
+position:absolute;
+display:none;
+background-color: var(--background);
+top:50px;
+width:200px;
+right:0px;
+}
+
+
+.sebmenu:hover .hovermenu{
+display:block;
+}
+
+
+
+.sebicon{
+font-size: 1.2em;
+font-family: Icons;
+font-style: normal;
+font-weight: 900;
+text-decoration: inherit;
+text-align: center;
+font-smoothing: antialiased;
+color: var(--font);
+}
+
+
+.menuopt{
+
+line-height: 48px;
+cursor:pointer;
+text-align:left;
+}
+
+.menuopt:hover{
+
+background-color: var(--backgroundhover);
+}
+
+.menuopt a{
+width:100%;
+height:100%;
+display:block;
+text-decoration:none;
+color: var(--font);
+}
+
+.menuopt i{
+padding-left:.5rem;
+}
+
+
+.menuopt a:hover{
+color: #c5d1d3;
+}
+
+.menuopt a:before{
+margin-left: 1rem !important;
+margin-right: 1rem !important;
+}
+
+
+
+.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+}
+
+.z-depth-2 {
+  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
+}
+
+
+
+.header_back{
+height:58px;
+line-height: 58px;
+}
+
+
+#messagelist-header{
+border:0 !important;
+}
+
+
+#messagelist-header li a{
+	height:44px;
+	width:40px;
+}
+
+#messagelist-header .inner{
+	display:none;
+}
+
+#folderlist-content{
+	padding-top:2rem;
+	position:relative;
+}
+
+
+#layout > div > .header,
+#layout > div > .header a.button,
+body {
+    color: var(--font);
+    background-color: var(--background);
+
+}
+
+
+
+#layout > div > .header,
+.table-widget table.options-table tr:last-child td {
+    border-bottom: 1px solid #d4dbde;
+}
+
+#layout-list,
+#layout-sidebar {
+    max-width: 30%;
+    position: relative;
+}
+
+#layout-menu.popover,
+.ui-datepicker {
+    left: 0 !important;
+}
+
+#filtersetslist td.name:before,
+#filterslist td.name:before,
+#identities-table td.mail:before,
+#message-header > .subject a.extwin:before,
+#responses-table td.name:before,
+.attachmentslist li a.cancelupload:before,
+.attachmentslist li a.delete:before,
+.attachmentslist li:before,
+.contactlist li a:before,
+.contactlist td.contact:before,
+.contactlist td.contactgroup:before,
+.floating-action-buttons a.button:before,
+.folderlist li a:before,
+.googie_list li .googie_add_to_dict:before,
+.googie_list li .googie_list_revert:before,
+.html-editor .editor-toolbar .mce-i-html:before,
+.input-group .icon:before,
+.keylist li:before,
+.listing td.action a:before,
+.listing.iconized li a:before,
+.listing.iconized li > i:before,
+.listing.iconized tr td:before,
+.listing.iconized.selectable li a:before,
+.menu a:before,
+.message-htmlpart blockquote span.blockquote-link:after,
+.message-part blockquote span.blockquote-link:after,
+.messagelist span.attachment span,
+.messagelist span.flagged:before,
+.messagelist td.subject span.msgicon.status.replied.forwarded:after,
+.messagelist td.subject span.msgicon.status:before,
+.messagelist tr.flaggedroot:not(:hover) span.unflagged:before,
+.messagelist tr.thread td.threads div:before,
+.messagelist tr:hover span.unflagged:before,
+.multi-input a.icon.reset:before,
+.pgpkeyimport div.key label.keyid + a:before,
+.pgpkeyimport li.uid:before,
+.popover .menu li a[aria-haspopup]:after,
+.propform td.rowbuttons a:before,
+.quota-widget:before,
+.searchbar a:before,
+.searchbar form:before,
+.table-widget table.options-table td:not(:first-child) span:before,
+.tagedit-list li.tagedit-listelement-old a:before,
+.ui-datepicker .ui-datepicker-next:before,
+.ui-datepicker .ui-datepicker-prev:before,
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link.options:before,
+.ui-dialog .ui-dialog-titlebar-close:before,
+.ui.alert > i.icon:before,
+a.button.icon:before,
+button.btn:before,
+div.tox .tox-dialog__footer .tox-button:before,
+div.tox .tox-dialog__header .tox-button:before,
+fieldset.advanced > legend:after,
+p.image-attachment .attachment-links a:before,
+table.table th.checkbox-cell:before,
+.message_iconflag,
+ul.treelist li div.treetoggle:before {
+    font-size: 1.25em;
+    display: block;
+    float: left;
+    margin: 0 0.25rem 0 0;
+    width: 1.18em;
+    height: 1em;
+    font-family: Icons;
+    font-style: normal;
+    font-weight: 900;
+    text-decoration: inherit;
+    text-align: center;
+    speak: none;
+    font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+}
+
+#layout,
+body,
+html {
+    height: 100%;
+}
+
+.popover,
+body,
+button,
+div.tox,
+div.tox :not(.svg),
+input,
+optgroup,
+select,
+textarea {
+    font-family: Roboto, sans-serif;
+}
+
+@font-face {
+    font-family: Icons;
+    font-style: normal;
+    font-weight: 900;
+    src: url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff");
+}
+
+@font-face {
+    font-family: Icons;
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.woff) format("woff");
+}
+
+@font-face {
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 400;
+    src: local("Roboto"), local("Roboto-Regular"), url(../fonts/roboto-v19-regular.woff2) format("woff2"), url(../fonts/roboto-v19-regular.woff) format("woff");
+}
+
+@font-face {
+    font-family: Roboto;
+    font-style: italic;
+    font-weight: 400;
+    src: local("Roboto Italic"), local("Roboto-Italic"), url(../fonts/roboto-v19-italic.woff2) format("woff2"), url(../fonts/roboto-v19-italic.woff) format("woff");
+}
+
+@font-face {
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 700;
+    src: local("Roboto Bold"), local("Roboto-Bold"), url(../fonts/roboto-v19-regular-700.woff2) format("woff2"), url(../fonts/roboto-v19-regular-700.woff) format("woff");
+}
+
+@font-face {
+    font-family: Roboto;
+    font-style: italic;
+    font-weight: 700;
+    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(../fonts/roboto-v19-italic-700.woff2) format("woff2"), url(../fonts/roboto-v19-italic-700.woff) format("woff");
+}
+
+button,
+input,
+select,
+textarea {
+    line-height: initial;
+}
+
+input {
+    vertical-align: middle;
+}
+
+a {
+    color: #00acff;
+}
+
+a:hover {
+    color: #008acc;
+}
+
+a.disabled {
+    pointer-events: none;
+}
+
+a.disabled:not(.btn) {
+    opacity: 0.5;
+}
+
+html {
+    font-size: 14px;
+}
+
+body {
+    min-width: 240px;
+    overflow: hidden;
+}
+
+html.iframe body {
+    overflow: auto;
+}
+
+#layout {
+    overflow: hidden;
+    display: flex;
+    width: 100%;
+}
+
+#layout > div > .scroller {
+    flex: 1;
+    position: relative;
+}
+
+#layout > div > .footer,
+#layout > div > .header {
+    font-size: 1rem;
+    font-weight: 700;
+    line-height: 58px;
+    height: 58px;
+    min-height: 58px;
+    padding: 0 0.25em;
+    margin: 0;
+    position: relative;
+  /*  overflow: hidden;*/
+    white-space: nowrap;
+    display: flex;
+    justify-content: center;
+}
+
+
+
+#layout-content,
+#layout-list,
+#layout-sidebar{
+    background-color: #fff;
+}
+
+#layout > div > .header .header-title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    flex: 1;
+    text-align: center;
+    margin: 0 -20rem;
+}
+
+#layout > div > .header a.toolbar-list-button,
+#layout > div > .header a.toolbar-menu-button {
+    order: 99;
+}
+
+#layout > div > .footer {
+	background-color: #F8F8F8;
+}
+
+html.dark-mode #layout > div > .footer {
+	background-color: #212324;
+}
+
+
+#layout > div > .footer.small {
+    height: 35px;
+    min-height: 35px;
+    line-height: 35px;
+}
+
+#layout > div > .footer:empty {
+    display: none;
+}
+
+#layout-sidebar {
+    display: flex;
+    flex-direction: column;
+    flex: 2;
+    min-width: 220px;
+    border-right: 1px solid var(--bordercolor);
+}
+
+#layout-sidebar.sidebar-right {
+    order: 2;
+    border-right: 0;
+    border-left: 1px solid #d4dbde;
+    flex: 3;
+}
+
+#layout-list {
+    display: flex;
+    flex-direction: column;
+    flex: 3;
+    min-width: 300px;
+    border-right: 1px solid #d4dbde;
+}
+
+#layout-content {
+    display: flex;
+    flex: 6;
+    flex-direction: column;
+}
+
+html.iframe #layout-content {
+    height: 100%;
+}
+
+#layout-content > .content,
+#layout-content > .formcontent {
+    height: 100%;
+    width: 100%;
+    flex: 1;
+}
+
+.action-show #layout-content > .content,
+.action-show #layout-content > .formcontent {
+	overflow:auto;
+}
+
+
+#layout-content .iframe-wrapper {
+    width: 100%;
+    flex: 1;
+}
+
+#layout-content .iframe-wrapper iframe {
+    width: 100%;
+    height: 100%;
+    border: 0;
+}
+
+#layout-content.only > .scroller {
+    overflow: auto;
+}
+
+#layout-menu .popover-header {
+    height: 58px;
+    line-height: 58px;
+    border: 0;
+    border-radius: 0;
+    text-align: center;
+}
+
+#layout-menu .popover-header img {
+    max-height: 58px;
+    max-width: 78px;
+    padding: 0.25rem;
+}
+
+
+.column-resizer {
+    cursor: col-resize;
+    z-index: 1;
+    position: absolute;
+    top: 0;
+    right: -6px;
+    width: 6px;
+    height: 100%;
+}
+
+.column-resizer.inverted {
+    right: auto;
+    left: -3px;
+}
+
+.column-resizer.active {
+    width: 10000px;
+    right: -5000px;
+}
+
+.column-resizer.active.inverted {
+    right: auto;
+    left: -5000px;
+}
+
+
+
+
+html.layout-small    #layout-list,
+html.layout-small    #layout-sidebar {
+        flex: 3 !important;
+    }
+
+
+
+
+
+html.layout-small    #layout > div > .header a.button .inner{
+        display: none;
+    }
+
+html.layout-small    #layout-list,
+html.layout-small    #layout-sidebar {
+        max-width: none;
+        border: 0 !important;
+    }
+
+html.layout-small    #layout > div > .header a.button {
+        margin: 0 0.3rem !important;
+        padding: 0 !important;
+    }
+
+html.layout-small    #layout > div > .header a.button:before {
+        font-size: 1.75rem;
+        height: 58px;
+        margin: 0;
+    }
+
+html.layout-small    #layout > div > .header a.button.filter:before {
+        font-size: 1.6rem;
+    }
+
+
+
+
+html:not(.layout-small) #layout > div > .header > .buttons,
+html:not(.layout-small) a.toolbar-menu-button {
+        display: none;
+    }
+
+
+
+.message_iconflag::before{
+    content: "\f024" !important;
+    font-size: 1em;
+
+	display:inline-block;
+	opacity:.5;
+}
+
+
+body.status-flagged .message_iconflag::before {
+	color: #ea3532;
+	opacity:1;
+}
+
+
+.tdmenuleft{
+text-align:right !important;
+vertical-align:top;
+}
+
+
+.tdmenuleft a{
+float:initial !important;
+}
+
+
+#mailtoolbar a{
+display:inline-block;
+}
+
+
+html.layout-normal #mailtoolbar span,
+html.layout-small #mailtoolbar span{
+display:none;
+}
+
+
+html.layout-normal #mailtoolbar a,
+html.layout-small #mailtoolbar a{
+width:40px;
+height:40px;
+padding:8px 0 0 0;
+}
+
+
+html.layout-small #messagemenulink{
+	display:none;
+}
+
+
+
+
+
+html.layout-large	  a.task-menu-button,
+html.layout-large	  a.back-sidebar-button,
+html.layout-large    .floating-action-buttons,
+html.layout-large    #layout-list > .header > .header-title:not(.all-sizes)
+{
+	display: none;
+}
+
+
+.hidden,
+.rcmaddcontact,
+.voice,
+html.layout-large .hidden-big,
+html.layout-large .hidden-large,
+html.layout-large .hidden-lbs,
+html.layout-normal .hidden-big,
+html.layout-normal .hidden-lbs,
+html.layout-phone .hidden-phone,
+html.layout-phone .hidden-small,
+html.layout-small .hidden-lbs,
+html.layout-small .hidden-small {
+    display: none !important;
+}
+
+font.bold {
+    font-weight: 700;
+}
+
+#rcmdraglayer {
+    min-width: 260px;
+    width: 260px;
+    background-color: #2f3a3f;
+    color: #fff;
+    box-shadow: 3px 3px 5px #f1f3f4;
+    border-radius: 0.3rem;
+    z-index: 250;
+    opacity: 0.92;
+    padding: 0.5rem;
+    white-space: nowrap;
+}
+
+.menu.pagenav.pagenav-list,
+.menu.pagenav.pagenav-list + .navlist,
+.popup .listbox .footer,
+.searchbar {
+background-color: var(--backgroundbutton);
+}
+
+.formcontent:not(.popupmenu),
+.frame-content {
+    padding: .5rem;
+}
+
+#rcmdraglayer div {
+    line-height: 1.6em;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.frame-content h2 {
+    font-weight: 700;
+    font-size: 1.5em;
+}
+
+.frame-content h3 {
+    font-weight: 700;
+    font-size: 1.25em;
+}
+
+.listbox .scroller {
+    width: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.listbox .navlist {
+    height: 0;
+    flex: initial !important;
+}
+
+.listbox .navlist .listing li:last-child,
+.listbox .navlist .listing tr:last-child td {
+    border-bottom: 0;
+}
+
+.popup .listbox {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.popup .listbox .scroller {
+    flex: 1;
+}
+
+.popup .listbox .footer {
+    border-top: 1px solid #d4dbde;
+}
+
+.contact-header {
+    display: flex;
+    margin-bottom: 1rem;
+}
+
+.contact-header .contact-photo {
+    min-width: 112px;
+}
+
+.contact-header .contact-head {
+    margin-left: 1rem;
+    margin-top: 0 !important;
+}
+
+.contact-header .contact-head legend {
+    display: none;
+}
+
+p.image-attachment {
+    position: relative;
+    border: 1px solid #ddd;
+    border-radius: 0.3rem;
+    background-color: rgba(55, 190, 255, 0.05);
+    float: left;
+    margin: 0.5rem;
+    min-width: 47%;
+    min-height: 250px;
+    overflow: hidden;
+    display: flex;
+    justify-content: center;
+}
+
+@media screen and (max-width: 480px) {
+    p.image-attachment {
+        float: none;
+        margin: 0.5rem 0;
+    }
+
+	
+}
+
+p.image-attachment .image-link {
+    align-self: center;
+    text-align: center;
+    margin: 1.6rem 0.5rem;
+}
+
+p.image-attachment span {
+    color: #737677;
+    padding: 0 0.5rem;
+    font-size: 90%;
+    white-space: nowrap;
+    position: absolute;
+    line-height: 1.5rem;
+}
+
+p.image-attachment .image-filename {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    left: 0;
+    top: 0;
+    right: 0;
+    padding-right: 4rem;
+}
+
+p.image-attachment .image-filesize {
+    right: 0;
+    top: 0;
+}
+
+p.image-attachment .attachment-links {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    text-align: center;
+}
+
+p.image-attachment .attachment-links a {
+    text-decoration: none;
+    display: inline-block;
+    padding: 0 0.5rem;
+    line-height: 1.5rem;
+}
+
+p.image-attachment .attachment-links a:before {
+    display: inline-block;
+}
+
+p.image-attachment .attachment-links a.open:before {
+    content: "\f360";
+}
+
+p.image-attachment .attachment-links a.download:before {
+    content: "\f019";
+}
+
+fieldset.image-attachment {
+    margin-top: 0.5rem;
+}
+
+fieldset.image-attachment legend {
+    color: #737677;
+    font-size: 0.9rem;
+    border-top: 1px solid #f5f5f5;
+    margin: 0;
+}
+
+fieldset.image-attachment img {
+    max-width: 100%;
+}
+
+#folder-selector {
+    overflow-y: auto;
+}
+
+.noselect {
+    user-select: none;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+}
+
+.iframe-loader {
+    width: 100%;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    background-color: rgba(255, 255, 255, 0.95);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 3;
+}
+
+.iframe-loader .spinner-border {
+    width: 7rem;
+    height: 7rem;
+    color: #f1f3f4;
+    border: 1rem solid;
+    border-color: currentColor #737677 currentColor currentColor;
+}
+
+.footer.toolbar + .iframe-loader {
+    top: 58px;
+    bottom: 58px;
+}
+
+.ios-scroll {
+    padding: 0;
+    -webkit-overflow-scrolling: touch !important;
+    overflow: scroll !important;
+}
+
+.ios-scroll.iframe-wrapper {
+    margin-top: 1px;
+}
+
+.webkit-scroller::-webkit-scrollbar {
+    -webkit-appearance: none;
+}
+
+.webkit-scroller::-webkit-scrollbar:vertical {
+    width: 0.5rem;
+}
+
+.webkit-scroller::-webkit-scrollbar:horizontal {
+    height: 0.5rem;
+}
+
+.webkit-scroller::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.3);
+    border-radius: 0.25rem;
+    border: 2px solid #fff;
+}
+
+
+#layout-list::-webkit-scrollbar {
+   display:none;
+}
+
+
+
+
+.quota-widget {
+    width: 100%;
+    max-width: 15em;
+    padding: 0.5rem 1rem;
+    display: flex;
+    align-items: center;
+    color: #737677;
+}
+
+.quota-widget:before {
+    content: "\f0a0";
+    line-height: 1;
+}
+
+.quota-widget .count {
+    font-size: 80%;
+    order: 2;
+}
+
+.quota-widget .bar {
+    flex: 1;
+    height: 0.5rem;
+    margin: 0 1rem;
+    background-color: #fff;
+    border: 1px solid #d4dbde;
+    border-radius: 0.25rem;
+    overflow: hidden;
+}
+
+.quota-widget .value {
+    display: block;
+    background-color: #37beff;
+    height: 1rem;
+    opacity: 0.75;
+}
+
+.quota-widget .value.warning {
+    background-color: #ff5552;
+}
+
+.image-tools {
+    position: absolute;
+    top: 5rem;
+    left: 0;
+    height: 58px;
+    overflow: hidden;
+    transform: translateX(-87%);
+    transition: transform 0.3s ease-in-out;
+    background-color: rgba(55, 190, 255, 0.4);
+    border-radius: 0 0.3rem 0.3rem 0;
+}
+
+.image-tools .menu {
+    float: left;
+}
+
+.image-tools a.button.icon.tools {
+    padding: 0 0.25rem;
+    display: inline-block;
+    height: 58px;
+}
+
+.image-tools a.button.icon.tools span.inner {
+    display: none;
+}
+
+.image-tools a.button.icon.tools:before {
+    line-height: 58px;
+    margin: 0;
+}
+
+.image-tools.open {
+    transform: translateX(0);
+}
+
+.image-tools.open a.button.icon.tools:before {
+    content: "\f053";
+}
+
+.image-tools a {
+    color: #fff !important;
+}
+
+.image-tools a:focus,
+.image-tools a:hover {
+    background-color: rgba(55, 190, 255, 0.5) !important;
+    outline: 0;
+}
+
+.quota-info {
+    width: 100%;
+    display: table !important;
+}
+
+.quota-info td,
+.quota-info th {
+    text-align: center;
+    white-space: nowrap;
+}
+
+.quota-info th {
+    border-top: 0;
+}
+
+.quota-info .root {
+    line-height: 1;
+    font-style: italic;
+    color: #737677;
+    background-color: #f1f3f4;
+}
+
+.quota-info .name,
+.quota-info th:first-child {
+    text-align: left;
+}
+
+.nav-tabs {
+    flex-wrap: nowrap;
+}
+
+.nav-tabs .nav-item {
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.nav-tabs .nav-link {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.props-table td.title {
+    width: 7em;
+}
+
+.table-widget {
+    display: flex;
+    flex-direction: column;
+    margin-bottom: 0.5rem;
+    border: 1px solid #d4dbde;
+}
+
+.table-widget > .content {
+    overflow-x: auto;
+    flex-grow: 1;
+    height: 18.5em;
+}
+
+.table-widget > .content table th {
+    border-top: 0;
+}
+
+.table-widget > .footer {
+    height: 3.5rem;
+    border-top: 1px solid #d4dbde;
+    text-align: left;
+}
+
+.table-widget > .footer a {
+    padding: 0.2rem 0.45rem !important;
+    height: calc(3.5rem - 1px) !important;
+}
+
+.table-widget table {
+    margin: 0;
+    max-height: 18.5em;
+}
+
+.table-widget table.options-table td,
+.table-widget table.options-table th {
+    text-align: center;
+    vertical-align: middle;
+}
+
+.table-widget table.options-table td:first-child,
+.table-widget table.options-table th:first-child {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-align: left;
+}
+
+.table-widget table.options-table tr.selected td {
+    background-color: var(--backgroundhover);
+    color: var(--font);
+    outline: 0;
+}
+
+.table-widget table.options-table td:not(:first-child) span {
+    display: inline-block;
+    line-height: 1.25;
+}
+
+.table-widget table.options-table td.enabled span:before {
+    content: "\f00c";
+}
+
+.table-widget table.options-table td.partial span:before {
+    opacity: 0.3;
+    content: "\f00c";
+}
+
+table.compact-table {
+    margin: 0;
+    width: 100%;
+}
+
+table.compact-table :not(.invalid-feedback) {
+    font-size: inherit;
+}
+
+table.compact-table td {
+    padding: 0.25rem;
+    border: 0;
+}
+
+table.compact-table td:first-child {
+    padding-left: 0;
+}
+
+table.compact-table td:last-child {
+    padding-right: 0;
+}
+
+table.table .checkbox-cell {
+    width: 3rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-align: center;
+    padding: 0.5rem;
+}
+
+html.touch table.table .checkbox-cell {
+    padding: 0.5rem 0.3rem;
+}
+
+table.table th.checkbox-cell {
+    padding: 0.75rem 0;
+    max-width: 1rem;
+}
+
+table.table th.checkbox-cell:before {
+    cursor: pointer;
+    margin: 0 1rem;
+    line-height: 1;
+}
+
+table.table th.checkbox-cell.subscription:before {
+    content: "\f143";
+}
+
+table.table th.checkbox-cell.alarm:before {
+    content: "\f0f3";
+    font-weight: 400;
+}
+
+table.table th.checkbox-cell.read:before {
+    content: "\f06e";
+}
+
+table.table th.checkbox-cell.write:before {
+    content: "\f303";
+}
+
+table.table .buttons-cell {
+    width: 1%;
+    white-space: nowrap;
+    text-align: center;
+}
+
+table.table .buttons-cell a.button:before {
+    line-height: 1;
+    float: none;
+    display: inline-block;
+}
+
+@media screen and (min-width: 480px) {
+    table.table .buttons-cell a.button .inner {
+        display: inline;
+    }
+
+}
+
+table.table label {
+    margin: 0;
+    display: inline;
+}
+
+fieldset.tab-pane table.table thead th {
+    border: 0;
+}
+
+table.table tr.deleted td {
+    color: rgba(44, 54, 58, 0.5) !important;
+}
+
+.table thead th {
+    border-width: 1px;
+    white-space: nowrap;
+}
+
+.button.disabled {
+    opacity: 0.5;
+}
+
+a.button {
+    text-decoration: none !important;
+}
+
+
+
+a.button.icon.sidebar-menu:before,
+a.button.icon.toolbar-list-button:before,
+a.button.icon.toolbar-menu-button:before,
+button.btn.sidebar-menu:before,
+button.btn.toolbar-list-button:before,
+button.btn.toolbar-menu-button:before {
+    content: "\f142";
+    width: 1em;
+}
+
+a.button.icon.task-menu-button:before,
+button.btn.task-menu-button:before {
+    content: "\f0c9";
+	color: var(--font2);
+}
+
+
+a.button.icon.back-list-button_middle{
+display:none;
+}
+
+.layout-normal a.button.icon.back-list-button_middle,.layout-small a.button.icon.back-list-button_middle,.layout-phone a.button.icon.back-list-button_middle{
+	display:block !important;
+}
+
+layout-normal
+
+a.button.icon.back-content-button:before,
+a.button.icon.back-list-button:before,
+a.button.icon.back-list-button_middle:before,
+a.button.icon.back-sidebar-button:before,
+button.btn.back-content-button:before,
+button.btn.back-list-button:before
+ {
+    content: "\f053";
+}
+
+a.button.icon.refresh:before,
+button.btn.refresh:before {
+    content: "\f021";
+}
+
+a.button.icon.continue:before,
+a.button.icon.generate:before,
+a.button.icon.save:before,
+a.button.icon.submit:before,
+a.button.icon.yes:before,
+button.btn.continue:before,
+button.btn.generate:before,
+button.btn.save:before,
+button.btn.submit:before,
+button.btn.yes:before {
+    content: "\f00c";
+}
+
+a.button.icon.create:before,
+button.btn.create:before {
+    content: "\f0fe";
+}
+
+a.button.icon.edit:before,
+button.btn.edit:before {
+    content: "\f303";
+}
+
+a.button.icon.qrcode:before,
+button.btn.qrcode:before {
+    content: "\f029";
+}
+
+a.button.icon.search:before,
+button.btn.search:before {
+    content: "\f002";
+}
+
+a.button.icon.filter:before,
+button.btn.filter:before {
+    content: "\f0b0";
+    font-size: 1.2em;
+}
+
+a.button.icon.import:before,
+button.btn.import:before {
+    content: "\f093";
+}
+
+a.button.icon.export:before,
+button.btn.export:before {
+    content: "\f019";
+}
+
+
+a.button.icon.delete:before,
+a.button.icon.discard:before,
+button.btn.delete:before,
+button.btn.discard:before {
+    content: "\f2ed";
+    font-weight: 400;
+}
+
+a.button.icon.next:before,
+button.btn.next:before {
+    content: "\f061";
+}
+
+a.button.icon.restore:before,
+button.btn.restore:before {
+    content: "\f0e2";
+}
+
+a.button.icon.bounce:before,
+a.button.icon.send:before,
+button.btn.bounce:before,
+button.btn.send:before {
+    content: "\f1d8";
+}
+
+a.button.icon.attach:before,
+button.btn.attach:before {
+    content: "\f0c6";
+}
+
+a.button.icon.attach.vcard:before,
+button.btn.attach.vcard:before {
+    content: "\f007";
+}
+
+a.button.icon.cancel:before,
+a.button.icon.close:before,
+a.button.icon.no:before,
+button.btn.cancel:before,
+button.btn.close:before,
+button.btn.no:before {
+    content: "\f00d";
+}
+
+.ui-datepicker .ui-datepicker-prev:before,
+a.button.icon.back:before,
+button.btn.back:before {
+    content: "\f053";
+}
+
+a.button.icon.remove:before,
+button.btn.remove:before {
+    content: "\f00d";
+}
+
+a.button.icon.unlock:before,
+button.btn.unlock:before {
+    content: "\f09c";
+}
+
+a.button.icon.help:before,
+button.btn.help:before {
+    content: "\f1cd";
+    font-weight: 400;
+}
+
+a.button.icon.folders:before,
+button.btn.folders:before {
+    content: "\f07c";
+}
+
+a.button.icon.options:before,
+button.btn.options:before {
+    content: "\f1de";
+}
+
+a.button.icon.settings:before,
+a.button.icon.tools:before,
+button.btn.settings:before,
+button.btn.tools:before {
+    content: "\f013";
+}
+
+a.button.icon.properties:before,
+button.btn.properties:before {
+    content: "\f05a";
+}
+
+a.button.icon.selection:before,
+button.btn.selection:before {
+    content: "\f14a";
+    font-weight: 400;
+}
+
+a.button.icon.insert.recipient:before,
+button.btn.insert.recipient:before {
+    content: "\f234";
+}
+
+a.button.icon.encrypt:before,
+button.btn.encrypt:before {
+    content: "\f023";
+}
+
+a.button.icon.sign:before,
+button.btn.sign:before {
+    content: "\f5b7";
+}
+
+a.button.icon.sso:before,
+button.btn.sso:before {
+    content: "\f2f6";
+}
+
+a.button.icon.extwin:before,
+button.btn.extwin:before {
+    content: "\f360";
+}
+
+a.btn:before,
+button.btn:before {
+    display: inline !important;
+    float: none !important;
+    vertical-align: middle;
+    margin-right: 0.4rem !important;
+}
+
+a.btn.oauth.google:before,
+a.btn.oauth.outlook:before,
+button.btn.oauth.google:before,
+button.btn.oauth.outlook:before {
+    content: " ";
+    display: inline-block !important;
+    height: 1.5rem;
+    width: 1.5rem;
+    margin-right: 0.8rem !important;
+    background-size: 100% auto;
+}
+
+a.btn.oauth.google:before,
+button.btn.oauth.google:before {
+    background: url(../images/google-icon.svg) top left no-repeat;
+}
+
+a.btn.oauth.outlook:before,
+button.btn.oauth.outlook:before {
+    background: url(../images/microsoft-icon.svg) top left no-repeat;
+}
+
+a.button.icon.dropdown:before {
+    content: "\f0d7";
+    font-size: 1em;
+}
+
+a.button.icon > span.inner {
+    display: none;
+}
+
+html.touch .btn:focus {
+    box-shadow: none !important;
+}
+
+.floating-action-buttons {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+}
+
+.footer:not(:empty) + .floating-action-buttons {
+    bottom: 35px;
+}
+
+.floating-action-buttons a.button {
+    display: block;
+    float: left;
+    width: 4rem;
+    height: 4rem;
+    border-radius: 50%;
+    background: #37beff;
+    color: #fff;
+    opacity: 0.95;
+    box-shadow: 0 0 5px 5px #eaf8ff;
+    margin: 0 1rem 1rem 0;
+}
+
+.floating-action-buttons a.button .inner,
+.ui-dialog.no-titlebar .ui-dialog-titlebar {
+    display: none;
+}
+
+.floating-action-buttons a.button:before {
+    content: "\f067";
+    width: 4rem;
+    height: 4rem;
+    line-height: 4rem;
+}
+
+.floating-action-buttons a.button.compose:before {
+    content: "\f304";
+}
+
+.btn:focus {
+    box-shadow: 0 0 0 0.2rem rgba(55, 190, 255, 0.3);
+}
+
+.btn-link {
+    color: #00acff;
+}
+
+.btn-secondary {
+    color: #fff;
+    background: #8b9fa7;
+    border-color: #8b9fa7;
+}
+
+.btn-secondary:focus,
+.btn-secondary:hover {
+    background: #7c939c;
+    border-color: #778e98;
+}
+
+.btn-secondary:focus {
+    box-shadow: 0 0 0 0.2rem rgba(139, 159, 167, 0.5);
+}
+
+.btn-secondary.disabled,
+.btn-secondary:disabled {
+    background: #8b9fa7;
+    border-color: #8b9fa7;
+}
+
+.btn-secondary:not(:disabled):not(.disabled).active,
+.btn-secondary:not(:disabled):not(.disabled):active {
+    background: #6e8791;
+    border-color: #6a828b;
+}
+
+.btn-secondary:not(:disabled):not(.disabled).active:focus,
+.btn-secondary:not(:disabled):not(.disabled):active:focus {
+    box-shadow: 0 0 0 0.2rem rgba(139, 159, 167, 0.53);
+}
+
+.btn-primary {
+    color: #fff;
+    background: #37beff;
+    border-color: #37beff;
+}
+
+.btn-primary:focus,
+.btn-primary:hover {
+    background: #1eb6ff;
+    border-color: #13b2ff;
+}
+
+.btn-primary:focus {
+    box-shadow: 0 0 0 0.2rem rgba(55, 190, 255, 0.5);
+}
+
+.btn-primary.disabled,
+.btn-primary:disabled {
+    background: #37beff;
+    border-color: #37beff;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active {
+    background: #04adff;
+    border-color: #00a8f9;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.btn-primary:not(:disabled):not(.disabled):active:focus {
+    box-shadow: 0 0 0 0.2rem rgba(55, 190, 255, 0.53);
+}
+
+.btn-danger {
+    color: #fff;
+    background: #ff5552;
+    border-color: #ff5552;
+}
+
+.btn-danger:focus,
+.btn-danger:hover {
+    background: #ff3c38;
+    border-color: #ff322e;
+}
+
+.btn-danger:focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 85, 82, 0.5);
+}
+
+.btn-danger.disabled,
+.btn-danger:disabled {
+    background: #ff5552;
+    border-color: #ff5552;
+}
+
+.btn-danger:not(:disabled):not(.disabled).active,
+.btn-danger:not(:disabled):not(.disabled):active {
+    background: #ff231f;
+    border-color: #ff1915;
+}
+
+.btn-danger:not(:disabled):not(.disabled).active:focus,
+.btn-danger:not(:disabled):not(.disabled):active:focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 85, 82, 0.53);
+}
+
+.ui-widget-overlay {
+    background-color: rgba(44, 54, 58, 0.5);
+    opacity: 1 !important;
+}
+
+.ui-widget-overlay.datepicker {
+    z-index: 119;
+}
+
+.ui-widget {
+    box-shadow: 3px 3px 5px #f1f3f4;
+    border-radius: 0.3rem;
+}
+
+.ui-datepicker,
+.ui-dialog,
+.ui-slider {
+    box-shadow: none;
+}
+
+.ui-menu {
+    overflow-y: auto;
+    overflow-x: hidden;
+    max-height: 400px;
+    border-radius: 0.3rem;
+    z-index: 240;
+    position: absolute;
+}
+
+.ui-menu .ui-state-active {
+    border: 0 !important;
+    background-color: #37beff !important;
+}
+
+.ui-menu .ui-menu-item {
+    white-space: nowrap;
+    cursor: default;
+}
+
+.ui-menu .ui-menu-item-wrapper {
+    margin: 0 !important;
+}
+
+.ui-dialog {
+    border-radius: 0;
+}
+
+.ui-dialog .ui-dialog-titlebar {
+    height: 58px;
+    border-bottom: 1px solid #ddd;
+}
+
+.ui-dialog .ui-dialog-titlebar button:before {
+    margin: 0;
+}
+
+.ui-dialog .ui-dialog-title {
+    line-height: 58px;
+    font-size: 1.25rem;
+    padding: 0 3rem 0 1rem;
+    color: #2c363a;
+}
+
+.ui-dialog .ui-dialog-titlebar-close {
+    border: 0;
+    color: #2c363a;
+    background: 0 0;
+    right: 0;
+    top: 0;
+    position: absolute;
+    padding: 0.25rem 0.5rem;
+    margin: 15px 0.5rem;
+}
+
+.ui-dialog .ui-dialog-titlebar-close:before {
+    content: "\f00d";
+    line-height: 1.5rem;
+    margin: 0 !important;
+}
+
+.ui-dialog .ui-dialog-content > .popupmenu {
+    display: block !important;
+}
+
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link,
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    min-width: 5rem;
+    margin: 9px 4px;
+}
+
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:last-child,
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child {
+    margin-right: 0;
+}
+
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link {
+    padding-right: 0;
+    padding-left: 0;
+    text-decoration: none;
+    color: #2c363a;
+}
+
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:focus {
+    background-color: rgba(55, 190, 255, 0.5);
+}
+
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link.options {
+    order: -1;
+    padding: 0.375rem 0.25rem;
+    margin-right: 0.3rem;
+}
+
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link.options:before {
+    content: "\f013";
+    width: 100%;
+    height: 1.25em;
+}
+
+.ui-dialog .ui-dialog-content.iframe,
+.ui-dialog iframe {
+    padding: 0;
+    width: 100% !important;
+    height: 100%;
+    border: 0;
+    overflow: hidden;
+}
+
+.ui-dialog,
+.ui-dialog-content {
+    box-sizing: initial;
+}
+
+.ui-widget-content .ui-icon.ui-resizable-se {
+    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20fill%3D%22%23888%22%20d%3D%22M6.7%2016L16%206.7V5.3L5.3%2016zM9.7%2016L16%209.7V8.3L8.3%2016zM12.7%2016l3.3-3.3v-1.4L11.3%2016zM15.7%2016l.3-.3v-1.4L14.3%2016z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
+}
+
+@media screen and (max-width: 480px) {
+    .ui-dialog {
+        width: 100% !important;
+        height: 100% !important;
+        display: flex;
+        flex-direction: column;
+        border: 0;
+        top: 0 !important;
+    }
+
+    .ui-dialog .ui-dialog-titlebar-close,
+    .ui-dialog .ui-resizable-handle {
+        display: none !important;
+    }
+
+    .ui-dialog .ui-dialog-titlebar {
+        height: 58px;
+        text-align: center;
+        background-color: #f4f4f4;
+    }
+
+    .ui-dialog .ui-dialog-title {
+        line-height: 58px;
+        font-size: 1rem;
+        padding: 0 1rem;
+    }
+
+    .ui-dialog .ui-dialog-content {
+        flex: 1;
+    }
+
+    .ui-dialog .ui-dialog-content:not(.iframe) {
+        padding: 1rem;
+    }
+
+    .ui-dialog .ui-dialog-buttonpane {
+        padding: 0 !important;
+        text-align: center !important;
+        border-top: 1px solid #ddd;
+        height: 58px !important;
+        background-color: #f4f4f4;
+    }
+
+    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
+        justify-content: space-around;
+    }
+
+    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
+        margin: 0 !important;
+        padding: 0.45rem;
+        border: 0 !important;
+        height: 58px;
+        box-shadow: none;
+        font-size: 90%;
+        line-height: 1.5;
+    }
+
+    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:before {
+        display: block !important;
+        float: none;
+        width: auto;
+        height: 1.75rem;
+        line-height: 1.75;
+        margin: 0 !important;
+    }
+
+    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:active {
+        box-shadow: none;
+    }
+
+    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary,
+    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary {
+        color: #2c363a;
+        background: 0 0;
+    }
+
+    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-danger {
+        color: #ff5552;
+        background: 0 0;
+    }
+
+    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.disabled,
+    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:disabled {
+        opacity: 0.5;
+    }
+
+    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel {
+        order: 100;
+    }
+
+    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link {
+        color: #2c363a;
+        margin: 0;
+        padding: 0.45rem;
+        font-size: 90%;
+    }
+
+    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link.options:before {
+        display: block !important;
+        height: 1.75rem;
+        line-height: 1.75;
+        margin: 0;
+    }
+
+}
+
+.ui-slider .ui-slider-range {
+    border-radius: 0.3rem;
+    background: #d0f0ff;
+}
+
+.ui-slider .ui-slider-handle {
+    border-radius: 0.3rem;
+}
+
+.ui-slider .ui-slider-handle.ui-state-active {
+    background: #37beff;
+    border-color: #005984;
+}
+
+.ui-datepicker {
+    margin: calc(50vh - 10em) calc(50vw - 10em) !important;
+    top: 0 !important;
+    user-select: none;
+}
+
+.minicolors-panel,
+.popover {
+    box-shadow: 3px 3px 5px #f1f3f4;
+}
+
+.ui-datepicker:not(.ui-datepicker-inline) {
+    z-index: 120 !important;
+}
+
+.ui-datepicker .ui-datepicker-header,
+.ui-datepicker .ui-datepicker-title {
+    line-height: 4rem;
+    height: 4rem;
+    padding: 0;
+}
+
+.ui-datepicker .ui-datepicker-header {
+    border-bottom: 1px solid #ddd;
+}
+
+.ui-datepicker .ui-datepicker-header a {
+    height: 4rem;
+}
+
+.ui-datepicker .ui-datepicker-header select {
+    display: inline-block;
+}
+
+.ui-datepicker .ui-icon {
+    background-image: none !important;
+    background-position: none !important;
+}
+
+.ui-datepicker .ui-datepicker-next,
+.ui-datepicker .ui-datepicker-prev {
+    cursor: pointer;
+    width: auto;
+    color: #2c363a;
+    text-decoration: none;
+}
+
+.ui-datepicker .ui-datepicker-next:before,
+.ui-datepicker .ui-datepicker-prev:before {
+    margin: 0 0.25em;
+    height: auto;
+    width: 1em;
+}
+
+.popover .menu li a[aria-haspopup]:after,
+.ui-datepicker .ui-datepicker-next:before {
+    content: "\f054";
+}
+
+.ui-datepicker td a {
+    padding: 0;
+    line-height: 1.8em;
+    border-radius: 0.3rem;
+}
+
+.ui-datepicker .ui-state-default,
+.ui-datepicker.ui-widget-content .ui-state-default {
+    border: 0;
+    background: 0 0;
+    color: #2c363a;
+}
+
+.ui-datepicker .ui-datepicker-days-cell-over a,
+.ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default,
+.ui-datepicker .ui-state-highlight,
+.ui-datepicker.ui-widget-content .ui-state-highlight {
+    background: #d0f0ff;
+    color: #37beff;
+}
+
+.ui-datepicker a.ui-state-active {
+    background: #37beff !important;
+    color: #fff !important;
+    font-weight: 700;
+}
+
+.ui-datepicker html.touch td a {
+    font-size: 1.2em;
+    line-height: 2.2em;
+}
+
+.input-group > .form-control.hasDatepicker {
+    position: initial;
+}
+
+.minicolors-panel {
+    border: 1px solid #d4dbde;
+    border-radius: 0.3rem;
+    height: 152px;
+    padding: 1px;
+}
+
+.input-group .minicolors-input {
+    width: 100%;
+    min-width: 130px;
+    border-left: 0;
+    border-right: 0;
+}
+
+@media screen and (max-width: 320px) {
+    .ui-widget-content {
+        border-radius: 0;
+    }
+
+    .ui-menu {
+        border-radius: 0.3rem;
+        left: 15px !important;
+        right: 15px;
+        width: auto;
+    }
+
+    .ui-dialog .ui-dialog-content:not(.iframe) {
+        padding: 0.65rem;
+    }
+
+}
+
+.popupmenu {
+    display: none;
+    padding: 0;
+    min-width: 180px;
+    height: 100%;
+}
+
+.popupmenu li > a {
+    width: 100%;
+}
+
+.popupmenu.propform {
+    overflow: hidden;
+    padding: 0.25rem;
+}
+
+.popupmenu.simplelist {
+    min-width: 80px;
+}
+
+.popup.justified {
+    display: flex;
+    justify-content: space-around;
+}
+
+.popover-body {
+    padding: 0;
+    overflow-x: hidden;
+}
+
+.popover-body > .popupmenu {
+    display: block !important;
+}
+
+.popover {
+    padding: 0;
+    z-index: 1300;
+}
+
+.popover .popover-header {
+    display: none;
+}
+
+
+
+.menu a:not(.disabled):focus,
+.menu a:not(.disabled):hover,
+.menu.toolbar .dropbutton:not(.disabled):hover {
+    background-color: var(--backgroundhover);
+}
+
+
+html.touch .popover .listing li a {
+    line-height: 47px;
+    font-size: 16px;
+    padding: 0 0.5em;
+}
+
+html.touch .popover .listing li a:before {
+    float: left;
+}
+
+.select-menu {
+    max-width: initial;
+    margin: 0;
+    height: auto;
+    z-index: 1301;
+}
+
+.select-menu .popover-header {
+    border-radius: 0.25rem 0.25rem 0 0 !important;
+}
+
+.select-menu .listing li a {
+    padding-left: 0.25rem;
+    outline: 0;
+}
+
+.select-menu .listing li:last-child {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+}
+
+.select-menu.inline .listing li {
+    padding-right: 0.5rem;
+}
+
+.select-menu.inline .listing li:first-child {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+}
+
+.pgpkeyimport div.key {
+    position: relative;
+    padding: 0.5rem 0;
+}
+
+.pgpkeyimport div.key.disabled,
+.pgpkeyimport div.key.revoked {
+    color: #737677;
+}
+
+.pgpkeyimport div.key label {
+    display: inline-block;
+    margin-right: 0.5em;
+    margin-bottom: 0;
+}
+
+.pgpkeyimport button:disabled,
+.pgpkeyimport div.key label.keyid {
+    display: none;
+}
+
+.pgpkeyimport div.key label:after {
+    content: ":";
+}
+
+.pgpkeyimport div.key label + a,
+.pgpkeyimport div.key label + span {
+    line-height: 2.6rem;
+    margin-right: 1em;
+    white-space: nowrap;
+    text-decoration: none;
+}
+
+.pgpkeyimport div.key label.keyid + a {
+    font-weight: 700;
+}
+
+.pgpkeyimport div.key label.keyid + a:before {
+    content: "\f084";
+}
+
+.pgpkeyimport ul.uids {
+    margin: 0;
+    padding: 0;
+}
+
+.pgpkeyimport li.uid {
+    border: 0;
+    padding: 0.25rem 0 0 1.5em;
+    line-height: 1.5rem !important;
+    list-style-type: none;
+}
+
+.pgpkeyimport li.uid:before {
+    content: "\f007";
+    opacity: 0.25;
+    font-size: 1em;
+    line-height: 1.25;
+}
+
+.pgpkeyimport button.importkey {
+    position: absolute;
+    top: 0.5rem;
+    right: 0;
+}
+
+.menu {
+    margin: 0;
+    text-align: center;
+    white-space: nowrap;
+}
+
+.menu a {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-decoration: none;
+}
+
+.menu a:before {
+    content: "\00a0";
+}
+
+.menu a:focus,
+.menu a:hover {
+    outline: 0;
+}
+
+.menu.toolbar li {
+    display: inline-block;
+    height: 58px;
+}
+
+.menu.toolbar a {
+	color: var(--font);
+    display: block;
+    float: left;
+    border: 0 !important;
+    height: 58px;
+    min-width: 2rem;
+    max-width: 6rem;
+    width: auto;
+    padding: 0.45rem;
+    line-height: 1.5;
+    cursor: pointer;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.menu.toolbar a:before {
+    height: 1.75rem !important;
+    float: none !important;
+    width: auto !important;
+    margin: 0 !important;
+}
+
+.menu.toolbar a.selected {
+    color: #41b849;
+}
+
+.menu.toolbar > .spacer {
+    width: 1em;
+}
+
+.menu.toolbar .dropbutton a.dropdown {
+    padding: 0 0.3rem;
+}
+
+.menu.toolbar .dropbutton a.dropdown:before {
+    line-height: 58px;
+}
+
+.menu.toolbar .dropbutton a.dropdown:hover {
+    background-color: #e0e0e0;
+}
+
+.menu span.inner {
+    font-size: 90%;
+    font-weight: 400;
+}
+
+.menu .dropbutton {
+    display: inline;
+}
+
+.menu .dropbutton a.dropdown {
+    font-size: 75%;
+    min-width: 0;
+	margin-left: -16px;
+	height: 40px;
+}
+
+html.ie11 .menu .dropbutton a.dropdown:before {
+    font-size: 80%;
+}
+
+.menu .dropbutton a.dropdown span.inner {
+    display: none;
+}
+
+.menu .dropbutton a:first-child {
+    padding-right: 0;
+}
+
+.menu.pagenav {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 !important;
+    font-size: 100%;
+}
+
+.menu.pagenav a {
+    flex-grow: 1;
+    display: inline-block;
+    min-width: 2rem !important;
+    height: 35px;
+    color: #2c363a;
+}
+
+.menu.pagenav a:before {
+    margin: 0;
+    display: inline;
+    float: none;
+    line-height: 35px;
+}
+
+.menu.content-frame-navigation.hide-nav-buttons a.next,
+.menu.content-frame-navigation.hide-nav-buttons a.prev,
+.menu.pagenav span.inner,
+html.layout-phone .menu.pagenav input {
+    display: none;
+}
+
+.menu.pagenav .pagenav-text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: #737677;
+    flex-grow: 4;
+    font-size: 80%;
+}
+
+.menu.pagenav input {
+    width: 3rem;
+    max-width: 5rem;
+    font-size: 90%;
+    text-align: center;
+    max-height: 1.6rem;
+    margin: 0 0.2rem;
+}
+
+.menu.pagenav.pagenav-list {
+    cursor: pointer;
+    border-bottom: 1px solid #f1f3f4;
+}
+
+.menu.pagenav.pagenav-list a {
+    flex-grow: unset;
+}
+
+.menu.pagenav.pagenav-list .pagenav-text {
+    text-align: left;
+    font-size: 100%;
+}
+
+.menu.pagenav.pagenav-list.expanded + .navlist {
+    border-bottom: 1px solid #d4dbde;
+}
+
+.menu .listselectors {
+    max-width: 100%;
+    display: flex;
+    justify-content: space-around;
+}
+
+.menu .buttons {
+    display: block;
+}
+
+.menu .buttons button {
+    display: block;
+    float: left;
+    cursor: pointer;
+    color: #2c363a;
+    background-color: transparent;
+    border: 0;
+    padding: 0;
+    height: 58px;
+    line-height: 58px;
+    width: 2.5em;
+}
+
+.menu .buttons button:before {
+    font-size: 1.75rem;
+}
+
+.popover .menu li {
+    display: block;
+    height: auto;
+    text-align: left;
+}
+
+.popover .menu li.spacer {
+    display: none;
+}
+
+.popover .menu li:last-child {
+    border: 0;
+}
+
+.popover .menu li.separator {
+    line-height: 1.5rem !important;
+    font-size: 0.75rem !important;
+    padding: 0 0.5rem;
+    color: #737677;
+    background-color: #f1f3f4;
+}
+
+.popover .menu li.separator label {
+    margin: 0;
+}
+
+.popover .menu li a {
+    height: unset;
+    max-width: 100%;
+    width: 100%;
+    line-height: 35px;
+    display: block;
+    padding: 0 0.5rem;
+    text-align: left;
+}
+
+.popover .menu .dropbutton,
+.popover .menu li a[aria-haspopup] {
+    display: flex;
+}
+
+.popover .menu li a:before {
+    line-height: inherit;
+    height: inherit !important;
+    margin-right: 0.5rem !important;
+    float: left !important;
+    width: 1.18em !important;
+    min-width: 1.18em;
+}
+
+
+
+.popover .menu li a[aria-haspopup]:after {
+    color: #737677;
+    font-size: 0.9em;
+    margin: 0 0 0 0.2em;
+    min-width: 1.18em;
+}
+
+html.layout-small .popover .menu li a[aria-haspopup]:after {
+    margin: 0 0.2em;
+}
+
+.popover .menu li a[aria-haspopup].dropdown:after {
+    color: #2c363a;
+    margin: 0 0.6em !important;
+}
+
+
+.popover .menu li a[aria-haspopup] > span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    flex: 1;
+}
+
+.popover .menu li span.inner {
+    font-size: 100%;
+}
+
+.popover .menu .dropbutton a:first-child {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    flex: 1;
+}
+
+.popover .menu .dropbutton:not(.disabled):hover {
+    background-color: #f6f6f6;
+}
+
+.popover .menu .dropbutton a.dropdown {
+    width: 3.5rem;
+    padding: 0 0.5em;
+    background-color: #f6f6f6;
+}
+
+.popover .menu .dropbutton a.dropdown:hover {
+    background-color: #37beff;
+}
+
+.popover .menu .dropbutton a.dropdown span.inner,
+.popover .menu .dropbutton a.dropdown:before,
+.popover .menu.no-icon a:before {
+    display: none;
+}
+
+
+
+
+.footer-mail-small{
+	width:100%;
+	display:flex;
+	justify-content: center;
+}
+
+
+@media screen and (min-width: 769px) {
+	
+	
+	    a.toolbar-list-button,
+.only_small_screen{
+	display:none !important;
+}
+
+	
+
+
+
+	
+    .content-frame-navigation {
+        display: none !important;
+    }
+
+    .header a.button.icon:not(.disabled):focus,
+    .header a.button.icon:not(.disabled):hover {
+        background-color: #ececec;
+        outline: 0;
+    }
+
+    .header a.button.icon:before {
+        margin: 0;
+    }
+
+}
+
+@media screen and (max-width: 768px) {
+	
+
+		#messagelist-header{
+		display:none !important;
+	}
+
+	
+
+
+
+
+	.header_back{
+			display:block;
+	}
+
+
+	
+    .menu.footer {
+        justify-content: space-around !important;
+    }
+
+    .menu.footer > * {
+        flex-grow: 1;
+    }
+
+    .menu.footer .buttons {
+        display: flex;
+        justify-content: space-evenly;
+    }
+
+    .menu.footer .listselectors > * {
+        flex-grow: 1;
+    }
+
+    .menu.listing a {
+        color: #2c363a;
+    }
+
+}
+
+a.toolbar-button {
+    cursor: pointer;
+}
+
+
+html.layout-large     a.toolbar-button {
+        line-height: 1.5;
+        padding: 0.45rem;
+    }
+
+html.layout-large     a.toolbar-button:before {
+        float: none !important;
+        height: 1.75rem !important;
+        line-height: 1.5;
+        width: auto !important;
+    }
+
+html.layout-large     a.toolbar-button span.inner {
+      /*  display: inline !important;*/
+        font-weight: 400;
+        font-size: 90%;
+    }
+
+
+
+
+.menu a.mail:before {
+    content: "\f0e0";
+}
+
+.menu a.contacts:before {
+    content: "\f0c0";
+}
+
+.menu a.options:before {
+    content: "\f1de";
+}
+
+.menu a.settings:before {
+    content: "\f013";
+}
+
+.menu a.theme.light:before {
+    content: "\f185";
+}
+
+.menu a.theme.dark:before {
+    content: "\f186";
+}
+
+.menu a.help:before {
+    content: "\f1cd";
+}
+
+.menu a.logout:before {
+    content: "\f011";
+}
+
+.menu a.about:before {
+    content: "\f128";
+}
+
+.menu a.compose:before {
+    content: "\f044";
+}
+
+.menu a.calendar:before {
+    content: "\f073";
+}
+
+.menu a.tasklist:before {
+    content: "\f0ae";
+}
+
+.menu a.files:before {
+    content: "\f07b";
+}
+
+.menu a.notes:before {
+    content: "\f249";
+}
+
+.menu a.chat:before {
+    content: "\f086";
+}
+
+.menu a.actions:before {
+    content: "\f013";
+}
+
+.menu a.addressbook:before {
+    content: "\f007";
+}
+
+.menu a.archive:before {
+    content: "\f187";
+	font-size: 1.2em;
+}
+
+.menu a.assigngroup:before {
+    content: "\f234";
+}
+
+.menu a.attach:before,
+.menu a.vcard:before {
+    content: "\f0c6";
+}
+
+.menu a.next:before {
+    content: "\f061";
+}
+
+.menu a.back:before,
+.menu a.prev:before {
+    content: "\f060";
+}
+
+.menu a.check:before {
+    content: "\00a0";
+}
+
+.menu a.check.selected:before {
+    content: "\f00c";
+}
+
+.menu a.closewin:before {
+    content: "\f410";
+}
+
+.menu a.collapse:before {
+    content: "\f107";
+}
+
+.menu a.copy:before {
+    content: "\f0c5";
+}
+
+.menu a.create:before {
+    content: "\f0fe";
+}
+
+.menu a.delete:before {
+    content: "\f2ed";
+}
+
+.menu a.download.eml:before,
+.menu a.download.maildir:before,
+.menu a.download.mbox:before,
+.menu a.download:before {
+    content: "\f019";
+}
+
+.menu a.dropdown:before {
+    content: "\f0d7";
+}
+
+.menu a.edit:before {
+    content: "\f303";
+}
+
+.menu a.encrypt.sign:before,
+.menu a.encrypt:before,
+.menu a.enigma:before {
+    content: "\f023";
+}
+
+.menu a.expand:before {
+    content: "\f105";
+}
+
+.menu a.expand.all:before {
+    content: "\f103";
+}
+
+.menu a.expand.none:before {
+    content: "\f102";
+}
+
+.menu a.export.all:before,
+.menu a.export.selection:before,
+.menu a.export:before {
+    content: "\f019";
+}
+
+.menu a.expunge:before {
+    content: "\f78c";
+}
+
+.menu a.extwin:before {
+    content: "\f360";
+}
+
+.menu a.filterlink:before {
+    content: "\f0b0";
+}
+
+.menu a.firstpage:before {
+    content: "\f100";
+}
+
+.menu a.nextpage:before {
+    content: "\f105";
+}
+
+.menu a.prevpage:before {
+    content: "\f104";
+}
+
+.menu a.lastpage:before {
+    content: "\f101";
+}
+
+.menu a.flag:before,
+.menu a.select.flagged:before {
+    content: "\f024";
+    font-weight: 900;
+}
+
+.menu a.unflag:before {
+    content: "\f024";
+    font-weight: 400;
+}
+
+.menu a.folders:before {
+    content: "\f07b";
+}
+
+.menu a.forward.attachment:before,
+.menu a.forward.bounce:before,
+.menu a.forward.inline:before,
+.menu a.forward:before {
+    content: "\f064";
+}
+
+.menu a.import:before,
+.menu a.upload:before {
+    content: "\f093";
+}
+
+.menu a.insertresponse:before {
+    content: "\f075";
+}
+
+.menu a.junk:before {
+    content: "\f7e4";
+}
+
+.menu a.notjunk:before {
+    content: "\f01c";
+}
+
+.menu a.markmessage:before {
+    content: "\f02b";
+}
+
+.menu a.more:before {
+    content: "\f142";
+}
+
+.menu a.move:before {
+    content: "\f07c";
+}
+
+.menu a.print:before {
+    content: "\f02f";
+}
+
+.menu a.properties:before {
+    content: "\f15b";
+}
+
+.menu a.purge:before {
+    content: "\f12d";
+}
+
+.menu a.qrcode:before {
+    content: "\f029";
+}
+
+.menu a.read:before {
+    content: "\f2b6";
+    font-weight: 400;
+}
+
+.menu a.expand.unread:before,
+.menu a.select.unread:before,
+.menu a.unread:before {
+    content: "\f0e0";
+    font-weight: 900;
+}
+
+.menu a.recipient:before {
+    content: "\f0e0";
+    font-weight: 400;
+}
+
+.menu a.refresh:before {
+    content: "\f021";
+}
+
+.menu a.remove:before {
+    content: "\f12d";
+}
+
+.menu a.removegroup:before {
+    content: "\f235";
+}
+
+.menu a.rename:before {
+    content: "\f303";
+}
+
+.menu a.reply:before {
+    content: "\f3e5";
+}
+
+.menu a.reply-all:before,
+.menu a.reply.all:before,
+.menu a.reply.list:before {
+    content: "\f122";
+}
+
+.menu a.responses:before {
+    content: "\f075";
+}
+
+.menu a.rotate:before {
+    content: "\f2f9";
+}
+
+.menu a.save:before {
+    content: "\f0c7";
+    font-weight: 400;
+}
+
+.menu a.search:before {
+    content: "\f002";
+}
+
+.menu a.search.delete:before {
+    content: "\f2ed";
+}
+
+.menu a.select:before {
+    content: "\f245";
+}
+
+.menu a.select.all:before {
+    content: "\f069";
+}
+
+.menu a.select.invert:before {
+    content: "\f14a";
+}
+
+.menu a.select.none:before {
+    content: "\f00d";
+    font-weight: 900;
+}
+
+.menu a.select.page:before {
+    content: "\f0c9";
+    font-weight: 900;
+}
+
+.menu a.selection:before {
+    content: "\f14a" !important;
+    font-weight: 400 !important;
+}
+
+.menu a.send:before {
+    content: "\f1d8";
+}
+
+.menu a.showurl:before {
+    content: "\f0c1";
+}
+
+.menu a.signature:before {
+    content: "\f5b7";
+}
+
+.menu a.source:before {
+    content: "\f1c9";
+}
+
+.menu a.headers-all:before {
+    content: "\f05a";
+}
+
+.menu a.changeformattext:before {
+    content: "\f039";
+}
+
+.menu a.changeformathtml:before {
+    content: "\f03e";
+}
+
+.menu a.spellcheck:before {
+    content: "\f891";
+}
+
+.menu a.status:before {
+    content: "\f0eb";
+    font-weight: 400;
+}
+
+.menu a.submit:before {
+    content: "\f00c";
+}
+
+.menu a.info:before,
+.ui.alert > i.icon:before {
+    content: "\f05a";
+}
+
+.menu a.threads:before {
+    content: "\f086";
+}
+
+.menu a.zoomin:before {
+    content: "\f00e";
+}
+
+.menu a.zoomout:before {
+    content: "\f010";
+}
+
+.searchbar {
+    height: 36px;
+    min-height: 36px;
+    line-height: 36px;
+	border-radius:36px;
+    display: inline-flex;
+    align-items: center;
+    overflow: hidden;
+    position: relative;
+	width:100%;
+}
+
+.searchbar form {
+    flex: 1;
+    display: flex;
+}
+
+.searchbar a.reset,
+.searchbar a.search,
+.searchbar span.inner {
+    display: none;
+}
+
+.searchbar form:before {
+    content: "\f002";
+    height: 36px;
+    color: var(--font2);
+    margin: 0 0 0 0.75rem;
+}
+
+.searchbar input {
+    width: 100%;
+    border: 0;
+    background: 0 0;
+    padding: 0.5rem;
+    line-height: normal;
+    outline: 0;
+	color:unset;
+}
+
+.searchbar input::-ms-clear {
+    display: none;
+}
+
+.searchbar a {
+color: var(--font2);
+}
+
+.searchbar a:before {
+    width: 2rem;
+    height: 36px;
+    margin: 0;
+}
+
+.searchbar a.options:before {
+    content: "\f107";
+}
+
+.searchbar a.reset:before {
+    content: "\f00d";
+    font-size: 1rem;
+}
+
+.searchbar a.unread:before {
+    content: "\f0e0";
+    font-weight: 900;
+}
+
+.searchbar a.selected {
+    color: #41b849;
+}
+
+.searchbar.active a.reset {
+    display: inline;
+}
+
+.searchbar.open a.options:before {
+    content: "\f106";
+}
+
+.searchoptions button.search {
+    width: 100%;
+}
+
+.searchoptions ul.proplist + div {
+    margin-top: 1rem;
+}
+
+.searchoptions .input-group:not(:last-child) {
+    margin-bottom: 0.5rem;
+}
+
+.searchoptions .input-group .input-group-prepend {
+    width: 30%;
+}
+
+.searchoptions .input-group label {
+    width: 100%;
+}
+
+.searchoptions .formbuttons {
+    display: block !important;
+}
+
+
+
+
+
+.ui.alert,
+.ui.alert.aligned-buttons {
+    display: flex;
+}
+
+
+
+
+
+.ui.alert {
+    margin: 0 0 0.2rem;
+    opacity: 0.95;
+    width: 100%;
+    padding: 0.75em;
+    color: #2c363a;
+    border: 1px solid transparent;
+    background-color: rgba(55, 190, 255, 0.05);
+    align-items: center;
+}
+
+.ui.alert span {
+    margin: auto 0;
+}
+
+.ui.alert > i.icon {
+    line-height: 1;
+    color: #4d5f66;
+    margin: auto 0;
+}
+
+.ui.alert > i.icon:before {
+    margin-right: 0.6rem;
+}
+
+.ui.alert .btn {
+    margin-left: 0.5rem;
+}
+
+.ui.alert.loading {
+    color: #6b7275;
+}
+
+.ui.alert.loading > i.icon:before {
+    content: "\f1ce";
+    -webkit-animation: spinner-border 1.5s infinite linear;
+    animation: spinner-border 1.5s infinite linear;
+    width: 1em;
+}
+
+.ui.alert.alert-success > i.icon:before {
+    content: "\f058";
+    color: #41b849;
+}
+
+.ui.alert.alert-warning > i.icon:before {
+    content: "\f071";
+    color: #ffd452;
+}
+
+.ui.alert.alert-danger > i.icon:before {
+    content: "\f06a";
+    color: #ff5552;
+}
+
+.ui.alert.vcardattachment > i.icon:before {
+    content: "\f2bb";
+}
+
+.ui.alert.enigmaattachment > i.icon:before {
+    content: "\f084";
+}
+
+.ui.alert.encrypted > i.icon:before,
+.ui.alert.signed > i.icon:before {
+    content: "\f023";
+}
+
+.ui.alert.chat > i.icon:before {
+    content: "\f075";
+}
+
+.ui.alert .boxbuttons {
+    white-space: nowrap;
+}
+
+.ui.alert .boxbuttons .btn {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 220px;
+}
+
+@media screen and (max-width: 480px) {
+    .ui.alert {
+        border: 0;
+    }
+
+    .ui.alert .boxbuttons {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .ui.alert .boxbuttons .btn {
+        max-width: 160px;
+    }
+
+    .ui.alert .boxbuttons .btn:not(:first-child) {
+        margin-top: 0.25rem;
+    }
+
+}
+
+.ui.alert.aligned-buttons span {
+    flex: 1;
+}
+
+.ui.alert a:not(.btn) {
+    color: #37beff;
+    font-weight: 400;
+}
+
+.ui.alert h3 {
+    font-weight: 700;
+    font-size: 1.2rem;
+}
+
+#messagestack div i.icon,
+.ui.alert.boxconfirmation i.icon,
+.ui.alert.boxerror i.icon,
+.ui.alert.boxinformation i.icon,
+.ui.alert.boxwarning i.icon {
+    font-size: 1.5em !important;
+}
+
+.ui.alert p {
+    margin: 1rem 0;
+}
+
+.ui.alert.boxconfirmation,
+.ui.alert.boxerror,
+.ui.alert.boxinformation,
+.ui.alert.boxwarning {
+    padding: 0.2em;
+    border-radius: 0;
+}
+
+.ui.alert.boxerror {
+    background-color: rgba(255, 85, 82, 0.2);
+}
+
+.ui.alert.boxinformation {
+    background-color: rgba(55, 190, 255, 0.2);
+}
+
+.ui.alert.boxconfirmation {
+    background-color: rgba(65, 184, 73, 0.2);
+}
+
+.ui.alert.boxwarning {
+    background-color: rgba(255, 212, 82, 0.2);
+}
+
+.ui.alert + table {
+    margin-top: 1em;
+}
+
+#messagestack {
+    position: absolute;
+    bottom: 0.5em;
+    right: 0.7em;
+    z-index: 105;
+    width: 320px;
+    height: auto;
+    max-height: 85%;
+}
+
+#messagestack div {
+    background-color: #2c363a;
+    color: #fff;
+}
+
+@media screen and (max-width: 480px) {
+    #messagestack {
+        left: 0;
+        right: 0;
+        bottom: 0;
+        width: auto;
+    }
+
+    #messagestack div {
+        margin: 0;
+        border-radius: 0;
+        min-height: 4.2rem;
+    }
+
+}
+
+#messagestack div.voice {
+    position: absolute;
+    top: -1000px;
+}
+
+#messagestack div > i.icon:before {
+    color: #fff;
+}
+
+#messagestack div:last-child {
+    margin-bottom: 0;
+}
+
+#messagestack .loading {
+    background-color: #6b7275;
+}
+
+#messagestack .alert-info.information {
+    background-color: #37beff;
+}
+
+#messagestack .alert-success {
+    background-color: #41b849;
+}
+
+#messagestack .alert-warning {
+    background-color: #ffd452;
+    color: #2c363a;
+}
+
+#messagestack .alert-warning > i.icon:before {
+    color: #2c363a;
+}
+
+#messagestack .alert-danger {
+    background-color: #ff5552;
+}
+
+#messagestack a {
+    color: inherit !important;
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+.listing li,
+.listing tbody td {
+    font-weight: 400;
+    line-height: 35px;
+}
+
+.listing li a,
+.listing tbody td {
+
+    white-space: nowrap;
+    vertical-align: middle;
+    color: #2c363a;
+}
+
+
+
+
+.message  td {
+    font-weight: 400;
+    line-height: 35px;
+	position:relative;
+}
+
+
+
+.listing .flag {
+    padding: 0 0.5rem;
+}
+
+.listing tbody td {
+
+    text-overflow: ellipsis;
+    outline: 0;
+}
+
+.listing tbody td a {
+    color: #2c363a;
+}
+
+.listing li a {
+    display: block;
+    text-decoration: none;
+    width: 100%;
+}
+
+.listing:not(.withselection) td.selection,
+ul.treelist.notree div.treetoggle {
+    display: none;
+}
+
+.listing li.selected,
+.listing tr.selected {
+    background-color: var(--backgroundhover) !important;
+}
+
+
+html.layout-small td.selection {
+    padding: 0;
+    width: 60px;
+	padding: 0 0 0 .3em;
+}
+
+
+.listing td.selection {
+    padding: 0 0 0 .4em;
+    width: 54px;
+    text-align: center;
+}
+
+
+
+
+
+
+.listing td.selection > input {
+    vertical-align: middle;
+}
+
+.listing td.name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.listing td.action {
+    padding: 0 0.5em;
+    width: 2em;
+    text-align: center;
+}
+
+.listing td.action:empty {
+    width: 0;
+}
+
+.listing td.action a {
+    display: block;
+    overflow: hidden;
+    text-decoration: none;
+}
+
+.listing td.action a:before {
+    margin: 0;
+    font-size: 1rem;
+}
+
+.listing td.action a.pushgroup:before {
+    content: "\f054";
+}
+
+.listing li.droptarget > a,
+.listing tr.droptarget > td {
+    background-color: #ffc;
+}
+
+.listing li.disabled,
+.listing tr.disabled td {
+    color: rgba(44, 54, 58, 0.5);
+}
+
+.listing span.secondary,
+.listing-info {
+    color: #737677;
+}
+
+.listing li.virtual > a,
+.listing li > a.virtual {
+    opacity: 0.4;
+}
+
+html:not(.touch) .listing li > a,
+html:not(.touch) .listing tbody tr > td:first-child,
+html:not(.touch) .listing:not(.withselection) tbody tr > td.selection + td {
+}
+
+html:not(.touch) .listing li > a:focus,
+html:not(.touch) .listing.focus tbody tr.focused > td:first-child,
+html:not(.touch) .listing.focus:not(.withselection) tbody tr.focused > td.selection + td {
+    outline: 0;
+}
+
+table.listing {
+    width: 100%;
+    table-layout: fixed;
+    border-spacing: 0;
+    border-collapse: unset;
+}
+
+ul.listing {
+    margin: 0;
+    padding: 0;
+}
+
+ul.listing > ul {
+    padding: 0;
+}
+
+ul.listing li {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    position: relative;
+    list-style: none;
+}
+
+ul.listing li ul {
+    padding-left: 1.5em;
+}
+
+ul.listing li ul li:last-child {
+    border-bottom: none;
+}
+
+ul.listing li .custom-switch {
+    position: absolute;
+    padding: 0;
+    top: 0;
+    right: 0;
+    height: 35px;
+    vertical-align: middle;
+}
+
+html.touch li input[type="checkbox"],
+html.touch ul.listing li .custom-switch {
+    height: 47px;
+}
+
+ul.listing li .custom-switch .custom-control-label:after,
+ul.listing li .custom-switch .custom-control-label:before {
+    margin-top: 0.4rem;
+}
+
+html.touch ul.listing li .custom-switch .custom-control-label:after,
+html.touch ul.listing li .custom-switch .custom-control-label:before {
+    margin-top: 0.75rem;
+}
+
+ul.listing.simplelist li {
+    padding: 0 0.5rem;
+}
+
+.listing-info {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 80%;
+    text-align: center;
+    font-weight: 700;
+}
+
+html.touch .listing tbody td,
+html.touch .listing:not(.toolbar) li {
+    line-height: 47px;
+    font-size: 1.2rem;
+}
+
+
+.listing.iconized li a:before {
+    height: 2em;
+    margin-right: 0.5rem;
+}
+
+.listing.iconized li.preferences > a:before {
+    content: "\f1de";
+}
+
+.listing.iconized li.folders > a:before {
+    content: "\f07b";
+}
+
+.listing.iconized li.responses > a:before {
+    content: "\f075";
+}
+
+.listing.iconized li.about > a:before {
+    content: "\f128";
+}
+
+.listing.iconized li.identities > a:before {
+    content: "\f2c2";
+}
+
+.listing.iconized li.password > a:before {
+    content: "\f023";
+}
+
+.listing.iconized li.addressbook a:before {
+    content: "\f2b9";
+    font-weight: 400;
+}
+
+.listing.iconized li.contactgroup a:before {
+    content: "\f0c0";
+    font-weight: 900;
+}
+
+.listing.iconized li.contactsearch a:before {
+    content: "\f002";
+}
+
+.listing.iconized li.filter > a:before {
+    content: "\f0b0";
+}
+
+.listing.iconized li.vacation > a:before {
+    content: "\f017";
+    font-weight: 400;
+}
+
+.listing.iconized li.forward > a:before {
+    content: "\f14d";
+}
+
+.listing.iconized li.enigma.keys > a:before {
+    content: "\f084";
+}
+
+.listing.iconized li.info > a:before,
+.listing.iconized li.userinfo > a:before {
+    content: "\f05a";
+}
+
+.listing.iconized li.twofactorauth > a:before {
+    content: "\f2f6";
+}
+
+.listing.iconized li a.help:before {
+    content: "\f1cd";
+}
+
+.listing.iconized li a.about:before {
+    content: "\f059";
+    font-weight: 400;
+}
+
+.listing.iconized li a.license:before {
+    content: "\f3ed";
+}
+
+.listing.iconized li > i:before {
+    content: "\f007";
+    margin-left: 0.5rem;
+}
+
+.listing.iconized li.group > i:before {
+    content: "\f0c0";
+}
+
+html.ie11 .listing.iconized li a:before {
+    font-size: 1.25rem;
+}
+
+.listing.iconized tr td:before {
+    margin-right: 0.5rem;
+}
+
+.listing.iconized tr.contact.person td.name:before {
+    content: "\f007";
+}
+
+.listing.iconized tr.contact.group td.name:before {
+    content: "\f0c0";
+}
+
+.listing.iconized tr.general > td.section:before {
+    content: "\f108";
+}
+
+.listing.iconized tr.mailbox > td.section:before {
+    content: "\f0e0";
+    font-weight: 400;
+}
+
+.listing.iconized tr.mailview > td.section:before {
+    content: "\f01c";
+}
+
+.listing.iconized tr.compose > td.section:before {
+    content: "\f1d8";
+}
+
+.listing.iconized tr.addressbook > td.section:before {
+    content: "\f0c0";
+}
+
+.listing.iconized tr.folders > td.section:before {
+    content: "\f07b";
+    font-weight: 400;
+}
+
+.listing.iconized tr.server > td.section:before {
+    content: "\f233";
+}
+
+.listing.iconized tr.encryption > td.section:before {
+    content: "\f023";
+}
+
+.listing.iconized tr.calendar > td.section:before {
+    content: "\f133";
+}
+
+.listing.iconized tr.chat > td.section:before {
+    content: "\f086";
+}
+
+.listing.iconized.selectable li a:before {
+    content: "";
+}
+
+.listing.iconized.selectable li a.selected:before {
+    content: "\f00c";
+}
+
+.popupmenu .listing li > a {
+    border-left: 0;
+}
+
+.popupmenu .listing li.selected,
+.popupmenu .listing li > a:not(.disabled):hover {
+    background-color: #dadada;
+}
+
+.popupmenu .listing td {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+ul.treelist li div.treetoggle {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 1.5em;
+    cursor: pointer;
+    background-color: transparent;
+}
+
+ul.treelist li div.treetoggle:before {
+    content: "\f105";
+    margin-left: 0.25em;
+    font-size: 1em;
+}
+
+ul.treelist li div.treetoggle.expanded:before {
+    content: "\f107";
+}
+
+ul.treelist li > a {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding-left: 1.5em;
+}
+
+ul.treelist li.selected {
+    color: inherit;
+    background-color: transparent;
+}
+
+ul.treelist li.selected > a,
+ul.treelist li.selected > div > a {
+    color: #2c363a;
+    background-color: var(--backgroundhover);
+}
+
+ul.treelist li ul {
+    padding: 0;
+}
+
+ul.treelist li ul li {
+    padding-left: 0;
+}
+
+ul.treelist li ul li a {
+    padding-left: 3em;
+}
+
+ul.treelist li ul li div.treetoggle {
+    left: 1.5em;
+}
+
+ul.treelist li ul li li a {
+    padding-left: 4.5em;
+}
+
+ul.treelist li ul li li div.treetoggle {
+    left: 3em;
+}
+
+ul.treelist li ul li li li a {
+    padding-left: 6em;
+}
+
+ul.treelist li ul li li li div.treetoggle {
+    left: 4.5em;
+}
+
+ul.treelist li ul li li li li a {
+    padding-left: 7.5em;
+}
+
+ul.treelist li ul li li li li div.treetoggle {
+    left: 6em;
+}
+
+ul.treelist li ul li li li li li a {
+    padding-left: 9em;
+}
+
+ul.treelist li ul li li li li li div.treetoggle {
+    left: 7.5em;
+}
+
+ul.treelist.notree li > a {
+    padding-left: 0.5em;
+}
+
+.folderlist li.mailbox.unread > a {
+    padding-right: 2.8em;
+}
+
+.folderlist li.mailbox .unreadcount {
+    position: absolute;
+    top: 0;
+    right: 0;
+    min-width: 2em;
+    line-height: 1.4rem;
+    margin: 7.7px;
+    padding: 0 0.3em;
+    border-radius: 0.4em;
+    background: #37beff;
+    color: #fff;
+    text-align: center;
+    font-weight: 700;
+}
+
+html.touch .folderlist li.mailbox .unreadcount {
+    line-height: 2rem;
+    margin: 9.5px;
+}
+
+.folderlist li.mailbox.recent > a {
+    color: #008cd0;
+}
+
+.folderlist li.mailbox.recent > a > .unreadcount {
+    background: #37beff;
+    color: #fff;
+}
+
+.folderlist li.mailbox.root {
+    display: none !important;
+}
+
+.folderlist li a:before {
+    content: "\f07b";
+    font-weight: 400;
+    margin-right: 0.5rem;
+}
+
+.folderlist li.inbox > a:before {
+    content: "\f01c";
+    font-weight: 900;
+}
+
+.folderlist li.trash a:before {
+    content: "\f2ed";
+    font-weight: 900;
+}
+
+.folderlist li.trash.empty > a:before {
+    content: "\f2ed";
+    font-weight: 400;
+}
+
+.folderlist li.drafts a:before {
+    content: "\f303";
+    font-weight: 900;
+}
+
+.folderlist li.sent a:before {
+    content: "\f1d8";
+    font-weight: 900;
+}
+
+.folderlist li.junk a:before {
+    content: "\f7e4";
+    font-weight: 900;
+}
+
+.folderlist li.archive > a:before {
+    content: "\f187";
+    font-weight: 900;
+}
+
+.folderlist li.ns-shared > a:before {
+    content: "\f1e0";
+    font-weight: 900;
+}
+
+.folderlist li.ns-other > a:before {
+    content: "\f500";
+    font-weight: 900;
+}
+
+.folderlist.menu a:before {
+    margin-left: 0.5em;
+}
+
+.messagelist .branch,
+.messagelist > thead,
+table.fixedcopy {
+    display: none;
+}
+
+.messagelist td {
+    border-left: 0;
+    width: 2em;
+    vertical-align: top;
+    font-size: 1rem !important;
+}
+
+.messagelist td.subject {
+    width: 100%;
+    padding: .4rem .4rem .6rem 0;
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.messagelist td.subject a {
+    text-decoration: none;
+}
+
+.messagelist td.subject span {
+    line-height: 1.7em;
+}
+
+
+.messagelist .flagged span.date{
+padding-right: 20px;
+}
+
+.messagelist td.subject span.size {
+padding-right: 15px;
+}
+
+
+.messagelist td.subject span.date,
+.messagelist td.subject span.size {
+line-height: 2em;
+}
+
+.messagelist td.subject span.fromto {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    flex: 1;
+
+    padding-right: 0.5rem;
+}
+
+.messagelist td.subject span.subject {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 100%;
+    user-select: none;
+
+}
+
+.messagelist td.threads {
+    padding: 0 0 0 0.25rem;
+    width: 1.5em;
+}
+
+.messagelist td.flags {
+    width: 2em;
+}
+
+.messagelist td.flags > span {
+    height: 2em;
+    line-height: 2em;
+    display: block;
+	font-size:12px;
+}
+
+
+
+.messagelist td.flags > span.flag {
+    cursor: pointer;
+}
+
+.messagelist tr.flagged span.flag {
+    color: #ea3532;
+}
+
+.messagelist tr.deleted td,
+.messagelist tr.deleted td.subject span.date,
+.messagelist tr.deleted td.subject span.fromto,
+.messagelist tr.deleted td.subject span.subject a {
+    color: rgba(44, 54, 58, 0.5);
+}
+
+.messagelist tr.unread td.subject span.subject {
+    font-weight: 700;
+}
+
+.messagelist tr.unroot td.subject a {
+    text-decoration: underline;
+}
+
+.messagelist tr.thread td.threads div:before {
+    content: "\f105";
+    cursor: pointer;
+    width: 1em;
+}
+
+.messagelist tr.thread.expanded td.threads div:before {
+    content: "\f107";
+}
+
+
+
+.messagelist  span.msgicon {
+display: none;
+
+}
+
+
+
+
+.messagelist td.subject span.msgicon.status:before {
+}
+
+
+.message:hover {
+background-color:#F4FBFF;
+}
+
+html.dark-mode .message:hover {
+background-color:rgba(44, 54, 58, 0.7);
+}
+
+
+
+.message:hover .selection{
+border-left-color: transparent;
+}
+
+
+
+.message:not(.unread):hover .msgicon {
+background-color: #aaa;
+opacity:.3;
+}
+
+
+
+
+
+
+.messagelist td.subject span.msgicon.status.unreadchildren:before {
+    content: "\f111";
+    font-weight: 400;
+    font-size: 0.5rem;
+}
+
+.messagelist td.subject span.msgicon.status.replied:before {
+    content: "\f3e5";
+    font-weight: 900;
+    font-size: .8rem;
+	padding-top: 39px;
+}
+
+.messagelist td.subject span.msgicon.status.forwarded:before {
+    content: "\f064";
+    font-weight: 900;
+    font-size: 1rem;
+}
+
+.messagelist td.subject span.msgicon.status.replied.forwarded:before {
+    content: "\f3e5";
+    font-weight: 900;
+    font-size: 1rem;
+}
+
+.messagelist td.subject span.msgicon.status.replied.forwarded:after {
+    content: "\f064";
+    font-weight: 900;
+    font-size: 1rem;
+    opacity: 0.5;
+    margin: 0 -0.1em 0 -1.25em;
+}
+
+.messagelist tr.deleted td.subject span.msgicon.status:before {
+    content: "\f05e" !important;
+    font-weight: 900 !important;
+    font-size: 1rem;
+}
+
+.messagelist tr.deleted td.subject span.msgicon.status:after {
+    display: none !important;
+}
+
+.messagelist span.attachment span {
+    color: rgba(115, 118, 119, 0.75);
+	position: absolute;
+	top: 29px;
+	left: 9px;
+}
+
+
+.messagelist span.attachment span:before {
+    margin: 0;
+    content: "\f0c6";
+	font-size:13px;
+}
+
+
+.messagelist span.attachment span.report:before {
+    content: "\f15c";
+    font-weight: 400;
+}
+
+.messagelist span.attachment span.encrypted:before {
+    content: "\f023";
+}
+
+.messagelist span.attachment span.vcard:before {
+    content: "\f007";
+    font-weight: 400;
+}
+
+.messagelist span.flagged:before {
+    content: "\f024";
+}
+
+.messagelist tr.flaggedroot:not(:hover) span.unflagged:before {
+    content: "\f024";
+    color: rgba(115, 118, 119, 0.75);
+}
+
+.messagelist tr:hover span.unflagged:before {
+    content: "\f024";
+    opacity: .5;
+}
+
+.messagelist tr:hover span.unflagged:hover:before {
+    opacity: 1;
+}
+
+
+.messagelist span.size,
+.messagelist tr:hover span.date {
+    display: none;
+}
+
+.messagelist tr:hover span.size {
+    display: inline;
+}
+
+.messagelist.sort-size span.date {
+    display: none;
+}
+
+.messagelist.sort-size span.size,
+.messagelist.sort-size tr:hover span.date {
+    display: inline;
+}
+
+.messagelist.sort-size tr:hover span.size {
+    display: none;
+}
+
+
+
+html.layout-phone a.refresh {
+   display:none;
+}
+
+
+
+.messagelist tr,
+.messagelist tr {
+    position: relative;
+}
+
+.messagelist td.flags,
+.messagelist td.flags {
+    position: absolute;
+    top: 0.4rem;
+    right: 0;
+
+    background-color: transparent;
+}
+
+.messagelist td.flags .flag,
+.messagelist td.flags .flag {
+
+}
+
+
+
+html.layout-phone .messagelist td.subject,
+html.touch .messagelist td.subject {
+    padding-right: 0.5em 0;
+}
+
+html.layout-phone .messagelist td.subject .subject,
+html.touch .messagelist td.subject .subject {
+    padding-right: 1.5rem;
+}
+
+.contactlist .contact.readonly td {
+    font-style: italic;
+}
+
+.contactlist td.contact:before {
+    content: "\f007";
+}
+
+.contactlist td.contactgroup:before {
+    content: "\f0c0";
+}
+
+.contactlist span.email {
+    display: inline;
+    color: #737677;
+    font-style: italic;
+    margin-left: 0.5em;
+}
+
+.contactlist li a:before {
+    margin-right: 0.5rem;
+}
+
+.contactlist li a.addressbook::before {
+    content: "\f2b9";
+    font-weight: 400;
+}
+
+.contactlist li a.contactgroup::before {
+    content: "\f0c0";
+    font-weight: 900;
+}
+
+.attachmentslist {
+    padding: 0;
+    margin: 0;
+    background-color: #fcfcfc;
+    border: 1px solid #f4f4f4;
+}
+
+.attachmentslist:empty {
+    padding: 0;
+    border: 0;
+}
+
+.attachmentslist li {
+    list-style: none;
+    display: inline-flex;
+    white-space: nowrap;
+    line-height: 2rem;
+    padding: 0 0.25em;
+    max-width: 100%;
+}
+
+.attachmentslist li:before {
+    content: "\f15b";
+    font-weight: 400;
+    height: 2rem;
+    margin: 0;
+}
+
+.attachmentslist li.text:before,
+.attachmentslist li.txt:before {
+    content: "\f15c";
+    font-weight: 400;
+}
+
+.attachmentslist li.pdf:before {
+    content: "\f1c1";
+    font-weight: 400;
+}
+
+.attachmentslist li.doc:before,
+.attachmentslist li.docx:before,
+.attachmentslist li.msword:before,
+.attachmentslist li.odt:before {
+    content: "\f1c2";
+    font-weight: 400;
+}
+
+.attachmentslist li.msexcel:before,
+.attachmentslist li.ods:before,
+.attachmentslist li.xls:before,
+.attachmentslist li.xlsx:before {
+    content: "\f1c3";
+    font-weight: 400;
+}
+
+.attachmentslist li.gz:before,
+.attachmentslist li.rar:before,
+.attachmentslist li.zip:before {
+    content: "\f1c6";
+    font-weight: 400;
+}
+
+.attachmentslist li.image:before,
+.attachmentslist li.jpeg:before,
+.attachmentslist li.jpg:before,
+.attachmentslist li.png:before {
+    content: "\f1c5";
+    font-weight: 400;
+}
+
+.attachmentslist li.audio:before,
+.attachmentslist li.mp3:before {
+    content: "\f1c7";
+    font-weight: 400;
+}
+
+.attachmentslist li.m4p:before,
+.attachmentslist li.video:before {
+    content: "\f1c8";
+    font-weight: 400;
+}
+
+.attachmentslist li.vcard:before {
+    content: "\f2bb";
+    font-weight: 400;
+}
+
+.attachmentslist li.html:before {
+    content: "\f1c9";
+    font-weight: 400;
+}
+
+.attachmentslist li.odp:before,
+.attachmentslist li.otp:before,
+.attachmentslist li.ppsx:before,
+.attachmentslist li.ppt:before,
+.attachmentslist li.pptx:before,
+.attachmentslist li.vnd.mspowerpoint:before {
+    content: "\f1c4";
+    font-weight: 400;
+}
+
+.attachmentslist li a {
+    text-decoration: none;
+    line-height: 2rem;
+    height: 2rem;
+}
+
+.attachmentslist li a.cancelupload:before,
+.attachmentslist li a.delete:before {
+    content: "\f2ed";
+    line-height: 2rem;
+    height: 2rem;
+    margin: 0;
+}
+
+.attachmentslist li a.dropdown:before {
+    margin: 0;
+}
+
+.attachmentslist li.uploading:before {
+    -webkit-animation: spinner-border 1.5s infinite linear;
+    animation: spinner-border 1.5s infinite linear;
+    content: "\f1ce";
+    font-weight: 900;
+}
+
+.attachmentslist li a.filename {
+    display: flex;
+    overflow: hidden;
+    padding: 0 0.2em;
+}
+
+.attachmentslist li .attachment-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: #2c363a;
+}
+
+.attachmentslist li .attachment-size {
+    color: #737677;
+    padding-left: 0.25em;
+}
+
+.keylist {
+    padding: 0;
+    list-style: none;
+}
+
+.keylist li {
+    line-height: 2;
+}
+
+.keylist li:before {
+    content: "\f084";
+    line-height: 1.5;
+}
+
+#identities-table td.mail:before {
+    content: "\f2c2";
+}
+
+#responses-table td.name:before {
+    content: "\f075";
+}
+
+#filterslist td.name:before {
+    content: "\f0b0";
+}
+
+#filtersetslist td.name:before {
+    content: "\f15c";
+}
+
+#subscription-table li.mailbox a {
+    padding-right: 2.5rem;
+}
+
+#uploadform {
+    display: none;
+}
+
+form.smart-upload,
+input.smart-upload {
+    visibility: hidden;
+    width: 1px;
+    height: 1px;
+    opacity: 0;
+}
+
+.propform:not(.popupmenu) {
+    width: 100%;
+}
+
+.propform .form-check td:not(.title) > label {
+    display: block;
+    margin: 0;
+    line-height: 2rem;
+}
+
+.propform .form-check td:not(.title) > label label,
+.propform td.datetime input:first-child {
+    margin-right: 0.5rem;
+}
+
+.propform td.datetime {
+    display: flex;
+}
+
+.propform td.datetime input:last-child {
+    width: 75%;
+}
+
+.propform td.rowbuttons {
+    width: 1%;
+    white-space: nowrap;
+    vertical-align: top;
+}
+
+.propform td.rowbuttons span {
+    display: none;
+}
+
+.propform td.rowbuttons a {
+    padding: 0;
+    line-height: 2.3rem;
+    height: 2.3rem;
+    font-size: 1rem;
+}
+
+.propform td.rowbuttons a:before {
+    content: "\f067";
+    vertical-align: unset;
+}
+
+@media screen and (min-width: 577px) {
+    .propform td.rowbuttons a:before {
+        margin: 0 !important;
+    }
+
+}
+
+.propform td.rowbuttons a.delete:before {
+    content: "\f2ed";
+}
+
+.propform td.rowbuttons a.advanced:before {
+    content: "\f013";
+}
+
+.propform td.rowbuttons a:not(:last-child) {
+    margin-right: 0.25rem;
+}
+
+.propform td.rowactions {
+    width: 1%;
+    vertical-align: top;
+}
+
+.propform td.rowactions .form-control {
+    width: auto;
+}
+
+.propform td.rowtargets {
+    vertical-align: top;
+}
+
+.propform td.rowtargets .composite .input-group,
+.propform td.rowtargets .composite .multi-input,
+.propform td.rowtargets .composite input,
+.propform td.rowtargets .composite select,
+.propform td.rowtargets .composite textarea {
+    margin-bottom: 0.5rem;
+}
+
+.propform td.rowtargets .composite .input-group .multi-input,
+.propform td.rowtargets .composite .input-group input,
+.propform td.rowtargets .composite .input-group select,
+.propform td.rowtargets .composite .input-group textarea {
+    margin-bottom: 0;
+}
+
+.propform td.rowtargets .composite br {
+    display: block;
+}
+
+.propform td.rowtargets .input-group {
+    margin-bottom: 0.25rem;
+}
+
+.propform td.rowtargets .input-group :first-child.input-group-prepend {
+    text-align: left;
+    min-width: 7.5em;
+}
+
+.propform td.rowtargets .input-group :first-child.input-group-prepend > * {
+    width: 100%;
+}
+
+.propform td.rowtargets > .advanced {
+    margin-top: 0.25rem;
+}
+
+.propform td.title {
+    padding-top: 0;
+    padding-bottom: 0;
+}
+
+.propform td > .flexbox {
+    display: flex;
+}
+
+.propform td > .flexbox > .multi-input {
+    width: 100%;
+    margin-left: 0.25rem;
+}
+
+.propform.grouped.readonly legend {
+    margin: 0;
+}
+
+.propform.grouped.readonly .row.input-group {
+    margin-bottom: 0 !important;
+}
+
+.propform.grouped.readonly label {
+    min-width: 7rem;
+    background-color: transparent;
+    border: 0;
+    border-radius: 0;
+}
+
+.propform.grouped .row.input-group {
+    margin-bottom: 0.5rem;
+    flex-wrap: nowrap;
+}
+
+.propform.grouped .row.input-group > :first-child {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    min-width: 8rem;
+}
+
+.propform.grouped .row.input-group > :first-child:not(select) {
+    padding: 0;
+}
+
+@media screen and (max-width: 480px) {
+    .propform.grouped .row.input-group > :first-child {
+        min-width: 6rem;
+        width: 6rem;
+        flex-grow: unset;
+    }
+
+}
+
+.propform.grouped .row.input-group > :first-child label {
+    width: 100%;
+}
+
+.propform.grouped .row.input-group > :nth-child(2) {
+    flex-grow: 30;
+}
+
+.propform.grouped .row.input-group:last-child {
+    margin-bottom: 1rem;
+}
+
+.propform.grouped .row.input-group select {
+    text-align: left;
+}
+
+.propform.grouped .row.input-group.composite select {
+    height: auto;
+}
+
+.propform.grouped .row.input-group .content {
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    border-radius: 0;
+    border-left-color: transparent;
+}
+
+.propform.grouped .row.input-group .content input {
+    border-radius: 0;
+    border-color: transparent;
+}
+
+.propform.grouped .row.input-group .content .ff_street {
+    width: 100%;
+}
+
+.propform.grouped .row.input-group .content .ff_locality {
+    width: 75%;
+}
+
+.propform.grouped .row.input-group .content .ff_zipcode {
+    width: 25%;
+}
+
+.propform.grouped .row.input-group .content .ff_country,
+.propform.grouped .row.input-group .content .ff_region {
+    width: 50%;
+}
+
+.propform.grouped .form-control-plaintext {
+    flex-grow: 1;
+    border: 0;
+}
+
+.propform .addfield {
+    margin: 0;
+}
+
+.propform .addfield select {
+    width: 8rem;
+    margin-top: 0.5rem;
+}
+
+.propform .form-text {
+    font-size: 90%;
+    color: #737677;
+}
+
+.propform.row.form-group {
+    margin-left: 0;
+    margin-right: 0;
+}
+
+.propform.row.form-group div,
+.propform.row.form-group label {
+    padding-left: 0;
+    padding-right: 0;
+}
+
+.propform select + .input-group,
+.propform select + select {
+    padding-top: 0.5rem;
+}
+
+.propform.text-only {
+    margin-bottom: 0.25rem;
+}
+
+.propform.text-only tr {
+    margin: 0;
+}
+
+.propform.text-only label {
+    padding-bottom: 0 !important;
+}
+
+@media screen and (max-width: 576px) {
+    .propform.text-only tr {
+        display: table-row;
+    }
+
+    .propform.text-only td {
+        width: auto;
+    }
+
+    .propform.text-only :not(tr).form-group.row .col-form-label,
+    .propform.text-only td:first-child {
+        width: 33%;
+    }
+
+    .propform.text-only :not(tr).form-group.row > :last-child {
+        width: 67%;
+    }
+
+    .propform table.compact-table .flexbox > select,
+    .propform table.compact-table .rowactions > select {
+        width: 100%;
+    }
+
+    .propform table.compact-table tr {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .propform table.compact-table tr td {
+        width: 100%;
+        padding: 0.25rem 0 0;
+    }
+
+    .propform table.compact-table tr td.rowbuttons {
+        text-align: right;
+        padding-top: 0;
+    }
+
+    .propform table.compact-table tr td.rowbuttons a {
+        margin-left: 0.5rem;
+    }
+
+    .propform table.compact-table tr td.rowbuttons a > span {
+        display: inline;
+    }
+
+}
+
+.formcontent fieldset:not(.tab-pane):nth-of-type(n + 2),
+.propform fieldset:not(.tab-pane):nth-of-type(n + 2) {
+    margin-top: 1em;
+}
+
+.formcontent legend,
+.propform legend {
+    font-weight: 700;
+    font-size: 1.2em;
+}
+
+.formcontent label,
+.propform label {
+    -webkit-hyphens: auto;
+    -ms-hyphens: auto;
+    hyphens: auto;
+    overflow: hidden;
+    margin-bottom: 0;
+}
+
+fieldset.advanced > legend {
+    width: auto;
+    cursor: pointer;
+}
+
+fieldset.advanced > legend:after {
+    float: right;
+    margin: 0 0 0 0.25rem;
+    line-height: inherit;
+    font-size: inherit;
+    content: "\f106";
+}
+
+fieldset.advanced > legend.closed:after {
+    content: "\f107";
+}
+
+@media screen and (max-width: 576px) {
+    .formcontent .text-only .form-group:not(tr) {
+        margin-bottom: 0.25rem;
+    }
+
+    .formcontent .text-only .form-group:not(tr) .col-form-label {
+        width: 33%;
+    }
+
+    .formcontent .text-only .form-group:not(tr) .col-form-label + span {
+        width: 67%;
+    }
+
+    html.iframe .formcontent > .propform {
+        padding: 0.25rem;
+    }
+
+}
+
+html.ms .propform .row:not(.form-check) > td {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+@media screen and (min-width: 576px) {
+    html.ms .propform .row.form-check > td {
+        display: flex;
+    }
+
+}
+
+.formcontainer {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    overflow-y: hidden !important;
+}
+
+.formcontainer .formcontent {
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.formcontainer .formbuttons {
+    padding: 0.5rem 1rem;
+}
+
+.formcontainer .formbuttons button {
+    margin-right: 0.5rem;
+}
+
+html.iframe.ipad .formcontainer .formbuttons,
+html.iframe.webkit.tablet .formcontainer .formbuttons {
+    min-height: 4rem;
+}
+
+html.layout-phone .formcontainer,
+html.layout-small .formcontainer {
+    display: initial;
+    overflow-y: auto !important;
+}
+
+html.layout-phone .formcontainer .formcontent,
+html.layout-small .formcontainer .formcontent {
+    overflow: initial !important;
+}
+
+html.layout-phone .formcontainer .formbuttons,
+html.layout-small .formcontainer .formbuttons {
+    /*display: none;*/
+}
+
+.formcontent .row {
+    margin-right: 0;
+    margin-left: 0;
+}
+
+.formcontent .row .col,
+.formcontent .row .col-10,
+.formcontent .row .col-12,
+.formcontent .row .col-2,
+.formcontent .row .col-4,
+.formcontent .row .col-6,
+.formcontent .row .col-8,
+.formcontent .row .col-sm,
+.formcontent .row .col-sm-10,
+.formcontent .row .col-sm-12,
+.formcontent .row .col-sm-2,
+.formcontent .row .col-sm-4,
+.formcontent .row .col-sm-6,
+.formcontent .row .col-sm-8 {
+    padding: 0;
+}
+
+.formcontent .row .form-control-plaintext,
+.formcontent .row label.col-form-label {
+    padding: 5px 5px 5px 0;
+}
+
+.formcontent .row .form-control-plaintext {
+    padding-bottom: 0;
+    border: 0;
+}
+
+.formcontent .row.form-check {
+    padding: 0;
+    display: flex;
+    flex-wrap: nowrap;
+}
+
+.formcontent .nav-tabs:empty,
+.input-group .icon .inner {
+    display: none;
+}
+
+@media screen and (max-width: 576px) {
+    .formcontent .row.form-group > td label {
+        padding-bottom: 0;
+    }
+
+    .formcontent .row.form-check .col-6 {
+        max-width: 100%;
+        flex: auto;
+    }
+
+    .formcontent .row.form-check > :last-child {
+        width: 1%;
+        min-width: 2.6rem;
+    }
+
+    .formcontent .row.form-check.with-link > :last-child {
+        min-width: 8rem;
+    }
+
+}
+
+.formcontent .row.form-check .form-check-input {
+    margin: 0.5rem 0;
+}
+
+.formcontent .row.form-check .custom-switch + a {
+    line-height: 2;
+    vertical-align: bottom;
+}
+
+.formcontent .row.form-check td > label {
+    padding-bottom: 0;
+}
+
+.formcontent .nav-tabs {
+    margin-bottom: 1rem;
+}
+
+.formcontent .hint {
+    font-style: italic;
+    color: #737677;
+}
+
+.formcontent.raweditor,
+.formcontent.raweditor form {
+    height: 100%;
+}
+
+.formcontent.raweditor textarea {
+    font-family: monospace;
+    height: 100%;
+}
+
+.formcontent.raweditor .CodeMirror {
+    border: 1px solid #ced4da;
+    border-radius: 0.3rem;
+    height: 100%;
+    color: #2c363a;
+}
+
+.formcontent.raweditor .CodeMirror-focused {
+    border-color: #37beff;
+    box-shadow: 0 0 0 0.2rem rgba(55, 190, 255, 0.25);
+}
+
+.formcontent.raweditor .CodeMirror-linebackground.line-error {
+    background-color: #ff5552;
+    opacity: 0.4;
+}
+
+.formcontent.raweditor .errorGutter {
+    width: 0.8em;
+}
+
+@media screen and (max-width: 320px) {
+    .formcontent .col-10,
+    .formcontent .col-6,
+    .formcontent .col-8,
+    .formcontent .col-form-label {
+        flex: auto;
+        max-width: 100%;
+    }
+
+}
+
+.input-group .icon {
+    text-decoration: none;
+    padding: 5px 0.5rem;
+}
+
+.input-group .icon.input-group-text {
+    min-width: 2.4rem;
+}
+
+.input-group .icon:before {
+    margin: 0 !important;
+    line-height: 1;
+    font-size: 1.1rem;
+}
+
+.input-group .icon.user:before {
+    content: "\f007";
+}
+
+.input-group .icon.pass:before {
+    content: "\f023";
+}
+
+.input-group .icon.host:before {
+    content: "\f015";
+}
+
+.input-group .icon.language:before {
+    content: "\f0ac";
+}
+
+.input-group .icon.cancel:before {
+    content: "\f00d";
+}
+
+.input-group .icon.delete:before {
+    content: "\f2ed";
+}
+
+.input-group .icon.edit:before {
+    content: "\f303";
+}
+
+.input-group .icon.add:before {
+    content: "\f067";
+}
+
+.input-group .icon.add.recipient:before {
+    content: "\f0c0";
+}
+
+.input-group .icon.search:before {
+    content: "\f002";
+}
+
+.input-group .icon.filter:before {
+    content: "\f0b0";
+}
+
+.input-group .icon.key:before {
+    content: "\f084";
+}
+
+.input-group a:focus {
+    background-color: rgba(55, 190, 255, 0.25);
+    outline: 0;
+}
+
+.proplist {
+    margin-bottom: 0;
+    padding: 0;
+}
+
+.proplist li {
+    list-style-type: none;
+    line-height: 2rem;
+    margin-bottom: 0.25rem;
+    display: flex;
+    align-items: center;
+}
+
+.proplist li:last-child {
+    margin-bottom: 0;
+}
+
+.proplist li input[type="radio"] {
+    margin-right: 0.5em;
+}
+
+.proplist li input[type="radio"]:disabled + label {
+    opacity: 0.5;
+}
+
+.proplist li label:not(.input-group-text) {
+    margin: 0;
+    line-height: 2rem;
+}
+
+.proplist li select {
+    width: auto;
+    display: inline;
+}
+
+.checklist > div {
+    line-height: 2rem;
+    display: block;
+}
+
+.checklist .custom-control-label:after,
+.checklist .custom-control-label:before {
+    margin: calc(2px * -1) 0 0;
+}
+
+.checklist > div + br {
+    display: none;
+}
+
+.popup form.propform {
+    padding: 0.25rem;
+    overflow-x: hidden;
+}
+
+.popupmenu.form.nolist {
+    padding: 0 0.5rem;
+}
+
+.popupmenu.form ul {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+}
+
+.popupmenu.form li:not(.separator) {
+    padding: 0 1rem;
+}
+
+.popupmenu.form li:not(.separator) label {
+    margin: 0;
+    line-height: 35px;
+}
+
+.popupmenu.form li:not(.separator) label input {
+    margin-right: 0.5rem;
+}
+
+.popupmenu.form input {
+    vertical-align: middle;
+}
+
+.popupmenu.form select {
+    margin: 0.5rem 0;
+}
+
+.popupmenu.form .buttons {
+    text-align: center;
+    padding: 0.5rem;
+}
+
+.multi-input > .content {
+    max-height: 11.65em;
+    overflow: hidden;
+    overflow-y: auto;
+    border-radius: 0.25rem;
+    border: 1px solid #ced4da;
+}
+
+.multi-input > .content.focused {
+    border-color: #37beff;
+    box-shadow: 0 0 0 0.2rem rgba(55, 190, 255, 0.25);
+}
+
+.multi-input a.icon.reset:before {
+    content: "\f2ed";
+}
+
+.multi-input input.form-control {
+    padding-left: 0.75rem;
+    height: auto;
+}
+
+.multi-input .input-group-text,
+.multi-input input,
+.multi-input input:focus {
+    border-radius: 0;
+    border: 0;
+    border-bottom: 1px solid #ced4da;
+    box-shadow: none;
+}
+
+.multi-input .input-group-text {
+    border-left: 1px solid #ced4da;
+}
+
+.multi-input .input-group-append {
+    margin-left: 0;
+}
+
+.multi-input .input-group {
+    margin: 0 !important;
+    flex-wrap: nowrap;
+}
+
+.multi-input .input-group:last-child * {
+    border-bottom: 0;
+}
+
+.multi-input + .btn {
+    margin-top: 0.5rem;
+}
+
+.multi-input.is-invalid > .content {
+    border: 1px solid #ff5552;
+}
+
+.multi-input.is-invalid > .content.focused {
+    border-color: #ff5552;
+    box-shadow: 0 0 0 0.2rem rgba(255, 85, 82, 0.25);
+}
+
+.multi-input.is-invalid > .invalid-feedback {
+    display: inline-block;
+    line-height: 1.5;
+}
+
+.file-upload {
+    padding: 1rem 1rem 12rem;
+    margin: 0 1rem 0.25rem;
+    border-radius: 0.5rem;
+    border: 0.2rem dashed #d4dbde;
+}
+
+fieldset .file-upload {
+    margin: 0;
+}
+
+.file-upload .upload-form {
+    text-align: center;
+    padding-bottom: 1em;
+}
+
+.file-upload .upload-form a.btn,
+.file-upload .upload-form button {
+    margin-bottom: 0.25rem;
+}
+
+.file-upload .hint,
+.form-group {
+    margin-bottom: 0.5rem;
+}
+
+.file-upload .hint {
+    color: #737677;
+    text-align: center;
+}
+
+.file-upload .attachmentslist {
+    border: 0;
+    background: 0 0;
+}
+
+.file-upload .attachmentslist li {
+    position: relative;
+    display: flex;
+    padding-right: 1.5em;
+    margin: 0.15em 0;
+}
+
+.file-upload .attachmentslist li a.filename {
+    flex: 1;
+}
+
+.file-upload .attachmentslist li a.cancelupload,
+.file-upload .attachmentslist li a.delete {
+    position: absolute;
+    right: 0.25em;
+    width: auto;
+}
+
+.file-upload .attachmentslist li a.dropdown {
+    margin-right: 0.5em;
+}
+
+.file-upload .attachmentslist li .inner {
+    display: none;
+}
+
+.file-upload.droptarget {
+    padding-bottom: 0.5rem !important;
+}
+
+.recipient-input,
+.tagedit-list {
+    padding: 0 0.75rem 4px;
+    list-style-type: none;
+}
+
+.file-upload.droptarget:after {
+    content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20960%20560%22%3E%0A%3Cpath%20fill%3D%22%23d4dbde%22%20d%3D%22M690%20245c0%209.2-3.5%2017.9-10.1%2024.9l-175%20175c-6.6%206.6-15.3%2010.1-24.9%2010.1-9.2%200-18.4-3.5-24.9-10.1l-175-175c-6.6-7-10.1-15.8-10.1-24.9%200-4.4.9-9.2%202.6-13.6C277.9%20218.3%20291%20210%20305%20210h87.5V35c0-19.2%2015.8-35%2035-35h105c19.2%200%2035%2015.8%2035%2035v175H655c14%200%2027.1%208.3%2032.4%2021.4%201.7%204.4%202.6%209.2%202.6%2013.6zm0%20245H270V350h-70v140c0%2038.5%2031.5%2070%2070%2070h420c38.5%200%2070-31.5%2070-70V350h-70v140z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
+    width: 10rem;
+    margin: 5rem auto 0;
+    display: block;
+}
+
+.file-upload.droptarget.active {
+    border-color: #b9b9b9;
+}
+
+.file-upload.droptarget.hover {
+    border-color: #b9b9b9;
+    background-color: #ececec;
+}
+
+.recipient-input {
+    display: flex;
+    flex-wrap: wrap;
+    cursor: text;
+    height: auto;
+}
+
+.recipient-input .name,
+.tagedit-list li.tagedit-listelement-old span {
+    flex-grow: 1;
+    overflow: hidden;
+    vertical-align: middle;
+    text-overflow: ellipsis;
+}
+
+.recipient-input.focus {
+    border-color: #37beff;
+    box-shadow: 0 0 0 0.2rem rgba(55, 190, 255, 0.25);
+}
+
+.recipient-input .recipient {
+    display: flex;
+    position: relative;
+    max-width: calc(50% - 3px);
+    border: 1px solid #ced4da;
+    background-color: #f1f3f4;
+    border-radius: 0.25em;
+    padding: 0 0.25em;
+    margin-top: 4px;
+    margin-right: 0.2em;
+    white-space: nowrap;
+    cursor: default;
+}
+
+@media screen and (max-width: 450px) {
+    .recipient-input .recipient {
+        width: 100%;
+        max-width: 100%;
+    }
+
+}
+
+.recipient-input .name {
+    line-height: 1.1;
+    padding: 3px;
+}
+
+.recipient-input .email {
+    text-indent: -5000rem;
+    display: inline-block;
+    width: 0;
+}
+
+.recipient-input .quotes {
+    position: absolute;
+    width: 0;
+    opacity: 0;
+}
+
+.recipient-input a.button.icon {
+    font-size: 0.75em;
+    cursor: pointer;
+    padding: 0;
+    color: #2c363a;
+}
+
+.recipient-input a.button.icon:before {
+    display: inline-block;
+    width: 1em;
+    line-height: 1.6;
+}
+
+.recipient-input li {
+    max-width: 100%;
+}
+
+.recipient-input li:not(.recipient) {
+    user-select: text;
+}
+
+.recipient-input li.input {
+    flex: 1;
+    min-width: 100px;
+}
+
+.recipient-input input {
+    width: 100%;
+    background: 0 0 !important;
+    border: 0 !important;
+    margin-top: 4px;
+    outline: 0;
+    line-height: 1.5;
+}
+
+.form-control:focus,
+.tagedit-list[tabindex="-1"] {
+    border-color: #37beff;
+    box-shadow: 0 0 0 0.2rem rgba(55, 190, 255, 0.25);
+}
+
+.recipient-input input::-ms-clear {
+    display: none;
+}
+
+.tagedit-list {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 0;
+    min-height: 2.3rem;
+}
+
+.tagedit-list + .placeholder {
+    display: none;
+}
+
+.tagedit-list li.tagedit-listelement-new {
+    margin-top: 4px;
+}
+
+.tagedit-list li.tagedit-listelement-new input {
+    width: 15px;
+    background: 0 0 !important;
+    border: 0;
+    outline: 0;
+    margin: 0;
+    padding: 0;
+    line-height: 1.5;
+}
+
+.tagedit-list li.tagedit-listelement-new input.tagedit-input-disabled {
+    visibility: hidden;
+}
+
+.tagedit-list li.tagedit-listelement-old {
+    max-width: 50%;
+    border: 1px solid #ced4da;
+    background-color: #f1f3f4;
+    border-radius: 0.25em;
+    margin-top: 4px;
+    margin-right: 0.2em;
+    white-space: nowrap;
+}
+
+.tagedit-list li.tagedit-listelement-old a {
+    font-size: 0.8em;
+    cursor: pointer;
+    display: inline-block;
+    width: 1.1em;
+    overflow: hidden;
+    vertical-align: middle;
+    margin-right: 0.2rem;
+}
+
+.tagedit-list li.tagedit-listelement-old a:before {
+    content: "\f00d";
+    width: 1em;
+    line-height: 1.2;
+}
+
+.tagedit-list li.tagedit-listelement-old span {
+    display: inline-block;
+    line-height: 1.4;
+    padding: 0 0.25rem;
+}
+
+.skinselection {
+    white-space: nowrap;
+    display: table-row;
+}
+
+.skinselection > span {
+    display: table-cell;
+    vertical-align: middle;
+    padding: 0.1em 0.5em;
+    white-space: normal;
+}
+
+.skinselection > span:last-child {
+    padding-right: 0;
+}
+
+.skinselection .skinitem input {
+    width: auto;
+}
+
+.skinselection .skinname {
+    font-weight: 700;
+}
+
+.skinselection .skinlicense,
+.skinselection .skinlicense a {
+    font-style: italic;
+    text-decoration: none;
+}
+
+.skinselection .skinlicense a:hover {
+    text-decoration: underline;
+}
+
+.skinselection .skinauthor,
+.skinselection .skinlicense {
+    font-size: 90%;
+}
+
+.skinselection .skinthumbnail {
+    width: 64px;
+    height: 64px;
+    border: 1px solid #ced4da;
+    background: #fff;
+    border-radius: 4px;
+}
+
+.input-percent-slider {
+    display: flex;
+    align-items: center;
+}
+
+.input-percent-slider input {
+    max-width: 4em;
+}
+
+.input-percent-slider span.label {
+    line-height: 2.4;
+    padding: 0 0.5rem 0 0.25rem;
+}
+
+.input-percent-slider div.ui-slider {
+    flex: 1;
+    margin: 0 0.5em;
+}
+
+.image-upload {
+    position: relative;
+    overflow: hidden;
+    cursor: pointer;
+    background-color: #f4f4f4;
+}
+
+.image-upload a.button {
+    display: none;
+    position: absolute;
+    left: 0;
+    top: 0;
+    background-color: rgba(255, 255, 255, 0.85);
+    border-radius: 5px;
+    width: 2.5em;
+    padding: 0.5em;
+    margin: 0.5em;
+    line-height: 1;
+}
+
+.image-upload.changed a.button {
+    display: inline;
+}
+
+.input-group-combo select:first-of-type.alone {
+    border-radius: 0.25rem !important;
+}
+
+.input-group-combo select:first-of-type:not(.alone) {
+    flex: unset;
+    width: auto;
+}
+
+.input-group-combo .input-group {
+    padding: 0 !important;
+    flex: 2;
+}
+
+.input-group-combo .input-group :first-child,
+.input-group-combo select + select {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+@-moz-document url-prefix() {
+    select:-moz-focusring {
+        color: transparent !important;
+        text-shadow: 0 0 0 #2c363a !important;
+    }
+
+}
+
+.form-control,
+.form-control:focus {
+    color: #2c363a;
+}
+
+.form-control.is-invalid {
+    border-color: #ff5552;
+    box-shadow: none;
+}
+
+.form-control.is-invalid:focus {
+    border-color: #ff5552;
+    box-shadow: 0 0 0 0.2rem rgba(255, 85, 82, 0.25);
+}
+
+.form-control::placeholder {
+    color: #bbb;
+}
+
+.form-control::-ms-input-placeholder,
+.form-control::-webkit-input-placeholder {
+    color: #bbb;
+}
+
+.invalid-feedback {
+    color: #ff5552;
+    font-size: 90%;
+}
+
+.input-group-append.input-group-prepend {
+    display: inline;
+}
+
+.input-group-text {
+    color: #2c363a;
+    background-color: #f1f3f4;
+}
+
+html.dark-mode .input-group-text{
+	border:0;
+}
+
+.input-group-text input:focus {
+    z-index: 1;
+    border-color: #37beff !important;
+}
+
+.custom-switch {
+    padding-left: 0;
+    display: inline-block;
+}
+
+.custom-switch .custom-control-input {
+    left: 0;
+    opacity: 0 !important;
+}
+
+.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
+    border-color: #37beff;
+}
+
+.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
+    border-color: #37beff;
+    background-color: #37beff;
+}
+
+.custom-switch .custom-control-input:checked:disabled ~ .custom-control-label::before {
+    border-color: #84d7ff;
+    background-color: #84d7ff;
+}
+
+.custom-switch .custom-control-label {
+    padding-left: 2.5rem;
+    min-height: 2rem;
+    line-height: 2;
+    display: inline-block;
+}
+
+html.touch .custom-switch .custom-control-label {
+    padding-left: 3rem;
+}
+
+.custom-switch .custom-control-label:after,
+.custom-switch .custom-control-label:before {
+    border-radius: 0.6rem;
+    margin: 2px 0;
+}
+
+html.touch .custom-switch .custom-control-label:after,
+html.touch .custom-switch .custom-control-label:before {
+    border-radius: 0.8rem;
+    margin: 0;
+}
+
+.custom-switch .custom-control-label:before {
+    left: 2px;
+    top: 4px;
+    width: 32px;
+    height: 18px;
+}
+
+html.touch .custom-switch .custom-control-label:before {
+    top: 2px;
+    width: 35px;
+    height: 22px;
+}
+
+.custom-switch .custom-control-label:after {
+    left: 4px;
+    top: 6px;
+    width: 14px;
+    height: 14px;
+}
+
+html.touch .custom-switch .custom-control-label:after {
+    top: 4px;
+    height: 18px;
+    width: 18px;
+}
+
+.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+    transform: translateX(14px);
+}
+
+html.touch .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+    transform: translateX(13px);
+}
+
+.custom-switch .custom-control-input:not(:disabled) ~ .custom-control-label:after,
+.custom-switch .custom-control-input:not(:disabled) ~ .custom-control-label:before {
+    cursor: pointer;
+}
+
+.custom-file {
+    display: block;
+}
+
+div.tox .custom-switch .tox-checkbox__icons,
+div.tox .tox-dialog__header .tox-button .tox-icon {
+    display: none;
+}
+
+.custom-file .custom-file-label {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding-right: 100px;
+}
+
+.custom-file + .hint {
+    margin-top: 3px;
+}
+
+.custom-file-input:focus ~ .custom-file-label {
+    border-color: #37beff;
+}
+
+div.tox {
+    font-size: 1rem;
+}
+
+div.tox.tox-tinymce {
+    border-radius: 0.25rem;
+    border: 1px solid #ced4da;
+}
+
+div.tox.focused {
+    border-color: #37beff !important;
+    box-shadow: 0 0 0 0.2rem rgba(55, 190, 255, 0.25) !important;
+}
+
+div.tox .tox-toolbar-overlord {
+    z-index: 1;
+}
+
+div.tox .tox-toolbar-overlord > div {
+    background: url("data:image/svg+xml;charset=utf8,%3Csvg height='33px' viewBox='0 0 40 33px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='32px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") #f1f3f4;
+}
+
+div.tox .tox-toolbar__primary {
+    border-top: 0;
+}
+
+div.tox .tox-toolbar {
+    background-color: #f1f3f4;
+}
+
+div.tox .tox-edit-area {
+    border: 0;
+}
+
+div.tox .tox-dialog {
+    border-radius: 0;
+    border-color: #d4dbde;
+    box-shadow: none;
+    align-self: unset !important;
+}
+
+div.tox .tox-dialog .tox-form__group {
+    margin-top: 0;
+    margin-bottom: 0.75rem;
+}
+
+div.tox .tox-dialog .tox-dialog__body-nav-item--active {
+    color: #00acff;
+    border-color: transparent;
+}
+
+div.tox .tox-dialog .tox-dialog__body-nav-item--active:hover {
+    color: #008acc;
+}
+
+div.tox .tox-dialog__body-content {
+    overflow: unset;
+}
+
+div.tox .tox-dialog__content-js {
+    overflow: auto;
+}
+
+div.tox .tox-dialog-wrap__backdrop {
+    background-color: rgba(44, 54, 58, 0.5);
+}
+
+div.tox .tox-dialog__header {
+    height: 57px;
+    border-bottom: 1px solid #ddd;
+    justify-content: flex-end;
+    padding: 0;
+}
+
+div.tox .tox-dialog__header .tox-button {
+    color: #2c363a;
+    right: 0;
+    height: 57.3px;
+    width: 2.25em;
+    margin-right: 0.4rem;
+}
+
+div.tox .tox-dialog__header .tox-button:hover {
+    background: 0 0;
+    border-color: transparent;
+}
+
+div.tox .tox-dialog__header .tox-button:before {
+    content: "\f00d";
+    line-height: 1.5rem;
+    margin: 0 !important;
+}
+
+div.tox .tox-dialog__footer {
+    height: 57px !important;
+    border: 0;
+    margin: 0;
+    padding: 0 1rem;
+}
+
+@media screen and (max-width: 480px) {
+    div.tox .tox-dialog__footer {
+        border-top: 1px solid #ddd;
+    }
+
+}
+
+div.tox .tox-dialog__footer > div {
+    white-space: nowrap;
+    max-height: 57px;
+}
+
+div.tox .tox-dialog__footer > div button:first-child {
+    margin: 0;
+}
+
+div.tox .tox-dialog__footer .tox-button {
+    color: #fff;
+    background: #37beff;
+    border-color: #37beff;
+    font-weight: 400;
+    padding: 0.5rem 0.75rem;
+}
+
+div.tox .tox-dialog__footer .tox-button:focus {
+    background: #1eb6ff;
+    border-color: #13b2ff;
+    box-shadow: 0 0 0 0.2rem rgba(55, 190, 255, 0.5);
+}
+
+div.tox .tox-dialog__footer .tox-button:hover {
+    background: #1eb6ff;
+    border-color: #13b2ff;
+}
+
+div.tox .tox-dialog__footer .tox-button.disabled,
+div.tox .tox-dialog__footer .tox-button:disabled {
+    background: #37beff;
+    border-color: #37beff;
+}
+
+div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active,
+div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active {
+    background: #04adff;
+    border-color: #00a8f9;
+}
+
+div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active:focus,
+div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active:focus {
+    box-shadow: 0 0 0 0.2rem rgba(55, 190, 255, 0.53);
+}
+
+div.tox .tox-dialog__footer .tox-button:before {
+    width: 1em;
+    content: "\f00c";
+    line-height: 1;
+}
+
+div.tox .tox-dialog__footer .tox-button:focus:not(:disabled) {
+    background: #37beff;
+    border-color: #37beff;
+}
+
+div.tox .tox-dialog__footer .tox-button.tox-button--secondary {
+    background: #8b9fa7;
+    border-color: #8b9fa7;
+    color: #fff;
+}
+
+div.tox .tox-dialog__footer .tox-button.tox-button--secondary:focus {
+    background: #7c939c;
+    border-color: #778e98;
+    box-shadow: 0 0 0 0.2rem rgba(139, 159, 167, 0.5);
+}
+
+div.tox .tox-dialog__footer .tox-button.tox-button--secondary:hover {
+    background: #7c939c;
+    border-color: #778e98;
+}
+
+div.tox .tox-dialog__footer .tox-button.tox-button--secondary.disabled,
+div.tox .tox-dialog__footer .tox-button.tox-button--secondary:disabled {
+    background: #8b9fa7;
+    border-color: #8b9fa7;
+}
+
+div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled).active,
+div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled):active {
+    background: #6e8791;
+    border-color: #6a828b;
+}
+
+div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled).active:focus,
+div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled):active:focus {
+    box-shadow: 0 0 0 0.2rem rgba(139, 159, 167, 0.53);
+}
+
+div.tox .tox-dialog__footer .tox-button.tox-button--secondary:before {
+    content: "\f00d";
+}
+
+div.tox .tox-dialog__footer .tox-button.tox-button--secondary:focus:not(:disabled) {
+    background: #8b9fa7;
+    border-color: #8b9fa7;
+}
+
+div.tox .tox-search-dialog .tox-form__group:not(:first-child) {
+    flex: initial !important;
+}
+
+div.tox .tox-search-dialog .tox-dialog__footer-start button {
+    padding: 0.25rem;
+}
+
+div.tox .tox-search-dialog .tox-dialog__footer-end button:before {
+    content: "\f303" !important;
+}
+
+div.tox .tox-search-dialog .tox-dialog__footer-end button:nth-of-type(1):before {
+    content: "\f002" !important;
+}
+
+div.tox .tox-dialog__title {
+    line-height: calc(58px - 1px);
+    font-size: 1.25rem;
+    font-weight: 700;
+    padding: 0 0 0 1rem;
+    width: 100%;
+    color: #2c363a;
+}
+
+div.tox .tox-tbtn {
+    height: 28px;
+}
+
+div.tox .tox-tbtn:not(.tox-tbtn--select, .tox-split-button__chevron) {
+    width: 32px;
+}
+
+div.tox .tox-button {
+    line-height: 1.5;
+}
+
+div.tox .tox-label {
+    color: #2c363a;
+    padding-bottom: 0.25rem;
+}
+
+div.tox .tox-color-input > input,
+div.tox .tox-listboxfield .tox-listbox--select,
+div.tox .tox-textarea,
+div.tox .tox-textfield {
+    font-family: Roboto, sans-serif !important;
+    font-size: 14px;
+    line-height: 1.5;
+    color: #2c363a;
+    border-radius: 0.25rem;
+    min-height: 0;
+    padding: 0.375rem 0.75rem;
+}
+
+div.tox .tox-color-input > input:focus,
+div.tox .tox-listboxfield .tox-listbox--select:focus,
+div.tox .tox-textarea:focus,
+div.tox .tox-textfield:focus {
+    border-color: #37beff;
+    box-shadow: 0 0 0 0.2rem rgba(55, 190, 255, 0.25);
+}
+
+div.tox .tox-listbox__select-label {
+    margin: 0;
+}
+
+div.tox .tox-color-input span {
+    top: 5px;
+}
+
+div.tox .custom-switch {
+    position: relative;
+    font-size: 1rem;
+    margin-top: 0.15rem;
+}
+
+div.tox .custom-switch .tox-checkbox__label {
+    margin: 0;
+}
+
+div.tox .image-selector {
+    font-size: 1rem;
+}
+
+div.tox .image-selector button {
+    color: #fff;
+    background: #8b9fa7;
+    border-color: #8b9fa7;
+    padding: 0.5rem 0.75rem;
+    line-height: 1.5;
+}
+
+div.tox .image-selector button:focus,
+div.tox .image-selector button:hover {
+    background: #7c939c;
+    border-color: #778e98;
+}
+
+div.tox .image-selector button:focus {
+    box-shadow: 0 0 0 0.2rem rgba(139, 159, 167, 0.5);
+}
+
+div.tox .image-selector button.disabled,
+div.tox .image-selector button:disabled {
+    background: #8b9fa7;
+    border-color: #8b9fa7;
+}
+
+div.tox .image-selector button:not(:disabled):not(.disabled).active,
+div.tox .image-selector button:not(:disabled):not(.disabled):active {
+    background: #6e8791;
+    border-color: #6a828b;
+}
+
+div.tox .image-selector button:not(:disabled):not(.disabled).active:focus,
+div.tox .image-selector button:not(:disabled):not(.disabled):active:focus {
+    box-shadow: 0 0 0 0.2rem rgba(139, 159, 167, 0.53);
+}
+
+div.tox .tox-form__controls-h-stack div:not(:last-child) {
+    flex: 1;
+}
+
+div.tox .tox-collection__item-label {
+    white-space: nowrap;
+}
+
+@media screen and (max-width: 480px) {
+    div.tox .tox-dialog__footer,
+    div.tox .tox-dialog__header {
+        background-color: #f4f4f4;
+    }
+
+    div.tox .tox-dialog {
+        margin: 0 !important;
+        width: 100% !important;
+        height: 100%;
+        left: 0 !important;
+        top: 0 !important;
+        border-width: 0 !important;
+    }
+
+    div.tox .tox-dialog__header .tox-button {
+        display: none;
+    }
+
+    div.tox .tox-dialog__title {
+        font-size: 1rem;
+        text-align: center;
+        padding: 0 1rem;
+    }
+
+    div.tox .tox-dialog__footer .tox-button {
+        color: #2c363a !important;
+        background: 0 0 !important;
+        padding: 0.45rem;
+        margin: 0 !important;
+        border: 0;
+        font-size: 90%;
+    }
+
+    div.tox .tox-dialog__footer .tox-button:before {
+        display: block;
+        float: none;
+        width: 100%;
+        margin: 0;
+        line-height: 1.75;
+        height: 1.75rem;
+    }
+
+    div.tox .tox-dialog__footer .tox-button:active,
+    div.tox .tox-dialog__footer .tox-button:focus,
+    div.tox .tox-dialog__footer .tox-button:hover {
+        background: 0 0;
+        border: 0;
+        box-shadow: none;
+        color: #2c363a;
+    }
+
+    div.tox .tox-dialog__footer > div {
+        justify-content: space-evenly;
+        display: flex;
+        width: 100%;
+    }
+
+    div.tox .tox-dialog__footer > div:empty {
+        display: none;
+    }
+
+}
+
+.image-selector {
+    padding: 1rem 0.5rem 10rem !important;
+}
+
+.image-selector.droptarget {
+    border: 0.2rem dashed #d4dbde;
+}
+
+.image-selector.droptarget:after {
+    margin-top: 2rem;
+}
+
+.image-selector form {
+    position: absolute;
+    top: 0;
+}
+
+.image-selector .attachmentslist {
+    margin: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    height: 19.1em;
+    padding: 0 !important;
+}
+
+.image-selector .attachmentslist li {
+    padding: 0.25rem;
+    cursor: pointer;
+}
+
+.image-selector .attachmentslist li:before {
+    display: none;
+}
+
+.image-selector .attachmentslist li:focus,
+.image-selector .attachmentslist li:hover {
+    background: var(--backgroundhover);
+}
+
+.image-selector .attachmentslist li span.name {
+    flex: 1;
+    margin: auto;
+    padding-left: 1rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.image-selector .attachmentslist li span.img {
+    height: 80px;
+    width: 80px;
+    display: flex;
+    border: 1px solid #f1f3f4;
+    background: #fff;
+    border-radius: 0.75rem;
+    overflow: hidden;
+}
+
+.image-selector .attachmentslist li img {
+    margin: auto;
+}
+
+html.layout-phone .image-selector .attachmentslist {
+    height: auto;
+}
+
+.html-editor {
+    position: relative;
+    margin-bottom: 0.2rem;
+}
+
+.html-editor .editor-toolbar {
+    position: absolute;
+    left: 1px;
+    top: 1px;
+    right: 1px;
+    border-radius: 0.25rem 0.25rem 0 0;
+    border-bottom: 1px solid #ced4da;
+    background-color: #f1f3f4;
+}
+
+.html-editor .editor-toolbar .mce-i-html {
+    display: block;
+    margin: 2px 2px 2px 4px;
+    width: 34px;
+    height: 28px;
+    border-radius: 0.25rem;
+    color: #222f3e;
+}
+
+.html-editor .editor-toolbar .mce-i-html:focus,
+.html-editor .editor-toolbar .mce-i-html:hover {
+    text-decoration: none;
+    border-color: #e2e4e7;
+    background-color: #dee0e2;
+}
+
+.html-editor .editor-toolbar .mce-i-html:before {
+    content: "\f03e";
+    margin: 0;
+    width: 34px;
+    line-height: 28px;
+}
+
+.html-editor .tox-tinymce + .editor-toolbar,
+.html-editor.mailvelope .editor-toolbar {
+    display: none;
+}
+
+.html-editor > .googie_edit_layer,
+.html-editor > textarea {
+    font-family: monospace;
+    font-size: 13px;
+    width: 100% !important;
+    padding-top: 40px;
+    resize: none;
+}
+
+.html-editor > iframe {
+    border-radius: 0.3rem;
+    border: 1px solid #ced4da;
+    min-height: 30em;
+}
+
+.googie_window {
+    width: 16rem;
+    height: auto;
+}
+
+.googie_edit_layer {
+    font-family: monospace;
+    padding: 0.5rem 0.75rem;
+    border: 1px solid #ced4da;
+    border-radius: 0.3rem;
+    line-height: 1.5;
+}
+
+.googie_link {
+    color: #ff5552;
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+.googie_list li {
+    min-width: 8rem;
+    width: auto;
+}
+
+.googie_list li.googie_list_onhover {
+    color: #fff;
+    background-color: #37beff;
+}
+
+.googie_list li .googie_list_revert:before {
+    content: "\f0e2";
+}
+
+.googie_list li .googie_add_to_dict:before {
+    content: "\f0fe";
+}
+
+.googie_list input {
+    display: inline-block;
+    margin: 0.25rem 0.5rem;
+}
+
+.task-login #layout-content {
+    text-align: center;
+    width: 100%;
+    display: block;
+}
+
+.task-login #logo {
+    display: inline-block;
+    position: relative;
+    top: 16vh;
+    max-height: 100px;
+}
+
+#login-form {
+    margin: 0 auto;
+    top: 20vh;
+    width: 95%;
+    max-width: 320px;
+    position: relative;
+}
+
+#login-form table,
+#login-form tbody {
+    display: block;
+}
+
+#login-form .row {
+    margin-right: 0;
+    margin-left: 0;
+}
+
+#login-form .oauthlogin {
+    margin-top: 1em;
+    padding-top: 1em;
+}
+
+#login-form .formbuttons + .oauthlogin {
+    border-top: 1px solid #ccc;
+}
+
+#rcmloginsubmit:before {
+    display: none !important;
+}
+
+#login-footer {
+    flex: 1;
+    color: #737677;
+}
+
+#login-footer > div {
+    margin-top: 1rem;
+    padding: 1rem;
+    background: #f1f3f4;
+    border-radius: 0.3rem;
+}
+
+#login-addon {
+    position: absolute;
+    bottom: 0;
+    max-height: 30%;
+    margin: 1rem !important;
+    width: auto !important;
+    overflow: auto;
+}
+
+@media screen and (min-width: 769px) {
+	
+    #login-addon {
+        max-width: 768px;
+        margin: auto !important;
+        bottom: 1rem;
+        left: 0;
+        right: 0;
+    }
+
+}
+
+body.task-error-login #layout #layout-content > .header,
+body.task-error-login #layout #layout-menu {
+    display: none;
+}
+
+#contactpic {
+    width: 112px;
+    height: 135px;
+    border-radius: 0.5rem;
+    overflow: hidden;
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
+    background-color: #f4f4f4;
+}
+
+#contactpic img {
+    max-width: 112px;
+    max-height: 135px;
+}
+
+#contacthead .names {
+    margin-bottom: 0.5rem;
+}
+
+#contacthead .names span.namefield {
+    font-size: 1.5rem;
+    font-weight: 700;
+    line-height: 1.2;
+}
+
+#contacthead.readonly .source.row {
+    color: #737677;
+    font-size: 90%;
+    margin-bottom: 0.25rem;
+}
+
+
+.header-summary {
+    display: none;
+}
+
+
+#message-header {
+    margin-bottom: .1rem;
+}
+
+#message-header > .subject {
+    font-size: 1.4rem;
+    font-weight: 500;
+	margin-bottom: 16px;
+    margin-top: 8px;
+}
+
+
+#message-header > .subject a.extwin {
+    text-decoration: none;
+}
+
+#message-header > .subject a.extwin:before {
+    float: none;
+    display: inline-block;
+    font-size: 75%;
+    line-height: 1.5;
+    margin: 0;
+    content: "\f360";
+}
+
+#message-header > .subject span.inner {
+    display: none;
+}
+
+#message-header > .header {
+    display: flex;
+}
+
+#message-header > .header img.contactphoto {
+    margin: 0 1rem 0 0;
+    border-radius: 50%;
+    width: 36px;
+    height: 36px;
+    object-fit: cover;
+    background: #f4f4f4;
+}
+
+
+
+#message-header .header-content {
+    min-height: 4rem;
+    flex: 1;
+}
+
+
+#message-header .header-links a:before {
+    height: 1.5rem;
+    line-height: 1.3;
+}
+
+#message-header .header-links a.headers-details:before {
+    content: "\f0e0";
+}
+
+#message-header .header-links a.headers-summary:before {
+    content: "\f0e0";
+    font-weight: 400;
+}
+
+#message-header .header-links a.headers-all:before {
+    content: "\f05a";
+}
+
+#message-header .header-links a.html:before {
+    content: "\f03e";
+}
+
+#message-header .header-links a.plain:before {
+    content: "\f039";
+}
+
+#message-header .header-links a.zipdownload:before {
+    content: "\f019";
+}
+
+.message-partheaders {
+    padding: 0.25rem 0.5rem;
+    margin: 0.5rem 0 -0.5rem;
+    border-top: 1px solid #f4f4f4;
+    background-color: #fcfcfc;
+}
+
+.message-partheaders table.headers-table {
+    font-size: 90%;
+    color: #737677;
+}
+
+.message-partheaders table.headers-table .header-title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 8em;
+    font-weight: 700;
+    padding-right: 1rem;
+    vertical-align: top;
+}
+
+.message-partheaders table.headers-table .subject {
+    font-weight: 700;
+}
+
+.message-partheaders table.headers-table + .message-htmlpart,
+.message-partheaders table.headers-table + .message-part {
+    border-top: 0;
+    margin: 0;
+}
+
+#message-content .attachmentslist:not(:empty) {
+    margin-bottom: 1rem;
+}
+
+#messagebody.mailvelope iframe {
+    min-height: 75vh;
+}
+
+.message-htmlpart,
+.message-part {
+    padding-top: 0.5rem;
+    position: relative;
+}
+
+.message-htmlpart:not(:first-child),
+.message-part:not(:first-child) {
+    border-top: 1px solid #f4f4f4;
+    margin-top: 0.5rem;
+}
+
+.message-htmlpart:last-child,
+.message-part:last-child {
+    margin-bottom: 0.5rem;
+}
+
+.message-htmlpart div.rcmBody,
+.message-part div.rcmBody {
+    margin: 0 auto !important;
+}
+
+.message-htmlpart blockquote,
+.message-part blockquote {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: #006a9d;
+    border-left: 2px solid #006a9d;
+    border-right: 2px solid #006a9d;
+    background-color: rgba(241, 243, 244, 0.5);
+    margin: 2px 0;
+    padding: 0 0.4em;
+}
+
+.message-htmlpart blockquote blockquote,
+.message-part blockquote blockquote {
+    color: #205a24;
+    border-left: 2px solid #205a24;
+    border-right: 2px solid #205a24;
+}
+
+.message-htmlpart blockquote blockquote blockquote,
+.message-part blockquote blockquote blockquote {
+    color: #eb0400;
+    border-left: 2px solid #eb0400;
+    border-right: 2px solid #eb0400;
+}
+
+.message-htmlpart blockquote span.blockquote-link,
+.message-part blockquote span.blockquote-link {
+    top: 0;
+    cursor: pointer;
+    right: 0.5rem;
+    min-width: 4rem;
+    padding: 0.2rem 0.25rem 0.2rem 0.5rem;
+    font-size: 90%;
+    text-align: center;
+    color: #737677;
+    background: #f1f3f4;
+    border: 1px solid #d4dbde;
+    border-radius: 0.3rem;
+    line-height: 1;
+    font-family: Roboto, sans-serif;
+}
+
+.message-htmlpart blockquote span.blockquote-link:after,
+.message-part blockquote span.blockquote-link:after {
+    content: "\f107";
+    display: inline-block;
+    float: none;
+    margin: 0;
+    font-size: 90%;
+}
+
+.message-htmlpart blockquote span.blockquote-link.collapsed:after,
+.message-part blockquote span.blockquote-link.collapsed:after {
+    content: "\f106";
+}
+
+.message-htmlpart blockquote.blockquote-header,
+.message-part blockquote.blockquote-header {
+    text-overflow: ellipsis !important;
+    padding-right: 5rem !important;
+}
+
+.message-part span.sig {
+    color: #737677;
+}
+
+.message-part div.pre {
+    font-family: monospace;
+    font-size: 13px;
+}
+
+#compose-attachments {
+    margin: 1rem 1rem 0;
+}
+
+
+.settings-default-icon li > a:before,
+.settings-default-icon tr > td.section::before {
+    content: "\f013";
+}
+
+
+
+
+
+
+html.dark-mode {
+    scrollbar-color: #59686c transparent;
+    scrollbar-width: thin;
+}
+
+
+
+html.dark-mode .formcontent,
+html.dark-mode .frame-content,
+html.dark-mode .popover-body,
+html.dark-mode .popupmenu,
+html.dark-mode .scroller,
+html.dark-mode .table-responsive,
+html.dark-mode .table-responsive-sm,
+html.dark-mode .ui-dialog-content,
+html.dark-mode select,
+html.dark-mode textarea {
+    scrollbar-width: thin;
+}
+
+html.dark-mode ::-webkit-scrollbar {
+    width: 6px;
+}
+
+html.dark-mode ::-webkit-scrollbar-track {
+    background-color: #1A1C1E;
+}
+
+html.dark-mode ::-webkit-scrollbar-thumb {
+    background-color: #59686C;
+}
+
+
+html.dark-mode #logo {
+    opacity: 0.8;
+}
+
+html.dark-mode #layout-content,
+html.dark-mode #layout-list,
+html.dark-mode #layout-sidebar,
+html.dark-mode #layout > div > .header,
+html.dark-mode .menu.pagenav.pagenav-list,
+html.dark-mode .menu.pagenav.pagenav-list + .navlist,
+html.dark-mode .menu.pagenav.pagenav-list.expanded + .navlist,
+html.dark-mode .popup .listbox .footer {
+    background-color: transparent;
+    border-color: var(--bordercolor);
+}
+
+html.dark-mode #layout > div > .footer {
+    font-weight: 400;
+}
+
+html.dark-mode #layout > div > .footer,
+html.dark-mode #layout > div > .header {
+    color: unset;
+}
+
+html.dark-mode #layout > div > .footer a.button,
+html.dark-mode #layout > div > .header a.button {
+    color: #c5d1d3;
+}
+
+html.dark-mode #layout-menu {
+    background: unset;
+    border-right: 1px solid #4d6066;
+}
+
+html.dark-mode #layout-menu .popover-header,
+html.dark-mode #layout-menu .special-buttons {
+    background: 0 0 !important;
+}
+
+
+html.dark-mode #layout-menu .special-buttons a:not(:focus) {
+    background: #21292c;
+}
+
+html.dark-mode.layout-phone #layout-menu {
+    background: #161b1d;
+}
+
+html.dark-mode .searchbar {
+    background-color: #273235;
+}
+
+
+
+html.dark-mode .searchbar a.selected {
+    color: #41b849;
+}
+
+html.dark-mode #messagestack div,
+html.dark-mode #messagestack div i.icon:before {
+    color: #c5d1d3;
+}
+
+html.dark-mode #messagestack .alert-info,
+html.dark-mode .ui.alert.boxinformation {
+    background-color: #217299;
+}
+
+html.dark-mode #messagestack .alert-danger,
+html.dark-mode .ui.alert.boxerror {
+    background-color: #993331;
+}
+
+html.dark-mode #messagestack .alert-warning,
+html.dark-mode .ui.alert.boxwarning {
+    background-color: #997f31;
+}
+
+html.dark-mode #messagestack .alert-success,
+html.dark-mode .ui.alert.boxconfirmation {
+    background-color: #276e2c;
+}
+
+html.dark-mode #messagestack .loading {
+    background-color: #374449;
+}
+
+html.dark-mode .ui.alert.boxconfirmation,
+html.dark-mode .ui.alert.boxconfirmation i.icon:before,
+html.dark-mode .ui.alert.boxerror,
+html.dark-mode .ui.alert.boxerror i.icon:before,
+html.dark-mode .ui.alert.boxinformation,
+html.dark-mode .ui.alert.boxinformation i.icon:before,
+html.dark-mode .ui.alert.boxwarning,
+html.dark-mode .ui.alert.boxwarning i.icon:before {
+    color: #c5d1d3;
+}
+
+html.dark-mode .ui.alert a:not(.btn) {
+    color: #c5d1d3;
+    text-decoration: underline;
+}
+
+html.dark-mode .iframe-loader {
+    background-color: rgba(33, 41, 44, 0.9);
+}
+
+html.dark-mode .iframe-loader .spinner-border {
+    color: #7d989c;
+    border-color: currentColor #425457 currentColor currentColor;
+}
+
+
+
+
+html.dark-mode .menu.pagenav .pagenav-text,
+html.dark-mode .menu.pagenav a,
+html.dark-mode .popover .menu li a[aria-haspopup]::after,
+html.dark-mode pre {
+    color: unset;
+}
+
+
+
+html.dark-mode.layout-phone .popover .menu .dropbutton a.dropdown,
+html.dark-mode.layout-small .popover .menu .dropbutton a.dropdown {
+    background: 0 0;
+}
+
+html.dark-mode.layout-phone .popover:not(.select-menu) .listing li:last-child,
+html.dark-mode.layout-small .popover:not(.select-menu) .listing li:last-child {
+    border-color: #2c373a;
+}
+
+html.dark-mode.layout-phone .popover-header,
+html.dark-mode.layout-small .popover-header {
+    background: #161b1d;
+    border-bottom: 1px solid #4d6066;
+    color: unset;
+}
+
+html.dark-mode .custom-control-label::before{border:0;}
+
+
+html.dark-mode.layout-phone .popover-overlay,
+html.dark-mode.layout-small .popover-overlay {
+    background: rgba(0, 0, 0, 0.7);
+}
+
+
+html.dark-mode .popupmenu .listing li > a:not(.disabled):hover {
+    background-color: #4a4a4a;
+}
+
+
+html.dark-mode .menu.toolbar a.selected {
+    color: #41b849;
+    background: 0 0;
+}
+
+html.dark-mode .menu.toolbar .dropbutton a.dropdown:hover {
+    background-color: #425358;
+}
+
+html.dark-mode .listing li a,
+html.dark-mode .listing tbody td,
+html.dark-mode .listing tbody td a {
+    color: #c5d1d3;
+}
+
+
+html.dark-mode .listing li,
+html.dark-mode .listing li ul,
+html.dark-mode .listing tbody td {
+    border-bottom-color: #2c373a;
+}
+
+
+.listing li.selected ul {
+    background-color: #FFF;
+}
+
+html.dark-mode .listing li.selected ul {
+    background-color: #1A1C1E;
+}
+
+html.dark-mode .listing li.selected ul div.treetoggle {
+    color: #c5d1d3;
+}
+
+html.dark-mode .listing li.disabled,
+html.dark-mode .listing tr.disabled td {
+    color: #637e82;
+}
+
+html.dark-mode .listing li.droptarget > a,
+html.dark-mode .listing tr.droptarget > td {
+    background-color: #4d4d00;
+}
+
+html.dark-mode .messagelist {
+    color: #c5d1d3;
+}
+
+
+
+.messagelist tr:not(.deleted) td.subject span.fromto
+{
+	font-size:larger;
+}
+
+
+
+
+html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.msgicon.status.unread::before {
+    color: #37beff;
+}
+
+
+
+
+html.dark-mode .messagelist tr.deleted td span.attachment span,
+html.dark-mode .messagelist tr.deleted td span.flag,
+html.dark-mode .messagelist tr.deleted td.subject span.date,
+html.dark-mode .messagelist tr.deleted td.subject span.fromto,
+html.dark-mode .messagelist tr.deleted td.subject span.msgicon.status,
+html.dark-mode .messagelist tr.deleted td.subject span.msgicon.status.unread:before,
+html.dark-mode .messagelist tr.deleted td.subject span.subject a {
+    color: #637e82;
+}
+
+html.dark-mode .messagelist span.attachment span {
+    color: #7b8688;
+}
+
+html.dark-mode .folderlist li.mailbox .unreadcount {
+    background-color: transparent;
+    color: #e2e8e9;
+    font-weight: 400;
+}
+
+html.dark-mode .attachmentslist {
+    background-color: #374549;
+    border: 0;
+}
+
+html.dark-mode .attachmentslist a,
+html.dark-mode .attachmentslist li .attachment-name {
+    color: #c5d1d3;
+}
+
+html.dark-mode .attachmentslist li .attachment-size {
+    color: #8ba3a7;
+}
+
+html.dark-mode .btn {
+    color: #c5d1d3;
+}
+
+html.dark-mode .btn:focus,
+html.dark-mode .btn:hover {
+    color: #e2e8e9;
+}
+
+html.dark-mode .btn:disabled {
+    opacity: 0.5 !important;
+}
+
+html.dark-mode .btn-primary {
+    background-color: #006a9d;
+    color: #e2e8e9;
+}
+
+html.dark-mode .btn-primary:hover:not(:disabled) {
+    background-color: #007bb7;
+}
+
+html.dark-mode .btn-secondary {
+    background-color: #4d6066;
+    color: #e2e8e9;
+}
+
+html.dark-mode .btn-secondary:hover:not(:disabled) {
+    background-color: #586e75;
+}
+
+html.dark-mode .btn-danger {
+    background-color: #993331;
+    color: #e2e8e9;
+}
+
+html.dark-mode .btn-danger:hover:not(:disabled) {
+    background-color: #ac3937;
+}
+
+html.dark-mode .floating-action-buttons a.button {
+    box-shadow: none;
+    background: #006a9d;
+}
+
+html.dark-mode .custom-file-label,
+html.dark-mode .form-control {
+    background-color: #273235;
+    color: #c5d1d3;
+}
+
+html.dark-mode .custom-file-label:not(.is-invalid),
+html.dark-mode .form-control:not(.is-invalid) {
+    border: 0;
+}
+
+html.dark-mode .custom-file-label:focus,
+html.dark-mode .form-control:focus {
+    background-color: #2c373b;
+}
+
+html.dark-mode .custom-file-label:focus:not(.is-invalid),
+html.dark-mode .form-control:focus:not(.is-invalid) {
+    color: #e2e7e9 !important;
+    border-color: #37beff;
+}
+
+html.dark-mode .custom-file-label::after {
+    color: #c5d1d3;
+    background-color: #374549;
+}
+
+
+html.dark-mode .custom-switch .custom-control-label::before {
+    background-color: #4d6066;
+}
+
+html.dark-mode .custom-switch .custom-control-label::after {
+    background-color: #c5d1d3;
+}
+
+html.dark-mode .custom-switch .custom-control-input:disabled ~ .custom-control-label {
+    opacity: 0.4;
+}
+
+html.dark-mode .tox .tox-dialog__footer .tox-button:disabled,
+html.dark-mode input:disabled,
+html.dark-mode select:disabled {
+    opacity: 0.5;
+}
+
+html.dark-mode .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
+    background-color: #006a9d;
+}
+
+html.dark-mode .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+    background-color: #c5d1d3;
+}
+
+html.dark-mode .multi-input:not(.is-invalid) > .content {
+    border-color: #7c949c;
+}
+
+html.dark-mode .multi-input:not(.is-invalid) > .content.focused {
+    border-color: #37beff;
+}
+
+html.dark-mode .input-group-text {
+    color: #c5d1d3;
+    background-color: #374549;
+    border-color: #7c949c;
+}
+
+html.dark-mode .input-group a:focus {
+    border-color: #37beff;
+    box-shadow: 0 0 0 0.2rem rgba(55, 190, 255, 0.25);
+    z-index: 1;
+}
+
+html.dark-mode .form-control-plaintext {
+    color: unset;
+}
+
+html.dark-mode .recipient-input.focus {
+    color: #e2e7e9;
+    background-color: #2c373b;
+    border-color: #37beff;
+}
+
+html.dark-mode .recipient-input a.button.icon,
+html.dark-mode .recipient-input input {
+    color: #c5d1d3;
+}
+
+html.dark-mode .recipient-input .recipient {
+    background-color: #374549;
+    border-color: #7c949c;
+}
+
+html.dark-mode .file-upload {
+    border-color: #4d6066;
+}
+
+html.dark-mode .file-upload:after {
+    mix-blend-mode: soft-light;
+}
+
+html.dark-mode .file-upload.droptarget.active {
+    border-color: #c5d1d3;
+}
+
+html.dark-mode .file-upload.droptarget.hover {
+    border-color: #c5d1d3;
+    background-color: #374549;
+}
+
+html.dark-mode .file-upload .attachmentslist {
+    background: 0 0;
+}
+
+html.dark-mode .image-upload {
+    background-color: #374549;
+}
+
+html.dark-mode .image-upload a.button {
+    background-color: rgba(33, 41, 44, 0.25);
+}
+
+html.dark-mode .formcontent.raweditor .CodeMirror {
+    color: #c5d1d3;
+    background-color: #21292c;
+    border-color: #7c949c;
+}
+
+html.dark-mode .formcontent.raweditor .CodeMirror-focused {
+    background-color: #2c373b;
+    border-color: #37beff;
+}
+
+html.dark-mode .CodeMirror-line::selection,
+html.dark-mode .CodeMirror-line > span::selection,
+html.dark-mode .CodeMirror-line > span > span::selection,
+html.dark-mode .CodeMirror-selected {
+    background: #374549;
+}
+
+html.dark-mode .CodeMirror-gutters {
+    background-color: #212a2c;
+    border: 0;
+}
+
+html.dark-mode .CodeMirror-activeline-background {
+    background: #374549;
+}
+
+html.dark-mode .skinselection .skinthumbnail {
+    border-color: #7c949c;
+    background: 0 0;
+}
+
+html.dark-mode .html-editor .editor-toolbar {
+    background-color: #374549;
+    border-color: #7c949c;
+}
+
+html.dark-mode .html-editor .editor-toolbar .mce-i-html {
+    color: unset;
+}
+
+html.dark-mode .html-editor .editor-toolbar .mce-i-html:focus,
+html.dark-mode .html-editor .editor-toolbar .mce-i-html:hover {
+    background-color: #586e75;
+    border-color: transparent;
+}
+
+html.dark-mode .tox.tox-tinymce {
+    border-color: #7c949c;
+}
+
+html.dark-mode .tox .tox-toolbar {
+    background-color: #374549;
+    border-color: #7c949c;
+}
+
+html.dark-mode .tox .tox-toolbar-overlord > div {
+    background: url("data:image/svg+xml,%3Csvg height='33px' viewBox='0 0 40 33px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='32px' width='100' height='1' fill='%237c949c'/%3E%3C/svg%3E") #374549;
+}
+
+html.dark-mode .tox .tox-pop.tox-pop--top:after,
+html.dark-mode .tox .tox-pop.tox-pop--top:before {
+    border-bottom-color: #8b9fa7;
+}
+
+html.dark-mode .tox .tox-pop__dialog {
+    box-shadow: none;
+    border-color: #8b9fa7;
+}
+
+html.dark-mode .tox .tox-split-button,
+html.dark-mode .tox .tox-swatches__picker-btn,
+html.dark-mode .tox .tox-tbtn {
+    color: #c5d1d3;
+}
+
+html.dark-mode .tox .tox-split-button svg,
+html.dark-mode .tox .tox-swatches__picker-btn svg,
+html.dark-mode .tox .tox-tbtn svg {
+    fill: #c5d1d3 !important;
+}
+
+html.dark-mode .tox .tox-collection__item-caret svg,
+html.dark-mode .tox .tox-selectfield svg {
+    fill: #c5d1d3;
+}
+
+html.dark-mode .tox .tox-split-button:focus,
+html.dark-mode .tox .tox-split-button:hover,
+html.dark-mode .tox .tox-swatches__picker-btn:focus,
+html.dark-mode .tox .tox-swatches__picker-btn:hover,
+html.dark-mode .tox .tox-tbtn:focus,
+html.dark-mode .tox .tox-tbtn:hover {
+    color: #c5d1d3;
+    background: #586e75;
+    box-shadow: none;
+}
+
+html.dark-mode .tox .tox-tbtn--enabled {
+    background: #586e75;
+}
+
+html.dark-mode .tox .tox-button--naked.tox-button--icon:hover:not(:disabled),
+html.dark-mode .tox .tox-button--naked:focus:not(:disabled) {
+    color: #d4ddde;
+    background-color: #586e75;
+    border-color: transparent;
+}
+
+html.dark-mode .tox .tox-button--naked:disabled {
+    background: 0 0;
+    border: transparent;
+}
+
+html.dark-mode .tox .tox-dialog__header .tox-button--naked:hover {
+    background: 0 0 !important;
+}
+
+html.dark-mode .tox .tox-selectfield select {
+    background: 0 0;
+    color: #c5d1d3;
+}
+
+html.dark-mode .tox .tox-color-input span::before {
+    background-color: #c5d1d3;
+}
+
+html.dark-mode .tox .tox-toolbar__group:not(:last-of-type) {
+    border-color: #7c949c;
+}
+
+html.dark-mode .tox .tox-dialog,
+html.dark-mode .tox .tox-dialog__body,
+html.dark-mode .tox .tox-dialog__footer,
+html.dark-mode .tox .tox-dialog__header,
+html.dark-mode .tox .tox-dialog__title {
+    color: #c5d1d3;
+    border-color: #4d6066;
+    background-color: #21292c;
+}
+
+html.dark-mode .tox .tox-button--naked,
+html.dark-mode .tox .tox-color-input > input,
+html.dark-mode .tox .tox-dialog__body-nav-item,
+html.dark-mode .tox .tox-dialog__header .tox-button,
+html.dark-mode .tox .tox-insert-table-picker__label,
+html.dark-mode .tox .tox-label,
+html.dark-mode .tox .tox-textfield {
+    color: #c5d1d3;
+}
+
+html.dark-mode .tox .tox-dialog__footer .tox-button {
+    background-color: #006a9d;
+    color: #e2e8e9;
+}
+
+@media screen and (max-width: 480px) {
+    html.dark-mode .tox .tox-dialog__footer .tox-button {
+        color: #c5d1d3 !important;
+    }
+
+}
+
+html.dark-mode .tox .tox-dialog__footer .tox-button:focus:not(:disabled) {
+    background-color: #006a9d;
+}
+
+html.dark-mode .tox .tox-dialog__footer .tox-button:hover:not(:disabled) {
+    background-color: #007bb7;
+}
+
+html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary {
+    background-color: #4d6066;
+    color: #e2e8e9;
+}
+
+html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary:focus:not(:disabled) {
+    background-color: #4d6066;
+}
+
+html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary:hover:not(:disabled) {
+    background-color: #586e75;
+}
+
+html.dark-mode .tox .tox-dialog__body-nav-item--active {
+    color: #37beff;
+}
+
+html.dark-mode .tox .tox-dialog-wrap__backdrop {
+    background-color: rgba(0, 0, 0, 0.7);
+}
+
+html.dark-mode .tox .tox-menu {
+    scrollbar-width: thin;
+    background-color: #161b1d;
+    border-color: #8b9fa7;
+    box-shadow: none;
+}
+
+html.dark-mode .tox .tox-collection__group,
+html.dark-mode .tox .tox-dialog__body-nav {
+    scrollbar-width: thin;
+}
+
+html.dark-mode .tox .tox-collection__item {
+    color: #c5d1d3;
+}
+
+html.dark-mode .tox .tox-collection__item:not(:last-child) {
+    border-bottom: 1px solid #2c373a;
+}
+
+html.dark-mode .tox .tox-collection--grid .tox-collection__item {
+    border: 0;
+}
+
+
+html.dark-mode .tox .tox-collection__item--enabled {
+    color: #37beff;
+    background-color: #374549;
+}
+
+html.dark-mode .message-htmlpart,
+html.dark-mode .message-part {
+    border-color: #4d6066;
+}
+
+html.dark-mode .message-htmlpart blockquote,
+html.dark-mode .message-part blockquote {
+    background-color: #21292c;
+    border-color: #6acfff;
+    color: #6acfff;
+}
+
+html.dark-mode .message-htmlpart blockquote span.blockquote-link,
+html.dark-mode .message-part blockquote span.blockquote-link {
+    color: currentColor;
+    background: #21292c;
+    border-color: currentColor;
+}
+
+html.dark-mode .message-htmlpart blockquote blockquote,
+html.dark-mode .message-part blockquote blockquote {
+    color: #64c86b;
+    border-color: #64c86b;
+}
+
+html.dark-mode .message-htmlpart blockquote blockquote blockquote,
+html.dark-mode .message-part blockquote blockquote blockquote {
+    color: #ff8785;
+    border-color: #ff8785;
+}
+
+html.dark-mode .message-part span.sig {
+    color: #8ba3a7;
+}
+
+html.dark-mode .message-htmlpart {
+    background-color: #fff;
+    color: #2c363a;
+    padding: 0;
+    margin-top: 0.5rem;
+}
+
+
+
+html.dark-mode .message-partheaders {
+    background-color: #374549;
+    border: 0;
+}
+
+html.dark-mode .ui-datepicker .ui-datepicker-header,
+html.dark-mode .ui-dialog .ui-dialog-buttonpane,
+html.dark-mode .ui-dialog .ui-dialog-titlebar,
+html.dark-mode .ui-widget,
+html.dark-mode fieldset.image-attachment legend,
+html.dark-mode p.image-attachment {
+    border-color: #4d6066;
+}
+
+html.dark-mode .message-partheaders table.headers-table {
+    color: #c5d1d3;
+}
+
+html.dark-mode .message-partheaders table.headers-table * {
+    font-weight: 400;
+}
+
+html.dark-mode p.image-attachment {
+    background-color: #374549;
+}
+
+html.dark-mode fieldset.image-attachment legend,
+html.dark-mode p.image-attachment span {
+    color: #8ba3a7;
+}
+
+html.dark-mode #messagepartframe {
+    background: #fff;
+}
+
+html.dark-mode .ui-widget-overlay {
+    background-color: rgba(0, 0, 0, 0.7);
+}
+
+html.dark-mode .ui-widget-content,
+html.dark-mode .ui-widget-header {
+    background-color: #21292c;
+}
+
+html.dark-mode .ui-dialog .ui-dialog-title,
+html.dark-mode .ui-dialog .ui-dialog-titlebar-close {
+    color: #c5d1d3;
+    background: 0 0;
+}
+
+html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link {
+    color: #c5d1d3;
+}
+
+html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:focus {
+    background: 0 0;
+}
+
+@media screen and (max-width: 480px) {
+    html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary:not(.btn-danger),
+    html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary {
+        color: #c5d1d3;
+    }
+
+}
+
+html.dark-mode .ui-datepicker th {
+    color: #8ba3a7;
+    font-size: 80%;
+    font-weight: 400;
+}
+
+html.dark-mode .ui-datepicker .ui-datepicker-next,
+html.dark-mode .ui-datepicker .ui-datepicker-prev,
+html.dark-mode .ui-datepicker .ui-state-default,
+html.dark-mode .ui-datepicker.ui-widget-content .ui-state-default {
+    color: #c5d1d3;
+}
+
+html.dark-mode .ui-datepicker .ui-state-highlight,
+html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight {
+    color: #37beff;
+    background-color: #374549;
+}
+
+html.dark-mode .ui-datepicker .ui-datepicker-days-cell-over a {
+    background-color: #4d6066;
+}
+
+html.dark-mode .ui-menu {
+    scrollbar-width: thin;
+    background-color: #161b1d;
+    border-color: #8b9fa7;
+    box-shadow: none;
+}
+
+html.dark-mode .ui-menu .ui-menu-item {
+    border-bottom: 1px solid #2c373a;
+}
+
+html.dark-mode .ui-menu .ui-state-active {
+    background-color: #374549 !important;
+}
+
+html.dark-mode .minicolors-panel {
+    box-shadow: none;
+    border-color: #4d6066;
+    background: #161b1d;
+}
+
+html.dark-mode #contacthead.readonly .source.row,
+html.dark-mode #login-footer,
+html.dark-mode .contactlist span.email,
+html.dark-mode .file-upload .hint,
+html.dark-mode .formcontent .hint,
+html.dark-mode .listing span.secondary,
+html.dark-mode .listing-info,
+html.dark-mode ::-webkit-input-placeholder,
+html.dark-mode ::placeholder {
+    font-weight: 400;
+    color: #c5d1d3;
+}
+
+
+.popover {
+    box-shadow: 0 4px 16px 0 #aaa;
+}
+
+
+html.dark-mode .popover {
+    background-color: #2a2a2a;
+    box-shadow: 0 0 16px 0 #2a2a2a;
+}
+
+html.dark-mode .popover .menu li.separator {
+    background-color: transparent;
+    color: #8ba3a7;
+}
+
+html.dark-mode .popover .menu ul + li.separator {
+    border-top: 1px solid #2c373a;
+}
+
+html.dark-mode .popover-body {
+    color: #c5d1d3;
+}
+
+html.dark-mode .bs-popover-auto[x-placement^="right"] > .arrow::after,
+html.dark-mode .bs-popover-right > .arrow::after {
+    border-right-color: #2a2a2a;
+}
+
+html.dark-mode .bs-popover-auto[x-placement^="left"] > .arrow::after,
+html.dark-mode .bs-popover-left > .arrow::after {
+    border-left-color: #2a2a2a;
+}
+
+html.dark-mode .bs-popover-auto[x-placement^="top"] > .arrow::after,
+html.dark-mode .bs-popover-top > .arrow::after {
+    border-top-color: #2a2a2a;
+}
+
+html.dark-mode .bs-popover-auto[x-placement^="bottom"] > .arrow::after,
+html.dark-mode .bs-popover-bottom > .arrow::after {
+    border-bottom-color: #2a2a2a;
+}
+
+html.dark-mode .nav-tabs {
+    border-color: #4d6066;
+}
+
+html.dark-mode .nav-tabs .nav-link {
+    color: #c5d1d3;
+    border-color: transparent transparent #4d6066;
+}
+
+html.dark-mode .nav-tabs .nav-link:hover {
+    background: #21292c;
+    border-color: #4d6066;
+    color: #c5d1d3;
+}
+
+html.dark-mode .nav-tabs .nav-link.active {
+    background: #21292c;
+    border-color: #4d6066 #4d6066 transparent;
+    color: #fff;
+}
+
+html.dark-mode .table {
+    color: #c5d1d3;
+}
+
+html.dark-mode .table td,
+html.dark-mode .table th,
+html.dark-mode .table thead th,
+html.dark-mode .table-widget,
+html.dark-mode .table-widget table.options-table tr:last-child td,
+html.dark-mode .table-widget > .footer {
+    border-color: #4d6066;
+}
+
+
+html.dark-mode #rcmdraglayer {
+    background-color: #161b1d;
+    border: 1px solid #8b9fa7;
+    box-shadow: none;
+    color: #c5d1d3;
+}
+
+html.dark-mode .quota-widget {
+    color: unset;
+}
+
+html.dark-mode .quota-widget .bar {
+    border-color: #4d6066;
+    background-color: #4d6066;
+}
+
+html.dark-mode .quota-info .root {
+    color: #8ba3a7;
+    background-color: transparent;
+}
+
+html.dark-mode #contactpic,
+html.dark-mode img.contactphoto {
+    background-color: #374549 !important;
+}
+
+html.dark-mode .pgpkeyimport div.key.disabled,
+html.dark-mode .pgpkeyimport div.key.revoked {
+    color: #637e82;
+}
+
+html.dark-mode .pgpkeyimport li.uid::before {
+    opacity: 1;
+}
+
diff --git a/templates/about.html b/templates/about.html
new file mode 100644
index 0000000..78f5388
--- /dev/null
+++ b/templates/about.html
@@ -0,0 +1,16 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:label name="about" /></h1>
+
+<div class="frame-content">
+	<roundcube:object name="aboutcontent" />
+	<h2 class="sysname">Roundcube Webmail <roundcube:object name="version" /></h2>
+	<p class="copyright"><roundcube:object name="copyright" /></p>
+	<p class="license"><roundcube:object name="license" /></p>
+	<div class="readtext">
+		<h3><roundcube:label name="installedplugins" /></h3>
+		<roundcube:object name="pluginlist" id="pluginlist" class="records-table" />
+	</div>
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/addressbook.html b/templates/addressbook.html
new file mode 100644
index 0000000..80b45dc
--- /dev/null
+++ b/templates/addressbook.html
@@ -0,0 +1,173 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:label name="addressbook" /></h1>
+
+<!-- sources/groups list -->
+<div id="layout-sidebar" class="listbox" role="navigation" aria-labelledby="directorylist-header">
+	<div class="header">
+
+		<span id="directorylist-header" class="header-title"><roundcube:label name="groups" /></span>
+		<roundcube:button name="groupoptions" type="link" title="arialabelabookgroupoptions" label="actions"
+			class="button icon sidebar-menu" innerClass="inner" data-popup="groupoptions-menu" />
+			
+			
+	</div>
+	<div class="scroller">
+		<roundcube:object name="directorylist" id="directorylist" class="treelist listing iconized" />
+		<h3 class="voice"><roundcube:label name="savedsearches" /></h3>
+		<roundcube:object name="savedsearchlist" id="savedsearchlist" class="treelist listing iconized" />
+		
+
+	</div>
+	
+	<roundcube:include file="includes/footer_menu.html" />
+					
+</div>
+
+<!-- contacts list -->
+<div id="layout-list" class="listbox selected" aria-labelledby="aria-label-contactslist">
+
+
+<table class="tableheaderseb"><tr>
+
+<td class="only_small_screen" style="padding:.5rem 0 0 1rem">
+<a class="button icon task-menu-button" href="#menu" style="font-size: 20px;"><span class="inner"><roundcube:label name="menu" /></span></a>
+</td>
+<td>
+	<roundcube:object name="searchform" id="searchform" wrapper="searchbar menu"
+		label="contactsearchform" buttontitle="findcontacts" options="searchmenu" ariatag="h2" />
+</td>
+<td class='only_small_screen'></td>
+</tr></table>
+
+
+
+
+	<div id="searchmenu" class="hidden searchoptions scroller propform formcontainer" aria-labelledby="aria-label-search-menu">
+		<h3 id="aria-label-search-menu" class="voice"><roundcube:label name="searchmod" /></h3>
+		<div class="formcontent">
+			<ul class="proplist">
+				<li><label><input type="checkbox" name="s_mods[]" value="name" /><roundcube:label name="name" /></label></li>
+				<li><label><input type="checkbox" name="s_mods[]" value="firstname" /><roundcube:label name="firstname" /></label></li>
+				<li><label><input type="checkbox" name="s_mods[]" value="surname" /><roundcube:label name="surname" /></label></li>
+				<li><label><input type="checkbox" name="s_mods[]" value="email" /><roundcube:label name="email" /></label></li>
+				<li><label><input type="checkbox" name="s_mods[]" value="*" /><roundcube:label name="allfields" /></label></li>
+			</ul>
+		</div>
+		<div class="formbuttons">
+			<button type="button" class="btn btn-primary icon search" onclick="return rcmail.command('search')"><roundcube:label name="search" /></button>
+		</div>
+	</div>
+	<div class="scroller">
+		<h2 id="aria-label-contactslist" class="voice"><roundcube:label name="contacts" /></h2>
+		<roundcube:object name="addresslist" id="contacts-table" class="listing iconized contactlist"
+			noheader="true" role="listbox" data-list="contact_list"
+			data-label-msg="listempty" data-label-ext="listusebutton" data-create-command="add" />
+	</div>
+	<roundcube:include file="includes/pagenav.html" />
+</div>
+
+<!-- contact details frame -->
+<div id="layout-content" role="main">
+	<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
+	<div class="header" role="toolbar" aria-labelledby="aria-label-toolbar">
+	<roundcube:include file="includes/top-right_menu.html" />
+		<a class="button icon back-list-button" href="#back"><span class="inner"><roundcube:label name="back" /></span></a>
+		<span class="header-title only_small"></span>
+		<!-- toolbar -->
+		<div id="addressbooktoolbar" class="toolbar menu">
+			<roundcube:button command="add" type="link" class="create disabled" classAct="create"
+				label="create" title="newcontact" innerclass="inner" data-fab="true" />
+			<roundcube:button command="print" type="link" data-hidden="small"
+				class="print disabled" classAct="print"
+				label="print" title="printcontact" innerclass="inner" />
+			<roundcube:button command="delete" type="link" class="delete disabled" classAct="delete"
+				label="delete" title="deletecontact" innerClass="inner" />
+			<span class="spacer"></span>
+			<roundcube:button command="advanced-search" type="link" class="search disabled" classAct="search"
+				label="search" title="advsearch" innerclass="inner" />
+			<roundcube:container name="toolbar" id="addressbooktoolbar" />
+			<roundcube:button command="import" type="link" class="import disabled" classAct="import"
+				label="import" title="importcontacts" innerclass="inner" />
+			<span class="dropbutton">
+				<roundcube:button command="export" type="link" class="export disabled" classAct="export"
+					label="export" title="exportvcards" innerclass="inner" />
+				<a href="#export" class="dropdown" data-popup="export-menu">
+					<span class="inner"><roundcube:label name="arialabelcontactexportoptions" /></span>
+				</a>
+			</span>
+			<roundcube:button name="contactmenulink" id="contactmenulink" type="link"
+				class="more" label="more" title="moreactions"
+				data-popup="contact-menu" innerclass="inner" />
+				
+
+		</div>
+
+	
+	</div>
+	<h2 id="aria-label-contact-frame" class="voice"><roundcube:label name="contactproperties" /></h2>
+	<div class="iframe-wrapper">
+		<roundcube:object name="contentframe" id="contact-frame" src="env:blankpage" title="contactproperties"
+			aria-labelledby="aria-label-contact-frame" />
+	</div>
+</div>
+
+<!-- popup menus -->
+<div id="export-menu" class="popupmenu">
+	<h3 id="aria-label-export-menu" class="voice"><roundcube:label name="arialabelcontactexportoptions" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-export-menu">
+		<roundcube:button type="link-menuitem" command="export" label="exportall" prop="sub" class="export all disabled" classAct="export all active" />
+		<roundcube:button type="link-menuitem" command="export-selected" label="exportsel" prop="sub" class="export select disabled" classAct="export select active" />
+	</ul>
+</div>
+
+<div id="groupoptions-menu" class="popupmenu">
+	<h3 id="aria-label-groupoptions-menu" class="voice"><roundcube:label name="arialabelabookgroupoptions" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-groupoptions-menu">
+		<roundcube:button type="link-menuitem" command="group-create" title="newgroup" label="addgroup" class="create disabled" classAct="create active" />
+		<roundcube:button type="link-menuitem" command="group-rename" label="grouprename" class="group rename disabled" classAct="group rename active" />
+		<roundcube:button type="link-menuitem" command="group-delete" label="groupdelete" class="group delete disabled" classAct="group delete active" />
+		<roundcube:button type="link-menuitem" command="search-create" label="searchsave" class="search disabled" classAct="search active" />
+		<roundcube:button type="link-menuitem" command="search-delete" label="searchdelete" class="search delete disabled" classAct="search delete active" />
+		<roundcube:container name="groupoptions" id="groupoptionsmenu" />
+	</ul>
+</div>
+
+<div id="listselect-menu" class="popupmenu">
+	<h3 id="aria-label-listselect-menu" class="voice"><roundcube:label name="arialabellistselectmenu" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-listselect-menu">
+		<roundcube:button type="link-menuitem" label="selection" class="selection" classAct="selection active"
+			name="list-toggle-button" id="list-toggle-button" onclick="UI.toggle_list_selection(this, 'contacts-table')" />
+		<roundcube:button command="select-all" type="link-menuitem" prop="page" label="currpage" class="select page disabled" classAct="select page active" />
+		<roundcube:button command="select-all" type="link-menuitem" prop="invert" label="invert" class="select invert disabled" classAct="select invert active" />
+		<roundcube:button command="select-none" type="link-menuitem" label="none" class="select none disabled" classAct="select none active" />
+	</ul>
+</div>
+
+<div id="dragcontact-menu" class="popupmenu">
+	<h3 id="aria-label-dragcontact-menu" class="voice"><roundcube:label name="arialabeldropactionmenu" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-dragcontact-menu">
+		<roundcube:button type="link-menuitem" command="move" onclick="return rcmail.drag_menu_action('move')" label="move" class="disabled" classAct="active" />
+		<roundcube:button type="link-menuitem" command="copy" onclick="return rcmail.drag_menu_action('copy')" label="copy" class="disabled" classAct="active" />
+	</ul>
+</div>
+
+<div id="contact-menu" class="popupmenu">
+	<h3 id="aria-label-contact-menu" class="voice"><roundcube:label name="arialabelmorecontactactions" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-contact-menu">
+		<roundcube:if condition="env:qrcode" />
+		<roundcube:button type="link-menuitem" command="qrcode" label="qrcode" class="qrcode disabled" classAct="qrcode active" />
+		<roundcube:endif />
+		<roundcube:button type="link-menuitem" command="group-assign-selected" label="groupassign" class="assigngroup disabled" classAct="assigngroup active" innerclass="folder-selector-link"  aria-haspopup="true" />
+		<roundcube:button type="link-menuitem" command="group-remove-selected" label="groupremove" class="removegroup disabled" classAct="removegroup active" />
+		<roundcube:if condition="env:contact_move_enabled" />
+		<roundcube:button type="link-menuitem" command="move" label="moveto" class="move disabled" classAct="move active" innerclass="folder-selector-link" aria-haspopup="true" />
+		<roundcube:endif />
+		<roundcube:if condition="env:contact_copy_enabled" />
+		<roundcube:button type="link-menuitem" command="copy" label="copyto" class="copy disabled" classAct="copy active" innerclass="folder-selector-link" aria-haspopup="true" />
+		<roundcube:endif />
+		<roundcube:container name="contactmenu" id="contact-menu" />
+	</ul>
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/bounce.html b/templates/bounce.html
new file mode 100644
index 0000000..f9fbf02
--- /dev/null
+++ b/templates/bounce.html
@@ -0,0 +1,74 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:label name="bouncemsg" /></h1>
+
+<div class="formcontent">
+	<roundcube:object name="bounceObjects" id="bounce-objects" class="mb-3" />
+	<roundcube:object name="composeFormHead" role="main" />
+	<div id="bounceheaders" role="region" aria-labelledby="aria-label-composeheaders">
+		<h2 id="aria-label-composeheaders" class="voice"><roundcube:label name="arialabelmessageheaders" /></h2>
+		<div class="compose-headers">
+			<div id="compose_from" class="form-group row">
+				<label for="_from" class="col-2 col-form-label"><roundcube:label name="from" /></label>
+				<div class="col-10">
+					<div class="input-group">
+						<roundcube:object name="composeHeaders" part="from" id="_from" form="form" tabindex="1" class="form-control" />
+						<span class="input-group-append">
+							<a href="#identities" onclick="return rcmail.command('switch-task', 'settings/identities')" class="input-group-text icon edit" title="<roundcube:label name="editidents" />" tabindex="1"><span class="inner"><roundcube:label name="editidents" /></span></a>
+					</div>
+				</div>
+			</div>
+			<div id="compose_to" class="form-group row">
+				<label for="_to" class="col-2 col-form-label"><roundcube:label name="to" /></label>
+				<div class="col-10">
+					<div class="input-group">
+						<roundcube:object name="composeHeaders" part="to" id="_to" form="form" tabindex="1" aria-required="true" data-recipient-input="true" />
+						<span class="input-group-append">
+							<a href="#add-header" data-popup="headers-menu" class="input-group-text icon add" title="<roundcube:label name="addheader" />" tabindex="1"><span class="inner"><roundcube:label name="addheader" /></span></a>
+						</span>
+					</div>
+				</div>
+			</div>
+			<div id="compose_cc" class="hidden form-group row">
+				<label for="_cc" class="col-2 col-form-label"><roundcube:label name="cc" /></label>
+				<div class="col-10">
+					<div class="input-group">
+						<roundcube:object name="composeHeaders" part="cc" id="_cc" form="form" tabindex="1" data-recipient-input="true" />
+						<span class="input-group-append">
+							<a href="#delete" onclick="UI.header_reset('_cc')" class="input-group-text icon delete" title="<roundcube:label name='delete' />" tabindex="1"><span class="inner"><roundcube:label name="delete" /></span></a>
+						</span>
+					</div>
+				</div>
+			</div>
+			<div id="compose_bcc" class="hidden form-group row">
+				<label for="_bcc" class="col-2 col-form-label"><roundcube:label name="bcc" /></label>
+				<div class="col-10">
+					<div class="input-group">
+						<roundcube:object name="composeHeaders" part="bcc" id="_bcc" form="form" tabindex="1" data-recipient-input="true" />
+						<span class="input-group-append">
+							<a href="#delete" onclick="UI.header_reset('_bcc')" class="input-group-text icon delete" title="<roundcube:label name='delete' />" tabindex="1"><span class="inner"><roundcube:label name="delete" /></span></a>
+						</span>
+					</div>
+				</div>
+			</div>
+		</div>
+		<roundcube:if condition="!config:no_save_sent_messages" />
+		<div class="form-group row">
+			<label for="compose-store-target" class="col-form-label col-6"><roundcube:label name="savesentmessagein" /></label>
+			<div class="col-6">
+				<roundcube:object name="storetarget" id="compose-store-target" noform="true" tabindex="2" class="form-control" />
+			</div>
+		</div>
+		<roundcube:endif />
+	</form>
+</div>
+
+<div id="headers-menu" class="popupmenu" data-popup-init="headersmenu">
+	<h3 id="aria-label-headersmenu" class="voice"><roundcube:label name="arialabelheadersmenu" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-headersmenu">
+		<li role="menuitem"><a data-target="cc" href="#" role="button" tabindex="-1" class="recipient active"><roundcube:label name="cc" /></a></li>
+		<li role="menuitem"><a data-target="bcc" href="#" role="button" tabindex="-1" class="recipient active"><roundcube:label name="bcc" /></a></li>
+	</ul>
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/compose.html b/templates/compose.html
new file mode 100644
index 0000000..a6f197f
--- /dev/null
+++ b/templates/compose.html
@@ -0,0 +1,294 @@
+<roundcube:include file="includes/layout.html" />
+
+<roundcube:add_label name="recipientsadded" />
+<roundcube:add_label name="nocontactselected" />
+<roundcube:add_label name="recipient" />
+<roundcube:add_label name="insert" />
+<roundcube:add_label name="insertcontact" />
+<roundcube:add_label name="recipientedit" />
+
+<h1 class="voice"><roundcube:label name="compose" /></h1>
+
+<!-- compose options and attachments list -->
+<div id="layout-sidebar" class="listbox sidebar-right">
+	<div class="header">
+
+		<a style="width:40px;font-size: 1.75rem;height: 58px;text-decoration:none;text-align:center;" class="back-content-button only_small" href="#content"><i class="sebicon backicon"></i></a>	
+
+		<span class="header-title all-sizes">
+
+			<roundcube:label name="optionsandattachments" />
+		</span>
+		
+	</div>
+	<div class="scroller">
+		<!-- attachments -->
+		<div id="compose-attachments" class="file-upload" role="region" aria-labelledby="aria-label-compose-attachments">
+			<h2 id="aria-label-compose-attachments" class="voice"><roundcube:label name="attachments" /></h2>
+			<div class="upload-form">
+				<roundcube:object name="composeAttachmentForm" mode="hint" />
+				<button type="button" class="btn btn-secondary attach" tabindex="2" onclick="rcmail.upload_input('uploadform')"><roundcube:label name="addattachment" /></button>
+			</div>
+			<roundcube:object name="composeAttachmentList" id="attachment-list" class="attachmentslist" tabindex="2" />
+			<roundcube:object name="fileDropArea" id="compose-attachments" />
+		</div>
+		<!-- compose options -->
+		<div id="compose-options" class="formcontent" role="region" aria-labelledby="aria-label-composeoptions">
+			<h2 id="aria-label-composeoptions" class="voice"><roundcube:label name="arialabelcomposeoptions" /></h2>
+			<roundcube:container name="composeoptions" id="compose-options" />
+			<roundcube:if condition="!in_array('mdn_default', (array)config:dont_override)" />
+			<div class="form-group row form-check">
+				<label for="compose-mdn" class="col-form-label col-6"><roundcube:label name="returnreceipt" /></label>
+				<div class="col-6 form-check">
+					<roundcube:object name="mdnCheckBox" id="compose-mdn" noform="true" tabindex="2" class="form-check-input" />
+				</div>
+			</div>
+			<roundcube:endif />
+			<roundcube:if condition="!in_array('dsn_default', (array)config:dont_override)" />
+			<div class="form-group row form-check">
+				<label for="compose-dsn" class="col-form-label col-6"><roundcube:label name="dsn" /></label>
+				<div class="col-6 form-check">
+					<roundcube:object name="dsnCheckBox" id="compose-dsn" noform="true" tabindex="2" class="form-check-input" />
+				</div>
+			</div>
+			<roundcube:endif />
+			<div class="form-group row">
+				<label for="compose-priority" class="col-form-label col-6"><roundcube:label name="priority" /></label>
+				<div class="col-6">
+					<roundcube:object name="prioritySelector" id="compose-priority" noform="true" tabindex="2" class="custom-select" />
+				</div>
+			</div>
+			<roundcube:if condition="!config:no_save_sent_messages" />
+			<div class="form-group row">
+				<label for="compose-store-target" class="col-form-label col-6"><roundcube:label name="savesentmessagein" /></label>
+				<div class="col-6">
+					<roundcube:object name="storetarget" id="compose-store-target" noform="true" tabindex="2" class="custom-select" />
+				</div>
+			</div>
+			<roundcube:endif />
+		</div>
+	</div>
+</div>
+
+<div id="layout-content" class="listbox selected" role="main">
+	<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
+	<div class="header">
+	
+
+		<a style="width:40px;font-size: 1.75rem;height: 58px;text-decoration:none;text-align:center;" href="./?_task=mail"><i class="sebicon backicon"></i></a>
+
+		<span class="header-title"><roundcube:label name="compose" /></span>
+
+		<div class="only_small_screen" style="width: 50px;text-align: center;" onclick="return rcmail.command('send','',this,event)">
+			<i class="sebicon sendicon" style=""></i>
+		</div>
+
+		<!-- toolbar -->
+		<div id="messagetoolbar" class="toolbar menu" role="toolbar" aria-labelledby="aria-label-toolbar">
+			<a class="options" href="#options" onclick="mail_menu_show_attachement()" data-hidden="big">
+				<span class="inner"><roundcube:label name="optionsandattachments"></span>
+			</a>
+			<roundcube:button command="savedraft" type="link" class="save draft disabled" classAct="save draft"
+				label="save" title="savemessage" tabindex="2" innerclass="inner" data-content-button="true" />
+			<span class="spacer"></span>
+			<roundcube:button name="addattachment" type="link" class="attach"
+				label="attach" title="addattachment" data-hidden="small"
+				onclick="if (!$(this).is('.disabled')) rcmail.upload_input('uploadform')"
+				aria-haspopup="true" aria-expanded="false" tabindex="2" innerclass="inner" />
+			<roundcube:button command="insert-sig" type="link" class="signature disabled" classAct="signature"
+				label="signature" title="insertsignature" tabindex="2" innerclass="inner" />
+			<a href="#responses" class="responses" label="responses" title="<roundcube:label name='insertresponse' />" unselectable="on" tabindex="2" data-popup="responses-menu">
+				<span class="inner"><roundcube:label name="responses" /></span>
+			</a>
+			<roundcube:if condition="!empty(env:spell_langs)" />
+			<span class="dropbutton">
+				<roundcube:button command="spellcheck" type="link" class="spellcheck disabled"
+					classAct="spellcheck" classSel="button spellcheck pressed"
+					label="spellcheck" title="checkspelling" tabindex="2" innerclass="inner" />
+				<a href="#languages" class="dropdown" tabindex="2" data-popup="spell-menu">
+					<span class="inner"><roundcube:label name="language" /></span>
+				</a>
+			</span>
+			<roundcube:endif />
+			<span class="dropbutton" style="display:none">
+				<roundcube:button command="compose-encrypted" type="link" class="encrypt disabled"
+					classAct="encrypt" classSel="encrypt selected" innerclass="inner"
+					label="encrypt" title="encryptmessagemailvelope" tabindex="2" />
+				<a href="#encryption" id="encryption-menu-button" class="dropdown" tabindex="2" data-popup="encryption-menu">
+					<span class="inner"><roundcube:label name="encryptmessagemailvelope" /></span>
+				</a>
+			</span>
+			<roundcube:container name="toolbar" id="compose-toolbar" />
+		</div>
+	</div>
+	<div id="compose-content" class="formcontainer content">
+		<roundcube:object name="composeFormHead" role="main" class="formcontent scroller" />
+		<roundcube:object name="composeObjects" id="compose-objects" class="mb-3" />
+		<!-- message headers -->
+		<div id="compose-headers" role="region" aria-labelledby="aria-label-composeheaders">
+			<h2 id="aria-label-composeheaders" class="voice"><roundcube:label name="arialabelmessageheaders" /></h2>
+			<div class="compose-headers">
+				<div id="compose_from" class="form-group row">
+					<label for="_from" class="col-2 col-form-label"><roundcube:label name="from" /></label>
+					<div class="col-10">
+						<div class="input-group">
+							<roundcube:object name="composeHeaders" part="from" id="_from" form="form" tabindex="1" class="form-control" />
+							<span class="input-group-append">
+								<a href="#identities" onclick="return rcmail.command('switch-task', 'settings/identities')" class="input-group-text icon edit" title="<roundcube:label name="editidents" />" tabindex="1"><span class="inner"><roundcube:label name="editidents" /></span></a>
+							</span>
+						</div>
+					</div>
+				</div>
+				<div id="compose_to" class="form-group row">
+					<label for="_to" class="col-2 col-form-label"><roundcube:label name="to" /></label>
+					<div class="col-10">
+						<div class="input-group">
+							<roundcube:object name="composeHeaders" part="to" id="_to" form="form" tabindex="1" aria-required="true" data-recipient-input="true" />
+							<span class="input-group-append">
+								<a href="#add-contact" onclick="UI.recipient_selector('to')" class="input-group-text icon add recipient" title="<roundcube:label name="addcontact" />" tabindex="1"><span class="inner"><roundcube:label name="addcontact" /></span></a>
+							</span>
+							<span class="input-group-append">
+								<a href="#add-header" data-popup="headers-menu" class="input-group-text icon add" title="<roundcube:label name="addheader" />" tabindex="1"><span class="inner"><roundcube:label name="addheader" /></span></a>
+							</span>
+						</div>
+					</div>
+				</div>
+				<div id="compose_cc" class="hidden form-group row">
+					<label for="_cc" class="col-2 col-form-label"><roundcube:label name="cc" /></label>
+					<div class="col-10">
+						<div class="input-group">
+							<roundcube:object name="composeHeaders" part="cc" id="_cc" form="form" tabindex="1" data-recipient-input="true" />
+							<span class="input-group-append">
+								<a href="#add-contact" onclick="UI.recipient_selector('cc')" class="input-group-text icon add recipient" title="<roundcube:label name="addcontact" />" tabindex="1"><span class="inner"><roundcube:label name="addcontact" /></span></a>
+							</span>
+							<span class="input-group-append">
+								<a href="#delete" onclick="UI.header_reset('_cc')" class="input-group-text icon delete" title="<roundcube:label name='delete' />" tabindex="1"><span class="inner"><roundcube:label name="delete" /></span></a>
+							</span>
+						</div>
+					</div>
+				</div>
+				<div id="compose_bcc" class="hidden form-group row">
+					<label for="_bcc" class="col-2 col-form-label"><roundcube:label name="bcc" /></label>
+					<div class="col-10">
+						<div class="input-group">
+							<roundcube:object name="composeHeaders" part="bcc" id="_bcc" form="form" tabindex="1" data-recipient-input="true" />
+							<span class="input-group-append">
+								<a href="#add-contact" onclick="UI.recipient_selector('bcc')" class="input-group-text icon add recipient" title="<roundcube:label name="addcontact" />" tabindex="1"><span class="inner"><roundcube:label name="addcontact" /></span></a>
+							</span>
+							<span class="input-group-append">
+								<a href="#delete" onclick="UI.header_reset('_bcc')" class="input-group-text icon delete" title="<roundcube:label name='delete' />" tabindex="1"><span class="inner"><roundcube:label name="delete" /></span></a>
+							</span>
+						</div>
+					</div>
+				</div>
+				<div id="compose_replyto" class="hidden form-group row">
+					<label for="_replyto" class="col-2 col-form-label"><roundcube:label name="replyto" /></label>
+					<div class="col-10">
+						<div class="input-group">
+							<roundcube:object name="composeHeaders" part="replyto" id="_replyto" form="form" tabindex="1" data-recipient-input="true" />
+							<span class="input-group-append">
+								<a href="#add-contact" onclick="UI.recipient_selector('replyto')" class="input-group-text icon add recipient" title="<roundcube:label name="addcontact" />" tabindex="1"><span class="inner"><roundcube:label name="addcontact" /></span></a>
+							</span>
+							<span class="input-group-append">
+								<a href="#delete" onclick="UI.header_reset('_replyto')" class="input-group-text icon delete" title="<roundcube:label name='delete' />" tabindex="1"><span class="inner"><roundcube:label name="delete" /></span></a>
+							</span>
+						</div>
+					</div>
+				</div>
+				<div id="compose_followupto" class="hidden form-group row">
+					<label for="_followupto" class="col-2 col-form-label"><roundcube:label name="followupto" /></label>
+					<div class="col-10">
+						<div class="input-group">
+							<roundcube:object name="composeHeaders" part="followupto" id="_followupto" form="form" tabindex="1" data-recipient-input="true" />
+							<span class="input-group-append">
+								<a href="#add-contact" onclick="UI.recipient_selector('followupto')" class="input-group-text icon add recipient" title="<roundcube:label name="addcontact" />" tabindex="1"><span class="inner"><roundcube:label name="addcontact" /></span></a>
+							</span>
+							<span class="input-group-append">
+								<a href="#delete" onclick="UI.header_reset('_followupto')" class="input-group-text icon delete" title="<roundcube:label name='delete' />" tabindex="1"><span class="inner"><roundcube:label name="delete" /></span></a>
+							</span>
+						</div>
+					</div>
+				</div>
+				<div id="compose_subject" class="form-group row">
+					<label for="compose-subject" class="col-2 col-form-label"><roundcube:label name="subject" /></label>
+					<div class="col-10">
+						<roundcube:object name="composeSubject" id="compose-subject" form="form" tabindex="1" class="form-control" />
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- message compose body -->
+		<div id="composebodycontainer">
+			<label for="composebody" class="voice"><roundcube:label name="arialabelmessagebody" /></label>
+			<roundcube:object name="composeBody" id="composebody" form="form" cols="70" rows="20" class="form-control" tabindex="1" />
+			<roundcube:if condition="!in_array('htmleditor', (array)config:dont_override)" />
+			<roundcube:object name="editorSelector" id="editor-selector" editorid="composebody" noform="true" class="hidden" />
+			<roundcube:endif />
+		</div>
+		</form>
+		<div class="formbuttons">
+			<roundcube:button command="send" class="btn btn-primary send" label="send" tabindex="1" data-content-button="true" />
+			<div class="float-right">
+				<roundcube:button command="extwin" type="link" label="openinextwin" data-hidden="small" class="button icon btn btn-link extwin" data-tabindex="1" condition="!env:extwin" />
+			</div>
+		</div>
+	</div>
+</div>
+
+<roundcube:object name="composeAttachmentForm" id="uploadform" mode="smart" />
+
+<div id="spell-menu" class="popupmenu" data-popup-init="spellmenu"></div>
+
+<div id="headers-menu" class="popupmenu" data-popup-init="headersmenu">
+	<h3 id="aria-label-headersmenu" class="voice"><roundcube:label name="arialabelheadersmenu" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-headersmenu">
+		<li role="menuitem"><a data-target="cc" href="#" role="button" tabindex="-1" class="recipient active"><roundcube:label name="cc" /></a></li>
+		<li role="menuitem"><a data-target="bcc" href="#" role="button" tabindex="-1" class="recipient active"><roundcube:label name="bcc" /></a></li>
+		<li role="menuitem"><a data-target="replyto" href="#" role="button" tabindex="-1" class="recipient active"><roundcube:label name="replyto" /></a></li>
+		<li role="menuitem"><a data-target="followupto" href="#" role="button" tabindex="-1" class="recipient active"><roundcube:label name="followupto" /></a></li>
+	</ul>
+</div>
+
+<div id="responses-menu" class="popupmenu">
+	<h3 id="aria-label-responsesmenu" class="voice"><roundcube:label name="arialabelresponsesmenu" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-responsesmenu">
+		<li role="separator" class="separator"><label><roundcube:label name="insertresponse" /></label></li>
+		<roundcube:object name="responseslist" id="responseslist" tagname="ul" class="rounded-0" itemclass="active" list-placeholder="noresponsesavailable" />
+		<li role="separator" class="separator"><label><roundcube:label name="manageresponses" /></label></li>
+		<roundcube:button command="save-response" type="link-menuitem" label="newresponse" class="create responses disabled" classAct="create responses active" unselectable="on" />
+		<roundcube:button name="responses" type="link-menuitem" label="editresponses" class="edit responses active" onclick="return rcmail.command('switch-task', 'settings/responses')" />
+	</ul>
+</div>
+
+<div id="attachmentmenu" class="popupmenu">
+	<h3 id="aria-label-attachmentmenu" class="voice"><roundcube:label name="arialabelattachmentmenu" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-attachmentmenu">
+		<roundcube:button command="open-attachment" id="attachmenuopen" type="link-menuitem" label="open" class="extwin disabled" classAct="extwin active" />
+		<roundcube:button command="download-attachment" id="attachmenudownload" type="link-menuitem" label="download" class="download disabled" classAct="download active" />
+		<roundcube:button command="rename-attachment" id="attachmenurename" type="link-menuitem" label="rename" class="rename disabled" classAct="rename active" />
+		<roundcube:container name="attachmentmenu" id="attachmentoptionsmenu" />
+	</ul>
+</div>
+
+<div id="encryption-menu" class="popupmenu">
+	<ul class="menu listing" role="menu">
+		<roundcube:button command="compose-encrypted" type="link-menuitem" label="encryptmessage" class="encrypt disabled" classAct="encrypt active" />
+		<roundcube:button command="compose-encrypted-signed" type="link-menuitem" label="encryptandsign" class="encrypt sign disabled" classAct="encrypt sign active" />
+	</ul>
+</div>
+
+<div id="recipient-dialog" class="popupmenu" role="region" aria-labelledby="aria-label-composecontacts">
+	<div class="listbox">
+		<roundcube:object name="searchform" id="searchform" wrapper="searchbar menu"
+			label="contactsearchform" buttontitle="findcontacts" ariatag="h2" class="no-bs" />
+		<div class="scroller" tabindex="-1">
+			<roundcube:object name="addressbooks" id="directorylist" class="treelist listing iconized"
+				summary="ariasummarycomposecontacts" />
+			<roundcube:object name="addresslist" id="contacts-table" class="listing iconized contactlist"
+				noheader="true" role="listbox" data-list="contact_list" data-list-select-replace="#recipient-dialog .pagenav-text" />
+		</div>
+		<roundcube:include file="includes/pagenav.html" />
+	</div>
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/contact.html b/templates/contact.html
new file mode 100644
index 0000000..727eb4d
--- /dev/null
+++ b/templates/contact.html
@@ -0,0 +1,23 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:label name="contactproperties" /></h1>
+
+<div class="formcontent">
+	<div class="contact-header">
+		<div id="contactphoto" class="contact-photo">
+			<roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.svg"
+				placeholderGroup="/images/contactgroup.svg" />
+		</div>
+		<roundcube:object name="contacthead" id="contacthead" class="contact-head readonly" with-source="true" />
+	</div>
+	<div id="contacttabs" class="tabbed">
+		<roundcube:object name="contactdetails" fieldset-class="propform grouped readonly"
+			short-legend-labels="true" />
+	</div>
+</div>
+
+<div class="formbuttons">
+	<roundcube:button command="edit" class="btn btn-primary edit" label="edit" condition="!ENV:readonly" />
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/contactedit.html b/templates/contactedit.html
new file mode 100644
index 0000000..7c36707
--- /dev/null
+++ b/templates/contactedit.html
@@ -0,0 +1,29 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:object name="steptitle" /></h1>
+
+<roundcube:form name="editform" method="post" id="contact-details" class="formcontent">
+	<div class="contact-header">
+		<fieldset id="contactphoto" class="contact-photo">
+			<legend class="voice"><roundcube:label name="contactphoto" /></legend>
+			<roundcube:object name="contactphoto" id="contactpic" class="image-upload" placeholder="/images/contactpic.svg" />
+			<roundcube:if condition="env:photocol" />
+				<roundcube:object name="fileDropArea" id="contactpic" />
+			<roundcube:endif />
+		</fieldset>
+		<roundcube:object name="contactedithead" id="contacthead" form="editform"
+			class="propform contact-head" use-labels="true" with-source="true" />
+	</div>
+	<div id="contacttabs" class="tabbed">
+		<roundcube:object name="contacteditform" textareacols="60" form="editform"
+			fieldset-class="propform grouped" compact-form="true" short-legend-labels="true" />
+	</div>
+</form>
+
+<div class="formbuttons">
+	<roundcube:button command="save" class="btn btn-primary submit" label="save" onclick="LS_remove_contact();return rcmail.command('save','',this,event)"/>
+</div>
+
+<roundcube:object name="photoUploadForm" id="upload-form" mode="smart" />
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/contactimport.html b/templates/contactimport.html
new file mode 100644
index 0000000..b7f30ee
--- /dev/null
+++ b/templates/contactimport.html
@@ -0,0 +1,9 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:label name="addressbook" /> : <roundcube:label name="importcontacts" /></h1>
+
+<div class="formcontent">
+	<roundcube:object name="importstep" class="propform" table-header-class="form-group row d-none d-sm-flex" table-col-source-class="col-sm-4" table-col-destination-class="col-sm-8" />
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/contactprint.html b/templates/contactprint.html
new file mode 100644
index 0000000..ffa16b5
--- /dev/null
+++ b/templates/contactprint.html
@@ -0,0 +1,19 @@
+<roundcube:include file="includes/layout.html" />
+
+<roundcube:object name="logo" id="logo" alt="Logo" logo-type="print" logo-match="template" class="float-sm-right" />
+
+<div class="print-content formcontent" role="main">
+	<div class="contact-header">
+		<div id="contactphoto" class="contact-photo">
+			<roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.svg"
+				placeholderGroup="/images/contactgroup.svg" />
+		</div>
+		<roundcube:object name="contacthead" id="contacthead" class="contact-head readonly" with-source="true" />
+	</div>
+	<div id="contacttabs">
+		<roundcube:object name="contactdetails" fieldset-class="propform grouped readonly"
+			short-legend-labels="true" />
+	</div>
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/contactsearch.html b/templates/contactsearch.html
new file mode 100644
index 0000000..86de93d
--- /dev/null
+++ b/templates/contactsearch.html
@@ -0,0 +1,9 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:label name="addressbook" /> : <roundcube:label name="advsearch" /></h1>
+
+<div class="formcontent">
+	<roundcube:object name="searchform" id="advsearchform" class="tabbed propform" short-legend-labels="true" />
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/dialog.html b/templates/dialog.html
new file mode 100644
index 0000000..5f03e89
--- /dev/null
+++ b/templates/dialog.html
@@ -0,0 +1,7 @@
+<roundcube:include file="includes/layout.html" />
+
+<div class="frame-content <roundcube:var name="env:dialog_class" />">
+	<roundcube:object name="dialogcontent" />
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/error.html b/templates/error.html
new file mode 100644
index 0000000..ea92028
--- /dev/null
+++ b/templates/error.html
@@ -0,0 +1,21 @@
+<roundcube:include file="includes/layout.html" />
+
+<roundcube:if condition="!env:framed && !env:extwin" />
+	<roundcube:include file="includes/menu.html" />
+	<div id="layout-content" class="selected" role="main">
+		<div class="header">
+			<a class="button icon task-menu-button" href="#menu"><span class="inner"><roundcube:label name="menu" /></span></a>
+			<span class="header-title"></span>
+		</div>
+		<div class="frame-content scroller">
+<roundcube:else />
+	<div id="layout-content" class="selected" role="main">
+		<div class="frame-content scroller">
+<roundcube:endif />
+
+$__page_content
+
+		</div>
+	</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/folderedit.html b/templates/folderedit.html
new file mode 100644
index 0000000..e2c55f0
--- /dev/null
+++ b/templates/folderedit.html
@@ -0,0 +1,13 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:label name="folderproperties" /></h1>
+
+<div class="formcontent">
+	<roundcube:object name="folderdetails" class="propform" />
+</div>
+
+<div class="formbuttons">
+	<roundcube:button command="save" class="btn btn-primary submit" label="save" />
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/folders.html b/templates/folders.html
new file mode 100644
index 0000000..4b4ac45
--- /dev/null
+++ b/templates/folders.html
@@ -0,0 +1,63 @@
+<roundcube:include file="includes/layout.html" />
+
+<roundcube:include file="includes/settings-menu.html" />
+
+<h1 class="voice"><roundcube:label name="folders" /></h1>
+
+<!-- folders list -->
+<div id="layout-list" class="listbox selected" aria-labelledby="aria-label-folderslist">
+	<div class="header">
+	
+		<a class="button icon back-list-button_middle" href="?_task=settings"><span class="inner"><roundcube:label name="back" /></span></a>
+		<span id="aria-label-identitieslist" class="header-title"> </span>
+	
+		<a class="button icon toolbar-menu-button" href="#list-menu"><span class="inner"><roundcube:label name="menu" /></span></a>
+	</div>
+	<roundcube:object name="searchform" id="foldersearch" wrapper="searchbar menu" ariatag="h2"
+		label="foldersearchform" buttontitle="findfolders" options="foldersearchmenu" />
+	<div id="foldersearchmenu" class="hidden searchoptions scroller propform formcontainer" aria-labelledby="aria-label-search-menu" aria-controls="subscription-table">
+		<h3 id="aria-label-search-menu" class="voice"><roundcube:label name="searchmod" /></h3>
+		<div class="formcontent">
+			<roundcube:object name="folderfilter" id="folderlist-filter" noheader="true" noevent="true" />
+		</div>
+		<div class="formbuttons">
+			<button type="button" class="btn btn-primary icon search" onclick="rcmail.folder_filter($('#folderlist-filter').val())"><roundcube:label name="search" /></button>
+		</div>
+	</div>
+	<div class="scroller" tabindex="-1">
+		<roundcube:object name="foldersubscription" id="subscription-table"
+			class="treelist listing folderlist iconized" role="listbox" data-list="subscription_list"
+			data-label-msg="listempty" data-label-ext="listusebutton" data-create-command="folder-create" />
+	</div>
+	<div class="footer small">
+		<roundcube:if condition="env:quota" />
+			<div id="quotadisplay" class="quota-widget">
+				<span class="voice"><roundcube:label name="quota"></span>
+				<roundcube:object name="quotaDisplay" class="count" display="text" />
+			</div>
+		<roundcube:endif />
+	</div>
+</div>
+
+<!-- folder info frame -->
+<div id="layout-content" role="main">
+	<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
+	<div class="header" role="toolbar" aria-labelledby="aria-label-toolbar">
+		<a class="button icon back-list-button" href="#back"><span class="inner"><roundcube:label name="back" /></span></a>
+		<span class="header-title"></span>
+		<!-- toolbar -->
+		<div id="folderstoolbar" class="toolbar menu">
+			<roundcube:button command="create-folder" type="link" class="create disabled" classAct="create"
+				label="create" title="createfolder" innerClass="inner" data-fab="true" />
+			<roundcube:button command="delete-folder" type="link" class="delete disabled" classAct="delete"
+				label="delete" title="delete" innerclass="inner" />
+			<roundcube:button command="purge" type="link" class="purge disabled" classAct="purge"
+				label="empty" title="empty" innerclass="inner" />
+		</div>
+	</div>
+	<div class="iframe-wrapper">
+		<roundcube:object name="contentframe" id="preferences-frame" src="env:blankpage" />
+	</div>
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/identities.html b/templates/identities.html
new file mode 100644
index 0000000..0b21941
--- /dev/null
+++ b/templates/identities.html
@@ -0,0 +1,43 @@
+<roundcube:include file="includes/layout.html" />
+
+<roundcube:include file="includes/settings-menu.html" />
+
+<h1 class="voice"><roundcube:label name="settings" /> : <roundcube:label name="identities" /></h1>
+
+<!-- responses list -->
+<div id="layout-list" class="listbox selected" aria-labelledby="aria-label-identitieslist">
+	<div class="header">
+		<a class="button icon back-list-button_middle" href="?_task=settings"><span class="inner"><roundcube:label name="back" /></span></a>
+		<span id="aria-label-identitieslist" class="header-title"><roundcube:label name="identities" /></span>
+		<a class="button icon toolbar-menu-button" href="#list-menu"><span class="inner"><roundcube:label name="menu" /></span></a>
+	</div>
+	<div class="scroller">
+		<roundcube:object name="identitieslist" id="identities-table" class="listing"
+			noheader="true" role="listbox" data-list="identity_list"
+			data-label-msg="listempty" data-label-ext="listusebutton" data-create-command="add" />
+	</div>
+	<div class="footer"></div>
+</div>
+
+<!-- response details frame -->
+<div id="layout-content" role="main">
+	<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
+	<div class="header" role="toolbar" aria-labelledby="aria-label-toolbar">
+		<a class="button icon back-list-button" href="#back"><span class="inner"><roundcube:label name="back" /></span></a>
+		<span class="header-title"></span>
+		<!-- toolbar -->
+		<div id="identitiestoolbar" class="toolbar menu">
+			<roundcube:button command="add" type="link" class="create disabled" classAct="create"
+				label="create" title="newidentity" innerClass="inner" 
+				condition="config:identities_level:0<2" data-fab="true" />
+			<roundcube:button command="delete" type="link" class="delete disabled" classAct="delete"
+				label="delete" title="delete" innerClass="inner"
+				condition="config:identities_level:0<2" />
+		</div>
+	</div>
+	<div class="iframe-wrapper">
+		<roundcube:object name="contentframe" id="preferences-frame" src="env:blankpage" title="arialabelidentityeditfrom" />
+	</div>
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/identityedit.html b/templates/identityedit.html
new file mode 100644
index 0000000..7ffff15
--- /dev/null
+++ b/templates/identityedit.html
@@ -0,0 +1,13 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:object name="steptitle" /></h1>
+
+<div class="formcontent">
+	<roundcube:object name="identityform" class="propform" size="40" textareacols="40" textarearows="6" />
+</div>
+
+<div class="formbuttons">
+	<roundcube:button command="save" class="btn btn-primary submit" label="save" condition="!env:readonly" />
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/includes/footer.html b/templates/includes/footer.html
new file mode 100644
index 0000000..ec64cbc
--- /dev/null
+++ b/templates/includes/footer.html
@@ -0,0 +1,14 @@
+<roundcube:if condition="!env:framed || env:extwin" />
+</div>
+<roundcube:if condition="config:support_url" />
+<a href="<roundcube:var name='config:support_url' />" target="_blank" id="supportlink" class="hidden"><roundcube:label name="support" /></a>
+<roundcube:endif />
+<roundcube:endif />
+
+<roundcube:object name="message" id="messagestack" />
+
+<script src="/deps/bootstrap.bundle.min.js"></script>
+<script src="/ui.js"></script>
+
+</body>
+</html>
diff --git a/templates/includes/footer_menu.html b/templates/includes/footer_menu.html
new file mode 100644
index 0000000..9d03642
--- /dev/null
+++ b/templates/includes/footer_menu.html
@@ -0,0 +1,17 @@
+
+
+		<div class="menu menu_bottom">
+			<roundcube:button command="mail" label="mail" type="link" innerClass="inner" class="mail" classSel="mail selected" />
+<roundcube:button command="addressbook" label="contacts" type="link" innerClass="inner"	class="contacts" classSel="contacts selected" />
+<roundcube:container name="taskbar" id="taskmenu" />
+
+		<roundcube:if condition="env:quota" />
+			<div id="quotadisplay" class="quota-widget">
+				<span class="voice"><roundcube:label name="quota"></span>
+				<roundcube:object name="quotaDisplay" class="count" display="text" />
+			</div>
+		<roundcube:endif />
+	</div>
+
+
+
diff --git a/templates/includes/layout.html b/templates/includes/layout.html
new file mode 100644
index 0000000..90a8374
--- /dev/null
+++ b/templates/includes/layout.html
@@ -0,0 +1,46 @@
+<roundcube:add_label name="back" />
+<roundcube:add_label name="errortitle" />
+<roundcube:add_label name="options" />
+<roundcube:add_label name="plaintoggle" />
+<roundcube:add_label name="htmltoggle" />
+<roundcube:add_label name="previous" />
+<roundcube:add_label name="next" />
+<roundcube:add_label name="select" />
+<roundcube:add_label name="close" />
+<roundcube:add_label name="browse" />
+<roundcube:add_label name="choosefile" />
+<roundcube:add_label name="choosefiles" />
+<roundcube:object name="doctype" value="html5" />
+<roundcube:if condition="!env:framed || env:extwin" />
+<html>
+<roundcube:else />
+<html class="iframe">
+<roundcube:endif />
+<head>
+	<roundcube:object name="meta" />
+	<roundcube:object name="links" />
+	<link rel="stylesheet" href="/deps/bootstrap.min.css">
+	<roundcube:if condition="config:devel_mode" />
+		<link rel="stylesheet/less" href="/styles/styles.less">
+		<roundcube:link rel="stylesheet/less" href="/styles/print.less" condition="env:action == 'print'" />
+		<script src="/deps/less.min.js" data-env="development"></script>
+	<roundcube:else />
+		<link rel="stylesheet" href="/styles/styles.css">
+		<roundcube:link rel="stylesheet" href="/styles/print.css" condition="env:action == 'print'" />
+	<roundcube:endif />
+	<roundcube:if condition="env:action != 'print' && !config:devel_mode && config:dark_mode_support" />
+		<script>
+		try {
+			if (document.cookie.indexOf('colorMode=dark') > -1
+				|| (document.cookie.indexOf('colorMode=light') === -1 && window.matchMedia('(prefers-color-scheme: dark)').matches)
+			) {
+				document.documentElement.className += ' dark-mode';
+			}
+		} catch (e) { }
+		</script>
+	<roundcube:endif />
+</head>
+<body class="task-<roundcube:exp expression="env:error_task ?: env:task ?: 'error'"> action-<roundcube:exp expression="asciiwords(env:action, true, '-') ?: 'none'">">
+	<roundcube:if condition="!env:framed || env:extwin" />
+		<div id="<roundcube:exp expression="env:action == 'print' ? 'print-' : ''">layout">
+	<roundcube:endif />
diff --git a/templates/includes/mail-menu.html b/templates/includes/mail-menu.html
new file mode 100644
index 0000000..b52ecbd
--- /dev/null
+++ b/templates/includes/mail-menu.html
@@ -0,0 +1,101 @@
+<roundcube:add_label name="viewsource" />
+<div id="mailtoolbar" class="toolbar menu" role="toolbar">
+	<roundcube:button command="compose" type="link" class="compose hidden"
+		label="compose" title="writenewmessage" innerclass="inner" />
+	<roundcube:button command="reply" type="link" class="reply disabled" classAct="reply"
+		label="reply" title="replytomessage" innerclass="inner" data-content-button="true" />
+
+
+
+
+
+
+	<roundcube:button name="messagemenulink" id="messagemenulink" type="link" class="more"
+		label="more" title="moreactions" data-popup="message-menu" innerclass="inner" />
+
+
+	
+
+</div>
+	
+
+
+<div id="message-menu" class="popupmenu">
+	<h3 id="aria-label-message-menu" class="voice"><roundcube:label name="arialabelmoremessageactions" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-message-menu">
+	
+	
+		<roundcube:add_label name="arialabelmessageheaders" />
+		
+		<roundcube:if condition="env:optional_format=='text'" />
+			<roundcube:button type="link-menuitem" command="change-format" prop="text" label="plaintoggle" class="changeformattext" classAct="changeformattext active" data-hidden="small"/>
+		<roundcube:elseif condition="env:optional_format=='html'" />
+			<roundcube:button type="link-menuitem" command="change-format" prop="html" label="htmltoggle" class="changeformathtml" classAct="changeformathtml active" data-hidden="small"/>
+		<roundcube:endif />
+
+	
+	
+		<roundcube:button type="link-menuitem" command="print" label="printmessage" class="print disabled" classAct="print active" data-hidden="small"/>
+		<roundcube:if condition="template:name != 'message'" />
+			<roundcube:button type="link-menuitem" command="import-messages" label="import" class="import disabled" classAct="import active" name="messageimport" onclick="UI.import_dialog()" />
+		<roundcube:endif />
+		<roundcube:button type="link-menuitem" command="download" label="export" class="download disabled" classAct="download active" />
+		<roundcube:button type="link-menuitem" command="edit" prop="new" label="editasnew" class="edit asnew disabled" classAct="edit asnew active" />
+
+		<roundcube:button type="link-menuitem" command="headers" label="headers" class="headers-all" classAct="headers-all active" onclick="UI.headers_dialog()"/>
+		
+		<roundcube:button type="link-menuitem" command="viewsource" label="viewsource" class="source disabled" classAct="source active" />
+		<roundcube:button type="link-menuitem" command="move" label="moveto" class="move disabled" classAct="move active" innerclass="folder-selector-link" aria-haspopup="true" />
+		<roundcube:button type="link-menuitem" command="copy" label="copyto" class="copy disabled" classAct="copy active" innerclass="folder-selector-link" aria-haspopup="true" />
+		<roundcube:button type="link-menuitem" command="open" label="openinextwin" target="_blank" class="extwin disabled" classAct="extwin active" data-hidden="small" />
+		<roundcube:container name="messagemenu" id="message-menu" />
+	</ul>
+</div>
+
+<div id="message-menu-small" class="popupmenu">
+	<h3 id="aria-label-message-menu" class="voice"><roundcube:label name="arialabelmoremessageactions" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-message-menu">
+	
+
+		<roundcube:button type="link-menuitem" command="delete" label="delete" class="delete disabled" classAct="delete" innerclass="inner"/>
+		
+		<roundcube:container name="toolbar" id="mailtoolbar" />
+		<roundcube:button type="link-menuitem" command="mark" prop="unread" label="markunread" class="unread disabled" classAct="unread" innerclass="inner"/>
+		<roundcube:button type="link-menuitem" command="mark" prop="flagged" label="markflagged" class="flag disabled" classAct="flag" innerclass="inner"/>
+
+	
+		<roundcube:button type="link-menuitem" command="print" label="printmessage" class="print disabled" classAct="print active" data-hidden="small"/>
+		<roundcube:if condition="template:name != 'message'" />
+			<roundcube:button type="link-menuitem" command="import-messages" label="import" class="import disabled" classAct="import active"
+				name="messageimport" onclick="UI.import_dialog()" />
+		<roundcube:endif />
+		<roundcube:button type="link-menuitem" command="download" label="export" class="download disabled" classAct="download active" />
+		<roundcube:button type="link-menuitem" command="edit" prop="new" label="editasnew" class="edit asnew disabled" classAct="edit asnew active" />
+		
+		
+		
+
+
+
+		<roundcube:button type="link-menuitem" command="viewsource" label="viewsource" class="source disabled" classAct="source active" />
+		<roundcube:button type="link-menuitem" command="move" label="moveto" class="move disabled" classAct="move active" innerclass="folder-selector-link" aria-haspopup="true" />
+		<roundcube:button type="link-menuitem" command="copy" label="copyto" class="copy disabled" classAct="copy active" innerclass="folder-selector-link" aria-haspopup="true" />
+		<roundcube:button type="link-menuitem" command="open" label="openinextwin" target="_blank" class="extwin disabled" classAct="extwin active" data-hidden="small" />
+		<roundcube:container name="messagemenu" id="message-menu" />
+	</ul>
+</div>
+
+<div id="markmessage-menu" class="popupmenu">
+	<h3 id="aria-label-markmessage-menu" class="voice"><roundcube:label name="arialabelmarkmessagesas" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-markmessage-menu">
+		<roundcube:button type="link-menuitem" command="mark" prop="read" label="markread" classAct="read active" class="read disabled" />
+		<roundcube:button type="link-menuitem" command="mark" prop="unread" label="markunread" classAct="unread active" class="unread disabled" />
+		<roundcube:button type="link-menuitem" command="mark" prop="flagged" label="markflagged" classAct="flag active" class="flag disabled" />
+		<roundcube:button type="link-menuitem" command="mark" prop="unflagged" label="markunflagged" classAct="unflag active" class="unflag disabled" />
+		<roundcube:container name="markmenu" id="markmessage-menu" />
+	</ul>
+</div>
+
+<roundcube:if condition="template:name != 'message'" />
+	<roundcube:object name="messageimportform" id="uploadform" class="popupmenu formcontent" buttons="no" />
+<roundcube:endif />
diff --git a/templates/includes/menu.html b/templates/includes/menu.html
new file mode 100644
index 0000000..352eeb5
--- /dev/null
+++ b/templates/includes/menu.html
@@ -0,0 +1,42 @@
+<div id="layout-menu">
+	<h2 id="aria-label-tasknav" class="voice"><roundcube:label name="arialabeltasknav" /></h2>
+	<div class="popover-header">
+		<roundcube:object name="logo" src="/images/logo.svg" id="logo" alt="Logo" />
+		<a class="button icon cancel"><span class="inner"><roundcube:label name="close" /></span></a>
+	</div>
+	<div id="taskmenu" class="menu toolbar" role="navigation" aria-labelledby="aria-label-tasknav">
+		<span class="action-buttons">
+			<roundcube:if condition="env:action == 'compose' and env:task == 'mail'" />
+				<roundcube:button command="compose" type="link" class="compose selected"
+					label="compose" title="writenewmessage" innerclass="inner" />
+			<roundcube:else />
+				<roundcube:button command="compose" type="link" class="compose"
+					label="compose" title="writenewmessage" innerclass="inner"
+					data-fab="true" data-fab-task="mail" data-fab-action="none" />
+			<roundcube:endif />
+		</span>
+		<roundcube:if condition="env:action == 'compose' and env:task == 'mail'" />
+			<roundcube:button command="mail" label="mail" type="link" innerClass="inner"
+				class="mail" />
+		<roundcube:else />
+			<roundcube:button command="mail" label="mail" type="link" innerClass="inner"
+				class="mail" classSel="mail selected" />
+		<roundcube:endif />
+		<roundcube:button command="addressbook" label="contacts" type="link" innerClass="inner"
+			class="contacts" classSel="contacts selected" />
+		<roundcube:container name="taskbar" id="taskmenu" />
+		<roundcube:button command="settings" label="settings" type="link" innerClass="inner"
+			class="settings" classSel="settings selected" />
+		<span class="special-buttons">
+			<roundcube:if condition="config:dark_mode_support" />
+				<roundcube:add_label name="darkmode" />
+				<roundcube:add_label name="lightmode" />
+				<roundcube:button name="theme" label="darkmode" type="link" innerClass="inner" class="theme dark" />
+			<roundcube:endif />
+			<roundcube:button name="about" label="about" type="link"
+				class="about" innerClass="inner" onclick="UI.about_dialog(this)" />
+			<roundcube:button command="logout" label="logout" type="link"
+				class="logout" innerClass="inner" />
+		</span>
+	</div>
+</div>
diff --git a/templates/includes/message-popmenu.html b/templates/includes/message-popmenu.html
new file mode 100644
index 0000000..5626828
--- /dev/null
+++ b/templates/includes/message-popmenu.html
@@ -0,0 +1,38 @@
+
+
+
+<div id="message-menu-inner" class="popupmenu">
+	<h3 id="aria-label-message-menu" class="voice"><roundcube:label name="arialabelmoremessageactions" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-message-menu">
+	
+		<roundcube:button type="link-menuitem" command="reply-all" label="replyall" class="reply-all" classAct="reply-all active" />
+		<roundcube:button type="link-menuitem" command="forward" label="forward" class="forward" classAct="forward active" />
+
+		<roundcube:button type="link-menuitem" command="mark" prop="unread" label="markunread" classAct="unread active" class="unread disabled" onclick="unread_click()"/>
+		
+		<roundcube:if condition="env:optional_format=='text'" />
+			<roundcube:button type="link-menuitem" command="change-format" prop="text" label="plaintoggle" class="changeformattext" classAct="changeformattext active" data-hidden="small"/>
+		<roundcube:elseif condition="env:optional_format=='html'" />
+			<roundcube:button type="link-menuitem" command="change-format" prop="html" label="htmltoggle" class="changeformathtml" classAct="changeformathtml active" data-hidden="small"/>
+		<roundcube:endif />
+
+	
+			<roundcube:button type="link-menuitem" command="print" label="printmessage" class="print disabled" classAct="print active" data-hidden="small"/>
+
+		<roundcube:if condition="template:name != 'message'" />
+			<roundcube:button type="link-menuitem" command="import-messages" label="import" class="import disabled" classAct="import active" name="messageimport" onclick="UI.import_dialog()" />
+		<roundcube:endif />
+		
+		
+		<roundcube:button type="link-menuitem" command="download" label="export" class="download disabled" classAct="download active" />
+		
+				<roundcube:button type="link-menuitem" command="move" label="moveto" class="move disabled" classAct="move active" innerclass="folder-selector-link" aria-haspopup="true" />
+		<roundcube:button type="link-menuitem" command="copy" label="copyto" class="copy disabled" classAct="copy active" innerclass="folder-selector-link" aria-haspopup="true" />
+
+		<roundcube:button type="link-menuitem" command="headers" label="headers" class="headers-all" classAct="headers-all active" onclick="UI.headers_dialog()"/>
+		
+		<roundcube:button type="link-menuitem" command="viewsource" label="viewsource" class="source disabled" classAct="source active" />
+		<roundcube:button type="link-menuitem" command="open" label="openinextwin" target="_blank" class="extwin disabled" classAct="extwin active" data-hidden="small" />
+		<roundcube:container name="messagemenu" id="message-menu" />
+	</ul>
+</div>
\ No newline at end of file
diff --git a/templates/includes/pagenav.html b/templates/includes/pagenav.html
new file mode 100644
index 0000000..e03a811
--- /dev/null
+++ b/templates/includes/pagenav.html
@@ -0,0 +1,20 @@
+<div class="pagenav menu footer small" role="toolbar" aria-label="<roundcube:label name="arialabellistnav" />">
+	<roundcube:button command="firstpage" type="link" class="firstpage disabled" classAct="firstpage"
+		title="firstpage" label="first" innerclass="inner" />
+	<roundcube:button command="previouspage" type="link" class="prevpage disabled" classAct="prevpage"
+		title="previouspage" label="previous" innerclass="inner" />
+	<roundcube:if condition="template:name == 'mail'" />
+		<roundcube:object name="messageCountDisplay" class="pagenav-text" aria-live="polite" aria-relevant="text" />
+		<input class="form-control" type="text" size="3" disabled title="<roundcube:label name="currpage" />" />
+	<roundcube:elseif condition="template:name == 'addressbook'" />
+		<span class="pagenav-text" aria-live="polite" aria-relevant="text">
+			<roundcube:object name="recordsCountDisplay" label="fromtoshort" />
+		</span>
+	<roundcube:else />
+		<span class="pagenav-text" aria-live="polite" aria-relevant="text">&nbsp;</span>
+	<roundcube:endif />
+	<roundcube:button command="nextpage" type="link" class="nextpage disabled" classAct="nextpage"
+		title="nextpage" label="next" innerclass="inner" />
+	<roundcube:button command="lastpage" type="link" class="lastpage disabled" classAct="lastpage"
+		title="lastpage" label="last" innerclass="inner" />
+</div>
diff --git a/templates/includes/settings-menu.html b/templates/includes/settings-menu.html
new file mode 100644
index 0000000..692b67f
--- /dev/null
+++ b/templates/includes/settings-menu.html
@@ -0,0 +1,21 @@
+<div id="layout-sidebar" class="listbox<roundcube:exp expression="!request:_action ? ' selected' : ''"/>" role="navigation" aria-labelledby="aria-label-settingstabs">
+	<div class="header">
+
+		<a style="width:40px;font-size: 1.75rem;height: 58px;text-decoration:none;text-align:center;" href="./?_task=mail"><i class="sebicon backicon"></i></a>
+		<span id="aria-label-settingstabs" class="header-title"><roundcube:label name="settings" /></span>
+	</div>
+	<div class="scroller">
+		<ul id="settings-menu" class="listing iconized settings-default-icon<roundcube:exp expression="!request:_action ? ' selection-large-only' : ''"/>">
+			<roundcube:object name="settingstabs" class="listitem" tagname="li" />
+			<roundcube:container name="tabs" id="settings-menu" />
+			
+			
+			
+			<li class="listitem about" onclick="UI.about_dialog()" style="cursor:pointer">
+				<a><roundcube:label name="about" /></a>
+			</li>			
+			
+
+		</ul>
+	</div>
+</div>
diff --git a/templates/includes/top-right_menu.html b/templates/includes/top-right_menu.html
new file mode 100644
index 0000000..94a49a4
--- /dev/null
+++ b/templates/includes/top-right_menu.html
@@ -0,0 +1,16 @@
+<div class=" sebmenu hidden-phone hidden-small">
+<i class="sebicon usermenu"style='font-size: 2em;'></i>
+	<div class="hovermenu z-depth-2" id="taskmenu">
+	
+		<div class="menuopt" onclick="rcmail.command('switch-task', 'settings', false, false)">
+			<i class="sebicon cog" ></i> &nbsp; <roundcube:label name="settings" />
+		</div>
+		<div class="click_change_theme menuopt">
+			<i class="sebicon contrast"></i> &nbsp; <span class="sebicon_contrast_txt"></span>
+		</div>
+
+		<div onclick="elastic2022_logout()" class='menuopt'>
+			 <i class="sebicon logout"></i> &nbsp; <roundcube:label name="logout" />
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/templates/login.html b/templates/login.html
new file mode 100644
index 0000000..0279481
--- /dev/null
+++ b/templates/login.html
@@ -0,0 +1,24 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:object name="productname" /> <roundcube:label name="login" /></h1>
+
+<div id="layout-content" class="selected no-navbar" role="main">
+	<roundcube:object name="logo" src="/images/logo.svg" id="logo" alt="Logo" />
+	<roundcube:form id="login-form" name="login-form" method="post" class="propform">
+	<roundcube:object name="loginform" form="login-form" size="40" submit=true class="form-control" />
+		<div id="login-footer" role="contentinfo">
+			<roundcube:object name="productname" condition="config:display_product_info &gt; 0" />
+			<roundcube:object name="version" condition="config:display_product_info == 2" />
+			<roundcube:if condition="config:support_url" />
+				&nbsp;&bull;&nbsp; <a href="<roundcube:var name='config:support_url' />" target="_blank" class="support-link"><roundcube:label name="support" /></a>
+			<roundcube:endif />
+			<roundcube:container name="loginfooter" id="login-footer" />
+		</div>
+	</form>
+</div>
+
+<noscript>
+	<p class="noscriptwarning"><roundcube:label name="noscriptwarning" /></p>
+</noscript>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/mail.html b/templates/mail.html
new file mode 100644
index 0000000..f755f6f
--- /dev/null
+++ b/templates/mail.html
@@ -0,0 +1,292 @@
+<roundcube:include file="includes/layout.html" />
+
+
+<roundcube:include file="includes/top-right_menu.html" />
+
+		
+<roundcube:include file="includes/message-popmenu.html" />
+
+<div style="display:none">
+	<roundcube:if condition="env:threads" />
+		<roundcube:button command="compose" type="link" class="compose"
+			label="compose" title="writenewmessage" innerclass="inner"
+			data-fab="true" data-fab-task="mail" data-fab-action="none" />
+	<roundcube:endif />
+		
+</div>
+		
+<h1 class="voice"><roundcube:label name="mail" /></h1>
+
+<!-- folders list -->
+<div id="layout-sidebar" class="listbox" role="navigation" aria-labelledby="aria-label-folderlist">
+	<div class="header" style="border:0;">
+	
+	
+		<a href="./?_task=mail&_action=compose" class="compose button">
+			<div><i class="sebicon composeicon" style="margin: 1rem;"></i><roundcube:label name="compose" /></div>
+		</a>
+		
+
+	</div>
+	<h2 id="aria-label-folderlist" class="voice"><roundcube:label name="arialabelfolderlist" /></h2>
+	<div id="folderlist-content" class="scroller">
+		<roundcube:object name="mailboxlist" id="mailboxlist" class="treelist listing folderlist" folder_filter="mail" unreadwrap="%s" />
+		
+		<roundcube:button name="folderactions" type="link" title="folderactions" label="actions"
+			class="button icon sidebar-menu" innerclass="inner" data-popup="mailboxoptions-menu" />
+
+	</div>
+	
+
+
+	<roundcube:include file="includes/footer_menu.html" />
+
+</div>
+<roundcube:include file="includes/mail-popmenu.html" />
+<!-- messages list -->
+<div id="layout-list" class="listbox selected">
+
+
+
+	<div id="messagelist-header" class="header" style="height:36px;min-height:36px;">
+	
+		<a class="button icon task-menu-button" href="#menu" style="width:44px;height:44px;line-height: 38px;font-size: 16px;text-indent: 8px;"></a>
+
+		<div class="toolbar menu" role="toolbar">
+			<a href="#select" class="select disabled" data-popup="listselect-menu" data-toggle-button="list-toggle-button" title="<roundcube:label name="select" />"><span class="inner"><roundcube:label name="select" /></span></a>
+			<roundcube:if condition="env:threads" />
+				<a href="#threads" class="threads disabled" data-popup="threadselect-menu" title="<roundcube:label name="threads" />"><span class="inner"><roundcube:label name="threads" /></span></a>
+			<roundcube:endif />
+			<roundcube:object name="listmenulink" class="options active" label="options" innerclass="inner" />
+			<roundcube:container name="listcontrols" id="listcontrols" />
+			
+			<roundcube:button command="checkmail" type="link" class="button icon toolbar-button refresh"
+			label="refresh" title="checkmail" innerclass="inner" />
+			
+		</div>
+
+
+	</div>
+	
+<table class="tableheaderseb"><tr>
+
+<td class="only_small_screen" style="padding: .2rem 0 0 1rem;vertical-align: baseline;">
+<a class="button icon task-menu-button" href="#menu" style="font-size: 20px;"><span class="inner"><roundcube:label name="menu" /></span></a>
+</td>
+<td>
+	<roundcube:add_label name="showunread" />
+	<roundcube:object name="searchform" id="mailsearchform" wrapper="searchbar menu"
+		label="mailquicksearchbox" buttontitle="findmail" options="searchmenu" ariatag="h2" />
+</td>
+<td class='only_small_screen' style='width:0px;'></td>
+</tr></table>
+		
+	<div id="searchmenu" class="hidden searchoptions scroller propform formcontainer" aria-labelledby="aria-label-search-menu" aria-controls="messagelist">
+		<h3 id="aria-label-search-menu" class="voice"><roundcube:label name="searchmod" /></h3>
+		<div class="formcontent">
+			<ul class="proplist">
+				<li><label><input type="checkbox" name="s_mods[]" value="subject" /><roundcube:label name="subject" /></label></li>
+				<li><label><input type="checkbox" name="s_mods[]" value="from" /><roundcube:label name="from" /></label></li>
+				<li><label><input type="checkbox" name="s_mods[]" value="to" /><roundcube:label name="to" /></label></li>
+				<li><label><input type="checkbox" name="s_mods[]" value="cc" /><roundcube:label name="cc" /></label></li>
+				<li><label><input type="checkbox" name="s_mods[]" value="bcc" /><roundcube:label name="bcc" /></label></li>
+				<li><label><input type="checkbox" name="s_mods[]" value="body" /><roundcube:label name="body" /></label></li>
+				<li><label><input type="checkbox" name="s_mods[]" value="text" /><roundcube:label name="msgtext" /></label></li>
+			</ul>
+			<div class="input-group">
+				<div class="input-group-prepend">
+					<label for="searchfilter" class="input-group-text"><roundcube:label name="type" /></label>
+				</div>
+				<roundcube:object name="searchfilter" id="searchfilter" noevent="true" class="custom-select" />
+			</div>
+			<div class="input-group">
+				<div class="input-group-prepend">
+					<label for="s_interval" class="input-group-text"><roundcube:label name="date" /></label>
+				</div>
+				<roundcube:object name="searchinterval" id="s_interval" class="custom-select" />
+			</div>
+			<div class="input-group">
+				<div class="input-group-prepend">
+					<label for="s_scope" class="input-group-text"><roundcube:label name="searchscope" /></label>
+				</div>
+				<select name="s_scope" id="s_scope" class="custom-select">
+					<option value="base"><roundcube:label name="currentfolder" /></option>
+					<option value="sub"><roundcube:label name="subfolders" /></option>
+					<option value="all"><roundcube:label name="allfolders" /></option>
+				</select>
+			</div>
+		</div>
+		<div class="formbuttons">
+			<button type="button" class="btn btn-primary icon search" onclick="return rcmail.command('search')"><roundcube:label name="search" /></button>
+		</div>
+	</div>
+	<div id="messagelist-content" class="scroller" tabindex="-1">
+		<h2 id="aria-label-messagelist" class="voice"><roundcube:label name="arialabelmessagelist" /></h2>
+		<roundcube:object name="messages" id="messagelist" class="listing messagelist sortheader fixedheader"
+			aria-labelledby="aria-label-messagelist" data-list="message_list" data-label-msg="listempty"
+		/>
+	</div>
+	<roundcube:include file="includes/pagenav.html" />
+</div>
+
+<!-- message preview -->
+<div id="layout-content">
+	<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
+
+	<div class="header_back">
+
+	
+	<div class="header_topmenu menu">
+		<div class="header_back_back" style="width:58px;height:58px;float: left;" onclick="UI.show_list();">
+			<a class="button icon back" href="#sidebar" style="font-size: 1.5em"></a>
+		</div>
+		
+		<a onclick="return rcmail.command('plugin.archive','',this,event)" id="header_topmenu_archive" style="display:none"class="sebicon archive"></a>
+		
+		<roundcube:button command="delete" type="link" class="delete disabled" classAct="delete" label="delete" title="delete" innerclass="inner" data-content-button="true" />
+		
+		<roundcube:button name="messagemenulinkaaa" id="messagemenulinkaaa" type="link" class="more" label="more" title="moreactions" data-popup="message-menu-inner" innerclass="inner" />
+
+	</div>
+	
+	
+
+	</div>
+
+
+	
+	<h2 id="aria-label-mailpreviewframe" class="voice"><roundcube:label name="arialabelmailpreviewframe" /></h2>
+	<div class="iframe-wrapper">
+		<roundcube:object name="contentframe"
+			id="messagecontframe"
+			aria-labelledby="aria-label-mailpreviewframe"
+			src="env:blankpage"
+			title="arialabelmailpreviewframe"
+		/>
+	</div>
+</div>
+
+<!-- popup menus -->
+
+
+<div id="message-menu-topmenu" class="popupmenu">
+	<h3 id="aria-label-dragmessage-menu" class="voice"><roundcube:label name="arialabeldropactionmenu" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-dragmessage-menu">
+
+
+		<roundcube:button type="link-menuitem" command="mark" prop="unread" label="markunread" class="unread disabled" classAct="unread" innerclass="inner"/>
+		<roundcube:button type="link-menuitem" command="mark" prop="flagged" label="markflagged" class="flag disabled" classAct="flag" innerclass="inner"/>
+		
+		<roundcube:button type="link-menuitem" command="move" label="moveto" class="move disabled" classAct="move active" innerclass="folder-selector-link" aria-haspopup="true" />
+		<roundcube:button type="link-menuitem" command="copy" label="copyto" class="copy disabled" classAct="copy active" innerclass="folder-selector-link" aria-haspopup="true" />
+	</ul>
+</div>
+
+<div id="dragmessage-menu" class="popupmenu">
+	<h3 id="aria-label-dragmessage-menu" class="voice"><roundcube:label name="arialabeldropactionmenu" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-dragmessage-menu">
+		<roundcube:button command="move" type="link-menuitem" onclick="return rcmail.drag_menu_action('move')" label="move" class="disabled" classAct="active" />
+		<roundcube:button command="copy" type="link-menuitem" onclick="return rcmail.drag_menu_action('copy')" label="copy" class="disabled" classAct="active" />
+	</ul>
+</div>
+
+<div id="mailboxoptions-menu" class="popupmenu">
+	<h3 id="aria-label-mailboxoptions-menu" class="voice"><roundcube:label name="arialabelmailboxmenu" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-mailboxoptions-menu">
+		<roundcube:button command="expunge" type="link-menuitem" label="compact" class="expunge disabled" classAct="expunge active" />
+		<roundcube:button command="purge" type="link-menuitem" label="empty" class="purge disabled" classAct="purge active" />
+		<roundcube:button command="mark-all-read" type="link-menuitem" label="markallread" class="read disabled" classAct="read active" />
+		<roundcube:button command="folders" task="settings" type="link-menuitem" label="managefolders" class="folders disabled" classAct="folders active" />
+		<roundcube:container name="mailboxoptions" id="mailboxoptionsmenu" />
+	</ul>
+</div>
+
+<div id="listselect-menu" class="popupmenu">
+	<h3 id="aria-label-listselect-menu" class="voice"><roundcube:label name="arialabellistselectmenu" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-listselect-menu">
+
+		<roundcube:button command="select-all" type="link-menuitem" label="all" class="select all disabled" classAct="select all active" />
+		<roundcube:button command="select-all" type="link-menuitem" prop="page" label="currpage" class="select page disabled" classAct="select page active" />
+		<roundcube:button command="select-all" type="link-menuitem" prop="unread" label="unread" class="select unread disabled" classAct="select unread active" />
+		<roundcube:button command="select-all" type="link-menuitem" prop="flagged" label="flagged" class="select flagged disabled" classAct="select flagged active" />
+		<roundcube:button command="select-all" type="link-menuitem" prop="invert" label="invert" class="select invert disabled" classAct="select invert active" />
+		<roundcube:button command="select-none" type="link-menuitem" label="none" class="select none disabled" classAct="select none active" />
+	</ul>
+</div>
+
+<div id="threadselect-menu" class="popupmenu">
+	<h3 id="aria-label-threadselectmenu" class="voice"><roundcube:label name="arialabelthreadselectmenu" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-threadselectmenu">
+		<roundcube:button command="expand-unread" type="link-menuitem" label="expand-unread" class="expand unread disabled" classAct="expand unread active" />
+		<roundcube:button command="expand-all" type="link-menuitem" label="expand-all" class="expand all disabled" classAct="expand all active" />
+		<roundcube:button command="collapse-all" type="link-menuitem" label="collapse-all" class="expand none disabled" classAct="expand none active" />
+	</ul>
+</div>
+
+<div id="listoptions-menu" class="popupmenu propform" role="dialog" aria-labelledby="aria-label-listoptions">
+	<h3 id="aria-label-listoptions" class="voice"><roundcube:label name="arialabelmessagelistoptions" /></h3>
+	<roundcube:if condition="!in_array('message_sort_col', (array)config:dont_override)" />
+	<div class="form-group row">
+		<label for="listoptions-sortcol" class="col-form-label col-sm-4"><roundcube:label name="listsorting" /></label>
+		<div class="col-sm-8">
+			<select id="listoptions-sortcol" name="sort_col">
+				<option value=""><roundcube:label name="nonesort" /></option>
+				<option value="arrival"><roundcube:label name="arrival" /></option>
+				<option value="date"><roundcube:label name="sentdate" /></option>
+				<option value="subject"><roundcube:label name="subject" /></option>
+				<option value="fromto"><roundcube:label name="fromto" /></option>
+				<option value="from"><roundcube:label name="from" /></option>
+				<option value="to"><roundcube:label name="to" /></option>
+				<option value="cc"><roundcube:label name="cc" /></option>
+				<option value="size"><roundcube:label name="size" /></option>
+			</select>
+		</div>
+	</div>
+	<roundcube:endif />
+	<roundcube:if condition="!in_array('message_sort_order', (array)config:dont_override)" />
+	<div class="form-group row">
+		<label for="listoptions-sortord" class="col-form-label col-sm-4"><roundcube:label name="listorder" /></label>
+		<div class="col-sm-8">
+			<select id="listoptions-sortord" name="sort_ord">
+				<option value="ASC"><roundcube:label name="asc" /></option>
+				<option value="DESC"><roundcube:label name="desc" /></option>
+			</select>
+		</div>
+	</div>
+	<roundcube:endif />
+	<roundcube:if condition="env:threads" />
+	<div class="form-group row">
+		<label for="listoptions-threads" class="col-form-label col-sm-4"><roundcube:label name="lmode" /></label>
+		<div class="col-sm-8">
+			<select id="listoptions-threads" name="mode">
+				<option value="list"><roundcube:label name="list" /></option>
+				<option value="threads"><roundcube:label name="threads" /></option>
+			</select>
+		</div>
+	</div>
+	<roundcube:endif />
+	<roundcube:container name="listoptions" id="listoptionsmenu" />
+	<roundcube:add_label name="listoptionstitle" />
+</div>
+
+<div id="message-menu" class="popupmenu">
+	<h3 id="aria-label-message-menu" class="voice"><roundcube:label name="arialabelmoremessageactions" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-message-menu">
+		<roundcube:button type="link-menuitem" command="print" label="printmessage" class="print disabled" classAct="print active" data-hidden="small"/>
+		<roundcube:if condition="template:name != 'message'" />
+			<roundcube:button type="link-menuitem" command="import-messages" label="import" class="import disabled" classAct="import active"
+				name="messageimport" onclick="UI.import_dialog()" />
+		<roundcube:endif />
+		<roundcube:button type="link-menuitem" command="download" label="export" class="download disabled" classAct="download active" />
+		<roundcube:button type="link-menuitem" command="edit" prop="new" label="editasnew" class="edit asnew disabled" classAct="edit asnew active" />
+		
+		<roundcube:button type="link-menuitem" command="headers" label="headers" class="source disabled" classAct="source active" />
+		<roundcube:button type="link-menuitem" command="viewsource" label="viewsource" class="source disabled" classAct="source active" />
+		<roundcube:button type="link-menuitem" command="move" label="moveto" class="move disabled" classAct="move active" innerclass="folder-selector-link" aria-haspopup="true" />
+		<roundcube:button type="link-menuitem" command="copy" label="copyto" class="copy disabled" classAct="copy active" innerclass="folder-selector-link" aria-haspopup="true" />
+		<roundcube:button type="link-menuitem" command="open" label="openinextwin" target="_blank" class="extwin disabled" classAct="extwin active" data-hidden="small" />
+		<roundcube:container name="messagemenu" id="message-menu" />
+	</ul>
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/message.html b/templates/message.html
new file mode 100644
index 0000000..d8cc9f1
--- /dev/null
+++ b/templates/message.html
@@ -0,0 +1,141 @@
+<roundcube:include file="includes/layout.html" />
+
+
+
+<roundcube:object name="mailboxlist" folder_filter="mail" type="js" />
+
+<roundcube:include file="includes/message-popmenu.html" />
+	
+	
+<h1 class="voice"><roundcube:label name="arialabelmailpreviewframe" /></h1>
+
+
+
+
+<div id="layout-content" class="selected">
+
+
+
+
+	<roundcube:if condition="!env:framed" />
+		<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
+		<div class="header" role="toolbar" aria-labelledby="aria-label-toolbar">
+
+			<roundcube:include file="includes/top-right_menu.html" />
+		</div>
+	<roundcube:endif />
+	
+
+
+
+	<div class="content frame-content" role="main">
+		<div id="message-header">
+		
+		
+
+	
+	
+	
+			<h2 class="subject">
+				<div style="display:inline-block;float:right;width:40px;height:30px"></div>
+				
+				<span class="voice"><roundcube:label name="subject" />: </span>
+				<roundcube:object name="messageHeaders" valueOf="subject" />
+
+
+			</h2>
+			<div class="header">
+			<table style="width:100%">
+			<tr><td style="width:40px;vertical-align: top;">
+				<roundcube:object name="contactphoto" class="contactphoto" placeholder="/images/contactpic.svg" />
+				</td>
+			<td>
+				<div class="header-content">
+					<roundcube:object name="messageSummary" class="header-summary" addicon="virtual" />
+					<roundcube:object name="messageHeaders" class="header-headers" addicon="virtual" exclude="subject" max="10" />
+				</div>
+			</td>
+			<td>
+
+				<div id="mailtoolbar" class="tdmenuleft toolbar menu">
+				
+				
+						<a class="message_iconflag" onclick="flag_click()"></a>
+						<roundcube:button command="reply" type="link" class="reply disabled" classAct="reply"
+							label="reply" title="replytomessage" innerclass="inner" data-content-button="true" />
+						<roundcube:button name="messagemenulink" id="messagemenulink" type="link" class="more"
+							label="more" title="moreactions" data-popup="message-menu-inner" innerclass="inner" />
+
+				</div>
+				
+			</td>
+			</tr>
+			</table>
+
+			</div>
+					
+
+					
+
+	
+				
+				
+
+			</div>
+
+		<div id="message-content">
+			<div class="leftcol" role="region" aria-labelledby="aria-label-messageattachments">
+				<h2 id="aria-label-messageattachments" class="voice"><roundcube:label name="attachments" /></h2>
+				<roundcube:object name="messageAttachments" id="attachment-list" class="attachmentslist" />
+			</div>
+			<div class="rightcol" role="region" aria-labelledby="aria-label-messagebody">
+				<h2 id="aria-label-messagebody" class="voice"><roundcube:label name="arialabelmessagebody" /></h2>
+				<roundcube:object name="messageObjects" id="message-objects" />
+				<roundcube:object name="messageBody" id="messagebody" headertableclass="headers-table" />
+			</div>
+		</div>
+		
+		
+					<div class="footer-mail-small">
+						<div class="toolbar menu" role="toolbar" style="display:flex;justify-content: space-between;max-width: 280px;width:100%">
+						<roundcube:button command="reply" type="link" class="reply disabled" classAct="reply"
+							label="reply" title="replytomessage" innerclass="inner" data-content-button="true" />
+						<roundcube:button command="reply-all" type="link" class="reply-all disabled" classAct="reply-all"
+							label="replyall" title="replytoallmessage" innerclass="inner" />
+						<roundcube:button command="forward" type="link" class="forward disabled" classAct="forward"
+							label="forward" title="forwardmessage" innerclass="inner" />
+						</div>
+						
+
+	
+	
+					</div>
+	</div>
+	
+	
+	
+</div>
+
+<!-- popup menus -->
+<div id="attachmentmenu" class="popupmenu">
+	<h3 id="aria-label-attachmentmenu" class="voice"><roundcube:label name="arialabelattachmentmenu" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-attachmentmenu">
+		<roundcube:button command="open-attachment" type="link-menuitem" id="attachmenuopen" label="open" class="extwin disabled" classAct="extwin active" />
+		<roundcube:button command="download-attachment" type="link-menuitem" id="attachmenudownload" label="download" class="download disabled" classAct="download active" />
+		<roundcube:container name="attachmentmenu" id="attachmentmenu" />
+	</ul>
+</div>
+
+<div id="mailto-menu" class="popupmenu">
+	<h3 id="aria-label-mailtomenu" class="voice"><roundcube:label name="arialabelmailtomenu" /></h3>
+	<ul class="menu listing" role="menu" aria-labelledby="aria-label-mailtomenu">
+		<roundcube:button name="addtoaddressbook" type="link-menuitem" label="addtoaddressbook" class="addressbook" classAct="addressbook active" />
+		<roundcube:button name="composeto" type="link-menuitem" label="composeto" class="compose" classAct="compose active" />
+		<roundcube:container name="mailtomenu" id="mailto-menu" />
+	</ul>
+</div>
+
+
+
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/messagepart.html b/templates/messagepart.html
new file mode 100644
index 0000000..cbdd005
--- /dev/null
+++ b/templates/messagepart.html
@@ -0,0 +1,119 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:var name="env:filename" /></h1>
+
+<div id="layout-content" class="selected">
+	<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
+	<div class="header" role="toolbar" aria-labelledby="aria-label-toolbar">
+		<span class="header-title constant"><roundcube:var name="env:filename" /></span>
+		<div id="messagetoolbar" class="toolbar menu">
+			<roundcube:button type="link" name="info" label="properties" title="properties"
+				class="info" innerclass="inner" onclick="UI.props_dialog()" />
+			<roundcube:button command="download" type="link" label="download" title="download"
+				class="download disabled" classAct="download" innerclass="inner" />
+			<roundcube:button command="print" type="link" label="print" title="print"
+				class="print disabled" classAct="print" innerclass="inner" data-hidden="small" />
+			<roundcube:container name="toolbar" id="messagetoolbar" />
+			<roundcube:if condition="env:is_message" />
+				<span class="spacer"></span>
+				<roundcube:button command="reply" type="link" class="reply disabled" classAct="reply"
+					label="reply" title="replytomessage" innerclass="inner" />
+				<span class="dropbutton">
+					<roundcube:button command="reply-all" type="link" class="reply-all disabled" classAct="reply-all"
+						label="replyall" title="replytoallmessage" innerclass="inner" />
+					<a href="#reply-all" id="replyallmenulink" class="dropdown" data-popup="replyall-menu" tabindex="0">
+						<span class="inner"><roundcube:label name="arialabelreplyalloptions" /></span>
+					</a>
+				</span>
+				<span class="dropbutton">
+					<roundcube:button command="forward" type="link" class="forward disabled" classAct="forward"
+						label="forward" title="forwardmessage" innerclass="inner" />
+					<a href="#forward" id="forwardmenulink" class="dropdown" data-popup="forward-menu" tabindex="0">
+						<span class="inner"><roundcube:label name="arialabelforwardingoptions" /></span>
+					</a>
+				</span>
+				<span class="spacer"></span>
+				<roundcube:button name="messagemenulink" id="messagemenulink" type="link"
+					class="more" label="more" title="moreactions" data-popup="message-menu"
+					innerclass="inner" data-hidden="small" />
+			<roundcube:endif />
+			<roundcube:if condition="stripos(env:mimetype, 'image/') === 0" />
+				<span class="spacer"></span>
+				<roundcube:button command="image-scale" type="link" prop="+" data-hidden="small"
+					class="zoomin disabled" classAct="zoomin"
+					label="zoomin" title="increaseimage" innerclass="inner" />
+				<roundcube:button command="image-scale" type="link" prop="-" data-hidden="small"
+					class="zoomout disabled" classAct="zoomout"
+					label="zoomout" title="decreaseimage" innerclass="inner" />
+				<roundcube:button command="image-rotate" type="link" data-hidden="small"
+					class="rotate disabled" classAct="rotate"
+					label="rotate" title="rotateimage" innerclass="inner" />
+			<roundcube:endif />
+		</div>
+	</div>
+	<h2 id="aria-label-messagepart" class="voice"><roundcube:label name="arialabelattachmentpreview" /></h2>
+	<div class="iframe-wrapper">
+		<roundcube:object name="messagePartFrame" id="messagepartframe" title="arialabelattachmentpreview"
+			role="main" aria-labelledby="aria-label-messagepart" />
+	</div>
+<roundcube:if condition="stripos(env:mimetype, 'image/') === 0" />
+	<div id="image-tools" class="image-tools" data-hidden="big">
+		<h3 id="aria-label-imagetools" class="voice"><roundcube:label name="arialabelimagetools" /></h3>
+		<div class="toolbar menu" role="menu" aria-labelledby="aria-label-imagetools">
+			<roundcube:button command="image-scale" type="link" prop="+"
+				class="zoomin disabled" classAct="zoomin"
+				label="zoomin" title="increaseimage" innerclass="inner" />
+			<roundcube:button command="image-scale" type="link" prop="-"
+				class="zoomout disabled" classAct="zoomout"
+				label="zoomout" title="decreaseimage" innerclass="inner" />
+			<roundcube:button command="image-rotate" type="link"
+				class="rotate disabled" classAct="rotate"
+				label="rotate" title="rotateimage" innerclass="inner" />
+		</div>
+		<a href="#" class="button icon tools" onclick="$(this).attr('title', $(this).data('label-' + ($('#image-tools').toggleClass('open').is('.open') ? 'hide' : 'show')))"
+			data-label-show="<roundcube:label name="showtools" />" data-label-hide="<roundcube:label name="hidetools" />" title="<roundcube:label name="showtools" />">
+			<span class="inner"><roundcube:label name="showtools" /></span>
+		</a>
+	</div>
+<roundcube:endif />
+</div>
+
+<roundcube:if condition="env:is_message" />
+	<div id="forward-menu" class="popupmenu">
+		<h3 id="aria-label-forwardmenu" class="voice"><roundcube:label name="arialabelforwardingoptions" /></h3>
+		<ul class="menu listing" role="menu" aria-labelledby="aria-label-forwardmenu">
+			<roundcube:button type="link-menuitem" command="forward-inline" label="forwardinline" prop="sub" classAct="forward inline active" class="forward disabled" />
+			<roundcube:button type="link-menuitem" command="forward-attachment" label="forwardattachment" prop="sub" classAct="forward attachment active" class="forward attachment disabled" />
+			<roundcube:container name="forwardmenu" id="forward-menu" />
+		</ul>
+	</div>
+
+	<div id="replyall-menu" class="popupmenu">
+		<h3 id="aria-label-replyallmenu" class="voice"><roundcube:label name="arialabelreplyalloptions" /></h3>
+		<ul class="menu listing" role="menu" aria-labelledby="aria-label-replyallmenu">
+			<roundcube:button type="link-menuitem" command="reply-all" label="replyall" prop="sub" class="reply all disabled" classAct="reply all active" />
+			<roundcube:button type="link-menuitem" command="reply-list" label="replylist" prop="sub" class="reply list disabled" classAct="reply list active" />
+			<roundcube:container name="replyallmenu" id="replyall-menu" />
+		</ul>
+	</div>
+
+	<div id="message-menu" class="popupmenu">
+		<h3 id="aria-label-messagemenu" class="voice"><roundcube:label name="arialabelmoremessageactions" /></h3>
+		<ul class="menu listing" role="menu" aria-labelledby="aria-label-messagemenu">
+			<roundcube:button type="link-menuitem" command="edit" prop="new" label="editasnew" class="edit asnew disabled" classAct="edit asnew active" />
+			<roundcube:button type="link-menuitem" command="viewsource" label="viewsource" class="source disabled" classAct="source active" />
+			<roundcube:container name="messagemenu" id="message-menu" />
+		</ul>
+	</div>
+<roundcube:endif />
+
+<roundcube:add_label name="properties" />
+<div id="properties-menu" class="popupmenu" role="dialog" aria-labelledby="aria-label-contentinfo">
+	<h3 id="aria-label-contentinfo" class="voice"><roundcube:label name="properties" /></h3>
+	<div class="scroller">
+		<roundcube:object name="messagePartControls" class="listing props-table" role="contentinfo"
+			aria-labelledby="aria-label-contentinfo" />
+	</div>
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/messageprint.html b/templates/messageprint.html
new file mode 100644
index 0000000..7764d3f
--- /dev/null
+++ b/templates/messageprint.html
@@ -0,0 +1,27 @@
+<roundcube:include file="includes/layout.html" />
+
+<roundcube:object name="logo" id="logo" alt="Logo" logo-type="print" logo-match="template" class="float-sm-right" />
+
+<div class="print-content" role="main">
+	<div id="message-header">
+		<h2 class="subject">
+			<roundcube:object name="messageHeaders" valueOf="subject" />
+		</h2>
+		<div class="header">
+			<roundcube:object name="contactphoto" class="contactphoto" placeholder="/images/contactpic.svg" />
+			<div class="header-content details-view">
+				<roundcube:object name="messageHeaders" class="header-headers" addicon="virtual" exclude="subject" max="10" />
+			</div>
+		</div>
+	</div>
+	<div id="message-content">
+		<div role="region">
+			<roundcube:object name="messageAttachments" id="attachment-list" class="attachmentslist" />
+		</div>
+		<div role="region">
+			<roundcube:object name="messageBody" id="messagebody" headertableclass="headers-table" />
+		</div>
+	</div>
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/plugin.html b/templates/plugin.html
new file mode 100644
index 0000000..48a796b
--- /dev/null
+++ b/templates/plugin.html
@@ -0,0 +1,15 @@
+<roundcube:include file="includes/layout.html" />
+<roundcube:include file="includes/menu.html" />
+<roundcube:include file="includes/settings-menu.html" condition="env:task == 'settings'" />
+
+<div id="layout-content" class="selected" role="main">
+	<div class="header">
+		<a class="button icon back-list-button" href="#back"><span class="inner"><roundcube:label name="back" /></span></a>
+		<span class="header-title"></span>
+	</div>
+	<roundcube:object name="plugin.body" />
+</div>
+
+<roundcube:object name="plugin.footer" />
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/responseedit.html b/templates/responseedit.html
new file mode 100644
index 0000000..e00bda9
--- /dev/null
+++ b/templates/responseedit.html
@@ -0,0 +1,13 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:object name="steptitle" /></h1>
+
+<div class="formcontent">
+	<roundcube:object name="responseform" class="propform" size="60" textareacols="60" textarearows="18" />
+</div>
+
+<div class="formbuttons">
+	<roundcube:button command="save" class="btn btn-primary submit" label="save" condition="!env:readonly" />
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/responses.html b/templates/responses.html
new file mode 100644
index 0000000..019b3da
--- /dev/null
+++ b/templates/responses.html
@@ -0,0 +1,42 @@
+<roundcube:include file="includes/layout.html" />
+
+<roundcube:include file="includes/settings-menu.html" />
+
+<h1 class="voice"><roundcube:label name="responses" /></h1>
+
+<!-- responses list -->
+<div id="layout-list" class="listbox selected" aria-labelledby="aria-label-responseslist">
+	<div class="header">
+		<a class="button icon back-list-button_middle" href="?_task=settings"><span class="inner"><roundcube:label name="back" /></span></a>
+		<span id="aria-label-responseslist" class="header-title"><roundcube:label name="responses" /></span>
+		<a class="button icon toolbar-menu-button" href="#list-menu"><span class="inner"><roundcube:label name="menu" /></span></a>
+	</div>
+	<div class="scroller">
+		<roundcube:object name="responseslist" id="responses-table" class="listing"
+			noheader="true" role="listbox" data-list="responses_list"
+			data-label-msg="listempty" data-label-ext="listusebutton" data-create-command="add" />
+	</div>
+	<div class="footer"></div>
+</div>
+
+<!-- response details frame -->
+<div id="layout-content" role="main">
+	<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
+	<div class="header" role="toolbar" aria-labelledby="aria-label-toolbar">
+		<a class="button icon back-list-button" href="#back"><span class="inner"><roundcube:label name="back" /></span></a>
+		<span class="header-title"></span>
+		<!-- toolbar -->
+		<div id="responsestoolbar" class="toolbar menu">
+			<roundcube:button command="add" type="link" class="create disabled" classAct="create"
+				label="create" title="newresponse" innerClass="inner" data-fab="true" />
+			<roundcube:button command="delete" type="link" class="delete disabled" classAct="delete"
+				label="delete" title="delete" innerClass="inner" />
+		</div>
+		<roundcube:include file="includes/top-right_menu.html" />
+	</div>
+	<div class="iframe-wrapper">
+		<roundcube:object name="contentframe" id="preferences-frame" src="env:blankpage" title="arialabelresponseeditfrom" />
+	</div>
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/settings.html b/templates/settings.html
new file mode 100644
index 0000000..6374d0f
--- /dev/null
+++ b/templates/settings.html
@@ -0,0 +1,28 @@
+<roundcube:include file="includes/layout.html" />
+
+<roundcube:include file="includes/settings-menu.html" />
+
+<h1 class="voice"><roundcube:label name="preferences" /></h1>
+
+<div id="layout-list" class="listbox<roundcube:exp expression="!request:_action ? '' : ' selected'"/>" aria-labelledby="aria-label-prefsection">
+	<div class="header">
+		<a class="button icon back-sidebar-button" href="./?_task=settings"><span class="inner"><roundcube:label name="settings" /></span></a>
+		<span id="aria-label-prefsection" class="header-title"><roundcube:label name="preferences" /></span>
+	</div>
+	<div class="scroller">
+		<roundcube:object name="sectionslist" id="sections-table" class="listing iconized settings-default-icon"
+			noheader="true" role="listbox" data-list="sections_list" />
+	</div>
+</div>
+
+<div id="layout-content" role="main">
+	<div class="header">
+		<a class="button icon back-list-button" href="#back"><span class="inner"><roundcube:label name="back" /></span></a>
+		<span class="header-title"></span>
+	</div>
+	<div class="iframe-wrapper">
+		<roundcube:object name="contentframe" id="preferences-frame" src="env:blankpage" title="arialabelpreferencesform" />
+	</div>
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/templates/settingsedit.html b/templates/settingsedit.html
new file mode 100644
index 0000000..d80e7aa
--- /dev/null
+++ b/templates/settingsedit.html
@@ -0,0 +1,13 @@
+<roundcube:include file="includes/layout.html" />
+
+<h1 class="voice"><roundcube:object name="sectionname" /></h1>
+
+<div class="formcontent">
+	<roundcube:object name="userprefs" form="form" class="propform cols-sm-6-6" />
+</div>
+
+<div class="formbuttons">
+	<roundcube:button command="save" class="btn btn-primary submit" label="save" />
+</div>
+
+<roundcube:include file="includes/footer.html" />
diff --git a/thumbnail.png b/thumbnail.png
new file mode 100644
index 0000000..427fa3a
Binary files /dev/null and b/thumbnail.png differ
diff --git a/ui.min.js b/ui.min.js
new file mode 100644
index 0000000..0ffc0d2
--- /dev/null
+++ b/ui.min.js
@@ -0,0 +1,5101 @@
+/**
+ * Roundcube webmail functions for the Elastic skin
+ *
+ * Copyright (c) The Roundcube Dev Team
+ *
+ * The contents are subject to the Creative Commons Attribution-ShareAlike
+ * License. It is allowed to copy, distribute, transmit and to adapt the work
+ * by keeping credits to the original autors in the README file.
+ * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
+ *
+ * @license magnet:?xt=urn:btih:90dc5c0be029de84e523b9b3922520e79e0e6f08&dn=cc0.txt CC0-1.0
+ */
+
+
+
+
+ log = function() {    return Function.prototype.bind.call(console.log, console);}();
+ warn = function() {    return Function.prototype.bind.call(console.warn, console);}();
+ error = function() {    return Function.prototype.bind.call(console.error, console);}();
+ 
+ 
+
+"use strict";
+
+function rcube_elastic_ui()
+{
+    var prefs, ref = this,
+        mode = 'normal', // one of: large, normal, small, phone
+        color_mode = 'light', // 'light' or 'dark'
+        touch = false,
+        ios = false,
+        popups_close_lock,
+        is_framed = rcmail.is_framed(),
+        env = {
+            config: {
+                standard_windows: rcmail.env.standard_windows,
+                message_extwin: rcmail.env.message_extwin,
+                compose_extwin: rcmail.env.compose_extwin,
+                help_open_extwin: rcmail.env.help_open_extwin
+            },
+            checkboxes: 0,
+            small_screen_config: {
+                standard_windows: true,
+                message_extwin: false,
+                compose_extwin: false,
+                help_open_extwin: false
+            }
+        },
+        menus = {},
+        content_buttons = [],
+        frame_buttons = [],
+        layout = {
+            menu: $('#layout-menu'),
+            sidebar: $('#layout-sidebar'),
+            list: $('#layout-list'),
+            content: $('#layout-content'),
+        },
+        buttons = {
+            menu: $('a.task-menu-button'),
+            //back_sidebar: $('a.back-sidebar-button'),
+            back_list: $('a.back-list-button'),
+            back_content: $('a.back-content-button'),
+        };
+
+
+    // Public methods
+    this.register_content_buttons = register_content_buttons;
+    this.menu_hide = menu_hide;
+    this.menu_toggle = menu_toggle;
+    this.menu_destroy = menu_destroy;
+    this.popup_init = popup_init;
+    this.about_dialog = about_dialog;
+    this.headers_dialog = headers_dialog;
+    this.import_dialog = import_dialog;
+    this.props_dialog = props_dialog;
+    //this.headers_show = headers_show;
+    this.spellmenu = spellmenu;
+    this.searchmenu = searchmenu;
+    this.headersmenu = headersmenu;
+    this.header_reset = header_reset;
+  //  this.compose_status = compose_status;
+    this.attachmentmenu = attachmentmenu;
+    this.mailtomenu = mailtomenu;
+    this.recipient_selector = recipient_selector;
+    this.show_list = show_list;
+    this.show_sidebar = show_sidebar;
+    this.smart_field_init = smart_field_init;
+    this.smart_field_reset = smart_field_reset;
+    this.form_errors = form_errors;
+    this.switch_nav_list = switch_nav_list;
+    this.searchbar_init = searchbar_init;
+    this.pretty_checkbox = pretty_checkbox;
+    this.pretty_select = pretty_select;
+    this.datepicker_init = datepicker_init;
+    //this.bootstrap_style = bootstrap_style;
+    //this.toggle_list_selection = toggle_list_selection;
+    this.get_screen_mode = get_screen_mode;
+	this.screen_resize_headers = screen_resize_headers;
+    this.is_mobile = is_mobile;
+    this.is_touch = is_touch;
+
+    // Detect screen size/mode
+    screen_mode();
+
+    // Initialize layout
+    layout_init();
+
+    // Convert some elements to Bootstrap style
+    // bootstrap_style();
+	bootstrap_style_elastic2022()
+
+    // Initialize responsive toolbars (have to be before popups init)
+    toolbar_init();
+
+    // Initialize content frame and list handlers
+    content_frame_init();
+
+    // Initialize menu dropdowns
+    dropdowns_init();
+
+    // Setup various UI elements
+    setup();
+
+    // Update layout after initialization
+    resize();
+
+
+    /**
+     * Setup procedure
+     */
+    function setup()
+    {
+        var title, form, content_buttons = [];
+
+        // Intercept jQuery-UI dialogs...
+        $.ui && $.widget('ui.dialog', $.ui.dialog, {
+            open: function() {
+                // ... to unify min width for iframe'd dialogs
+                if ($(this.element).is('.iframe')) {
+                    this.options.width = Math.max(576, this.options.width);
+                }
+                this._super();
+                // ... to re-style them on dialog open
+                dialog_open(this);
+                return this;
+            },
+            close: function() {
+                this._super();
+                // ... to close custom select dropdowns on dialog close
+                $('.select-menu:visible').remove();
+                return this;
+            }
+        });
+
+        // menu/sidebar/list button
+        //buttons.menu.on('click', function() { app_menu(true); return false; });
+        //buttons.back_sidebar.on('click', function() { show_sidebar(); return false; });
+	   
+        buttons.menu.on('click', function() { show_sidebar(); return false; });
+	   
+        buttons.back_list.on('click', function() { show_list(); return false; });
+        buttons.back_content.on('click', function() { show_content(true); return false; });
+
+        // Initialize search forms
+        $('.searchbar').each(function() { searchbar_init(this); });
+
+        // Set content frame title in parent window (exclude ext-windows and dialog frames)
+        if (is_framed && !rcmail.env.extwin && !parent.$('.ui-dialog:visible').length) {
+            if (title = $('h1.voice').first().text()) {
+                parent.$('#layout-content > .header > .header-title:not(.constant)').text(title);
+            }
+        }
+        else if (!is_framed) {
+            title = layout.content.find('.boxtitle').first().detach().text();
+
+            if (!title) {
+                title = $('h1.voice').first().text();
+            }
+
+            if (title) {
+                layout.content.find('.header > .header-title').text(title);
+            }
+        }
+
+        // Add content frame toolbar in the footer, for content buttons and navigation
+		/*
+        if (!is_framed && layout.content.length && !layout.content.is('.no-navbar')
+            && !layout.content.children('.frame-content').length
+        ) {
+            env.frame_nav = $('<div class="footer menu toolbar content-frame-navigation hide-nav-buttons">')
+                .append($('<a class="button prev">')
+                    .append($('<span class="inner"></span>').text(rcmail.gettext('previous'))))
+                .append($('<span class="buttons">'))
+                .append($('<a class="button next">')
+                    .append($('<span class="inner"></span>').text(rcmail.gettext('next'))))
+
+                .appendTo(layout.content);
+        }
+*/
+
+
+/*
+console.log(mode)
+console.log(UI)
+console.log(document.URL)
+*/
+
+//console.log(rcmail.env.action)
+/*
+if(rcmail.env.action=="preview")
+	{
+	setTimeout(function() { 
+	var mode = UI.get_screen_mode()
+	if (mode == 'small') {$('.sebmenu', window.parent.document).hide();}
+	else $('.sebmenu', window.parent.document).show();
+			}, 1);
+	}
+	*/			
+
+        // Move some buttons to the frame footer toolbar
+        $('a[data-content-button]').each(function() {
+            content_buttons.push(create_cloned_button($(this)));
+        });
+
+        // Move form buttons from the content frame into the frame footer (on parent window)
+        $('.formbuttons').filter(function() { return !$(this).parent('.searchoptions').length; }).find('button').each(function() {
+            var target = $(this);
+
+            // skip non-content buttons
+            if (!is_framed && !target.parents('#layout-content').length) {
+                return;
+            }
+
+            if (target.is('.cancel')) {
+                target.addClass('hidden');
+                return;
+            }
+
+            content_buttons.push(create_cloned_button(target));
+        });
+
+        (is_framed ? parent.UI : ref).register_content_buttons(content_buttons);
+
+        // Mail compose features
+        if (form = rcmail.gui_objects.messageform) {
+            form = $('form[name="' + form + '"]');
+            // Show input elements with non-empty value
+            // These event handlers need to be registered before rcmail 'init' event
+            $('#_cc, #_bcc, #_replyto, #_followupto', $('.compose-headers')).each(function() {
+                $(this).on('change', function() {
+                    $('#compose' + $(this).attr('id'))[this.value ? 'removeClass' : 'addClass']('hidden');
+                });
+            });
+
+            // We put compose options outside of the main form
+            // Because IE/Edge (<16) does not support 'form' attribute we'll copy
+            // inputs into the main form as hidden fields
+            // TODO: Consider doing this for IE/Edge only, just set the 'form' attribute on others
+            $('#compose-options').find('textarea,input,select').each(function() {
+                var hidden = $('<input>')
+                    .attr({type: 'hidden', name: $(this).attr('name')})
+                    .appendTo(form);
+
+                $(this).attr('tabindex', 2)
+                    .on('change', function() {
+                        hidden.val(this.type != 'checkbox' || this.checked ? $(this).val() : '');
+                    })
+                    .change();
+            });
+        }
+
+        // Use smart recipient inputs
+        // This have to be after mail compose feature above
+        $('[data-recipient-input]').each(function() { recipient_input(this); });
+
+        // Image upload widget
+        $('.image-upload').each(function() { image_upload_input(this); });
+
+        // Add HTML/Plain switcher on top of textarea with TinyMCE editor
+        $('textarea[data-html-editor]').each(function() { html_editor_init(this); });
+
+        $('#dragmessage-menu,#dragcontact-menu').each(function() {
+            rcmail.gui_object('dragmenu', this.id);
+        });
+
+        // Taskmenu items added by plugins do not use elastic classes (e.g help plugin)
+        // it's for larry skin compat. We'll assign 'selected' and icon-specific class.
+        $('#taskmenu > a').each(function() {
+            if (/button-([a-z]+)/.test(this.className)) {
+                var data, name = RegExp.$1,
+                    button = find_button(this.id);
+
+                if (button && (data = button.data)) {
+                    if (data.sel) {
+                        data.sel = data.sel.replace('button-selected', 'selected') + ' ' + name;
+                    }
+
+                    if (data.act) {
+                        data.act += ' ' + name;
+                    }
+
+                    rcmail.buttons[button.command][button.index] = data;
+                    rcmail.init_button(button.command, data);
+                }
+
+                $(this).addClass(name);
+                $('.button-inner', this).addClass('inner');
+            }
+
+            $(this).on('mouseover', function() { rcube_webmail.long_subject_title(this, 0, $('span.inner', this)); });
+        });
+
+        // Some plugins use 'listbutton' class, we'll replace it with 'button'
+        $('.listbutton').each(function() {
+            var button = find_button(this.id);
+
+            $(this).addClass('button').removeClass('listbutton');
+
+            if (button.data.sel) {
+                button.data.sel = button.data.sel.replace('listbutton', 'button');
+            }
+            if (button.data.act) {
+                button.data.act = button.data.act.replace('listbutton', 'button');
+            }
+
+            rcmail.buttons[button.command][button.index] = button.data;
+            rcmail.init_button(button.command, button.data);
+        });
+
+        // buttons that should be hidden on small screen devices
+        $('[data-hidden]').each(function() {
+            var m, v = $(this).data('hidden'),
+                parent = $(this).parent('li'),
+                re = /(large|big|small|phone|lbs)/g;
+
+                while (m = re.exec(v)) {
+                    $(parent.length ? parent : this).addClass('hidden-' + m[1]);
+                }
+        });
+
+        // Modify normal checkboxes on lists so they are different
+        // than those used for row selection, i.e. use icons
+        $('[data-list]').each(function() {
+            $('input[type=checkbox]', this).each(function() { pretty_checkbox(this); });
+        });
+
+        // Assign .formcontainer class to the iframe body, when it
+        // contains .formcontent and .formbuttons.
+        if (is_framed) {
+            $('.formcontent').each(function() {
+                if ($(this).next('.formbuttons').length) {
+                    $(this).parent().addClass('formcontainer');
+                }
+            });
+        }
+
+        // move "Download all attachments" button into a better location
+        $('#attachment-list + a.zipdownload').appendTo('.header-links');
+
+        if (ios = $('html').is('.ipad,.iphone')) {
+            $('.iframe-wrapper, .scroller').addClass('ios-scroll');
+        }
+
+        if ($('html').filter('.ipad,.iphone,.webkit.mobile,.webkit.tablet').addClass('webkit-scroller').length) {
+            $(layout.menu).addClass('webkit-scroller');
+        }
+
+        // Set .notree class on treelist widget update
+        $('.treelist').each(function() {
+            var list = this, callback = function() {
+                    $(list)[$('.treetoggle', list).length > 0 ? 'removeClass' : 'addClass']('notree');
+                };
+
+            if (window.MutationObserver) {
+                (new MutationObserver(callback)).observe(list, {childList: true, subtree: true});
+            }
+            callback();
+
+            // Add title with full folder name on hover
+            // TODO: This should be done in another way, so if an entry is
+            // added after page load it also works there.
+            $('li.mailbox > a').on('mouseover', function() { rcube_webmail.long_subject_title_ex(this); });
+        });
+    };
+
+    /**
+     * Moves form buttons into the content frame actions toolbar (for mobile)
+     */
+    function register_content_buttons(buttons)
+    {
+        // we need these buttons really only in phone mode
+        if (/*mode == 'phone' && */ env.frame_nav && buttons && buttons.length) {
+            var toolbar = env.frame_nav.children('.buttons');
+
+            content_buttons = [];
+            $.each(buttons, function() {
+                if (this.data('target')) {
+                    content_buttons.push(this.data('target'));
+                }
+            });
+
+            toolbar.html('').append(buttons);
+        }
+    };
+
+    /**
+     * Registers cloned button
+     */
+    function register_cloned_button(old_id, new_id, active_class)
+    {
+        var button = find_button(old_id);
+        if (button) {
+            rcmail.register_button(button.command, new_id, button.data.type, active_class, button.data.sel);
+        }
+    };
+
+    /**
+     * Create a button clone for use in toolbar
+     */
+    function create_cloned_button(target, menu_button, add_class, always_active)
+    {
+        var popup, click = true,
+            button = $('<a>'),
+            target_id = target.attr('id') || new Date().getTime(),
+            button_id = target_id + '-clone',
+            btn_class = target[0].className + (add_class ? ' ' + add_class : '');
+
+        if (!menu_button) {
+            btn_class = btn_class.replace('btn-primary', 'primary').replace(/(btn[a-z-]*|button|disabled)/g, '').trim()
+            btn_class += ' button' + (!always_active ? ' disabled' : '');
+        }
+        else if (popup = target.data('popup')) {
+            button.data({popup: popup, 'toggle-button': target.data('toggle-button')});
+            popup_init(button[0]);
+            click = false;
+            rcmail.register_menu_button(button[0], popup);
+        }
+
+        button.attr({id: button_id, href: '#', 'class': btn_class})
+            .append($('<span class="inner">').text(target.text()));
+
+        if (click) {
+            button.on('click', function(e) { target.click(); });
+        }
+
+        if (is_framed && !menu_button) {
+            button.data('target', target);
+            frame_buttons.push($.extend({button_id: button_id}, find_button(target[0].id)));
+        }
+        else {
+            // Register the button to get active state updates
+            register_cloned_button(target_id, button_id, btn_class.replace(' disabled', ''));
+        }
+
+        return button;
+    };
+
+    /**
+     * Finds an rcmail button
+     */
+    function find_button(id)
+    {
+        var i, button, command;
+
+        for (command in rcmail.buttons) {
+            for (i = 0; i < rcmail.buttons[command].length; i++) {
+                button = rcmail.buttons[command][i];
+                if (button.id == id) {
+                    return {
+                        command: command,
+                        index: i,
+                        data: button
+                    };
+                }
+            }
+        }
+    };
+
+    /**
+     * Setup environment
+     */
+    function layout_init()
+    {
+        // Initialize light/dark mode
+        color_mode_init();
+
+        // Select current layout element
+        env.last_selected = $('#layout > div.selected')[0];
+        if (!env.last_selected && layout.content.length) {
+            $.each(['sidebar', 'list', 'content'], function() {
+                if (layout[this].length) {
+                    env.last_selected = layout[this][0];
+                    layout[this].addClass('selected');
+                    return false;
+                }
+            });
+        }
+
+        // Register resize handler
+        $(window).on('resize', function() {
+            clearTimeout(env.resize_timeout);
+            env.resize_timeout = setTimeout(function() { resize(); }, 25);
+        });
+
+        // Enable rcmail.open_window intercepting
+        env.open_window = rcmail.open_window;
+        rcmail.open_window = window_open;
+
+        rcmail
+            .addEventListener('message', message_displayed)
+            .addEventListener('menu-open', menu_toggle)
+            .addEventListener('menu-close', menu_toggle)
+            .addEventListener('editor-init', tinymce_init)
+            .addEventListener('autocomplete_create', rcmail_popup_init)
+            .addEventListener('googiespell_create', rcmail_popup_init)
+            .addEventListener('setquota', update_quota)
+            .addEventListener('enable-command', enable_command_handler)
+            .addEventListener('destroy-entity-selector', function(o) { menu_destroy(o.name); })
+            .addEventListener('clonerow', pretty_checkbox_fix)
+            .addEventListener('init', init)
+
+        if (layout.list.length || layout.content.length) {
+            var fabuttons = [];
+
+            $('[data-fab]').each(function() {
+                var button = $(this),
+                    task = button.data('fab-task') || '*',
+                    action = button.data('fab-action') || '*';
+
+                if ((task == '*' || task == rcmail.env.task)
+                    && (action == '*' || action == rcmail.env.action || (action == 'none' && !rcmail.env.action))
+                ) {
+                    fabuttons.push(create_cloned_button(button, false, false, true));
+                }
+            });
+
+            if (fabuttons.length) {
+                $('<div class="floating-action-buttons">').append(fabuttons)
+                    .appendTo(layout.list.length ? layout.list : layout.content);
+            }
+        }
+
+        // Initialize column resizers (must be after floating buttons)
+        if (layout.sidebar.length) {
+            splitter_init(layout.sidebar);
+        }
+
+        if (layout.list.length) {
+            splitter_init(layout.list);
+        }
+    };
+
+    /**
+     * rcmail 'init' event handler
+     */
+    function init()
+    {
+        // Additional functionality on list widgets
+        $('[data-list]').filter('ul,table').each(function() {
+            var table = $(this),
+                list = table.data('list');
+
+            if (rcmail[list] && rcmail[list].multiselect) {
+                var repl, button,
+                    parent = table.parents('layout-sidebar,#layout-list,#layout-content').last(),
+                    header = parent.find('.header'),
+                    toolbar = header.find('ul');
+
+                if (!toolbar.length) {
+                    toolbar = header;
+                }
+                else if (button = toolbar.find('a.select').data('toggle-button')) {
+                    button = $('#' + button);
+                }
+
+                // Enable checkbox selection on list widgets
+                rcmail[list].enable_checkbox_selection();
+
+                //if (get_pref('list-selection') === true) {
+                    table.addClass('withselection');
+                //}
+
+                // Add Select button to the list navigation bar
+                if (!button) {
+                    
+                    button = $('<a>').attr({'class': 'button selection disabled', role: 'button', title: rcmail.gettext('select')})
+                        .on('click', function() { UI.toggle_list_selection(this, table.attr('id')); })
+                        .append($('<span class="inner">').text(rcmail.gettext('select')));
+                    
+                    if (toolbar.is(
+                        '.menu')) {
+                        button.prependTo(toolbar).wrap('<li role="menuitem">');
+
+                        // Add a button to the content toolbar menu too
+                        if (layout.content) {
+                            var button2 = create_cloned_button(button, true, 'hidden-big hidden-large');
+                            $('<li role="menuitem">').append(button2).appendTo('#toolbar-menu');
+                            button = button.add(button2);
+                        }
+                    }
+                    else {
+                        if (repl = table.data('list-select-replace')) {
+                            $(repl).replaceWith(button);
+                        }
+                        else {
+                            button.appendTo(toolbar).addClass('icon');
+                            if (!parent.is('#layout-sidebar')) {
+                                button.addClass('toolbar-button');
+                            }
+                        }
+                    }
+                }
+
+                // Update Select button state on list update
+                rcmail.addEventListener('listupdate', function(prop) {
+                    if (prop.list && prop.list == rcmail[list]) {
+                        if (prop.rowcount) {
+                            button.addClass('active').removeClass('disabled').attr('tabindex', 0);
+                        }
+                        else {
+                            button.removeClass('active').addClass('disabled').attr('tabindex', -1);
+                        }
+                    }
+					if(rcmail.task== "mail")
+						listupdate_go_msgs()
+                });
+            }
+
+            // https://github.com/roundcube/elastic/issues/45
+            // Draggable blocks scrolling on touch devices, we'll disable it there
+            if (touch && rcmail[list]) {
+                if (typeof rcmail[list].draggable == 'function') {
+                    rcmail[list].draggable('destroy');
+                }
+                else if (typeof rcmail[list].draggable == 'boolean') {
+                    rcmail[list].draggable = false;
+                }
+
+                // Also disable double-click to prevent from opening items
+                // in a new page, and prevent from zoom issues (#7732)
+                rcmail[list].dblclick_time = 0;
+            }
+        });
+
+        // Display "List is empty..." on the list
+        if (window.MutationObserver) {
+            $('[data-label-msg]').filter('ul,table').each(function() {
+                var info = $('<div class="listing-info hidden">').insertAfter(this),
+                    table = $(this),
+                    fn = function() {
+                        var ext, command,
+                            msg = table.data('label-msg'),
+                            list = table.is('ul') ? table : table.children('tbody');
+
+                        if (!rcmail.env.search_request && !rcmail.env.qsearch
+                            && msg && !list.children(':visible').length
+                        ) {
+                            ext = table.data('label-ext');
+                            command = table.data('create-command');
+
+                            if (ext && (!command || rcmail.commands[command])) {
+                                msg += ' ' + ext;
+                            }
+
+                            info.text(msg).removeClass('hidden');
+                            return;
+                        }
+
+                        info.addClass('hidden');
+                    },
+                    callback = function() {
+                        // wait until the UI stops loading and the list is visible
+                        if (rcmail.busy || !table.is(':visible')) {
+                            return setTimeout(callback, 250);
+                        }
+
+                        clearTimeout(env.list_timer);
+                        env.list_timer = setTimeout(fn, 50);
+                    };
+
+                // show/hide the message when something changes on the list
+                var observer = new MutationObserver(callback);
+                observer.observe(table[0], {childList: true, subtree: true, attributes: true, attributeFilter: ['style']});
+
+                // initialize the message
+                callback();
+            });
+        }
+
+        // Add menu link for each attachment
+        if (rcmail.env.action != 'print') {
+            $('#attachment-list > li').each(function() {
+                attachmentmenu_append(this);
+            });
+        }
+
+        var phone_confirmation = function(label) {
+            if (mode == 'phone') {
+                rcmail.display_message(rcmail.gettext(label), 'confirmation');
+            }
+        };
+
+        rcmail.addEventListener('fileappended', function(e) {
+                if (e.attachment.complete) {
+                    attachmentmenu_append(e.item);
+                    if (e.attachment.mimetype == 'text/vcard' && rcmail.commands['attach-vcard']) {
+                        phone_confirmation('vcard_attachments.vcardattached');
+                    }
+                }
+            })
+           // .addEventListener('managesieve.insertrow', function(o) { bootstrap_style(o.obj); })
+            .addEventListener('add-recipient', function() { phone_confirmation('recipientsadded'); });
+
+        rcmail.init_pagejumper('.pagenav > input');
+
+        if (rcmail.task == 'mail') {
+            if (rcmail.env.action == 'compose') {
+                rcmail.addEventListener('compose-encrypted', function(e) {
+                    $("a.mode-html, button.attach").prop('disabled', e.active);
+                    $('a.attach, a.responses:not(.edit)')[e.active ? 'addClass' : 'removeClass']('disabled');
+                });
+
+                $('#layout-sidebar > .footer:not(.pagenav) > a.button').click(function() {
+                    if ($(this).is('.disabled')) {
+                        rcmail.display_message(rcmail.gettext('nocontactselected'), 'warning');
+                    }
+                });
+
+                // Update compose status bar on attachments list update
+				/*
+                if (window.MutationObserver) {
+                    var observer, list = $('#attachment-list'),
+                        status_callback = function() { compose_status('attach', list.children().length > 0); };
+
+                    observer = new MutationObserver(status_callback);
+                    observer.observe(list[0], {childList: true});
+                    status_callback();
+                }
+				*/
+            }
+
+            // In compose/preview window we do not provide "Back" button, instead
+            // we modify the "Mail" button in the task menu to act like it (i.e. calls 'list' command)
+            if (!rcmail.env.extwin && (rcmail.env.action == 'compose' || rcmail.env.action == 'show')) {
+                $('a.mail', layout.menu).attr({
+                    'aria-disabled': false,
+                    onclick: "return rcmail.command('list','',this,event);"
+                });
+            }
+
+            // Append contact menu to all mailto: links
+            if (rcmail.env.action == 'preview' || rcmail.env.action == 'show') {
+                $('a').filter('[href^="mailto:"]').each(function() {
+                    mailtomenu_append(this);
+                });
+
+                // restore headers view to last state
+                //headers_show();
+            }
+        }
+        else if (rcmail.task == 'settings') {
+           // rcmail.addEventListener('identity-encryption-show', function(p) {
+           //     bootstrap_style(p.container);
+           // });
+           // rcmail.addEventListener('identity-encryption-update', function(p) {
+            //    bootstrap_style(p.container);
+           // });
+        }
+
+        rcmail.set_env({
+            thread_padding: '1.5rem',
+            // increase popup windows, so they do not switch to tablet mode
+            popup_width_small: 1025,
+            popup_width: 1200
+        });
+
+        // Update layout after initialization (again)
+        // In devel mode we have to wait until all styles are applied by less
+        if (rcmail.env.devel_mode && window.less) {
+            less.pageLoadFinished.then(function() {
+                resize();
+                // Re-focus the focused input field on mail compose
+                if (rcmail.env.compose_focus_elem) {
+                    $(rcmail.env.compose_focus_elem).focus();
+                }
+            });
+        }
+        else {
+            resize();
+        }
+
+        // Add date format placeholder to datepicker inputs
+        var func, format = rcmail.env.date_format_localized;
+        if (format) {
+            func = function(input) {
+                $(input).filter('.datepicker').attr('placeholder', format);
+                // also make selects pretty
+                $(input).parent().find('select').each(function() { pretty_select(this); });
+            };
+
+            $('input.datepicker').each(function() { func(this); });
+            rcmail.addEventListener('insert-edit-field', func);
+        }
+    };
+
+    /**
+     * Initializes light/dark mode
+     */
+    function color_mode_init()
+    {
+        if (rcmail.env.action == 'print') {
+            return;
+        }
+
+        // We deliberately use only cookies here, not local storage
+
+        var pref = rcmail.get_cookie('colorMode')
+
+		if(!pref) {pref = "dark";rcmail.set_cookie('colorMode', "dark", false);} // first connexion
+
+            var color_scheme = window.matchMedia('(prefers-color-scheme: dark)'),
+            reset_cookie = function() {
+                rcmail.set_cookie('colorMode', '', new Date()); // delete the cookie
+            },
+            switch_iframe_color_mode = function() {
+                try {
+                    $(this.contentWindow.document).find('html')[color_mode == 'dark' ? 'addClass' : 'removeClass']('dark-mode');
+                }
+                catch(e) { /* ignore */ }
+            },
+            switch_color_mode = function() {
+                if (color_mode == 'dark') {
+                    $('#taskmenu a.theme').removeClass('dark').addClass('light').find('span').text(rcmail.gettext('lightmode'));
+					$('.click_change_theme').removeClass('dark').addClass('light').find('span')
+					$('.sebicon_contrast_txt').text(rcmail.gettext('lightmode'));
+                    $('html').addClass('dark-mode');
+                }
+                else {
+                    $('#taskmenu a.theme').removeClass('light').addClass('dark').find('span').text(rcmail.gettext('darkmode'));
+					$('.click_change_theme').removeClass('light').addClass('dark').find('span')
+					$('.sebicon_contrast_txt').text(rcmail.gettext('darkmode'));
+                    $('html').removeClass('dark-mode');
+                }
+
+                screen_logo(mode);
+                $('iframe').each(switch_iframe_color_mode);
+            };
+
+        if (rcmail.env.dark_mode_support === false) {
+            if (pref == 'dark') {
+                reset_cookie();
+                $('iframe').each(switch_iframe_color_mode);
+            }
+            return;
+        }
+
+        // Add onclick action to the menu button
+        $('#taskmenu a.theme').on('click', function() {
+            color_mode = $(this).is('.dark') ? 'dark' : 'light';
+            switch_color_mode();
+            rcmail.set_cookie('colorMode', color_mode, false);
+        });
+		
+		 $('.click_change_theme').on('click', function() {
+            color_mode = $(this).is('.dark') ? 'dark' : 'light';
+            switch_color_mode();
+            rcmail.set_cookie('colorMode', color_mode, false);
+        });
+
+
+        // Note: this does not work in IE and Safari
+        color_scheme.addListener(function(e) {
+            color_mode = e.matches ? 'dark' : 'light';
+            switch_color_mode();
+            reset_cookie();
+        });
+
+        if (pref) {
+            color_mode = pref;
+        }
+        else if (color_scheme.matches) {
+            color_mode = 'dark';
+        }
+
+        switch_color_mode();
+
+        $('iframe').on('load', switch_iframe_color_mode);
+    };
+
+    /**
+     * Apply bootstrap classes to html elements
+     */
+	 
+	function bootstrap_style_elastic2022(context)
+	{
+
+		if (!context) {
+			context = document;
+		}
+		
+		// Buttons
+        $('input.button,button', context).not('.btn').addClass('btn').not('.btn-primary,.primary,.mainaction').addClass('btn-secondary');
+        $('input.button.mainaction,button.primary,button.mainaction', context).addClass('btn-primary');
+        $('button.btn.delete,button.btn.discard', context).addClass('btn-danger');
+		
+        var supported_controls = 'input:not(.button,.no-bs,[type=button],[type=radio],[type=checkbox],[type=file]),textarea';
+        $(supported_controls, $('.propform', context)).addClass('form-control');
+        $('[type=checkbox]', $('.propform', context)).addClass('form-check-input');
+
+        // Note: On selects we add form-control to get consistent focus
+        //       and to not have to create separate rules for selects and inputs
+        $('select', context).addClass('form-control custom-select');
+
+        if (context != document) {
+            $(supported_controls, context).addClass('form-control');
+			$('[type=checkbox]', $('.propform', context)).addClass('form-check-input');
+        }
+		
+		// The same for some other checkboxes
+        // We do this here, not in setup() because we want to cover dialogs
+        $('input.pretty-checkbox, .propform input[type=checkbox], .form-check input[type=checkbox], .popupmenu.form input[type=checkbox], .menu input[type=checkbox]', context)
+            .each(function() { pretty_checkbox(this); });
+
+        // Also when we add action-row of the form, e.g. Managesieve plugin adds them after the page is ready
+        if ($(context).is('.actionrow')) {
+            $('input[type=checkbox]', context).each(function() { pretty_checkbox(this); });
+        }
+		
+		// Make message-objects alerts pretty (the same as UI alerts)
+        $('#message-objects', context).children(':not(.ui.alert)').add('.part-notice').each(function() {
+            // message objects with notice class are really warnings
+            var cl = String($(this).removeClass('notice part-notice').attr('class')).split(/\s/)[0] || 'warning';
+            alert_style(this, cl);
+            $(this).addClass('box' + cl);
+            $('a', this).addClass('btn btn-primary btn-sm');
+        });
+	}
+	
+    function bootstrap_style(context)
+    {
+		console.log('func bootstrap_style used') // all deactivated for elastic2022
+		
+        if (!context) {
+            context = document;
+        }
+
+        // Buttons
+        $('input.button,button', context).not('.btn').addClass('btn').not('.btn-primary,.primary,.mainaction').addClass('btn-secondary');
+        $('input.button.mainaction,button.primary,button.mainaction', context).addClass('btn-primary');
+        $('button.btn.delete,button.btn.discard', context).addClass('btn-danger');
+
+        $.each(['warning', 'error', 'information', 'confirmation'], function() {
+            var type = this;
+            $('.box' + type + ':not(.ui.alert)', context).each(function() {
+                alert_style(this, type, true);
+            });
+        });
+
+        // Convert structure of single dialogs (one input or just an image),
+        // e.g. group create, attachment rename where we use <label>Label<input></label>
+        if (context != document && $('.popup', context).children().length == 1) {
+            var content = $('.popup', context).children().first();
+            if (content.is('img')) {
+                $('.popup', context).addClass('justified');
+            }
+            else if (content.is('label')) {
+                var input = content.find('input').detach(),
+                    label = content.detach(),
+                    id = input.attr('id');
+
+                if (!id) {
+                    input.attr('id', id = 'dialog-input-elastic');
+                }
+
+                $('.popup', context).addClass('formcontent').append(
+                    $('<div class="form-group row">')
+                        .append(label.attr('for', id).addClass('col-sm-2 col-form-label'))
+                        .append($('<div class="col-sm-10">').append(input))
+                );
+
+                input.focus();
+            }
+        }
+
+        // Forms
+        var supported_controls = 'input:not(.button,.no-bs,[type=button],[type=radio],[type=checkbox],[type=file]),textarea';
+        $(supported_controls, $('.propform', context)).addClass('form-control');
+        $('[type=checkbox]', $('.propform', context)).addClass('form-check-input');
+
+        // Note: On selects we add form-control to get consistent focus
+        //       and to not have to create separate rules for selects and inputs
+        $('select', context).addClass('form-control custom-select');
+
+        if (context != document) {
+            $(supported_controls, context).addClass('form-control');
+        }
+
+        $('table.propform', context).each(function() {
+            var text_rows = 0, form_rows = 0;
+            var col_sizes = ['sm', 4, 8];
+
+            if ($(this).attr('class').match(/cols-([a-z]+)-(\d)-(\d)/)) {
+                col_sizes = [RegExp.$1, RegExp.$2, RegExp.$3];
+            }
+
+            $(this).find('> tbody > tr, > tr').each(function() {
+                var first, last, row = $(this),
+                    row_classes = ['form-group', 'row'],
+                    cells = row.children('td');
+
+                if (cells.length == 2) {
+                    first = cells.first();
+                    last = cells.last();
+
+                    $('label', first).addClass('col-form-label');
+                    first.addClass('col-' + col_sizes[0] + '-' + col_sizes[1]);
+                    last.addClass('col-' + col_sizes[0] + '-' + col_sizes[2]);
+
+                    if (last.find('[type=checkbox]').length == 1 && !last.find('.proplist').length) {
+                        row_classes.push('form-check');
+
+                        if (last.find('a').length) {
+                            row_classes.push('with-link');
+                        }
+
+                        form_rows++;
+                    }
+                    else if (!last.find('input:not([type=hidden]),textarea,radio,select').length) {
+                        last.addClass('form-control-plaintext');
+                        text_rows++;
+                    }
+                    else {
+                        form_rows++;
+                    }
+
+                    // style some multi-input fields
+                    if (last.children('.datepicker') && last.children('input').length == 2) {
+                        last.addClass('datetime');
+                    }
+                }
+                else if (cells.length == 1) {
+                    cells.css('width', '100%');
+                }
+
+                row.addClass(row_classes.join(' '));
+            });
+
+            if (text_rows > form_rows) {
+                $(this).addClass('text-only');
+            }
+        });
+
+        // Special input + anything entry
+        $('td.input-group', context).each(function() {
+            $(this).children().slice(1).addClass('input-group-append');
+        });
+
+        // Other forms, e.g. Contact advanced search
+        $('fieldset.propform:not(.grouped) div.row', context).each(function() {
+            var has_input = $('input:not([type=hidden]),select,textarea', this).length > 0;
+
+            if (has_input) {
+                $(supported_controls, this).addClass('form-control');
+            }
+
+            $(this).children().last().addClass('col-sm-8' + (!has_input ? ' form-control-plaintext' : ''));
+            $(this).children().first().addClass('col-sm-4 col-form-label');
+            $(this).addClass('form-group');
+        });
+
+        // Contact info/edit form
+        $('fieldset.propform.grouped fieldset', context).each(function() {
+            $('.row', this).each(function() {
+                var label, first,
+                    has_input = $('input,select,textarea', this).length > 0,
+                    items = $(this).children();
+
+                if (has_input) {
+                    $(supported_controls, this).addClass('form-control');
+                }
+
+                if (items.length < 2) {
+                    return;
+                }
+
+                first = items.first();
+                if (first.is('select')) {
+                    first.addClass('input-group-prepend');
+                }
+                else {
+                    first.wrap('<span class="input-group-prepend">').addClass('input-group-text');
+                }
+
+                if (!has_input) {
+                    items.last().addClass('form-control-plaintext');
+                }
+
+                $('.content', this).addClass('input-group-prepend input-group-append input-group-text');
+                $('a.deletebutton', this).addClass('input-group-text icon delete').wrap('<span class="input-group-append">');
+                $(this).addClass('input-group');
+            });
+        });
+
+        // Advanced options form
+        $('fieldset.advanced', context).each(function() {
+            var table = $(this).children('.propform').first();
+            table.wrap($('<div>').addClass('collapse'));
+            $(this).children('legend').first().addClass('closed').on('click', function() {
+                table.parent().collapse('toggle');
+                $(this).toggleClass('closed');
+            });
+        });
+
+        // Other forms, e.g. Insert response
+        $('.propform > .prop.block:not(.row)', context).each(function() {
+            $(this).addClass('form-group row').each(function() {
+                $('label', this).addClass('col-form-label').wrap($('<div class="col-sm-4">'));
+                $('input,select,textarea', this).wrap($('<div class="col-sm-8">'));
+                $(supported_controls, this).addClass('form-control');
+            });
+        });
+
+        $('td.rowbuttons > a', context).addClass('btn');
+
+        // Testing Bootstrap Tabs on contact info/edit page
+        // Tabs do not scale nicely on very small screen, so can be used
+        // only with small number of tabs with short text labels
+        $('form.tabbed,div.tabbed', context).each(function(idx, item) {
+            var tabs = [], nav = $('<ul>').attr({'class': 'nav nav-tabs', role: 'tablist'});
+
+            $(this).addClass('tab-content').children('fieldset').each(function(i, fieldset) {
+                var tab, id = fieldset.id || ('tab' + idx + '-' + i),
+                    tab_class = $(fieldset).data('navlink-class');
+
+                $(fieldset).addClass('tab-pane').attr({id: id, role: 'tabpanel'});
+
+                tab = $('<li>').addClass('nav-item').append(
+                    $('<a>').addClass('nav-link' + (tab_class ? ' ' + tab_class : ''))
+                        .attr({role: 'tab', 'href': '#' + id})
+                        .text($('legend', fieldset).first().text())
+                        .click(function(e) {
+                            $(this).tab('show');
+                            // Because we return false we have to close popups
+                            popups_close(e);
+                            // Returning false here prevents from strange scrolling issue
+                            // when the form is in an iframe, e.g. contact edit form
+                            return false;
+                        })
+                );
+
+                $('legend', fieldset).first().hide();
+                tabs.push(tab);
+            });
+
+            // create the navigation bar
+            nav.append(tabs).insertBefore(item);
+            // activate the first tab
+            $('a.nav-link', nav).first().click();
+        });
+
+        $('input[type=file]:not(.custom-file-input)', context).each(function() {
+            var label_text = rcmail.gettext('choosefile' + (this.multiple ? 's' : '')),
+                label = $('<label>').attr({'class': 'custom-file-label',
+                    'data-browse': rcmail.gettext('browse')}).text(label_text);
+
+            $(this).addClass('custom-file-input').wrap('<div class="custom-file">');
+            $(this).on('change', function() {
+                    var text = label_text;
+                    if (this.files.length) {
+                        text = this.files[0].name;
+                        if (this.files.length > 1) {
+                            text += ', ...';
+                        }
+                    }
+
+                    // Note: We don't use label variable to allow cloning of the input
+                    $(this).next().text(text);
+                })
+                .parent().append(label);
+        });
+
+        // Make tables prettier
+        $('table:not(.table,.compact-table,.propform,.listing,.ui-datepicker-calendar)', context)
+            .filter(function() {
+                // exclude direct propform children and external content
+                return !$(this).parent().is('.propform')
+                    && !$(this).parents('#message-header,.message-htmlpart,.message-partheaders,.boxinformation,.raw-tables').length;
+            })
+            .each(function() {
+                // TODO: Consider implementing automatic setting of table-responsive on window resize
+                var table = $(this).addClass('table');
+                table.parent().addClass('table-responsive-sm');
+                table.find('thead').addClass('thead-default');
+            });
+
+        // The same for some other checkboxes
+        // We do this here, not in setup() because we want to cover dialogs
+        $('input.pretty-checkbox, .propform input[type=checkbox], .form-check input[type=checkbox], .popupmenu.form input[type=checkbox], .menu input[type=checkbox]', context)
+            .each(function() { pretty_checkbox(this); });
+
+        // Also when we add action-row of the form, e.g. Managesieve plugin adds them after the page is ready
+        if ($(context).is('.actionrow')) {
+            $('input[type=checkbox]', context).each(function() { pretty_checkbox(this); });
+        }
+
+        // Input-group combo is an element with a select field on the left
+        // and input(s) on right, and where the whole right side can be hidden
+        // depending on the select position. This code fixes border radius on select
+        $('.input-group-combo > select', context).first().on('change', function() {
+            var select = $(this),
+                fn = function() {
+                    select[select.next().is(':visible') ? 'removeClass' : 'addClass']('alone');
+                };
+
+            setTimeout(fn, 50);
+            setTimeout(fn, 2000); // for devel mode
+        }).trigger('change');
+
+        // Make message-objects alerts pretty (the same as UI alerts)
+        $('#message-objects', context).children(':not(.ui.alert)').add('.part-notice').each(function() {
+            // message objects with notice class are really warnings
+            var cl = String($(this).removeClass('notice part-notice').attr('class')).split(/\s/)[0] || 'warning';
+            alert_style(this, cl);
+            $(this).addClass('box' + cl);
+            $('a', this).addClass('btn btn-primary btn-sm');
+        });
+
+        // Form validation errors (managesieve plugin)
+        $('.error', context).addClass('is-invalid');
+
+        // Make logon form prettier
+        if (rcmail.env.task == 'login' && context == document) {
+            $('#rcmloginsubmit').addClass('btn-lg text-uppercase w-100');
+            $('#rcmloginoauth').addClass('btn btn-secondary btn-lg w-100');
+            $('#login-form table tr').each(function() {
+                var input = $('input,select', this),
+                    label = $('label', this),
+                    icon_name = input.data('icon'),
+                    icon = $('<i>').attr('class', 'input-group-text icon ' + input.attr('name').replace('_', ''));
+
+                if (icon_name) {
+                    icon.addClass(icon_name);
+                }
+
+                $(this).addClass('form-group row');
+                label.parent().css('display', 'none');
+                input.addClass(input.is('select') ? 'custom-select' : 'form-control')
+                    .attr('placeholder', label.text())
+                    .before($('<span class="input-group-prepend">').append(icon))
+                    .parent().addClass('input-group input-group-lg');
+            });
+        }
+
+        $('select:not([multiple])', context).each(function() { pretty_select(this); });
+    };
+
+    /**
+     * Initializes popup menus
+     */
+    function dropdowns_init()
+    {
+        $('[data-popup]').each(function() { popup_init(this); });
+
+        $(document).on('click', popups_close);
+        rcube_webmail.set_iframe_events({mousedown: popups_close, touchstart: popups_close});
+    };
+
+    /**
+     * Init content frame
+     */
+    function content_frame_init()
+    {
+        if (!layout.list.length) {
+            return;
+        }
+
+        var last_selected = env.last_selected,
+            title_reset = function(title) {
+                if (typeof title !== 'string' || !title.length) {
+                    title = $('h1.voice').text() || $('title').text() || '';
+                }
+
+                layout.content.find('.header > .header-title').text(title);
+            };
+
+        // display or reset the content frame
+        var common_content_handler = function(e, href, show, title)
+        {
+            if (is_mobile() && env.frame_nav) {
+                content_frame_navigation(href, e);
+            }
+
+            if (show && !layout.content.is(':visible')) {
+                env.last_selected = layout.content[0];
+            }
+            else if (!show && env.last_selected != last_selected && !env.content_lock) {
+                env.last_selected = last_selected;
+            }
+
+            screen_resize();
+
+            title_reset(title && show ? title : null);
+
+            env.content_lock = false;
+        };
+
+        var common_list_handler = function(e) {
+            if (mode != 'large' && !env.content_lock && e.force) {
+                show_list();
+            }
+
+            env.content_lock = false;
+
+            // display current folder name in list header
+            if (e.title) {
+                $('.header > .header-title', layout.list).text(e.title);
+            }
+        };
+
+        var list_handler = function(e) {
+            var args = {};
+
+            if (rcmail.env.task == 'addressbook' || rcmail.env.task == 'mail') {
+                args.force = true;
+            }
+
+            // display current folder name in list header
+            if (rcmail.env.task == 'mail' && !rcmail.env.action) {
+                var name = $.type(e) == 'string' ? e : rcmail.env.mailbox,
+                    folder = rcmail.env.mailboxes[name];
+
+                args.title = folder ? folder.name : '';
+            }
+
+            common_list_handler(args);
+        };
+
+        // when loading content-frame in small-screen mode display it
+        layout.content.find('iframe').on('load', function(e) {
+            var win, href = '', show = true;
+
+            // Reset the scroll position of the iframe-wrapper
+            $(this).parent('.iframe-wrapper').scrollTop(0);
+
+            try {
+                win = e.target.contentWindow;
+                href = win.location.href;
+                show = !href.endsWith(rcmail.env.blankpage);
+
+                // Reset title back to the default
+                $(win).on('unload', title_reset);
+            }
+            catch(e) { /* ignore */ }
+
+            common_content_handler(e, href, show);
+        });
+
+        rcmail
+            .addEventListener('afterlist', list_handler)
+            .addEventListener('afterlistgroup', list_handler)
+            .addEventListener('afterlistsearch', list_handler)
+            // plugins
+            .addEventListener('show-list', function(e) {
+                e.force = true;
+                common_list_handler(e);
+            })
+            .addEventListener('show-content', function(e) {
+                if (e.obj && !$(e.obj).is('iframe')) {
+                    $(e.scrollElement || e.obj).scrollTop(0);
+                    if (is_mobile()) {
+                        iframe_loader(e.obj);
+                    }
+                }
+
+                common_content_handler(e.event || new Event, '_action=' + (e.mode || 'edit'), true, e.title);
+            });
+    };
+
+    /**
+     * Content frame navigation
+     */
+    function content_frame_navigation(href, event)
+    {
+        // Don't display navigation for create/add action frames
+        if (href.match(/_action=(create|add)/) || href.match(/_nav=hide/)) {
+            $(env.frame_nav).addClass('hide-nav-buttons');
+            return;
+        }
+
+        var node, uid, list, _list = $('[data-list]', layout.list).data('list');
+
+        if (!_list || !(list = rcmail[_list])) {
+            // hide navbar if there are no visible buttons, e.g. Help plugin UI
+            if ($(env.frame_nav).is('.hide-nav-buttons') && !$('.buttons', env.frame_nav).children().length) {
+                $(env.frame_nav).addClass('hidden');
+            }
+            return;
+        }
+
+        $(env.frame_nav).removeClass('hide-nav-buttons hidden');
+
+        // expand collapsed row so we do not skip the whole thread
+        // TODO: Unified interface for list and treelist widgets
+        if (uid = list.get_single_selection()) {
+            if (list.rows && list.rows[uid] && !list.rows[uid].expanded) {
+                list.expand_row(event, uid);
+            }
+            else if (list.get_node && (node = list.get_node(uid)) && node.collapsed) {
+                list.expand(uid);
+            }
+        }
+
+        var prev, next,
+            frame = $('#' + rcmail.env.contentframe),
+            next_button = $('a.button.next', env.frame_nav).off('click').addClass('disabled'),
+            prev_button = $('a.button.prev', env.frame_nav).off('click').addClass('disabled');
+
+        if ((next = list.get_next()) || rcmail.env.current_page < rcmail.env.pagecount) {
+            next_button.removeClass('disabled').on('click', function() {
+                env.content_lock = true;
+                iframe_loader(frame);
+
+                if (next) {
+                    list.select(next);
+                }
+                else {
+                    rcmail.env.list_uid = 'FIRST';
+                    rcmail.command('nextpage');
+                }
+            });
+        }
+
+        if (((prev = list.get_prev()) && (prev != '*' || _list != 'subscription_list')) || rcmail.env.current_page > 1) {
+            prev_button.removeClass('disabled').on('click', function() {
+                env.content_lock = true;
+                iframe_loader(frame);
+
+                if (prev) {
+                    list.select(prev);
+                }
+                else {
+                    rcmail.env.list_uid = 'LAST';
+                    rcmail.command('previouspage');
+                }
+            });
+        }
+    };
+
+    /**
+     * Handler for editor-init event
+     */
+    function tinymce_init(o)
+    {
+        var onload = [],
+            is_editor = $('#' + o.id).parent().is('.html-editor');
+
+        // Enable autoresize plugin
+        o.config.plugins += ' autoresize';
+
+        if (is_touch()) {
+            // Use minimalistic toolbar
+            o.config.toolbar = 'undo redo | link image styleselect';
+        }
+
+        if (rcmail.task == 'mail' && rcmail.env.action == 'compose') {
+            var floating = false,
+                form = $('#compose-content > form'),
+                keypress = function(e) {
+                    if (e.key == 'Tab' && e.shiftKey) {
+                        $('#compose-content > form').scrollTop(0);
+                    }
+                };
+
+            // Shift+Tab on mail compose editor scrolls the page to the top
+            onload.push(function(ed) {
+                ed.on('keypress', keypress);
+            });
+
+            $('#composebody').on('keypress', keypress);
+
+            // Keep the editor toolbar on top of the screen on scroll
+            form.on('scroll', function() {
+                var container = $('.tox-editor-container', form),
+                    toolbar = container.find('.tox-toolbar-overlord'),
+                    editor_offset = container.offset(),
+                    header_top = form.offset().top;
+
+                if (editor_offset && (editor_offset.top - header_top < 0)) {
+                    toolbar.css({position: 'fixed', top: header_top + 'px', width: container.width() + 'px'});
+                    floating = true;
+                }
+                else {
+                    // Focusing the subject when scrolling back to the top fixes
+                    // an annoying bouncing scrollbar bug (#8046)
+                    if (floating) {
+                        $('#compose-subject').focus();
+                        floating = false;
+                    }
+                    toolbar.css({position: 'relative', top: 0, width: 'auto'})
+                }
+            });
+
+            $(window).resize(function() { form.trigger('scroll'); });
+        }
+
+        if (is_editor) {
+            o.config.toolbar = 'plaintext | ' + o.config.toolbar;
+            // Use setup_callback, we can't use editor-load event
+            o.config.setup_callback = function(ed) {
+                ed.ui.registry.addButton('plaintext', {
+                    tooltip: rcmail.gettext('plaintoggle'),
+                    icon: 'close',
+                    onAction: function(e) {
+                        if (rcmail.command('toggle-editor', {id: ed.id, html: false}, '', e.originalEvent)) {
+                            $('#' + ed.id).parent().removeClass('ishtml');
+                        }
+                    }
+                });
+            };
+        }
+
+        // Add styling for TinyMCE dialogs
+        onload.push(function(ed) {
+            ed.on('OpenWindow', function(e) {
+                var dialog = $('.tox-dialog:last')[0],
+                    callback = function(e) {
+                        var body = $(dialog).find('.tox-dialog__body'),
+                            foot = $(dialog).find('.tox-dialog__footer'),
+                            buttons = foot.find('button');
+
+                        if (!e) {
+                            // Fix icons in Find and Replace dialog footer
+                            if (buttons.length === 4) {
+                                body.closest('.tox-dialog').addClass('tox-search-dialog');
+                            }
+                            // Switch Save and Cancel buttons order
+                            else if (buttons.length == 2) {
+                                buttons.first().insertAfter(buttons[1]);
+                            }
+
+                            // TODO: Styling form elements does not work well because of
+                            // https://github.com/tinymce/tinymce/issues/4867
+                            // also https://github.com/tinymce/tinymce/issues/4869
+                        }
+
+                        body.find('.tox-checkbox > input').each(function() { pretty_checkbox(this); });
+                        body.find('.tox-textarea,.tox-textfield').addClass('form-control');
+                    };
+
+                // TODO: Maybe some day we'll not have to use MutationObserver
+                // https://github.com/tinymce/tinymce/issues/4869
+                if (window.MutationObserver) {
+                    (new MutationObserver(callback)).observe($('.tox-dialog__body-content', dialog)[0], {childList: true});
+                }
+                callback();
+            });
+        });
+
+        rcmail.addEventListener('editor-load', function(e) {
+            $.each(onload, function() { this(e.ref.editor); });
+        });
+    };
+
+    function datepicker_init(datepicker)
+    {
+        // Datepicker widget improvements: overlay element, styling updates on calendar element update
+        // The widget does not provide any event system, so we use MutationObserver
+        if (window.MutationObserver) {
+            $(datepicker).not('[data-observed]').each(function() {
+                var overlay, hidden = true,
+                    win = is_framed ? parent : window,
+                    callback = function(data) {
+                        $.each(data, function(i, v) {
+                            // add/remove overlay on widget show/hide
+                            if (v.type == 'attributes') {
+                                var is_hidden = $(v.target).attr('aria-hidden') == 'true';
+                                if (is_hidden != hidden) {
+                                    if (!is_hidden) {
+                                        overlay = $('<div>').attr('class', 'ui-widget-overlay datepicker')
+                                            .appendTo(win.document.body)
+                                            .click(function(e) {
+                                                $(this).remove();
+                                                if (is_framed) {
+                                                    $.datepicker._hideDatepicker();
+                                                }
+                                            });
+                                    }
+                                    else if (overlay) {
+                                        overlay.remove();
+                                    }
+                                    hidden = is_hidden;
+                                }
+                            }
+                            else if (v.addedNodes.length) {
+                                // apply styles when widget content changed
+                                //win.UI.bootstrap_style(v.target);
+
+                                // Month/Year change handlers do not work from parent, fix it
+                                if (is_framed) {
+                                    win.$('select.ui-datepicker-month', v.target).on('change', function() {
+                                        $.datepicker._selectMonthYear($.datepicker._lastInput, this, "M");
+                                    });
+                                    win.$('select.ui-datepicker-year', v.target).on('change', function() {
+                                        $.datepicker._selectMonthYear($.datepicker._lastInput, this, "Y");
+                                    });
+                                }
+                            }
+                        });
+                    };
+
+                $(this).attr('data-observed', '1');
+
+                if (is_framed) {
+                    // move the datepicker to parent window
+                    $(this).detach().appendTo(parent.document.body);
+
+                    // create fake element, so the valid one is not removed by datepicker code
+                    $('<div id="ui-datepicker-div" class="hidden">').appendTo(document.body);
+                }
+
+                (new MutationObserver(callback)).observe(this, {childList: true, subtree: false, attributes: true, attributeFilter: ['aria-hidden']});
+            });
+        }
+    };
+
+    /*
+    function toggle_list_selection(obj, list_id)
+    {
+
+        if ($(obj).is('.active')) {
+            set_pref(
+                'list-selection',
+                $('#' + list_id).toggleClass('withselection').is('.withselection')
+            );
+        }
+    };
+*/
+    /**
+     * Handler for some Roundcube core popups
+     */
+    function rcmail_popup_init(o)
+    {
+        // Add some common styling to the autocomplete/googiespell popups
+        $('ul', o.obj).addClass('menu listing iconized');
+        $(o.obj).addClass('popupmenu popover');
+        //bootstrap_style(o.obj);
+		bootstrap_style_elastic2022(o.obj);
+        // for googiespell list
+        $('input', o.obj).addClass('form-control');
+
+        // Modify the googiespell menu on mobile
+        if (is_mobile() && $(o.obj).is('.googie_window')) {
+            // Set popup Close title
+            var title = rcmail.gettext('close'),
+                class_name = 'button icon cancel',
+                close_link = $('<a>').attr('class', class_name).text(title)
+                    .click(function(e) {
+                        e.stopPropagation();
+                        $('.popover-overlay').remove();
+                        $(o.obj).hide();
+                    });
+
+            $('<h3 class="popover-header">').append(close_link).prependTo(o.obj);
+
+            // add overlay element for phone layout
+            if (!$('.popover-overlay').length) {
+                $('<div>').attr('class', 'popover-overlay')
+                    .appendTo('body')
+                    .click(function() { $(this).remove(); });
+            }
+
+            $('ul,button', o.obj).click(function(e) {
+                if (!$(e.target).is('input')) {
+                    $('.popover-overlay').remove();
+                }
+            });
+        }
+    };
+
+    /**
+     * Handler for 'enable-command' event
+     */
+    function enable_command_handler(args)
+    {
+        if (is_framed) {
+            $.each(frame_buttons, function(i, button) {
+                if (args.command == button.command) {
+                    parent.$('#' + button.button_id)[args.status ? 'removeClass' : 'addClass']('disabled');
+                }
+            });
+        }
+
+        if (rcmail.task == 'mail') {
+            switch (args.command) {
+            case 'reply-list':
+                if (rcmail.env.reply_all_mode == 1) {
+                    var label = rcmail.gettext(args.status ? 'replylist' : 'replyall');
+                    $('.toolbar a.reply-all').attr('title', label).find('.inner').text(label);
+                }
+                break;
+
+            case 'compose-encrypted':
+                // show the toolbar button for Mailvelope
+                $('.toolbar a.encrypt').parent().show();
+                break;
+
+            case 'compose-encrypted-signed':
+                // enable selector for encrypt and sign
+                $('#encryption-menu-button').show();
+                break;
+            }
+        }
+    };
+
+    /**
+     *  screen mode
+     */
+    function screen_mode() // elastic2022, only : small, normal, large
+    {
+				
+        var size, width = $(window).width();
+/*
+        if (width <= 480)
+            size = 'phone';
+        else if (width > 1200)
+            size = 'large';
+        else if (width > 768)
+            size = 'normal';
+        else
+            size = 'small';
+*/
+
+        if (width > 1200)
+            size = 'large';
+        else if (width > 768)
+            size = 'normal';
+        else
+            size = 'small';
+        touch = width <= 1024;
+        mode = size;
+
+    };
+
+    /**
+     *  Get current screen mode
+     */
+    function get_screen_mode()
+    {
+        return mode;
+    };
+
+    /**
+     * Window resize handler
+     * Does layout reflows e.g. on screen orientation change
+     */
+    function resize()
+    {
+        var mobile;
+
+        screen_mode();
+        screen_resize();
+        screen_resize_html();
+
+        // disable ext-windows and other features
+        if (mobile = is_mobile()) {
+            rcmail.set_env(env.small_screen_config);
+            rcmail.enable_command('extwin', false);
+        }
+        else {
+            rcmail.set_env(env.config);
+            rcmail.enable_command('extwin', true);
+        }
+
+        // Hide content frame buttons on small devices (with frame toolbar in parent window)
+        $.each(content_buttons, function() { $(this)[mobile ? 'hide' : 'show'](); });
+
+        rcmail.triggerEvent('skin-resize', { mode: mode })
+    };
+
+    function screen_resize()
+    {
+        if (is_framed && !layout.sidebar.length && !layout.list.length) {
+            screen_resize_headers();
+            return;
+        }
+
+        switch (mode) {
+            case 'phone': screen_resize_phone(); break;
+            case 'small': screen_resize_small(); break;
+            case 'normal': screen_resize_normal(); break;
+            case 'large': screen_resize_large(); break;
+        }
+
+        screen_logo(mode);
+        screen_resize_headers();
+
+        // On iOS and Android the content frame height is never correct, fix it.
+        // Actually I observed the issue on my old iPad with iOS 9.3.
+        if (bw.webkit && bw.ipad && bw.agent.match(/OS 9/)) {
+            $('.iframe-wrapper').each(function() {
+                var h = $(this).height();
+                if (h) {
+                    $(this).children('iframe').height(h);
+                }
+            });
+        }
+
+		if(document.getElementById('messagecontframe') )
+			{
+			messagecontframe.postMessage('resize_message', '*');
+			}
+    };
+
+    /**
+     * Assigns layout-* and touch-mode class to the 'html' element
+     *
+     * If we're inside an iframe that is small we have to
+     * check if the parent window is also small (mobile).
+     * We use that e.g. to still display desktop-like popovers in dialogs
+     */
+    function screen_resize_html()
+    {
+        var meta = layout_metadata(),
+            html = $(document.documentElement);
+
+        if (html[0].className.match(/layout-([a-z]+)/)) {
+            if (RegExp.$1 != meta.mode) {
+                html.removeClass('layout-' + RegExp.$1)
+                    .addClass('layout-' + meta.mode);
+            }
+        }
+        else {
+            html.addClass('layout-' + meta.mode);
+        }
+
+        if (meta.touch && !html.is('.touch')) {
+            html.addClass('touch');
+        }
+        else if (!meta.touch && html.is('.touch')) {
+            html.removeClass('touch');
+        }
+    };
+
+    function screen_logo(mode)
+    {
+        var logos = rcmail.env.additional_logos;
+        if (logos) {
+            // Store default logo path if not already set
+            if (!$('#logo').data('src-default')) {
+                $('#logo').data('src-default', $('#logo').attr('src'));
+            }
+
+            if (mode == 'phone' && color_mode == 'dark' && logos['small-dark']) {
+                $('#logo').attr('src', logos['small-dark']);
+            }
+            else if (mode == 'phone' && logos['small']) {
+                $('#logo').attr('src', logos['small']);
+            }
+            else if (color_mode == 'dark' && logos['dark']) {
+                $('#logo').attr('src', logos['dark']);
+            }
+            else {
+                $('#logo').attr('src', $('#logo').data('src-default'));
+            }
+        }
+    }
+
+    /**
+     * Sets left and right margin to the header title element to make it
+     * properly centered depending on the number of buttons on both sides
+     */
+    function screen_resize_headers()
+    {
+
+        $('#layout > div > .header').each(function() {
+            var title, right = 0, left = 0, padding = 0,
+                sizes = {left: 0, right: 0};
+
+            $(this).children(':visible:not(.position-absolute)').each(function() {
+                if (!title && $(this).is('.header-title')) {
+                    title = $(this);
+                    return;
+                }
+
+                sizes[title ? 'right' : 'left'] += this.offsetWidth;
+            });
+
+            if (padding + sizes.right >= sizes.left) {
+                right = 0;
+                left = sizes.right + padding - sizes.left;
+            }
+            else {
+                left = 0;
+                right = sizes.left - (padding + sizes.right);
+            }
+
+            $(title).css({
+                'margin-right': right + 'px',
+                'margin-left': left + 'px',
+                'padding-right': padding + 'px'
+            });
+        });
+    };
+
+    function screen_resize_phone()
+    {
+        screen_resize_small_all();
+        app_menu(false);
+    };
+
+    function screen_resize_small()
+    {
+        screen_resize_small_all();
+        app_menu(true);
+		
+		        if (layout.list.length) {
+            $('.header > ul.menu', layout.list).addClass('popupmenu');
+        }
+    };
+
+    function screen_resize_normal()
+    {
+        var show;
+
+        if (layout.list.length) {
+            show = layout.list.is(env.last_selected) || (!layout.sidebar.is(env.last_selected) && !layout.sidebar.is('.layout-sticky'));
+            layout.list[show ? 'removeClass' : 'addClass']('hidden');
+        }
+        if (layout.sidebar.length) {
+            show = !layout.list.length || layout.sidebar.is(env.last_selected) || layout.sidebar.is('.layout-sticky');
+            layout.sidebar[show ? 'removeClass' : 'addClass']('hidden');
+        }
+
+        layout.content.removeClass('hidden');
+        app_menu(true);
+        screen_resize_small_none();
+
+
+    };
+
+    function screen_resize_large()
+    {
+        $.each(layout, function(name, item) { item.removeClass('hidden'); });
+
+        screen_resize_small_none();
+
+        if (layout.list) {
+            $('.header > ul.menu.popupmenu', layout.list).removeClass('popupmenu');
+        }
+    };
+
+    function screen_resize_small_all()
+    {
+        var show, got_content = false;
+
+        if (layout.content.length) {
+            show = got_content = layout.content.is(env.last_selected);
+            layout.content[show ? 'removeClass' : 'addClass']('hidden');
+            $('.header > ul.menu', layout.content).addClass('popupmenu');
+        }
+
+        if (layout.list.length) {
+            show = !got_content && layout.list.is(env.last_selected);
+            layout.list[show ? 'removeClass' : 'addClass']('hidden');
+            $('.header > ul.menu', layout.list).addClass('popupmenu');
+        }
+
+        if (layout.sidebar.length) {
+            show = !got_content && (layout.sidebar.is(env.last_selected) || !layout.list.length);
+            layout.sidebar[show ? 'removeClass' : 'addClass']('hidden');
+        }
+
+        if (got_content) {
+            buttons.back_list.show();
+        }
+    };
+
+    function screen_resize_small_none()
+    {
+        buttons.back_list.filter(function() { return $(this).parents('#layout-sidebar').length == 0; }).hide();
+        $('ul.menu.popupmenu').removeClass('popupmenu');
+    };
+
+    function show_content(unsticky)
+    {
+        // show sidebar and hide list
+        layout.list.addClass('hidden');
+        layout.sidebar.addClass('hidden');
+        layout.content.removeClass('hidden');
+
+        if (unsticky) {
+            layout.sidebar.removeClass('layout-sticky');
+        }
+
+        screen_resize_headers();
+        env.last_selected = layout.content[0];
+    };
+
+    
+    function show_sidebar(sticky)
+    {
+
+        // show sidebar and hide list
+  //      layout.list.addClass('hidden');
+    //    layout.sidebar.removeClass('hidden');
+
+        if (sticky) {
+        //    layout.sidebar.addClass('layout-sticky');
+        }
+
+        screen_resize_headers();
+     //   env.last_selected = layout.sidebar[0];
+        click_menu()
+    };
+
+    /*
+    function show_sidebar(sticky)
+    {
+        click_menu()
+        // show sidebar and hide list
+        layout.list.addClass('hidden');
+        layout.sidebar.removeClass('hidden');
+
+        if (sticky) {
+            layout.sidebar.addClass('layout-sticky');
+        }
+
+        if (mode == 'small' || mode == 'phone') {
+            layout.content.addClass('hidden');
+        }
+
+        screen_resize_headers();
+        env.last_selected = layout.sidebar[0];
+    };
+*/
+    function show_list(scroll)
+    {
+        if (!layout.list.length && !layout.sidebar.length) {
+            history.back();
+        }
+        else {
+            // show list and hide sidebar and content
+            layout.sidebar.addClass('hidden').removeClass('layout-sticky');
+            layout.list.removeClass('hidden');
+
+            if (mode == 'small' || mode == 'phone') {
+                hide_content();
+            }
+
+            if (scroll) {
+                layout.list.children('.scroller').scrollTop(0);
+            }
+
+            env.last_selected = layout.list[0];
+        }
+		
+        screen_resize_headers();
+		
+		//for phone : back to normal
+		//document.querySelector("meta[name=viewport]").setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0');
+		var is_firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+		if(is_firefox)
+			document.querySelector("meta[name=viewport]").setAttribute('content', 'width=device-width, initial-scale=0.999, user-scalable=0');
+		else
+			document.querySelector("meta[name=viewport]").setAttribute('content', 'width=device-width, initial-scale=1, user-scalable=0');
+		
+    };
+
+    function hide_content()
+    {
+		//$('.sebmenu').show();
+        // show sidebar or list, hide content frame
+        env.last_selected = layout.list[0] || layout.sidebar[0];
+        screen_resize();
+
+        // reset content frame, so we can load it again
+        rcmail.show_contentframe(false);
+
+        // now we have to unselect selected row on the list
+        $('[data-list]', layout.list).each(function() {
+            var list = $(this).data('list');
+            if (rcmail[list]) {
+                if (rcmail[list].clear_selection) {
+                    rcmail[list].clear_selection(); // list widget
+                }
+                else if (rcmail[list].select) {
+                    rcmail[list].select(); // treelist widget
+                }
+            }
+        });
+    };
+
+    // show menu widget
+    function app_menu(show)
+    {
+        if (show) {
+            if (mode == 'phone') {
+                $('<div id="menu-overlay" class="popover-overlay">')
+                    .on('click', function() { app_menu(false); })
+                    .appendTo('body');
+
+                if (!env.menu_initialized) {
+                    env.menu_initialized = true;
+                    $('a', layout.menu).on('click', function(e) { if (mode == 'phone') app_menu(); });
+                }
+
+                layout.menu.addClass('popover');
+            }
+
+            layout.menu.removeClass('hidden');
+        }
+        else {
+            $('#menu-overlay').remove();
+            layout.menu.addClass('hidden').removeClass('popover');
+        }
+    };
+
+    /**
+     * Triggered when a UI message is displayed
+     */
+    function message_displayed(p)
+    {
+		//for phone : permit zoom
+		document.querySelector("meta[name=viewport]").setAttribute('content', 'width=device-width');
+		
+        if (p.type == 'loading' && $('.iframe-loader:visible').length) {
+            // hide original message object, we don't need two "loaders"
+            rcmail.hide_message(p.object);
+            return;
+        }
+
+        alert_style(p.object, p.type, true);
+        $(p.object).attr('role', 'alert');
+		
+
+    };
+
+    /**
+     * Applies some styling and icon to an alert object
+     */
+    function alert_style(object, type, wrap)
+    {
+        
+        var tmp, classes = 'ui alert',
+            addicon = !$(object).is('.noicon'),
+            map = {
+                information: 'alert-info',
+                notice: 'alert-info',
+                confirmation: 'alert-success',
+                warning: 'alert-warning',
+                error: 'alert-danger',
+                loading: 'alert-info loading',
+                uploading: 'alert-info loading',
+                vcardattachment: 'alert-info' // vcard_attachments plugin
+            };
+
+        // we need the content to be non-text node for best alignment
+        if (wrap && addicon && !$(object).is('.aligned-buttons')) {
+            $(object).html($('<span>').html($(object).html()));
+        }
+
+        // Type can be e.g. 'notice chat'
+        type = type.split(' ')[0];
+
+        if (tmp = map[type]) {
+            classes += ' ' + tmp;
+            if (addicon) {
+                $('<i>').attr('class', 'icon').prependTo(object);
+            }
+        }
+
+        $(object).addClass(classes);
+        
+    };
+
+    /**
+     * Set UI dialogs size/style depending on screen size
+     */
+    function dialog_open(dialog)
+    {
+        var me = $(dialog.uiDialog),
+            width = me.width(),
+            height = me.height(),
+            maxWidth = $(window).width(),
+            maxHeight = $(window).height();
+
+        if (maxWidth <= 480) {
+            me.css({width: '100%', height: '100%'});
+        }
+        else {
+            if (height > maxHeight) {
+                me.css('height', '100%');
+            }
+            if (width > maxWidth) {
+                me.css('width', '100%');
+            }
+        }
+
+        // Close all popovers
+        $(document).click();
+
+        // Display loader when the dialog has an iframe
+        iframe_loader($('div.popup > iframe', me));
+
+        // TODO: style buttons/forms
+        //bootstrap_style(dialog.uiDialog);
+		bootstrap_style_elastic2022(dialog.uiDialog);
+    };
+
+    /**
+     * Initializes searchbar widget
+     */
+    function searchbar_init(bar)
+    {
+        var unread_button = $(),
+            options_button = $('a.button.options', bar),
+            input = $('input:not([type=hidden])', bar),
+            placeholder = input.attr('placeholder'),
+            form = $('form', bar),
+            is_search_pending = function() {
+                if (input.val()) {
+                    return true;
+                }
+
+                if (rcmail.task == 'mail' && $('#s_interval').val()) {
+                    return true;
+                }
+
+                if (rcmail.gui_objects.search_filter && $(rcmail.gui_objects.search_filter).val() != 'ALL') {
+                    return true;
+                }
+
+                if (rcmail.gui_objects.foldersfilter && $(rcmail.gui_objects.foldersfilter).val() != '---') {
+                    return true;
+                }
+            },
+            close_func = function() {
+                if ($(bar).is('.open')) {
+                    options_button.click();
+                }
+            },
+            update_func = function() {
+                $(bar)[is_search_pending() ? 'addClass' : 'removeClass']('active');
+                unread_button[rcmail.gui_objects.search_filter && $(rcmail.gui_objects.search_filter).val() == 'UNSEEN' ? 'addClass' : 'removeClass']('selected');
+            };
+
+        // Add Unread filter button
+        if (input.is('#mailsearchform')) {
+            unread_button = $('<a>')
+                .attr({'class': 'button unread', href: '#', role: 'button', title: rcmail.gettext('showunread')})
+                .on('click', function(e) {
+                    $(rcmail.gui_objects.search_filter).val($(e.target).is('.selected') ? 'ALL' : 'UNSEEN');
+                    rcmail.command('search');
+                })
+                .insertBefore(options_button);
+        }
+
+        options_button.on('click', function(e) {
+            var id = $(this).data('target'),
+                options = $('#' + id),
+                open = $(bar).is('.open');
+
+            if (options.length) {
+                if (!open) {
+                    if (ref[id]) {
+                        ref[id](options.get(0), this, e);
+                    }
+                    else if (typeof window[id] == 'function') {
+                        window[id](options.get(0), this, e);
+                    }
+                }
+
+                options.next()[open ? 'show' : 'hide']();
+                options.toggleClass('hidden');
+                $('.floating-action-buttons').toggleClass('hidden');
+                $(bar).toggleClass('open');
+
+                $('button.search', options).off('click.search').on('click.search', function() {
+                    options_button.click();
+                    update_func();
+                });
+            }
+        });
+
+        input.on('input change', update_func)
+            .on('focus blur', function(e) { input.attr('placeholder', e.type == 'blur' ? placeholder : ''); });
+
+        // Search reset action
+        $('a.reset', bar).on('click', function(e) {
+            // for treelist widget's search setting val and keyup.treelist is needed
+            // in normal search form reset-search command will do the trick
+            input.val('').change().trigger('keyup.treelist', {keyCode: 27});
+            if ($(bar).is('.open')) {
+                options_button.click();
+            }
+
+            // Reset filter
+            if (rcmail.gui_objects.search_filter) {
+                $(rcmail.gui_objects.search_filter).val('ALL');
+            }
+
+            if (rcmail.gui_objects.foldersfilter) {
+                $(rcmail.gui_objects.foldersfilter).val('---').change();
+                rcmail.folder_filter('---');
+            }
+
+            update_func();
+        });
+
+        rcmail.addEventListener('init', update_func)
+            .addEventListener('responsebeforesearch', update_func)
+            .addEventListener('beforelist', close_func)
+            .addEventListener('afterlist', update_func)
+            .addEventListener('beforesearch', close_func);
+    };
+
+    /**
+     * Converts toolbar menu into popup-menu for small screens
+     */
+    function toolbar_init()
+    {
+        if (env.got_smart_toolbar) {
+            return;
+        }
+
+        env.got_smart_toolbar = true;
+
+        var list_mark, items = [],
+            list_items = [],
+            meta = layout_metadata(),
+            button_func = function(button, items, cloned) {
+                var item = $('<li role="menuitem">');
+
+                button = cloned ? create_cloned_button($(button), true, 'hidden-big hidden-large') : $(button).detach();
+
+                // Remove empty text nodes that break alignment of text of the menu item
+                button.contents().filter(function() { if (this.nodeType == 3 && this.nodeValue.trim().length == 0) $(this).remove(); });
+
+                if (button.is('.spacer')) {
+                    item.addClass('spacer');
+                }
+                else {
+                    item.append(button);
+                }
+
+                items.push(item);
+            };
+
+        // convert content toolbar to a popup list
+        layout.content.find('.header > .menu').each(function() {
+            var toolbar = $(this);
+
+            toolbar.children().each(function() { button_func(this, items); });
+            toolbar.remove();
+        });
+
+        // convert list toolbar to a popup list
+        layout.list.find('.header > .menu').each(function() {
+            var toolbar = $(this);
+
+            list_mark = toolbar.next();
+
+            toolbar.children().each(function() {
+                if (meta.mode != 'large') {
+                    // TODO: Would be better to set this automatically on submenu display
+                    //       i.e. in show/shown event (see popup_init()), if possible
+                    $(this).data('popup-pos', 'right');
+                }
+
+                // add items to the content menu too
+                button_func(this, items, true);
+                button_func(this, list_items);
+            });
+
+            toolbar.remove();
+        });
+
+        // special elements to clone and add to the toolbar (mobile only)
+        $('ul[data-menu="toolbar-small"] > li > a').each(function() {
+            var button = $(this).clone();
+
+            button.attr('id', this.id + '_clone');
+
+            // TODO: rcmail.register_button()
+
+            items.push($('<li role="menuitem">').addClass('hidden-big').append(button));
+        });
+
+        // append the new list toolbar and menu button
+        if (list_items.length) {
+            var container = layout.list.children('.header'),
+                menu_attrs = {'class': 'menu toolbar popupmenu listing iconized', id: 'toolbar-list-menu'},
+                menu_button = $('<a class="button icon toolbar-list-button" href="#list-menu">')
+                    .attr({'data-popup': 'toolbar-list-menu'}),
+                // TODO: copy original toolbar attributes (class, role, aria-*)
+                toolbar = $('<ul>').attr(menu_attrs).data('popup-parent', container).append(list_items);
+
+            if (list_mark.length) {
+                toolbar.insertBefore(list_mark);
+            }
+            else {
+                container.append(toolbar);
+            }
+            container.append(menu_button);
+        }
+
+        // append the new toolbar and menu button
+        if (items.length) {
+            var container = layout.content.children('.header'),
+                menu_attrs = {'class': 'menu toolbar popupmenu listing iconized', id: 'toolbar-menu'},
+                menu_button = $('<a class="button icon toolbar-menu-button" href="#menu">')
+                    .attr({'data-popup': 'toolbar-menu'});
+
+            container
+                // TODO: copy original toolbar attributes (class, role, aria-*)
+                .append($('<ul>').attr(menu_attrs).data('popup-parent', container).append(items))
+                .append(menu_button);
+
+            // bind toolbar menu with the menu button in the list header
+            layout.list.find('a.toolbar-menu-button').click(function(e) {
+                e.stopPropagation();
+                menu_button.click();
+            });
+        }
+    };
+
+    /**
+     * Initialize a popup for specified button element
+     */
+    function popup_init(item, win)
+    {
+        // On mobile we display the menu from the frame in the parent window
+        if (is_framed && is_mobile()) {
+            return parent.UI.popup_init(item, win || window);
+        }
+
+        if (!win) win = window;
+        var level,
+            popup_id = $(item).data('popup'),
+            popup = $(win.$('#' + popup_id).get(0)), // a "hack" to support elements in frames
+            popup_orig = popup,
+            title = $(item).attr('title'),
+            content_element = function() {
+                // On mobile we display a menu from the frame in the parent window
+                // To make menu actions working we have to clone the menu
+                // and pass click events to it...
+                if (win != window) {
+                    popup = popup_orig.clone(true, true);
+                    popup.attr('id', popup_id + '-clone')
+                        .appendTo(document.body)
+                        .find('li > a').attr('onclick', '').off('click').on('click', function(e) {
+                            if (!$(this).is('.disabled')) {
+                                $(item).popover('hide');
+                                win.$('#' + $(this).attr('id')).click();
+                            }
+
+                            return false;
+                        });
+                }
+
+                return popup.get(0);
+            };
+
+        $(item).attr({
+                'aria-haspopup': 'true',
+                'aria-expanded': 'false',
+                'aria-owns': popup_id,
+            })
+            .popover({
+                content: content_element,
+                trigger: $(item).data('popup-trigger') || 'click',
+                placement: $(item).data('popup-pos') || 'bottom',
+                animation: true,
+                boundary: 'window', // fix for https://github.com/twbs/bootstrap/issues/25428
+                html: true
+            })
+            .on('show.bs.popover', function(event) {
+                var init_func = popup.data('popup-init');
+
+                if (popup_id && menus[popup_id]) {
+                    menus[popup_id].transitioning = true;
+                }
+
+                if (init_func && ref[init_func]) {
+                    ref[init_func](popup.get(0), item, event);
+                }
+                else if (init_func && win[init_func]) {
+                    win[init_func](popup.get(0), item, event);
+                }
+
+                level = $('div.popover:visible').length + 1;
+
+                popup.removeClass('hidden').attr('aria-hidden', false)
+                    // Stop propagation on menu items that have popups
+                    // to make a click on them not hide their parent menu(s)
+                    .find('[aria-haspopup="true"]')
+                        .data('level', level + 1)
+                        .off('click.popup')
+                        .on('click.popup', function(e) { e.stopPropagation(); });
+
+                if (!is_mobile()) {
+                    // Set popup height so it is less than the window height
+                    popup.css('max-height', Math.min(36 * 15 - 1, $(window).height() - 30));
+                }
+            })
+            .on('shown.bs.popover', function(event) {
+                var mobile = is_mobile(),
+                    popover = $('#' + $(item).attr('aria-describedby'));
+
+                level = $(item).data('level') || 1;
+
+                // Set popup Back/Close title
+                if (mobile) {
+                    var label = level > 1 ? 'back' : 'close',
+                        title = rcmail.gettext(label),
+                        class_name = 'button icon ' + (label == 'back' ? 'back' : 'cancel');
+
+                    $('.popover-header', popover).empty()
+                        .append($('<a>').attr('class', class_name).text(title)
+                            .on('click', function(e) {
+                                $(item).popover('hide');
+                                if (level > 1) {
+                                    e.stopPropagation();
+                                }
+                            })
+                            .on('mousedown', function(e) {
+                                // stop propagation to i.e. do not close jQuery-UI dialogs below
+                                e.stopPropagation();
+                            })
+                        );
+                }
+
+                // Hide other menus on the same level
+                $.each(menus, function(id, prop) {
+                    if ($(prop.target).data('level') == level && id != popup_id) {
+                        menu_hide(id);
+                    }
+                });
+
+                // On keyboard event focus the first (active) entry and enable keyboard navigation
+                if ($(item).data('event') == 'key') {
+                    popover.off('keydown.popup').on('keydown.popup', 'a.active', function(e) {
+                        var entry, node, mode = 'next';
+
+                        switch (e.which) {
+                            case 27: // ESC
+                            case 9:  // TAB
+                                $(item).popover('toggle').focus();
+                                return false;
+
+                            case 38: // ARROW-UP
+                            case 63232:
+                                mode = 'previous';
+                            case 40: // ARROW-DOWN
+                            case 63233:
+                                entry = e.target.parentNode;
+                                while (entry = entry[mode + 'Sibling']) {
+                                    if (node = $(entry).children('.active')[0]) {
+                                        node.focus();
+                                        break;
+                                    }
+                                }
+                                return false; // prevents from scrolling the whole page
+                        }
+                    });
+
+                    popover.find('a.active').first().focus();
+                }
+
+                if (popup_id && menus[popup_id]) {
+                    menus[popup_id].transitioning = false;
+                }
+
+                // add overlay element for phone layout
+                if (mobile && !$('.popover-overlay').length) {
+                    $('<div>').attr('class', 'popover-overlay')
+                        .appendTo('body')
+                        .click(function() { $(this).remove(); });
+                }
+
+                $('.popover-body', popover).addClass('webkit-scroller');
+            })
+            .on('hide.bs.popover', function() {
+                if (level == 1) {
+                    $('.popover-overlay').remove();
+                }
+
+                if (popup_id && menus[popup_id] && popup.is(':visible')) {
+                    menus[popup_id].transitioning = true;
+                }
+            })
+            .on('hidden.bs.popover', function() {
+                if (/-clone$/.test(popup.attr('id'))) {
+                    popup.remove();
+                }
+                else {
+                    popup.attr('aria-hidden', true)
+                        // Some menus aren't being hidden, force that
+                        .addClass('hidden')
+                        // Bootstrap will detach the popup element from
+                        // the DOM (https://github.com/twbs/bootstrap/issues/20219)
+                        // making our menus to not update buttons state.
+                        // Work around this by attaching it back to the DOM tree.
+                        .appendTo(popup.data('popup-parent') || document.body);
+                }
+
+                // close orphaned popovers, for some reason there are sometimes such dummy elements left
+                $('.popover-body:empty').each(function() { $(this).parent().remove(); });
+
+                if (popup_id && menus[popup_id]) {
+                    delete menus[popup_id];
+                }
+            })
+            // Because Bootstrap does not provide originalEvent in show/shown events
+            // we have to handle that by our own using click and keydown handlers
+            .on('click', function() {
+                $(this).data('event', 'mouse');
+            })
+            .on('keydown', function(e) {
+                if (e.originalEvent) {
+                    switch (e.originalEvent.which) {
+                    case 13:
+                    case 32:
+                        // Open the popup on ENTER or SPACE
+                        e.preventDefault();
+                        $(this).data('event', 'key').popover('toggle');
+                        break;
+                    case 27:
+                        // Close the popup on ESC key
+                        $(this).popover('hide');
+                        break;
+                    }
+                }
+            });
+
+        // re-add title attribute removed by bootstrap popover
+        if (title) {
+            $(item).attr('title', title);
+        }
+
+        popup.attr('aria-hidden', 'true').data('button', item);
+
+        // stop propagation to e.g. do not hide the popup when
+        // clicking inside on form elements
+        if (popup.data('editable')) {
+            popup.on('click mousedown', function(e) { e.stopPropagation(); });
+        }
+    };
+
+    /**
+     * Closes all popups (for use as event handler)
+     */
+    function popups_close(e)
+    {
+        // Ignore some of propagated click events (see pretty_select())
+        if (popups_close_lock && popups_close_lock > (new Date().getTime() - 250)) {
+            return;
+        }
+
+        $('.popover.show').each(function() {
+            var popup = $('.popover-body', this),
+                button = popup.children().first().data('button');
+
+            if (button && e.target != button && !$(button).find(e.target).length && typeof button !== 'string') {
+                $(button).popover('hide');
+            }
+
+            if (!button) {
+                $(this).remove();
+            }
+        });
+    };
+
+    /**
+     * Handler for menu-open and menu-close events
+     */
+    function menu_toggle(p)
+    {
+        if (!p || !p.name || (p.props && p.props.skinable === false)) {
+            return;
+        }
+
+        if (is_framed && is_mobile()) {
+            if (!p.win) {
+                p.win = window;
+            }
+            return parent.UI.menu_toggle(p);
+        }
+
+        if (p.name == 'messagelistmenu') {
+            menu_messagelist(p);
+        }
+        else if (p.event == 'menu-open') {
+            var fn, pos,
+                content = $('ul', p.obj).first(),
+                target = p.props && p.props.link ? p.props.link : p.originalEvent.target;
+
+            // Sanity check, make sure we have some content to show
+            if (!content.length) {
+                return;
+            }
+
+            if ($(target).is('span')) {
+                target = $(target).parents('a,li')[0];
+            }
+
+            if (p.name.match(/^drag/)) {
+                // create a fake element to position drag menu on the cursor position
+                pos = rcube_event.get_mouse_pos(p.originalEvent);
+                target = $('<a>').css({
+                        position: 'absolute',
+                        left: pos.x,
+                        top: pos.y,
+                        height: '1px',
+                        width: '1px',
+                        visibility: 'hidden'
+                    })
+                    .appendTo(document.body).get(0);
+            }
+
+            pos = $(target).data('popup-pos') || 'right';
+
+            if (p.name == 'folder-selector') {
+                content.addClass('listing folderlist');
+            }
+            else if (p.name == 'addressbook-selector' || p.name == 'contactgroup-selector') {
+                content.addClass('listing contactlist');
+            }
+            else if (content.hasClass('menu')) {
+                content.addClass('listing');
+            }
+
+            if (p.name == 'pagejump-selector') {
+                content.addClass('simplelist');
+                p.obj.addClass('simplelist');
+                pos = 'top';
+            }
+
+            // There can be only one menu of the same type
+            if (menus[p.name]) {
+                menu_hide(p.name, p.originalEvent);
+            }
+
+            // Popover menus use animation. Sometimes the same menu is
+            // immediately hidden and shown (e.g. folder-selector for copy and move action)
+            // we have to wait until the previous menu hides before we can open it again
+            fn = function() {
+                if (menus[p.name] && menus[p.name].transitioning) {
+                    return setTimeout(fn, 50);
+                }
+
+                if (!$(target).data('popup')) {
+                    $(target).data({
+                        event: rcube_event.is_keyboard(p.originalEvent) ? 'key' : 'mouse',
+                        popup: p.name,
+                        'popup-pos': pos,
+                        'popup-trigger': 'manual'
+                    });
+                    popup_init(target, p.win);
+                }
+
+                menus[p.name] = {target: target};
+
+                // setTimeout fixes Shift + drag'n'drop menu in Chrome (#8107)
+                setTimeout(function() { $(target).popover('show'); }, 1);
+            }
+
+            fn();
+        }
+        else {
+            menu_hide(p.name, p.originalEvent);
+        }
+
+        // Stop propagation so multi-level menus work properly
+        p.originalEvent.stopPropagation();
+    };
+
+    /**
+     * Close menu by name
+     */
+    function menu_hide(name, event)
+    {
+        var target = menu_target(name);
+
+        if (name.match(/^drag/)) {
+            $(target).popover('dispose').remove();
+        }
+        else {
+            $(target).popover('hide');
+
+            // In phone mode close all menus when forwardmenu is requested to be closed
+            // FIXME: This is a hack, we need some generic solution.
+            if (name == 'forwardmenu') {
+                popups_close(event);
+            }
+        }
+    };
+
+    /**
+     * Destroys menu by name
+     *
+     * This is required when you replace the menu content element
+     */
+    function menu_destroy(name)
+    {
+        $('[aria-owns=' + name + ']').popover('dispose').data('popup', null);
+    };
+
+    /**
+     * Get menu target by name
+     */
+    function menu_target(name)
+    {
+        var target;
+
+        if (menus[name]) {
+            target = menus[name].target;
+        }
+        else {
+            target = $('#' + name).data('button');
+
+            if (!target) {
+                // catch cases as 'forwardmenu' where menu suffix has no hyphen
+                // or try with -menu suffix if it's not in the menu name already
+                if (name.match(/(?!-)menu$/)) {
+                    name = name.substr(0, name.length - 4);
+                }
+
+                target = $('#' + name + '-menu').data('button');
+            }
+        }
+
+        return target;
+    };
+
+    /**
+     * Messages list options dialog
+     */
+    function menu_messagelist(p)
+    {
+        var content = $('#listoptions-menu'),
+            width = content.width() + 25,
+            dialog = content.clone(true);
+
+        // set form values
+        $('select[name="sort_col"]', dialog).val(rcmail.env.sort_col || '');
+        $('select[name="sort_ord"]', dialog).val(rcmail.env.sort_order || 'ASC');
+        $('select[name="mode"]', dialog).val(rcmail.env.threading ? 'threads' : 'list');
+
+        // Fix id/for attributes
+        $('select', dialog).each(function() { this.id = this.id + '-clone'; });
+        $('label', dialog).each(function() { $(this).attr('for', $(this).attr('for') + '-clone'); });
+
+        var save_func = function(e) {
+            if (rcube_event.is_keyboard(e.originalEvent)) {
+                $('#listmenulink').focus();
+            }
+
+            var col = $('select[name="sort_col"]', dialog).val(),
+                ord = $('select[name="sort_ord"]', dialog).val(),
+                mode = $('select[name="mode"]', dialog).val();
+
+            rcmail.set_list_options([], col, ord, mode == 'threads' ? 1 : 0);
+            return true;
+        };
+
+        dialog = rcmail.simple_dialog(dialog, rcmail.gettext('listoptionstitle'), save_func, {
+            closeOnEscape: true,
+            minWidth: 400
+        });
+    };
+
+    /**
+     * About dialog
+     */
+    function about_dialog(elem)
+    {
+        var support_url, support_func, support_button = false,
+            dialog = $('<iframe>').attr({id: 'aboutframe', src: rcmail.url('settings/about', {_framed: 1})}),
+            support_link = $('#supportlink');
+
+        if (support_link.length && (support_url = support_link.attr('href'))) {
+            support_button = support_link.text();
+            support_func = function(e) { support_url.indexOf('mailto:') < 0 ? window.open(support_url) : location.href = support_url; };
+        }
+
+        rcmail.simple_dialog(dialog, $(elem).text(), support_func, {
+            button: support_button,
+            button_class: 'help',
+            cancel_button: 'close',
+            height: 400
+        });
+    };
+
+    /**
+     * Show/hide more mail headers (envelope)
+     */
+	/*
+    function headers_show(toggle)
+    {
+        var key = 'mail.show.envelope',
+            pref = get_pref(key),
+            show = toggle ? !pref : pref,
+            mode = show ? 'summary' : 'details',
+            headers = $('div.header-content');
+
+        $('div.header-links').find('a.headers-details,a.headers-summary')
+            .removeClass().addClass('headers-' + mode).text(rcmail.gettext(mode));
+
+        headers[show ? 'addClass' : 'removeClass']('details-view');
+
+        if (toggle) {
+            // save new pref
+            set_pref(key, show);
+        }
+    };
+	*/
+    /**
+     * Mail headers dialog
+     */
+    function headers_dialog()
+    {
+
+		// if not the message, open this on message iframe
+		if(document.getElementById('messagecontframe') )
+			{
+			messagecontframe.postMessage('headers_dialog', '*');
+			return;
+			}
+	
+        var props = {_uid: rcmail.env.uid, _mbox: rcmail.env.mailbox, _framed: 1},
+            dialog = $('<iframe>').attr({id: 'headersframe', src: rcmail.url('headers', props)});
+
+        var l = rcmail.simple_dialog(dialog, 'Headers', null, {
+            cancel_button: 'close',
+            height: 600,
+        });
+	return true;
+    };
+	
+	
+
+    /**
+     * Attachment properties dialog
+     */
+    function props_dialog()
+    {
+        var dialog = $('#properties-menu').clone();
+
+        rcmail.simple_dialog(dialog, rcmail.gettext('properties'), null, {
+            cancel_button: 'close',
+            height: 400
+        });
+    };
+
+    /**
+     * Mail import dialog
+     */
+    function import_dialog()
+    {
+        if (!rcmail.commands['import-messages']) {
+            return;
+        }
+
+        var content = $('#uploadform'),
+            dialog = content.clone(true);
+
+        var save_func = function(e) {
+            return rcmail.command('import-messages', $(dialog.find('form')[0]));
+        };
+
+        rcmail.simple_dialog(dialog, rcmail.gettext('importmessages'), save_func, {
+            button: 'import',
+            closeOnEscape: true,
+            minWidth: 400
+        });
+    };
+
+    /**
+     * Search options menu popup
+     */
+    function searchmenu(obj)
+    {
+        var n, all = '*',
+            list = $('input[name="s_mods[]"]', obj),
+            scope_select = $('#s_scope', obj),
+            interval_select = $('#s_interval', obj),
+            mbox = rcmail.env.mailbox,
+            mods = rcmail.env.search_mods,
+            scope = rcmail.env.search_scope || 'base';
+
+        if (!$(obj).data('initialized')) {
+            $(obj).data('initialized', true);
+            if (list.length) {
+                list.on('change', function() { set_searchmod(obj, this); });
+
+                rcmail.addEventListener('beforesearch', function() {
+                    rcmail.env.search_scope = scope_select.val();
+                    rcmail.env.search_interval = interval_select.val();
+                });
+            }
+        }
+
+        scope_select.val(scope);
+
+        if (mods) {
+            if (rcmail.env.task == 'mail') {
+                mods = mods[mbox] || mods['*'];
+                all = 'text';
+            }
+
+            if (mods[all]) {
+                list.map(function() {
+                    this.checked = true;
+                    this.disabled = this.value != all;
+                });
+            }
+            else {
+                list.prop('disabled', false).prop('checked', false);
+                for (n in mods) {
+                    list.filter('[value="' + n + '"]').prop('checked', true);
+                }
+            }
+        }
+    };
+
+    function set_searchmod(menu, elem)
+    {
+        var all, m, task = rcmail.env.task,
+            mods = rcmail.env.search_mods || {},
+            mbox = rcmail.env.mailbox;
+
+        if (task == 'mail') {
+            if (!mods[mbox]) {
+                mods[mbox] = rcube_clone_object(mods['*']);
+            }
+            m = mods[mbox];
+            all = 'text';
+        }
+        else {
+            // addressbook
+            m = mods;
+            all = '*';
+        }
+
+        if (!elem.checked) {
+            delete(m[elem.value]);
+        }
+        else {
+            m[elem.value] = 1;
+        }
+
+        // mark all fields
+        if (elem.value == all) {
+            $('input[name="s_mods[]"]', menu).not(elem).map(function() {
+                this.checked = true;
+
+                if (elem.checked) {
+                    this.disabled = true;
+                    delete m[this.value];
+                }
+                else {
+                    this.disabled = false;
+                    m[this.value] = 1;
+                }
+            });
+        }
+
+        rcmail.set_searchmods(m);
+    };
+
+    /**
+     * Spellcheck languages list
+     */
+    function spellmenu(obj)
+    {
+        var i, link, li, list = [],
+            lang = rcmail.spellcheck_lang(),
+            ul = $('ul', obj);
+
+        if (!ul.length) {
+            ul = $('<ul class="selectable listing iconized" role="menu">');
+
+            for (i in rcmail.env.spell_langs) {
+                li = $('<li role="menuitem">');
+                link = $('<a href="#'+ i +'" tabindex="0"></a>')
+                    .text(rcmail.env.spell_langs[i])
+                    .addClass('active').data('lang', i)
+                    .on('click keypress', function(e) {
+                        if (e.type != 'keypress' || rcube_event.get_keycode(e) == 13) {
+                            rcmail.spellcheck_lang_set($(this).data('lang'));
+                            rcmail.hide_menu('spell-menu', e);
+                            return false;
+                        }
+                    });
+
+                link.appendTo(li);
+                list.push(li);
+            }
+
+            ul.append(list).appendTo(obj);
+        }
+
+        // select current language
+        $('li', ul).each(function() {
+            var el = $('a', this);
+            if (el.data('lang') == lang) {
+                el.addClass('selected').attr('aria-selected', 'true');
+            }
+            else if (el.hasClass('selected')) {
+                el.removeClass('selected').removeAttr('aria-selected');
+            }
+        });
+    };
+
+    /**
+     * Add/remove item to/from compose options status bar
+     */
+	 /*
+    function compose_status(id, status)
+    {
+        var bar = $('#composestatusbar'), ico = bar.find('a.button.icon.' + id);
+
+        if (!status) {
+            ico.remove();
+        }
+        else if (!ico.length) {
+            $('<a>').attr('class', 'button icon ' + id)
+                .on('click', function() { show_sidebar(); })
+                .appendTo(bar);
+        }
+    };
+*/
+    /**
+     * Attachment menu
+     */
+    function attachmentmenu(obj, button, event)
+    {
+        var id = $(button).parent().attr('id').replace(/^attach/, '');
+
+        $.each(['open', 'download', 'rename'], function() {
+            var action = this;
+            $('#attachmenu' + action, obj).off('click').attr('onclick', '').click(function(e) {
+                return rcmail.command(action + '-attachment', id, this, e.originalEvent);
+            });
+        });
+
+        // call menu-open so core can set state of menu commands
+        return rcmail.command('menu-open', {menu: 'attachmentmenu', id: id}, obj, event);
+    };
+
+    /**
+     * Appends drop-icon to attachments list item (to invoke attachment menu)
+     */
+    function attachmentmenu_append(item)
+    {
+        item = $(item);
+
+        if (!item.is('.no-menu') && !item.children('.dropdown').length) {
+            var label = rcmail.gettext('options'),
+                fname = item.find('a.filename');
+
+            var button = $('<a>').attr({
+                    href: '#',
+                    tabindex: fname.attr('tabindex') || 0,
+                    title: label,
+                    'class': 'button icon dropdown skip-content'
+                })
+                .on('click', function(e) {
+                    return attachmentmenu($('#attachmentmenu'), button, e);
+                })
+                .append($('<span>').attr('class', 'inner').text(label));
+
+            if (fname.length) {
+                button.insertAfter(fname);
+            }
+            else {
+                button.appendTo(item);
+            }
+        }
+    };
+
+    /**
+     * Mailto menu
+     */
+    function mailtomenu(obj, button, event, onclick)
+    {
+        var mailto = $(button).attr('href').replace(/^mailto:/, '');
+
+        if (mailto.indexOf('@') < 0) {
+            return true; // let the browser handle this
+        }
+
+        // disable all menu actions
+        obj.find('a').off('click').removeClass('active');
+
+        if (rcmail.env.has_writeable_addressbook) {
+            $('.addressbook', obj).addClass('active')
+                .on('click', function(e) {
+                    var i, contact = mailto,
+                        txt = $(button).filter('.rcmContactAddress').text();
+
+                    contact = contact.split('?')[0].split(',')[0].replace(/(^<|>$)/g, '');
+
+                    if (txt) {
+                        txt = txt.replace('<' + contact + '>', '');
+                        contact = '"' + txt.trim() + '" <' + contact + '>';
+                    }
+
+                    return rcmail.command('add-contact', contact, this, e.originalEvent);
+                });
+        }
+
+        $('.compose', obj).addClass('active').on('click', function(e) {
+            // Execute the original onclick handler to support mailto URL arguments (#6751)
+            if (onclick) {
+                button.onclick = onclick;
+                // use the second argument to tell our handler to not display the menu again
+                $(button).trigger('click', [true]);
+                button.onclick = null;
+            }
+            else {
+                rcmail.command('compose', mailto, this, e.originalEvent);
+            }
+
+            return false; // for Chrome
+        });
+
+        return rcmail.command('menu-open', {menu: 'mailto-menu', link: button}, button, event.originalEvent);
+    };
+
+    /**
+     * Appends popup menu to mailto links
+     */
+    function mailtomenu_append(item)
+    {
+        // Remember the original onclick handler and display the menu instead
+        var onclick = item.onclick;
+        item.onclick = null;
+        $(item).on('click', function(e, menu) {
+            return menu || mailtomenu($('#mailto-menu'), item, e, onclick);
+        });
+    };
+
+    /**
+     * Headers menu in mail compose
+     */
+    function headersmenu(obj, button, event)
+    {
+        $('li > a', obj).each(function() {
+            var link = $(this), target = '#compose_' + link.data('target');
+
+            link[$(target).is(':visible') ? 'removeClass' : 'addClass']('active')
+                .off().on('click', function() {
+                    $(target).removeClass('hidden').find('.recipient-input input').focus();
+                    link.removeClass('active');
+                    rcmail.set_menu_buttons();
+                });
+        });
+    };
+
+    /**
+     * Reset/hide compose message recipient input
+     */
+    function header_reset(id)
+    {
+        $('#' + id).val('').change()
+            // jump to the next input
+            .closest('.form-group').nextAll(':not(.hidden)').first().find('input').focus();
+
+        $('a[data-target=' + id.replace(/^_/, '') + ']').addClass('active');
+        rcmail.set_menu_buttons();
+    };
+
+    /**
+     * Recipient (contact) selector
+     */
+    function recipient_selector(field, opts)
+    {
+        if (!opts) opts = {};
+
+        var title = rcmail.gettext(opts.title || 'insertcontact'),
+            dialog = $('#recipient-dialog'),
+            parent = dialog.parent(),
+            close_func = function() {
+                if (dialog.is(':visible')) {
+                    rcmail.env.recipient_dialog.dialog('close');
+                }
+            },
+            insert_func = function() {
+                if (opts.action) {
+                    opts.action();
+                    close_func();
+                    return;
+                }
+
+                rcmail.command('add-recipient');
+            };
+
+        if (!rcmail.env.recipient_selector_initialized) {
+            rcmail.addEventListener('add-recipient', close_func);
+            rcmail.env.recipient_selector_initialized = true;
+        }
+
+        if (field) {
+            rcmail.env.focused_field = '#_' + field;
+        }
+
+        rcmail.contact_list.clear_selection();
+        rcmail.contact_list.multiselect = 'multiselect' in opts ? opts.multiselect : true;
+
+        rcmail.env.recipient_dialog = rcmail.simple_dialog(dialog, title, insert_func, {
+            button: rcmail.gettext(opts.button || 'insert'),
+            button_class: opts.button_class || 'insert recipient',
+            height: 600,
+            classes: {
+              'ui-dialog-content': 'p-0' // remove padding on dialog content
+            },
+            open: function() {
+                // Don't want focus in the search field, we focus first contacts source record instead
+                $('#directorylist a').first().focus();
+            },
+            close: function() {
+                dialog.appendTo(parent);
+                $(this).remove();
+                $(opts.focus || rcmail.env.focused_field).focus();
+            }
+        });
+    };
+
+    /**
+     * Create/Update quota widget (setquota event handler)
+     */
+    function update_quota(p)
+    {
+        var element = $('#quotadisplay'),
+            bar = element.find('.bar'),
+            value = p.total ? p.percent : 0;
+
+        if (!bar.length) {
+            bar = $('<span class="bar"><span class="value"></span></span>').appendTo(element);
+        }
+
+        if (value > 0 && value < 10) {
+            value = 10; // smaller values look not so nice
+        }
+
+        bar.find('.value').css('width', value + '%')[value >= 90 ? 'addClass' : 'removeClass']('warning');
+        // set title and reset tooltip's data (needed in case of empty title)
+        element.attr({'data-original-title': '', title: element.find('.count').attr('title')});
+
+        if (p.table) {
+            element.css('cursor', 'pointer').data('popup-pos', 'top')
+                .off('click').on('click', function(e) {
+                    rcmail.simple_dialog(p.table, 'quota', null, {cancel_button: 'close'});
+                });
+        }
+        else {
+            element.tooltip('dispose').tooltip({trigger: is_mobile() ? 'click' : 'hover'});
+        }
+    };
+
+    /**
+     * Replaces recipient input with content-editable element that uses "recipient boxes"
+     */
+    function recipient_input(obj)
+    {
+        var list, input, selection = '',
+            apply_func = function() {
+                // update the original input
+                $(obj).val(list.text() + input.val());
+            },
+            insert_recipient = function(name, email, replace) {
+                var recipient = $('<li class="recipient">'),
+                    name_element = $('<span class="name">').html(recipient_input_name(name || email))
+                        .on('dblclick', function(e) { recipient_input_edit_dialog(e, insert_recipient); }),
+                    email_element = $('<span class="email">'),
+                    // TODO: should the 'close' link have tabindex?
+                    link = $('<a>').attr({'class': 'button icon remove'})
+                        .click(function() {
+                            recipient.remove();
+                            apply_func();
+                            input.focus();
+                            return false;
+                        });
+
+                if (name) {
+                    email = ' <' + email + '>';
+                }
+
+                email_element.text((name ? email : '') + ',');
+                recipient.attr('title', name ? (name + email) : null)
+                    .append([name_element, email_element, link])
+
+                if (replace)
+                    replace.replaceWith(recipient);
+                else
+                    recipient.insertBefore(input.parent());
+
+                apply_func();
+            },
+            update_func = function(text) {
+                var result;
+
+                text = (text || input.val()).replace(/[,;\s]+$/, '');
+                result = recipient_input_parser(text);
+
+                $.each(result.recipients, function() {
+                    insert_recipient(this.name, this.email);
+                });
+
+                input.val(result.text);
+                apply_func();
+
+                return result.recipients.length > 0;
+            },
+            parse_func = function(e, ac, trigger) {
+                var last, paste, value = this.value;
+
+                // #8098: ignore changes when autocomplete_insert is not triggered
+                if (trigger === false) {
+                    return;
+                }
+
+                // On paste the text is not yet in the input we have to use clipboard.
+                // Also because on paste new-line characters are replaced by spaces (#6460)
+                if (e.type == 'paste') {
+                    // pasted text
+                    paste = (e.originalEvent.clipboardData || window.clipboardData).getData('text') || '';
+                    // insert pasted text in place of the selection (or just cursor position)
+                    value = value.substring(0, this.selectionStart) + paste + value.substring(this.selectionEnd);
+                    e.preventDefault();
+                }
+                // #7231: When clicking on autocompletion list a change event
+                // is fired twice. We have to remove last recipient box if it is
+                // the same recipient (with incomplete email address).
+                // FIXME: Anyone with a better solution?
+                else if (ac) {
+                    last = list.find('li.recipient').last();
+                    if (last.length && this.value.indexOf(last.text().replace(/[ ,]+$/, '')) > -1) {
+                        last.remove();
+                    }
+                }
+
+                update_func(value);
+            },
+            keydown_func = function(e) {
+                // On Backspace remove the last recipient
+                if (e.keyCode == 8 && !input.val().length) {
+                    list.children('li.recipient').last().remove();
+                    apply_func();
+                    return false;
+                }
+                // Here we add a recipient box when the separator (,;\s) or Enter was pressed,
+                else if (e.key == ' ' || e.key == ',' || e.key == ';' || (e.key == 'Enter' && !rcmail.ksearch_visible())) {
+                    if (update_func()) {
+                        return false;
+                    }
+                }
+            };
+
+        // Create the input element and "editable" area
+        input = $('<input>').attr({type: 'text', tabindex: $(obj).attr('tabindex')})
+            .on('paste change', parse_func)
+            .on('keydown', keydown_func)
+            .on('blur', function() { list.removeClass('focus'); })
+            .on('focus mousedown', function() { list.addClass('focus'); });
+
+        list = $('<ul>').addClass('form-control recipient-input ac-input rounded-left')
+            .append($('<li class="input">').append(input))
+            // "selection" hack to allow text selection in the recipient box or multiple boxes (#7129)
+            .on('mouseup', function () { selection = window.getSelection().toString(); })
+            .on('click', function() { if (!selection.length) input.focus(); })
+            .sortable({
+                appendTo: document.body,
+                items: "> .recipient",
+                connectWith: '.recipient-input',
+                receive: function(event, ui) {
+                    var recipient = list.text();
+                    list.find('.recipient').remove();
+                    update_func(recipient);
+                    if (ui.sender) {
+                        ui.sender.find('input').change();
+                    }
+                }
+            });
+
+        // Hide the original input/textarea
+        // Note: we do not remove the original element, and we do not use
+        // display: none, because we want to handle onfocus event
+        // Note: tabindex:-1 to make Shift+TAB working on these widgets
+        $(obj).css({position: 'absolute', opacity: 0, left: '-5000px', width: '10px'})
+            .attr('tabindex', -1)
+            .after(list)
+            // some core code sometimes focuses or changes the original node
+            // in such cases we want to parse its value and apply changes
+            // to the widget element
+            .on('focus', function(e) { input.focus(); e.preventDefault(); })
+            .on('change', function() {
+                $('li.recipient', list).remove();
+                input.val(this.value).change();
+            })
+            // copy and parse the value already set
+            .change();
+
+        // Init autocompletion
+        rcmail.init_address_input_events(input);
+    };
+
+    /**
+     * Parses recipient address input and extracts recipients from it
+     */
+    function recipient_input_parser(text)
+    {
+        // support new-line as a separator, for paste action (#6460)
+        text = text.replace(/[,;\s]*[\r\n]+/g, ',').trim();
+
+        var recipients = [],
+            address_rx_part = '(\\S+|("[^"]+"))@\\S+',
+            recipient_rx1 = new RegExp('(<' + address_rx_part + '>)'),
+            recipient_rx2 = new RegExp('(' + address_rx_part + ')'),
+            global_rx = /(?=\S)[^",;]*(?:"[^\\"]*(?:\\[,;\S][^\\"]*)*"[^",;]*)*/g,
+            matches = text.match(global_rx);
+
+        $.each(matches || [], function() {
+            if (this.length && (recipient_rx1.test(this) || recipient_rx2.test(this))) {
+                var email, str = this;
+
+                text = text.replace(str, '');
+
+                // Support space-separated email addresses
+                while (str.length && str.indexOf(RegExp.$1) === 0) {
+                    email = RegExp.$1;
+                    recipients.push({
+                        name: '',
+                        email: email.replace(/(^<|>$)/g, '') // trim < and > characters
+                            .replace(/[^a-z]$/gi, '') // remove trailing comma or any non-letter character at the end (#7899)
+                    });
+
+                    str = str.replace(email, '').trim();
+                    if (!recipient_rx1.test(str) && !recipient_rx2.test(str)) {
+                        break;
+                    }
+                }
+
+                if (email != RegExp.$1 && RegExp.$1) {
+                    email = RegExp.$1;
+                    recipients.push({
+                        name: str.replace(email, '').trim(),
+                        email: email.replace(/(^<|>$)/g, '')
+                    });
+                }
+            }
+        });
+
+        text = text.replace(/[,;]+/, ',').replace(/^[,;\s]+/, '');
+
+        return {recipients: recipients, text: text};
+    };
+
+    /**
+     * Generates HTML for a text adding <span class="hidden">
+     * for quote/backslash characters, so they are hidden from the user,
+     * but still in place to make copying simpler
+     *
+     * Note: Selection works in Chrome, but not in Firefox?
+     */
+    function recipient_input_name(text)
+    {
+        var i, char, result = '', len = text.length;
+
+        if (text.charAt(0) != '"' && text.indexOf('"') > -1) {
+            text = '"' + text.replace('\\', '\\\\').replace('"', '\\"') + '"';
+        }
+
+        for (i=0; i<len; i++) {
+            char = text.charAt(i);
+            switch (char) {
+                case '"':
+                    if (i > 0 && i < len - 1) {
+                        result += '"';
+                        break;
+                    }
+
+                    result += '<span class="quotes">' + char + '</span>';
+                    break;
+
+                case '\\':
+                    result += '<span class="quotes">' + char + '</span>';
+
+                    if (text.charAt(i+1) == '\\') {
+                        result += char;
+                        i++;
+                    }
+                    break;
+
+                case '<':
+                    result += '&lt;';
+                    break;
+
+                case '>':
+                    result += '&gt;';
+                    break;
+
+                default:
+                    result += char;
+            }
+        }
+
+        return result;
+    };
+
+    /**
+     * Displays dialog to edit a recipient entry
+     */
+    function recipient_input_edit_dialog(e, callback)
+    {
+        var element = $(e.target).parents('.recipient'),
+            recipient = element.text().replace(/,+$/, ''),
+            input = $('<input>').attr({type: 'text', 'data-submit': 'true'}).val(recipient),
+            content = $('<label>').text(rcmail.gettext('recipient')).append(input);
+
+        rcmail.simple_dialog(content, 'recipientedit', function() {
+                var result, value = input.val();
+                if (value) {
+                    if (value != recipient) {
+                        result = recipient_input_parser(value);
+
+                        if (result.recipients.length != 1) {
+                            return false;
+                        }
+
+                        callback(result.recipients[0].name, result.recipients[0].email, element);
+                    }
+
+                    return true;
+                }
+            });
+    };
+
+    /**
+     * Adds logic to the contact photo widget
+     */
+    function image_upload_input(obj)
+    {
+        var reset_button = $('<a>')
+                .attr({'class': 'icon button delete', href: '#', })
+                .click(function(e) { rcmail.command('delete-photo', '', this, e); return false; }),
+            img = $(obj).find('img')[0],
+            img_onload = function() {
+                var state = (img.currentSrc || img.src).indexOf(rcmail.env.photo_placeholder) != -1;
+                $(obj)[state ? 'removeClass' : 'addClass']('changed');
+            };
+
+        $(obj).append(reset_button).click(function() { rcmail.upload_input('upload-form'); });
+
+        // Note: Looks like only Firefox does not need this separate call
+        img_onload();
+        $(img).on('load', img_onload);
+    };
+
+    /**
+     * Displays loading... overlay for iframes
+     */
+    function iframe_loader(frame)
+    {
+        frame = $(frame);
+
+        if (frame.length) {
+            var loader = $('<div class="iframe-loader">')
+                .append($('<div class="spinner spinner-border" role="status">')
+                    .append($('<span class="sr-only">').text(rcmail.gettext('loading'))));
+
+            // custom 'loaded' event is expected to be triggered by plugins
+            // when using the loader not on an iframe
+            frame.on('load error loaded', function() {
+                    // wait some time to make sure the iframe stopped loading
+                    setTimeout(function() { loader.remove(); }, 500);
+                })
+                .parent().append(loader);
+
+            // fix scrolling in iOS
+            if (ios) {
+                frame.parent().addClass('ios-scroll');
+            }
+        }
+    };
+
+    /**
+     * Convert checkbox input into Bootstrap's custom switch
+     */
+    function pretty_checkbox(checkbox)
+    {
+        var label, parent, id;
+
+        checkbox = $(checkbox);
+
+        if (checkbox.is('.custom-control-input')) {
+            return;
+        }
+
+        if (!(id = checkbox.attr('id'))) {
+            id = 'icochk' + (++env.checkboxes);
+            checkbox.attr('id', id);
+        }
+
+        if (checkbox.parent().is('label')) {
+            label = checkbox.parent();
+            checkbox = checkbox.detach();
+            label.before(checkbox);
+        }
+        else {
+            label = $('<label>');
+        }
+
+        label.attr({'for': id, 'class': 'custom-control-label', title: checkbox.attr('title') || ''})
+            .on('click', function(e) { e.stopPropagation(); });
+
+        checkbox.addClass('form-check-input custom-control-input')
+            .wrap('<div class="custom-control custom-switch">')
+            .parent().append(label);
+    };
+
+    /**
+     * Fix pretty checkbox input in a cloned element
+     */
+    function pretty_checkbox_fix(params)
+    {
+        var id, input = $(params.row).find('input[id^=icochk]');
+
+        if (input.length) {
+            id = 'icochk' + (++env.checkboxes);
+            input.attr('id', id).next('label').attr('for', id);
+        }
+    };
+
+    /**
+     * Make select dropdowns pretty
+     * TODO: searching, optgroup, [multiple], iPhone/iPad
+     */
+    function pretty_select(select)
+    {
+        // iPhone is not supported yet (problem with browser dropdown on focus)
+        if (bw.iphone || bw.ipad) {
+            return;
+        }
+
+        select = $(select);
+
+        if (select.is('.pretty-select')) {
+            return;
+        }
+
+        var select_ident = 'select' + select.attr('id') + select.attr('name');
+        var is_menu_open = function() {
+            // Use proper window in cases when the select element initialized
+            // inside an iframe is then used in a dialog inside a parent's window
+            // For some reason we can't access data-button property in cross-window
+            // case, we use data-ident attribute instead
+            var win = select[0].ownerDocument.defaultView;
+            if (win.$('.select-menu .listing').data('ident') == select_ident) {
+                return true;
+            }
+        };
+
+        var close_func = function() {
+            var open = is_menu_open();
+            select.popover('dispose').focus();
+            return !open;
+        };
+
+        var open_func = function(e) {
+            var last_char, last_index = -1, items = [], index = [],
+                dialog = select.closest('.ui-dialog')[0],
+                max_height = (document.documentElement.clientHeight || $(document.body).height()) - 75,
+                max_width = $(document.body).width() - 20,
+                min_width = Math.min(select.outerWidth(), max_width),
+                value = select.val();
+
+            if (!is_mobile()) {
+                max_height *= 0.5;
+            }
+
+            // close other popups
+            popups_close(e);
+
+            $('option', select).each(function() {
+                var label = $(this).text(),
+                    link = $('<a href="#">')
+                        .data('value', this.value)
+                        .addClass(this.disabled ? 'disabled' : 'active' + (this.value == value ? ' selected' : ''));
+
+                if (label.length) {
+                    link.text(label);
+                    index.push(this.disabled ? '' : label.charAt(0).toLowerCase());
+                }
+                else {
+                    link.html('&nbsp;'); // link can't be empty
+                    index.push('');
+                }
+
+                items.push($('<li>').append(link));
+            });
+
+            var list = $('<ul class="listing selectable iconized">')
+                .attr('data-ident', select_ident)
+                .data('button', select[0])
+                .append(items)
+                .on('click', 'a.active', function() {
+                    // first close the list, then update the select, the order is important
+                    // for cases when the select might be removed in change event (datepicker)
+                    var val = $(this).data('value'), ret = close_func();
+                    select.val(val).change();
+                    return ret;
+                })
+                .on('keydown', 'a.active', function(e) {
+                    var item, char, last, node, mode = 'next';
+
+                    switch (e.which) {
+                        case 27: // ESC
+                        case 9:  // TAB
+                            return close_func();
+
+                        case 13: // ENTER
+                        case 32: // SPACE
+                            $(this).click();
+                            return false; // for IE
+
+                        case 38: // ARROW-UP
+                        case 63232:
+                            mode = 'previous';
+                            // no-break
+                        case 40: // ARROW-DOWN
+                        case 63233:
+                            item = e.target.parentNode;
+                            while (item = item[mode + 'Sibling']) {
+                                if (node = $(item).children('.active')[0]) {
+                                    node.focus();
+                                    break;
+                                }
+                            }
+                            return false; // prevents from scrolling the whole page
+
+                        default:
+                            // A letter key has been pressed, search mode
+                            char = e.originalEvent.key;
+
+                            if (char && char.length == 1) {
+                                char = char.toLowerCase();
+
+                                if (last_char != char) {
+                                    last_index = -1;
+                                }
+
+                                last = index.indexOf(char, last_index + 1);
+
+                                if (last > -1 || (last = index.indexOf(char)) > -1) {
+                                    list.find('a').eq(last).focus();
+                                }
+
+                                last_char = char;
+                                last_index = last;
+                            }
+                    }
+                });
+
+            select.popover('dispose')
+                .popover({
+                    // because of focus issues we can't always use body,
+                    // if select is in a dialog, popover has to be a child of this dialog
+                    container: dialog || document.body,
+                    content: list[0],
+                    placement: 'bottom',
+                    trigger: 'manual',
+                    boundary: 'viewport',
+                    html: true,
+                    offset: '0,2',
+                    sanitize: false,
+                    template: '<div class="popover select-menu" style="min-width: ' + min_width + 'px; max-width: ' + max_width + 'px">'
+                        + '<div class="popover-header"></div>'
+                        + '<div class="popover-body" style="max-height: ' + max_height + 'px"></div></div>'
+                })
+                .on('shown.bs.popover', function() {
+                    select.focus(); // for Chrome
+                    // Set popup Close title
+                    list.parent().prev()
+                        .empty()
+                        .append($('<a class="button icon cancel">').text(rcmail.gettext('close'))
+                            .on('click', function(e) {
+                                e.stopPropagation();
+                                return close_func();
+                            })
+                        );
+
+                    // Find the selected item, focus it
+                    var selected = list.find('a.selected').first();
+                    if (selected.focus().length) {
+                        var list_parent = list.parent();
+
+                        last_index = list.find('a').index(selected[0]);
+                        last_char = index[last_index];
+
+                        // try to scroll the list so focused element is in center (for Firefox)
+                        if (bw.mz && last_index > 5) {
+                            list_parent.scrollTop(list_parent.scrollTop() + list_parent.height()/2 - 20);
+                        }
+                    }
+                    // focus first active element on the list
+                    else if (rcube_event.is_keyboard(e)) {
+                        list.find('a.active').first().focus();
+                    }
+
+                    // don't propagate mousedown event
+                    list.on('mousedown', function(e) { e.stopPropagation(); });
+                })
+                .popover('show');
+        };
+
+        select.addClass('pretty-select custom-select form-control')
+            .on('mousedown keydown', function(e) {
+                select = $(e.target); // so it works after clone
+
+                // Do nothing on disabled select or on TAB key
+                if (select.prop('disabled')) {
+                    return;
+                }
+
+                if (e.which == 9) {
+                    close_func();
+                    return true;
+                }
+
+                // Close popup on ESC key or on click if already open
+                if (e.which == 27 || (e.type == 'mousedown' && is_menu_open())) {
+                    return close_func();
+                }
+
+                select.focus();
+
+                // prevent displaying browser-default select dropdown
+                select.prop('disabled', true);
+                setTimeout(function() { select.prop('disabled', false); }, 0);
+                e.stopPropagation();
+
+                // display options in our way (on SPACE, ENTER, ARROW-DOWN or mousedown)
+                if (e.type == 'mousedown' || e.which == 13 || e.which == 32 || e.which == 40 || e.which == 63233) {
+                    open_func(e);
+
+                    // Prevent from closing the menu by general popover closing handler (popups_close())
+                    // We used to just stop propagation in onclick handler, but it didn't work
+                    // in Chrome where onclick handler wasn't invoked on mobile (#6705)
+                    popups_close_lock = new Date().getTime();
+
+                    return false;
+                }
+            })
+    };
+
+    /**
+     * HTML editor textarea wrapper with nice looking tabs-like switch
+     */
+    function html_editor_init(obj)
+    {
+        // Here we support two structures
+        // 1. <div><textarea></textarea><select class="hidden"></div>
+        // 2. <tr><td><td><td><textarea></textarea></td></tr>
+        //    <tr><td><td><td><input type="checkbox"></td></tr>
+
+        var sw, is_table = false,
+            editor = $(obj),
+            parent = editor.parent(),
+            plain_btn = $('<a class="mce-i-html" href="#" tabindex="-1"></a>')
+                .attr('title', rcmail.gettext('htmltoggle'))
+                .on('click', function(e) {
+                    if (rcmail.command('toggle-editor', {id: editor.attr('id'), html: true}, '', e.originalEvent)) {
+                        parent.addClass('ishtml');
+                    }
+                })
+                .on('keydown', function(e) {
+                    if (e.which == 9) { // TAB
+                        editor.focus();
+                        return false;
+                    }
+                }),
+            toolbar = $('<div class="editor-toolbar">').append(plain_btn);
+
+        if (parent.is('td')) {
+            sw = $('input[type="checkbox"]', parent.parent().next());
+            is_table = true;
+        }
+        else {
+            sw = editor.next('select.hidden');
+        }
+
+        // make the textarea autoresizeable
+        textarea_autoresize_init(obj);
+
+        // sanity check
+        if (sw.length != 1) {
+            return;
+        }
+
+        parent.addClass('html-editor');
+
+        editor.after(toolbar).data('control', sw)
+            .on('keydown', function(e) {
+                // ALT + F10 is the way to access toolbar in TinyMCE, let's do the same for plain editor
+                if (e.altKey && e.which == 121) {
+                    plain_btn.focus();
+                }
+            });
+
+        if (is_table) {
+            // Hide unwanted table cells
+            sw.parents('tr').first().hide();
+            parent.prev().hide();
+            // Modify the textarea cell to use 100% width
+            parent.addClass('col-sm-12');
+        }
+    };
+
+    /**
+     * Make the textarea autoresizeable depending on it's content length.
+     * The way there's no vertical scrollbar.
+     */
+    function textarea_autoresize_init(textarea)
+    {
+        var padding, minHeight,
+            resize = function() {
+                // Wait until the textarea is visible
+                if (!textarea.scrollHeight) {
+                    return setTimeout(resize, 250);
+                }
+
+                if (!padding) {
+                    padding = parseInt($(textarea).css('padding-top')) + parseInt($(textarea).css('padding-bottom')) + 2;
+                    minHeight = $(textarea).height();
+                }
+
+                if (textarea.scrollHeight - padding <= minHeight) {
+                    return;
+                }
+
+                // To fix scroll-jump we'll re-apply scrollTop to the (scrolled) parent
+                // after we reset textarea height
+                var scroll_element, scroll_pos = 0;
+                $(textarea).parents().each(function() {
+                    if (this.scrollTop > 0) {
+                        scroll_element = this;
+                        scroll_pos = this.scrollTop;
+                        return false;
+                    }
+                });
+
+                var oldHeight = $(textarea).outerHeight();
+                $(textarea).outerHeight(0);
+                var newHeight = Math.max(minHeight, textarea.scrollHeight);
+                $(textarea).outerHeight(oldHeight);
+                if (newHeight !== oldHeight) {
+                    $(textarea).height(newHeight);
+                }
+
+                if (scroll_pos) {
+                    scroll_element.scrollTop = scroll_pos;
+                }
+            };
+
+        $(textarea).on('input', resize).trigger('input');
+    };
+
+    // Initializes smart list input
+    function smart_field_init(field)
+    {
+        var tip, id = field.id + '_list',
+            area = $('<div class="multi-input"><div class="content"></div><div class="invalid-feedback"></div></div>'),
+            list = field.value ? field.value.split("\n") : [''];
+
+        if ($('#' + id).length) {
+            return;
+        }
+
+        // add input rows
+        $.each(list, function(i, v) {
+            smart_field_row_add($('.content', area), v, i, field);
+        });
+
+        area.attr('id', id);
+        field = $(field);
+
+        if (field.attr('disabled')) {
+            area.hide();
+        }
+        // disable the original field anyway, we don't want it in POST
+        else {
+            field.prop('disabled', true);
+        }
+
+        if (field.data('hidden')) {
+            area.hide();
+        }
+
+        field.after(area);
+
+        if (field.hasClass('is-invalid')) {
+            area.addClass('is-invalid');
+            $('.invalid-feedback', area).text(field.data('error-msg'));
+        }
+    };
+
+    function smart_field_row_add(area, value, idx, field, after)
+    {
+        // build row element content
+        var input,
+            elem = $('<div class="input-group">'
+                + '<input type="text" class="form-control">'
+                + '<span class="input-group-append"><a class="icon reset input-group-text" href="#"></a></span>'
+                + '</div>');
+
+        input = elem.find('input').attr({
+                value: value,
+                name: field.name + '[]',
+                size: $(field).data('size'),
+                title: field.title,
+                placeholder: field.placeholder
+            })
+            .keydown(function(e) {
+                // element creation event (on Enter)
+                if (e.which == 13) {
+                    var elem = smart_field_row_add(area, '', (new Date()).getTime(), field, input.parent());
+
+                    $('input', elem).focus();
+                }
+                // backspace or delete: remove input, focus previous one
+                else if ((e.which == 8 || e.which == 46) && input.val() == '') {
+                    var parent = input.parent(),
+                        siblings = area.children();
+
+                    if (siblings.length > 1) {
+                        if (parent.prev().length) {
+                            parent.prev().children('input').focus();
+                        }
+                        else {
+                            parent.next().children('input').focus();
+                        }
+
+                        parent.remove();
+                        return false;
+                    }
+                }
+            });
+
+        // element deletion event
+        elem.find('a.reset').click(function() {
+            var record = $(this.parentNode.parentNode);
+
+            if (area.children().length > 1) {
+                $('input', record.next().length ? record.next() : record.prev()).focus();
+                record.remove();
+            }
+            else {
+                $('input', record).val('').focus();
+            }
+        });
+
+        elem.find('input,a')
+            .on('focus', function() { area.addClass('focused'); })
+            .on('blur', function() { area.removeClass('focused'); });
+
+        if (after) {
+            after.after(elem);
+        }
+        else {
+            elem.appendTo(area);
+        }
+
+        return elem;
+    };
+
+    // Reset and fill the smart list input with new data
+    function smart_field_reset(field, data)
+    {
+        var id = field.id + '_list',
+            list = data.length ? data : [''],
+            area = $('#' + id).children('.content');
+
+        area.empty();
+
+        // add input rows
+        $.each(list, function(i, v) {
+            smart_field_row_add(area, v, i, field);
+        });
+    };
+
+    /**
+     * Register form errors, mark fields as invalid, display the error below the input
+     */
+    function form_errors(tips)
+    {
+        $.each(tips, function() {
+            var input = $('#' + this[0]).addClass('is-invalid');
+
+            if (input.data('type') == 'list') {
+                input.data('error-msg', this[2]);
+                $('#' + this[0] + '_list > .invalid-feedback').text(this[2]);
+                return;
+            }
+
+            input.after($('<span class="invalid-feedback">').text(this[2]));
+        });
+    };
+
+    /**
+     * Show/hide the navigation list
+     */
+    function switch_nav_list(obj)
+    {
+        var records, height, speed = 250,
+            button = $('a', obj),
+            navlist = $(obj).next();
+
+        if (!navlist.height()) {
+            records = $('tr,li', navlist).filter(function() { return this.style.display != 'none'; });
+            height = $(records[0]).height() || 50;
+
+            navlist.animate({height: (Math.min(5, records.length) * height + 1) + 'px'}, speed);
+            button.addClass('collapse').removeClass('expand');
+            $(obj).addClass('expanded');
+        }
+        else {
+            navlist.animate({height: '0'}, speed);
+            button.addClass('expand').removeClass('collapse');
+            $(obj).removeClass('expanded');
+        }
+    };
+	
+
+    /**
+     * Create a splitter (resizing) element on a layout column
+     */
+    function splitter_init(node)
+    {
+        // Use id of the list element, if exists, as a part of the key, instead of action.column-id
+        // This way e.g. the sidebar in Settings is always the same width for all Settings' pages
+        var list_id = node.find('.scroller .listing').first().attr('id'),
+            key = rcmail.env.task + '.' + (list_id || (rcmail.env.action + '.' + node.attr('id'))),
+            pos = get_pref(key),
+            inverted = node.is('.sidebar-right'),
+            set_width = function(width) {
+                node.css({
+                    width: Math.max(100, width),
+                    // reset default properties
+                    // 'min-width': 100,
+                    flex: 'none'
+                });
+            };
+
+        if (!node[inverted ? 'prev' : 'next']().length) {
+            return;
+        }
+
+        $('<div class="column-resizer">')
+            .addClass(inverted ? 'inverted' : null)
+            .appendTo(node)
+            .on('mousedown', function(e) {
+                var ts, splitter = $(this), offset = node.position().left;
+
+                // Makes col-resize cursor follow the mouse pointer on dragging
+                // and fixes issues related to iframes
+                splitter.addClass('active');
+
+                // Disable selection on document while dragging
+                // It can happen when you move mouse out of window, on top
+                document.body.style.userSelect = 'none';
+
+                // Start listening to mousemove events
+                $(document)
+                    .on('mousemove.resizer', function(e) {
+                        // Use of timeouts makes the move more smooth in Chrome
+                        clearTimeout(ts);
+                        ts = setTimeout(function() {
+                            // For left-side-splitter we need the current offset
+                            if (inverted) {
+                                offset = node.position().left;
+                            }
+                            var cursor_position = rcube_event.get_mouse_pos(e).x,
+                                width = inverted ? node.width() + (offset - cursor_position) : cursor_position - offset;
+
+                            set_width(width);
+                        }, 5);
+                    })
+                    .on('mouseup.resizer', function() {
+                        // Remove registered events
+                        $(document).off('.resizer');
+                        $('iframe').off('.resizer');
+                        document.body.style.userSelect = 'auto';
+
+                        // Set back the splitter width to normal
+                        splitter.removeClass('active');
+
+                        // Save the current position (width)
+                        set_pref(key, node.width());
+                    });
+            });
+
+        if (pos) {
+            set_width(pos);
+        }
+    };
+
+    /**
+     * Wrapper for rcmail.open_window to intercept window opening
+     * and display a dialog with an iframe instead of a real window.
+     */
+    function window_open(url, small, toolbar, force_window)
+    {
+        var colorFunc = function (body) {
+            $(body).css({
+                color: $(document.body).css('color'),
+                backgroundColor: $(document.body).css('background-color')
+            })
+        };
+
+        var setColor = color_mode == 'dark' && /_task=mail/.test(url) && /_action=viewsource/.test(url);
+
+        // Use 4th argument to bypass the dialog-mode e.g. for external windows
+        if (!is_mobile() || force_window === true) {
+            // On attachment preview page we do not display the properties sidebar
+            // so we can use a smaller window, as we do for print pages
+            if (/_task=mail/.test(url) && /_action=get/.test(url)) {
+                small = true;
+            }
+
+            var win = env.open_window.call(rcmail, url, small, toolbar);
+
+            // Switch the plain/text window to dark-mode
+            if (setColor) {
+                $(win).on('load', function() { colorFunc(win.document.body); });
+            }
+
+            return win;
+        }
+
+        // _extwin=1, _framed=1 are required to display attachment preview
+        // layout properly and make mobile menus working
+        url = rcmail.add_url(url, '_framed', 1);
+        url = rcmail.add_url(url, '_extwin', 1);
+
+        var label, title = '',
+            props = {cancel_button: 'close', width: 768, height: 768},
+            frame = $('<iframe>').attr({id: 'windowframe', src: url});
+
+        if (/_action=([a-z_]+)/.test(url) && (label = rcmail.labels[RegExp.$1])) {
+            title = label;
+        }
+
+        if (/_frame=1/.test(url)) {
+            props.dialogClass = 'no-titlebar';
+        }
+
+        // Switch the plain/text iframe to dark-mode
+        if (setColor) {
+            frame.on('load', function() { colorFunc(frame[0].contentWindow.document.body); });
+        }
+
+        rcmail.simple_dialog(frame, title, null, props);
+
+        return true;
+    };
+
+    /**
+     * Get layout modes. In frame mode returns the parent layout modes.
+     */
+    function layout_metadata()
+    {
+        if (is_framed) {
+            var doc = $(parent.document.documentElement);
+
+            return {
+                mode: doc[0].className.match(/layout-([a-z]+)/) ? RegExp.$1 : mode,
+                touch: doc.is('.touch'),
+            };
+        }
+
+        return {mode: mode, touch: touch};
+    };
+
+    /**
+     * Returns true if the layout is in 'small' or 'phone' mode
+     */
+    function is_mobile()
+    {
+        var meta = layout_metadata();
+
+        return meta.mode == 'phone' || meta.mode == 'small';
+    };
+
+    /**
+     * Returns true if the layout is in 'touch' mode
+     */
+    function is_touch()
+    {
+        var meta = layout_metadata();
+
+        return meta.touch;
+    };
+	
+
+
+    /**
+     * Get preference stored in browser
+     */
+    function get_pref(key)
+    {
+        if (!prefs) {
+            prefs = rcmail.local_storage_get_item('prefs.elastic', {});
+        }
+
+        // fall-back to cookies
+        if (prefs[key] == null) {
+            var cookie = rcmail.get_cookie(key);
+            if (cookie != null) {
+                prefs[key] = cookie;
+
+                // copy value to local storage and remove cookie (if localStorage is supported)
+                if (rcmail.local_storage_set_item('prefs.elastic', prefs)) {
+                    rcmail.set_cookie(key, cookie, new Date());  // expire cookie
+                }
+            }
+        }
+
+        return prefs[key];
+    };
+
+    /**
+     * Saves preference value to browser storage
+     */
+    function set_pref(key, val)
+    {
+        prefs[key] = val;
+
+        // write prefs to local storage (if supported)
+        if (!rcmail.local_storage_set_item('prefs.elastic', prefs)) {
+            // store value in cookie
+            rcmail.set_cookie(key, val, false);
+        }
+    };
+}
+
+if (window.rcmail) {
+    /**
+     * Elastic version of show_menu as we don't need e.g. menu positioning from core
+     * TODO: keyboard navigation in menus
+     */
+    rcmail.show_menu = function(prop, show, event)
+    {
+        var name = typeof prop == 'object' ? prop.menu : prop,
+            obj = $('#' + name);
+
+        if (typeof prop == 'string') {
+            prop = {menu: name};
+        }
+
+        // just delegate the action to rcube_elastic_ui
+        return rcmail.triggerEvent(show === false ? 'menu-close' : 'menu-open', {name: name, obj: obj, props: prop, originalEvent: event});
+    }
+
+    /**
+     * Elastic version of hide_menu as we don't need e.g. menus stack handling
+     */
+    rcmail.hide_menu = function(name, event)
+    {
+        // delegate to rcube_elastic_ui
+        return rcmail.triggerEvent('menu-close', {name: name, props: {menu: name}, originalEvent: event});
+    }
+}
+else {
+    // rcmail does not exists e.g. on the error template inside a frame
+    // we fake the engine a little
+    var rcmail = parent.rcmail,
+        rcube_webmail = parent.rcube_webmail,
+        bw = {};
+}
+
+var UI = new rcube_elastic_ui();
+
+// Improve non-inline datepickers
+if ($ && $.datepicker) {
+    var __newInst = $.datepicker._newInst;
+
+    $.extend($.datepicker, {
+        _newInst: function(target, inline) {
+            var inst = __newInst.call(this, target, inline);
+
+            if (!inst.inline) {
+                UI.datepicker_init(inst.dpDiv);
+            }
+
+            return inst;
+        }
+    });
+}
+
+
+
+
+
+
+/*!
+ * pulltorefreshjs v0.1.22
+ * (c) Rafael Soto
+ * Released under the MIT License.
+ */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).PullToRefresh=t()}
+(this,function(){"use strict";var e={pullStartY:null,pullMoveY:null,handlers:[],styleEl:null,events:null,dist:0,state:"pending",timeout:null,distResisted:0,supportsPassive:!1,supportsPointerEvents:"undefined"!=typeof window&&!!window.PointerEvent};
+try{window.addEventListener("test",null,{get passive(){e.supportsPassive=!0}})}catch(e){}var t,n={setupDOM:function(t){if(!t.ptrElement){var n=document.createElement("div");
+t.mainElement!==document.body?t.mainElement.parentNode.insertBefore(n,t.mainElement):document.body.insertBefore(n,document.body.firstChild),n.classList.add(t.classPrefix+"ptr"),n.innerHTML=t.getMarkup().replace(/__PREFIX__/g,t.classPrefix),
+t.ptrElement=n,"function"==typeof t.onInit&&t.onInit(t),e.styleEl||(e.styleEl=document.createElement("style"),e.styleEl.setAttribute("id","pull-to-refresh-js-style"),document.head.appendChild(e.styleEl)),e.styleEl.textContent=t.getStyles().replace(/__PREFIX__/g,t.classPrefix).replace(/\s+/g," ")}
+return t},onReset:function(t){t.ptrElement&&(t.ptrElement.classList.remove(t.classPrefix+"refresh"),t.ptrElement.style[t.cssProp]="0px",setTimeout(function(){t.ptrElement&&t.ptrElement.parentNode&&(t.ptrElement.parentNode.removeChild(t.ptrElement),t.ptrElement=null),e.state="pending"},
+t.refreshTimeout))},update:function(t){var n=t.ptrElement.querySelector("."+t.classPrefix+"icon"),s=t.ptrElement.querySelector("."+t.classPrefix+"text");
+n&&("refreshing"===e.state?n.innerHTML=t.iconRefreshing:n.innerHTML=t.iconArrow),s&&("releasing"===e.state&&(s.innerHTML=t.instructionsReleaseToRefresh),"pulling"!==e.state&&"pending"!==e.state||(s.innerHTML=t.instructionsPullToRefresh),"refreshing"===e.state&&(s.innerHTML=t.instructionsRefreshing))}},s=function(t){return e.pointerEventsEnabled&&e.supportsPointerEvents?t.screenY:t.touches[0].screenY},r=function(){var r;
+function i(t){var i=e.handlers.filter(function(e){return e.contains(t.target)})[0];e.enable=!!i,i&&"pending"===e.state&&(r=n.setupDOM(i),i.shouldPullToRefresh()&&(e.pullStartY=s(t)),clearTimeout(e.timeout),n.update(i))}
+function o(t){r&&r.ptrElement&&e.enable&&(e.pullStartY?e.pullMoveY=s(t):r.shouldPullToRefresh()&&(e.pullStartY=s(t)),"refreshing"!==e.state?("pending"===e.state&&(r.ptrElement.classList.add(r.classPrefix+"pull"),e.state="pulling",n.update(r)),e.pullStartY&&e.pullMoveY&&(e.dist=e.pullMoveY-e.pullStartY),e.distExtra=e.dist-r.distIgnore,e.distExtra>0&&(t.cancelable&&t.preventDefault(),r.ptrElement.style[r.cssProp]=e.distResisted+"px",e.distResisted=r.resistanceFunction(e.distExtra/r.distThreshold)*Math.min(r.distMax,e.distExtra),"pulling"===e.state&&e.distResisted>r.distThreshold&&(r.ptrElement.classList.add(r.classPrefix+"release"),e.state="releasing",n.update(r)),"releasing"===e.state&&e.distResisted<r.distThreshold&&(r.ptrElement.classList.remove(r.classPrefix+"release"),e.state="pulling",n.update(r)))):t.cancelable&&r.shouldPullToRefresh()&&e.pullStartY<e.pullMoveY&&t.preventDefault())}
+function l(){if(r&&r.ptrElement&&e.enable){if(clearTimeout(t),t=setTimeout(function(){r&&r.ptrElement&&"pending"===e.state&&n.onReset(r)},500),"releasing"===e.state&&e.distResisted>r.distThreshold)e.state="refreshing",r.ptrElement.style[r.cssProp]=r.distReload+"px",r.ptrElement.classList.add(r.classPrefix+"refresh"),e.timeout=setTimeout(function(){var e=r.onRefresh(function(){return n.onReset(r)});e&&"function"==typeof e.then&&e.then(function(){return n.onReset(r)}),e||r.onRefresh.length||n.onReset(r)},r.refreshTimeout);else{if("refreshing"===e.state)return;r.ptrElement.style[r.cssProp]="0px",e.state="pending"}n.update(r),r.ptrElement.classList.remove(r.classPrefix+"release"),r.ptrElement.classList.remove(r.classPrefix+"pull"),e.pullStartY=e.pullMoveY=null,e.dist=e.distResisted=0}}
+function a(){r&&r.mainElement.classList.toggle(r.classPrefix+"top",r.shouldPullToRefresh())}var d=e.supportsPassive?{passive:e.passive||!1}:void 0;return e.pointerEventsEnabled&&e.supportsPointerEvents?(window.addEventListener("pointerup",l),window.addEventListener("pointerdown",i),window.addEventListener("pointermove",o,d)):(window.addEventListener("touchend",l),window.addEventListener("touchstart",i),window.addEventListener("touchmove",o,d)),window.addEventListener("scroll",a),{onTouchEnd:l,onTouchStart:i,onTouchMove:o,onScroll:a,destroy:function(){e.pointerEventsEnabled&&e.supportsPointerEvents?(window.removeEventListener("pointerdown",i),window.removeEventListener("pointerup",l),window.removeEventListener("pointermove",o,d)):(window.removeEventListener("touchstart",i),
+window.removeEventListener("touchend",l),window.removeEventListener("touchmove",o,d)),window.removeEventListener("scroll",a)}}},i={distThreshold:60,distMax:80,distReload:80,distIgnore:0,mainElement:"body",triggerElement:"body",ptrElement:".ptr",classPrefix:"ptr--",cssProp:"min-height",iconArrow:"&#8675;",iconRefreshing:"&hellip;",instructionsPullToRefresh:"Pull down to refresh",instructionsReleaseToRefresh:"Release to refresh",instructionsRefreshing:"Refreshing",refreshTimeout:500,
+getMarkup:function(){return'\n<div class="__PREFIX__box">\n  <div class="__PREFIX__content">\n    <div class="__PREFIX__text"></div>\n  </div>\n</div>\n'},
+getStyles:function(){return"\n.__PREFIX__ptr {\n  pointer-events: none;\n  font-size: 0.85em;\n  font-weight: bold;\n  height: 0;\n  transition: height 0.3s, min-height 0.3s;\n  text-align: center;\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-end;\n  align-content: stretch;\n}\n\n.__PREFIX__box {\n  padding: 10px;\n  flex-basis: 100%;\n}\n\n.__PREFIX__pull {\n  transition: none;\n}\n\n.__PREFIX__text {\n  margin-top: .33em;\n}\n\n.__PREFIX__icon {\n  transition: transform .3s;\n}\n\n/*\nWhen at the top of the page, disable vertical overscroll so passive touch\nlisteners can take over.\n*/\n.__PREFIX__top {\n  touch-action: pan-x pan-down pinch-zoom;\n}\n\n.__PREFIX__release .__PREFIX__icon {\n  transform: rotate(180deg);\n}\n"},
+onInit:function(){},onRefresh:function(){return location.reload()},resistanceFunction:function(e){return Math.min(1,e/2.5)},shouldPullToRefresh:function(){return!window.scrollY}},o=["mainElement","ptrElement","triggerElement"],l=function(t){var n={};return Object.keys(i).forEach(function(e){n[e]=t[e]||i[e]}),n.refreshTimeout="number"==typeof t.refreshTimeout?t.refreshTimeout:i.refreshTimeout,o.forEach(function(e){"string"==typeof n[e]&&(n[e]=document.querySelector(n[e]))}),e.events||(e.events=r()),n.contains=function(e){return n.triggerElement.contains(e)},n.destroy=function(){clearTimeout(e.timeout);var t=e.handlers.indexOf(n);e.handlers.splice(t,1)},n};return{setPassiveMode:function(t){e.passive=t},setPointerEventsMode:function(t){e.pointerEventsEnabled=t},destroyAll:function(){e.events&&(e.events.destroy(),e.events=null),e.handlers.forEach(function(e){e.destroy()})},init:function(t){void 0===t&&(t={});var n=l(t);return e.handlers.push(n),n},_:{setupHandler:l,setupEvents:r,setupDOM:n.setupDOM,onReset:n.onReset,update:n.update}}});
+
+
+
+
+
+if(UI.get_screen_mode()=="small" && document.getElementById("messagelist-content"))
+	{
+	const ptr = PullToRefresh.init({
+	  mainElement: '#messagelist-content',
+	  onRefresh: function () {
+		return new Promise(function (resolve) {
+		  setTimeout(function () {       UI_pull_to_refresh(resolve);      }, 0);
+		});
+	},
+	  shouldPullToRefresh: function(){
+
+        if(document.querySelector("#greydiv"))
+            {
+            if(document.querySelector("#greydiv").classList.contains("fadeoff70create"))
+                return false;
+            }
+		return !this.mainElement.scrollTop;
+	  },
+	  refreshTimeout:50,
+	  instructionsPullToRefresh:'<i class="sebicon iconrefresh icon_pulltorefresh" style="font-size:24px"></i>',
+		instructionsRefreshing:'<i class="sebicon iconrefresh icon_pulltorefresh anim_rotatepulltorefresh" style="font-size:24px"></i>',
+		instructionsReleaseToRefresh:'<i class="sebicon iconrefresh icon_pulltorefresh" style="font-size:24px"></i>'
+	  });
+	}
+
+function refresh_mail_anim()
+{
+	
+var but = document.getElementsByClassName('refresh')[0]
+but.classList.add("anim_rotate");
+but.classList.add("disabled");
+
+
+var stop_anim=function(){but.classList.remove("anim_rotate");but.classList.remove("disabled");}
+UI_pull_to_refresh(stop_anim);
+
+document.activeElement.blur(); //release focus
+}
+
+
+var r = document.getElementsByClassName('refresh')
+if(r.length)
+	{
+	r[0].setAttribute( "onClick", "refresh_mail_anim()" );	//refresh anim
+	r[0].style.width="45px" // anim center
+	}
+
+
+// function in IFRAME
+if(document.documentElement.classList.contains('iframe'))
+{
+var header = document.querySelector(".header-content")
+if(header)
+	{
+	set_onclick_to_class(header,".flag","return parent.rcmail.command('mark','flagged','',this,event)")
+	set_onclick_to_class(header,".unread","return parent.rcmail.command('mark','unread',this,event)")
+	set_onclick_to_class(header,".delete","return parent.rcmail.command('delete','',this,event)")
+	}
+
+
+if(parent.rcmail.env.archive_folder) // Archive plugin
+    {
+    // Big button
+    var h = document.getElementById("message-header")
+
+    var delete_icon = h.querySelector('.delete')
+
+    var ab = document.createElement("a");
+    ab.className="button archive"
+    ab.onclick= function(event){return parent.rcmail.command('plugin.archive','',this,event)};
+    ab.innerHTML="<span class='inner'>"+parent.rcmail.labels['archive.buttontext'] +"</span>"
+    delete_icon.parentElement.insertBefore(ab,delete_icon);
+
+    //menu
+    var li_prev = document.getElementById("message-menu-small").querySelector('.unread').parentNode 
+    var li = document.createElement("li");
+
+    li.onclick= function(event){return parent.rcmail.command('plugin.archive','',this,event)};
+    li.innerHTML='<a class="archive" id="" role="button" tabindex="0" aria-disabled="false" href="#" onclick="return parent.rcmail.command(\'plugin.archive\',\'\',this,event)" title=""><span class="inner">'+parent.rcmail.labels['archive.buttontext'] +'</span></a>'
+    li_prev.parentElement.insertBefore(li,li_prev);
+    
+    //small
+    parent.document.getElementById("header_topmenu_archive").style.display="inline-block"
+    }
+}
+
+
+if(rcmail.env.action=="preview")
+	{
+	var contactphoto = $('.contactphoto')[0]
+	contactphoto.onerror=function(){change_contactphoto_by_divLetter()}
+	}
+
+function change_contactphoto_by_divLetter()
+{
+var contactphoto = $('.contactphoto')[0]
+
+var d = document.createElement("div");
+d.className="sel_circle maillogo_no_select replacecontactpic"
+var txt = textforcircle($('.header .from').text())
+var c = colors_from_txt(txt)
+d.style.backgroundColor="#"+c
+d.innerHTML = txt
+
+contactphoto.parentElement.appendChild(d);
+contactphoto.style.display="none";
+}
+
+function flag_click()
+{
+if(window.frameElement) // is iframe
+	{
+	parent.messagelist.querySelector(".focused").querySelector(".flag").firstChild.click()
+	parent.hide_messagestack_few_secs()	
+	}
+else
+	{
+	var is_flag = document.body.classList.contains('status-flagged')
+
+	if(is_flag)
+		rcmail.command('mark','unflagged',this,event)
+	else
+		rcmail.command('mark','flagged',this,event)
+	hide_messagestack_few_secs()	
+	}
+}
+
+function unread_click()
+{
+
+if(window.frameElement) // is iframe
+	{
+	parent.messagelist.querySelector(".focused").querySelector(".msgicon").click()
+	parent.hide_messagestack_few_secs()
+	}
+else
+	{
+	rcmail.command('mark','unread',this,event)
+	}
+}
+
+function hide_messagestack_few_secs()
+{
+document.getElementById("messagestack").style.visibility="hidden"
+UI_pull_to_refresh_check(function(){})
+}
+
+
+
+
+function set_onclick_to_class(elem,classsearch,func)
+{
+var lnks = elem.querySelectorAll(classsearch)
+for(var i=0;i<lnks.length;i++)
+	lnks[i].setAttribute( "onClick", func );
+}
+
+
+
+function UI_pull_to_refresh(resolve)
+{
+document.getElementById("messagestack").style.visibility="hidden"
+rcmail.command('checkmail', '', false, false);
+UI_pull_to_refresh_check(resolve)
+}
+
+function UI_pull_to_refresh_check(resolve)
+{
+if($("#messagestack").html())
+    setTimeout(function() { UI_pull_to_refresh_check(resolve); }, 100);
+else
+    {
+    document.getElementById("messagestack").style.visibility="visible" //return to normal
+    resolve();
+    }
+}
+
+
+
+function listupdate_go_msgs(){
+var m = document.getElementById("messagelist")
+var msgs = m.querySelectorAll(".message")
+
+// load for quick check( prevent blinking)
+var LS = localStorage['contactphoto']??"{}"
+var LSdata = JSON.parse(LS)
+
+
+
+for(var i=0;i<msgs.length;i++)
+    {
+    var tdsel=msgs[i].querySelector(".selection")
+    if(!tdsel.querySelector(".sel_circle"))
+        {
+        tdsel.querySelector("input").style.display="none"
+
+        var d = document.createElement("div");
+        d.className="sel_circle maillogo_no_select"
+
+        d.onclick= function(event){event.preventDefault();};
+		
+		var email=""
+		if(msgs[i].querySelector(".rcmContactAddress"))			// ulgy but prevent blinking
+			var email=msgs[i].querySelector(".rcmContactAddress").title 
+		
+		var emailencode = urlencode(email)
+
+
+		if(LSdata[emailencode]==1)
+			{
+			d.style.backgroundImage="url('?_task=addressbook&_action=photo&_email="+emailencode+"&_error=1')"
+			}
+		else
+			{
+			var txt = get_personna_from_mailblock(msgs[i])
+			var c = colors_from_txt(txt)
+			d.style.backgroundColor="#"+c
+			d.innerHTML = txt
+			}
+
+		tdsel.appendChild(d);
+			
+		var d = document.createElement("div");
+		d.className="sel_circle maillogo_is_select"
+		d.onclick= function(event){event.preventDefault();};
+		d.style.backgroundColor="#0078D4"
+		d.innerHTML = "<i class='sebicon selecticon' style='color:#fff' onclick='return function(e){e.preventDefault()}'></i>"
+		tdsel.appendChild(d);
+
+        }
+		
+	// 2nd part for attachement
+	var attachement_span = msgs[i].querySelectorAll(".attachment").length
+	var is_report = msgs[i].querySelectorAll(".report").length
+	if(attachement_span==2||is_report)
+		msgs[i].querySelector(".subject").querySelector(".subject").style.paddingRight = "18px"
+	
+	
+	// delete button
+	if(!msgs[i].querySelector(".deleteicon"))
+		{
+		var spanflags = msgs[i].querySelector(".size")
+		var d = document.createElement("span");
+		d.className="sebicon deleteicon insummary"
+		d.onclick= function(e){
+			var uid = e.target.closest(".message").uid
+
+			if (rcmail.env.mailbox == rcmail.env.trash_mailbox) // in Trash, delete
+				rcmail.with_selected_messages('delete',{_uid:[uid]})
+			else
+				rcmail.command('move',{id:rcmail.env.trash_mailbox ,uids:[uid]},"",event,true)
+			};
+		spanflags.appendChild(d);
+		}
+		
+    }
+setTimeout(try_changeletters_by_image, 0);
+}
+
+function try_changeletters_by_image()
+{
+var m = document.getElementById("messagelist")
+var msgs = m.querySelectorAll(".message")
+for(var i=0;i<msgs.length;i++)
+    {
+	if(msgs[i].querySelector(".maillogo_no_select").innerHTML)
+		{
+		var email=msgs[i].querySelector(".rcmContactAddress").title
+		var emailencode = urlencode(email)
+		
+		if(is_contactphoto(emailencode))
+			{
+			msgs[i].querySelector(".maillogo_no_select").innerHTML=""
+			msgs[i].querySelector(".maillogo_no_select").style.backgroundImage="url('?_task=addressbook&_action=photo&_email="+emailencode+"&_error=1')"
+			}
+		}
+	}
+}
+
+function elastic2022_logout()
+{
+delete localStorage['contactphoto']
+rcmail.command('switch-task', 'logout', false, false)
+}
+
+function is_contactphoto(email)
+{
+
+// 1st check LS
+var LS = localStorage['contactphoto']??"{}"
+var LSdata = JSON.parse(LS)
+
+if(LSdata[email]!==undefined)
+	return LSdata[email]
+
+var xmlhttp = new XMLHttpRequest(),
+  method = 'GET',
+  url = '?_task=addressbook&_action=photo&_email='+email+'&_error=1';
+
+xmlhttp.open(method, url, false); //yeap slow on ugly
+xmlhttp.onerror = function () {
+  console.log("** An error occurred during the check");
+};
+
+
+xmlhttp.send();
+
+if(xmlhttp.readyState == 4) 
+	{
+        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
+		LS_add_info(email,1)
+		return true
+       }
+	   
+        if (xmlhttp.readyState == 4 && xmlhttp.status == 204) {
+        LS_add_info(email,0)
+		return false
+       }
+    }
+else
+	{
+	error('xmlhttprequest')
+	return(false);
+	}
+	
+}
+
+
+function LS_add_info(email,info)
+{
+var LS = localStorage['contactphoto']??"{}"
+var LSdata = JSON.parse(LS)
+
+LSdata[ email ] = info;
+
+localStorage['contactphoto'] = JSON.stringify(LSdata)
+}
+
+
+function LS_remove_contact()
+{
+var email=urlencode($('#ff_email0')[0].value) 
+LS_remove(email)
+}
+
+function LS_remove(email)
+{
+var LS = localStorage['contactphoto']??"{}"
+var LSdata = JSON.parse(LS)
+
+delete LSdata[email];
+
+localStorage['contactphoto'] = JSON.stringify(LSdata)
+}
+
+
+
+
+function get_personna_from_mailblock(m)
+{
+if(!m.querySelector(".rcmContactAddress")) return ""
+var txt=m.querySelector(".rcmContactAddress").textContent
+
+return textforcircle(txt)
+}
+
+function textforcircle(txt)
+{
+txt = txt.trim().replace(/[|&;$%@"<>()+-.,●]/g, "").trim();
+
+var tab = txt.split(' ');
+var ret = txt.charAt(0)
+
+if(tab[1])
+    ret+=tab[1].charAt(0)
+return ret.toUpperCase();
+}
+
+
+
+
+
+function colors_from_txt(txt)
+{
+if(!txt) return "AAA";
+
+var lst_cols="DF71AE D45345 9877D5 6EB9C2 A47563 E1843B 62BF78 5196D5 EACF47";
+//var lst_cols="F44336 E91E63 9C27B0 673AB7 3F51B5 2196F3 03A9F4 00BCD4 009688 4CAF50 8BC34A CDDC39 FFEB3B FFC107 FF9800 FF5722 795548 607D8B";
+var tab = lst_cols.split(' ');
+
+var n = 0;
+for(var i=0;i<txt.length;i++)
+    n += txt.charAt(i).charCodeAt(0)+i*255
+
+return tab[n%tab.length]
+}
+
+
+
+
+function click_menu()
+{
+if(!document.querySelector("#greydiv"))
+    {
+    var d = document.createElement("div");
+    d.id="greydiv"
+    d.onclick= function(){close_leftmenu()};
+    document.body.appendChild(d);
+    }
+document.querySelector("#greydiv").classList.add("fadeoff70create");
+
+// Pop menu
+if(!document.querySelector("#menuleft"))
+    {
+	var HTMLmenu="<div id='menuleft'><div>&nbsp;</div><div id='menuleft_cont'></div><div id='menuleft_bottom' class='menu' style='margin-top:40px;border-top:1px solid #374549'></div></div>"
+
+    document.querySelector("#greydiv").insertAdjacentHTML('afterend', HTMLmenu);
+	}
+
+var menuleft = document.querySelector("#menuleft")
+setTimeout(function() { menuleft.classList.add("menu_marginleft"); }, 0);
+
+
+//move menu
+if(rcmail.env.task == "mail")		$("#menuleft_cont").append($('#folderlist-content'));
+if(rcmail.env.task == "calendar")
+	{
+	$("#menuleft_cont").append($('#layout-sidebar .searchbar'));
+	$("#menuleft_cont").append($('#calendars-content'));
+	}
+
+		
+//Add link to close menu if no done
+if(menuleft_cont.classList.contains("link_added"))
+    return
+
+var menuHTML=""
+
+/*
+if(document.querySelector(".menu_bottom").querySelector(".button-calendar")) // If calendar
+	{
+	if(rcmail.env.task == "calendar")
+		menuHTML += "<div class='menuopt'>"+document.querySelector(".menu_bottom").querySelector(".mail").outerHTML+"</div>"
+	else
+		menuHTML += "<div class='menuopt'>"+document.querySelector(".menu_bottom").querySelector(".button-calendar").outerHTML+"</div>"
+	}
+*/
+var lnks = document.querySelector(".menu_bottom").querySelectorAll("a")
+	
+for (i = 0; i < lnks.length; ++i) {
+menuHTML += "<div class='menuopt'>"+lnks[i].outerHTML+"</div>"
+}
+            
+
+
+
+
+
+menuHTML += document.querySelector("#taskmenu").innerHTML 
+
+document.querySelector("#menuleft_bottom").innerHTML = menuHTML
+
+$('#mailboxlist a').on('click', function() { close_leftmenu() });
+$('#menuleft_bottom > .click_change_theme').click(function(){$('#taskmenu .click_change_theme').click()})
+menuleft_cont.classList.add("link_added");
+}
+
+function close_leftmenu()
+{
+if(!document.querySelector("#greydiv").classList.contains("fadeoff70create"))
+    return
+
+document.querySelector("#greydiv").classList.remove("fadeoff70create");
+document.querySelector("#menuleft").classList.remove("menu_marginleft");
+
+if(rcmail.env.task == "mail")		setTimeout(function() { $('#folderlist-content').insertBefore($('.menu.menu_bottom')); }, 300);
+if(rcmail.env.task == "calendar")
+	{
+	setTimeout(function() { $('#menuleft .searchbar').insertBefore($('.menu.menu_bottom')); }, 50);
+	setTimeout(function() { $('#calendars-content').insertBefore($('.menu.menu_bottom')); }, 50);
+	}
+
+}
+
+
+function dtel(x)
+{
+$('#mailboxlist a')[0].text=x
+}
+
+
+function mail_menu_show_attachement()
+{
+$('#layout-sidebar').removeClass('hidden');
+$('#layout-content').addClass('hidden');
+UI.screen_resize_headers()
+}
+
+window.onmessage = function(e) {
+    if (e.data == 'headers_dialog') {
+        UI.headers_dialog()
+    }
+    if (e.data == 'resize_message') {
+        autoscale_message_reset()
+    }
+	
+};
+
+
+var use_autoscale = 1
+
+
+function autoscale_message_reset()
+{
+if(!use_autoscale) return;
+delete document.body.dataset.originalscrollWidth
+
+var divms = document.querySelector("#messagebody").style
+divms.width=""
+divms.height = ""
+divms.transform=""
+divms.transformOrigin="";
+
+
+setTimeout(function() { autoscale_message()	}, 0);
+
+}
+
+function autoscale_message()
+{
+	
+
+
+var scroolmod = window.innerWidth-$(document).width()
+
+
+if(scroolmod >= 0) // no, scrollbar, it fit
+	return	
+
+var s = document.body.scrollWidth
+var divms = document.querySelector("#messagebody").style
+
+divms.width= s+"px";
+
+
+if(document.body.dataset.originalscrollWidth)
+	{
+	var ow = document.body.dataset.originalscrollWidth
+	var h = document.body.dataset.originalHeight
+	}
+else
+	{
+	var ow = document.body.scrollWidth
+	var h = document.querySelector("#message-htmlpart1").getBoundingClientRect().height
+	document.body.dataset.originalscrollWidth = ow
+	document.body.dataset.originalHeight = h
+	}
+
+
+var w = document.body.clientWidth-7 // for padding
+
+var ratio = w/ow
+
+
+divms.height = h * ratio  +"px"
+divms.transform="scale("+ratio+")"
+divms.transformOrigin="0 0";
+}
\ No newline at end of file
diff --git a/watermark.html b/watermark.html
new file mode 100644
index 0000000..4765caf
--- /dev/null
+++ b/watermark.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title></title>
+<style type="text/css">
+html, body { height: 100%; overflow: hidden; }
+body {
+  background: url(images/logo.svg) center no-repeat #fff;
+  background-size: 30%;
+  background-blend-mode: luminosity;
+}
+html:not(.dark-mode) body:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(255, 255, 255, .85);
+}
+html.dark-mode > body {
+  background-color: #21292c;
+  background-blend-mode: soft-light;
+}
+</style>
+<script>
+  try {
+    if (document.cookie.indexOf('colorMode=dark') > -1
+      || (document.cookie.indexOf('colorMode=light') === -1 && window.matchMedia('(prefers-color-scheme: dark)').matches)
+    ) {
+      document.documentElement.className += ' dark-mode';
+    }
+  } catch (e) { }
+</script>
+</head>
+<body></body>
+</html>