activeadmin_froala_editor 0.1.3 → 0.2.0

data/app/assets/javascripts/activeadmin/froala_editor/third_party/image_tui.min.js

@@ -0,0 +1,7 @@
+/*!
+ * froala_editor v3.2.1 (https://www.froala.com/wysiwyg-editor)
+ * License https://froala.com/wysiwyg-editor/terms/
+ * Copyright 2014-2020 Froala Labs
+ */
+
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(require("froala-editor")):"function"==typeof define&&define.amd?define(["froala-editor"],t):t(e.FroalaEditor)}(this,function(e){"use strict";function v(e){return(v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}if(e=e&&e.hasOwnProperty("default")?e["default"]:e,Object.assign(e.DEFAULTS,{imageTUIOptions:{includeUI:{theme:{"menu.normalIcon.path":"https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/svg/icon-d.svg","menu.activeIcon.path":"https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/svg/icon-b.svg","menu.disabledIcon.path":"https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/svg/icon-a.svg","menu.hoverIcon.path":"https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/svg/icon-c.svg","submenu.normalIcon.path":"https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/svg/icon-d.svg","submenu.normalIcon.name":"icon-d","submenu.activeIcon.path":"https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/svg/icon-c.svg","submenu.activeIcon.name":"icon-c"},initMenu:"filter",menuBarPosition:"left"}},tui:window.tui}),e.PLUGINS.imageTUI=function(c){var l=c.$,m=!0;function g(e,t){l("#tuieditor").remove(),e.style.display="none",m||t===undefined||t.filesManager.setChildWindowState(!1)}function p(e,t,i,n,o){for(var a=e.toDataURL(),d=atob(a.split(",")[1]),r=[],s=0;s<d.length;s++)r.push(d.charCodeAt(s));var u=new Blob([new Uint8Array(r)],{type:"image/png"});n?(t.image.edit(i),t.image.upload([u])):(t.filesManager.saveImage([u]),null!=o?(t.filesManager.upload(u,[u],null,o),t.filesManager.getFileThumbnail(o,u,!0)):t.filesManager.upload(u,[u],null,i))}return{_init:function i(){var e=c.o_doc.body,t=c.o_doc.createElement("div");t.setAttribute("id","tuiContainer"),t.style.cssText="position: fixed; top: 0;left: 0;margin: 0;padding: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 9998;display:none",e.appendChild(t)},launch:function f(t,i,n){var o,e;if(m=i,"object"===v(c.opts.tui)){var a=c.o_doc.createElement("div");a.setAttribute("id","tuieditor");var d=c.o_doc.getElementById("tuiContainer");d.appendChild(a),d.style.display="block",e=i?(o=t.image.get())[0].src:(o=t.filesManager.get()).src;var r=c.opts.imageTUIOptions;r.includeUI.loadImage={path:e,name:" "};var s=new c.opts.tui.ImageEditor(c.o_doc.querySelector("#tuieditor"),r),u=c.o_doc.getElementById("tuieditor");u.style.minHeight="590px",u.style.width="94%",u.style.height="94%",u.style.margin="auto",l(".tui-image-editor-header-buttons").html('<button class="tui-editor-cancel-btn" data-cmd="cancel_tui_image">Cancel</button> <button class="tui-editor-save-btn">Save</button>'),l(".tui-editor-cancel-btn")[0].addEventListener("click",function(e){g(d,t)}),l(".tui-editor-save-btn")[0].addEventListener("click",function(e){null!=n?p(s,t,o,i,n):p(s,t,o,i),g(d,t)})}}}},e.DefineIcon("imageTUI",{NAME:"sliders",FA5NAME:"sliders-h",SVG_KEY:"advancedImageEditor"}),e.RegisterCommand("imageTUI",{title:"Advanced Edit",undo:!1,focus:!1,callback:function(e,t){this.imageTUI.launch(this,!0)},plugin:"imageTUI"}),!e.PLUGINS.image)throw new Error("TUI image editor plugin requires image plugin.");e.DEFAULTS.imageEditButtons.push("imageTUI")});

data/app/assets/javascripts/activeadmin/froala_editor/third_party/spell_checker.min.js

@@ -1,7 +1,7 @@
 /*!
- * froala_editor v2.7.1 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v3.2.1 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
- * Copyright 2014-2017 Froala Labs
+ * Copyright 2014-2020 Froala Labs
  */
 
-!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof module&&module.exports?module.exports=function(b,c){return void 0===c&&(c="undefined"!=typeof window?require("jquery"):require("jquery")(b)),a(c)}:a(window.jQuery)}(function(a){a.FE.DEFAULT_SCAYT_OPTIONS={enableOnTouchDevices:!1,disableOptionsStorage:["all"],localization:"en",extraModules:"ui",DefaultSelection:"American English",spellcheckLang:"en_US",contextMenuSections:"suggest|moresuggest",serviceProtocol:"https",servicePort:"80",serviceHost:"svc.webspellchecker.net",servicePath:"spellcheck/script/ssrv.cgi",contextMenuForMisspelledOnly:!0,scriptPath:"https://svc.webspellchecker.net/spellcheck31/lf/scayt3/customscayt/customscayt.js"},a.extend(a.FE.DEFAULTS,{scaytAutoload:!1,scaytCustomerId:"1:tLBmI3-7rr3J1-GMEFA1-mIewo-hynTZ1-PV38I1-uEXCy2-Rn81L-gXuG4-NUNri4-5q9Q34-Jd",scaytOptions:{}}),a.FE.PLUGINS.spellChecker=function(b){function c(a){if(l){var c=!l.isDisabled();a.toggleClass("fr-active",c).attr("aria-pressed",c),b.$el.attr("spellcheck",b.opts.spellcheck&&!c)}}function d(a){l&&!l.isDisabled()&&(["bold","italic","underline","strikeThrough","subscript","superscript","fontFamily","fontSize"].indexOf(a)>=0&&l.removeMarkupInSelectionNode({removeInside:!0}),"html"==a&&g())}function e(a){l&&!l.isDisabled()&&["bold","italic","underline","strikeThrough","subscript","superscript","fontFamily","fontSize"].indexOf(a)>=0&&l.reloadMarkup()}function f(b){if(l&&!l.isDisabled()){b.which==a.FE.KEYCODE.ENTER&&setTimeout(l.reloadMarkup,0)}}function g(){l&&l.setDisabled(!l.isDisabled())}function h(a){if(a&&a.getAttribute&&a.getAttribute("data-scayt-word"))a.outerHTML=a.innerHTML;else if(a&&a.nodeType==Node.ELEMENT_NODE)for(var b=a.querySelectorAll("[data-scayt-word]"),c=0;c<b.length;c++)b[c].outerHTML=b[c].innerHTML}function i(){b.events.on("commands.before",d),b.events.on("commands.after",e),b.events.on("keydown",f,!0),b.events.on("html.processGet",h),c(b.$tb.find('[data-cmd="spellChecker"]'))}function j(){var a=b.opts.scaytOptions;a.customerId=b.opts.scaytCustomerId,a.container=b.$iframe?b.$iframe.get(0):b.$el.get(0),a.autoStartup=b.opts.scaytAutoload,a.onLoad=i,null!==b.opts.language&&(b.opts.spellCheckerLanguage=b.opts.language),!0===b.opts.scaytAutoload&&(b.opts.spellcheck=!1),l=new SCAYT.CUSTOMSCAYT(a)}function k(){if(!b.$wp)return!1;if(b.opts.scaytOptions=a.extend({},a.FE.DEFAULT_SCAYT_OPTIONS,b.opts.scaytOptions),"undefined"!=typeof SCAYT)j();else if(b.shared.spellCheckerLoaded||(b.shared.spellCheckerCallbacks=[]),b.shared.spellCheckerCallbacks.push(j),!b.shared.spellCheckerLoaded){b.shared.spellCheckerLoaded=!0;var c=document.createElement("script");c.type="text/javascript",c.src=b.opts.scaytOptions.scriptPath,c.innerText="",c.onload=function(){for(var a=0;a<b.shared.spellCheckerCallbacks.length;a++)b.shared.spellCheckerCallbacks[a]()},document.getElementsByTagName("head")[0].appendChild(c)}}var l;return{_init:k,refresh:c,toggle:g}},a.FE.DefineIcon("spellChecker",{NAME:"keyboard-o"}),a.FE.RegisterCommand("spellChecker",{title:"Spell Checker",undo:!1,focus:!1,accessibilityFocus:!0,forcedRefresh:!0,toggle:!0,callback:function(){this.spellChecker.toggle()},refresh:function(a){this.spellChecker.refresh(a)},plugin:"spellChecker"})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(require("froala-editor")):"function"==typeof define&&define.amd?define(["froala-editor"],t):t(e.FroalaEditor)}(this,function(p){"use strict";(p=p&&p.hasOwnProperty("default")?p["default"]:p).DEFAULT_SCAYT_OPTIONS={enableOnTouchDevices:!1,disableOptionsStorage:["all"],localization:"en",extraModules:"ui",DefaultSelection:"American English",spellcheckLang:"en_US",contextMenuSections:"suggest|moresuggest",serviceProtocol:"https",servicePort:"80",serviceHost:"svc.webspellchecker.net",servicePath:"spellcheck/script/ssrv.cgi",contextMenuForMisspelledOnly:!0,scriptPath:"https://svc.webspellchecker.net/spellcheck31/wscbundle/wscbundle.js"},Object.assign(p.DEFAULTS,{scaytAutoload:!1,scaytCustomerId:"1:ldogw1-MSDuT3-slyfO-0YJgB1-Wx7262-HIT741-MAMDv4-10qfb3-A4LDP-c60m3-hSQgd2-az2",scaytOptions:{}}),p.PLUGINS.spellChecker=function(s){var l;function e(e){if(l&&l.isDisabled){var t=!l.isDisabled();e.toggleClass("fr-active",t).attr("aria-pressed",t),s.$el.attr("spellcheck",s.opts.spellcheck&&!t)}}function t(e){l&&l.isDisabled&&!l.isDisabled()&&0<=["bold","italic","underline","strikeThrough","subscript","superscript","fontFamily","fontSize","html"].indexOf(e)&&l.removeMarkupInSelectionNode({removeInside:!0})}function o(e){l&&l.isDisabled&&!l.isDisabled()&&0<=["bold","italic","underline","strikeThrough","subscript","superscript","fontFamily","fontSize","html"].indexOf(e)&&l.reloadMarkup()}function a(e){l&&l.isDisabled&&!l.isDisabled()&&(e.which==p.KEYCODE.ENTER&&setTimeout(l.reloadMarkup,0))}function i(e){if(e&&e.getAttribute&&e.getAttribute("data-scayt-word"))e.outerHTML=e.innerHTML;else if(e&&e.nodeType==Node.ELEMENT_NODE)for(var t=e.querySelectorAll("[data-scayt-word], [data-spelling-word]"),s=0;s<t.length;s++)t[s].outerHTML=t[s].innerHTML}function r(){s.events.on("commands.before",t),s.events.on("commands.after",o),s.events.on("keydown",a,!0),s.events.on("html.processGet",i),e(s.$tb.find('[data-cmd="spellChecker"]'))}function n(){var e=s.opts.scaytOptions;e.customerId=s.opts.scaytCustomerId,e.container=s.$iframe?s.$iframe.get(0):s.$el.get(0),e.autoStartup=s.opts.scaytAutoload,e.onLoad=r,null!==s.opts.language&&(s.opts.spellCheckerLanguage=s.opts.language),!0===s.opts.scaytAutoload&&(s.opts.spellcheck=!1),l=new SCAYT.CUSTOMSCAYT(e)}return{_init:function c(){if(!s.$wp)return!1;if(s.opts.scaytOptions=Object.assign({},p.DEFAULT_SCAYT_OPTIONS,s.opts.scaytOptions),"undefined"!=typeof SCAYT)n();else if(s.shared.spellCheckerLoaded||(s.shared.spellCheckerCallbacks=[]),s.shared.spellCheckerCallbacks.push(n),!s.shared.spellCheckerLoaded){s.shared.spellCheckerLoaded=!0;var e=document.createElement("script");e.type="text/javascript",e.src=s.opts.scaytOptions.scriptPath,e.innerText="",e.onload=function(){for(var e=0;e<s.shared.spellCheckerCallbacks.length;e++)s.shared.spellCheckerCallbacks[e]()},document.getElementsByTagName("head")[0].appendChild(e)}},refresh:e,toggle:function d(){l&&l.isDisabled&&l.setDisabled(!l.isDisabled())}}},p.DefineIcon("spellChecker",{NAME:"keyboard-o",FA5NAME:"keyboard",SVG_KEY:"spellcheck"}),p.RegisterCommand("spellChecker",{title:"Spell Checker",undo:!1,focus:!1,accessibilityFocus:!0,forcedRefresh:!0,toggle:!0,callback:function(){this.spellChecker.toggle()},refresh:function(e){this.spellChecker.refresh(e)},plugin:"spellChecker"})});

data/app/assets/javascripts/activeadmin/froala_editor_input.js

@@ -1,10 +1,37 @@
 function initFroalaEditors() {
   $('.froala-editor').each(function () {
-    if (!$(this).hasClass('froala-editor--active')) {
-      var options = {};
-      options = $.extend({}, options, $(this).data('options'));
-      $(this).froalaEditor(options);
-      $(this).addClass('froala-editor--active');
+    if(!$(this).hasClass('froala-editor--active')) {
+      var name = $(this).attr('name');
+      if(name) {
+        var options = {
+          toolbarButtons: {
+            moreText: {
+              buttons: ['bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', 'fontFamily', 'fontSize', 'textColor', 'backgroundColor', 'inlineClass', 'inlineStyle', 'clearFormatting'],
+              align: 'left',
+              buttonsVisible: 3
+            },
+            moreParagraph: {
+              buttons: ['alignLeft', 'alignCenter', 'formatOLSimple', 'alignRight', 'alignJustify', 'formatOL', 'formatUL', 'paragraphFormat', 'paragraphStyle', 'lineHeight', 'outdent', 'indent', 'quote'],
+              align: 'left',
+              buttonsVisible: 3
+            },
+            moreRich: {
+              buttons: ['insertLink', 'insertTable', 'emoticons', 'specialCharacters', 'insertHR'],
+              align: 'left',
+              buttonsVisible: 2
+            },
+            moreMisc: {
+              buttons: ['undo', 'redo', 'print'],
+              align: 'right',
+              buttonsVisible: 3
+            }
+          },
+          quickInsertButtons: ['table', 'ol', 'ul', 'hr']
+        };
+        options = $.extend({}, options, $(this).data('options'));
+        new FroalaEditor('.froala-editor[name="' + name + '"]', options);
+        $(this).addClass('froala-editor--active');
+      }
     }
   });
 }

data/app/assets/stylesheets/activeadmin/_froala_editor_input.scss

@@ -0,0 +1,12 @@
+@import 'activeadmin/froala_editor/froala_editor.pkgd';
+@import 'activeadmin/froala_editor/froala_style';
+
+body.active_admin form .froala_editor {
+  >.fr-box {
+    display: inline-block;
+    width: calc(80% - 22px);
+  }
+  button {
+    box-shadow: none;
+  }
+}

data/app/assets/stylesheets/activeadmin/froala_editor/froala_editor.css

@@ -1,15 +1,15 @@
 /*!
- * froala_editor v2.7.1 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v3.2.1 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
- * Copyright 2014-2017 Froala Labs
+ * Copyright 2014-2020 Froala Labs
  */
 
 .clearfix::after {
   clear: both;
   display: block;
   content: "";
-  height: 0;
-}
+  height: 0; }
+
 .hide-by-clipping {
   position: absolute;
   width: 1px;
@@ -18,77 +18,70 @@
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
-  border: 0;
-}
-.fr-element,
-.fr-element:focus {
-  outline: 0px solid transparent;
-}
-.fr-box.fr-basic .fr-element {
-  color: #000000;
-  padding: 16px;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  overflow-x: auto;
-  min-height: 52px;
-}
-.fr-box.fr-basic.fr-rtl .fr-element {
-  text-align: right;
-}
+  border: 0; }
+
+.fr-element, .fr-element:focus {
+  outline: 0 solid transparent; }
+
+.fr-box.fr-basic {
+  border-radius: 10px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box; }
+  .fr-box.fr-basic .fr-element {
+    font-family: sans-serif;
+    color: #414141;
+    font-size: 14px;
+    line-height: 1.6;
+    padding: 20px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    overflow-x: auto;
+    min-height: 60px;
+    text-align: left; }
+  .fr-box.fr-basic.fr-rtl .fr-element {
+    text-align: right; }
+
 .fr-element {
   background: transparent;
   position: relative;
   z-index: 2;
-  -webkit-user-select: auto;
-}
-.fr-element a {
-  user-select: auto;
-  -o-user-select: auto;
-  -moz-user-select: auto;
-  -khtml-user-select: auto;
-  -webkit-user-select: auto;
-  -ms-user-select: auto;
-}
-.fr-element.fr-disabled {
-  user-select: none;
-  -o-user-select: none;
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-}
-.fr-element [contenteditable="false"] {
-  user-select: none;
-  -o-user-select: none;
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-}
-.fr-element [contenteditable="true"] {
-  outline: 0px solid transparent;
-  user-select: text;
-  -o-user-select: text;
-  -moz-user-select: text;
-  -khtml-user-select: text;
-  -webkit-user-select: text;
-  -ms-user-select: text;
-}
+  -webkit-user-select: auto; }
+  .fr-element a {
+    user-select: auto;
+    -o-user-select: auto;
+    -moz-user-select: auto;
+    -khtml-user-select: auto;
+    -webkit-user-select: auto;
+    -ms-user-select: auto; }
+  .fr-element.fr-disabled {
+    user-select: none;
+    -o-user-select: none;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none; }
+  .fr-element [contenteditable="true"] {
+    outline: 0 solid transparent; }
+
 .fr-box a.fr-floating-btn {
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
+  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
   border-radius: 100%;
   -moz-border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
-  height: 32px;
-  width: 32px;
-  background: #ffffff;
-  color: #1e88e5;
+  height: 40px;
+  width: 40px;
+  text-align: center;
+  background: #FFF;
+  color: #333333;
   -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
   -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
   -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
@@ -96,7 +89,7 @@
   outline: none;
   left: 0;
   top: 0;
-  line-height: 32px;
+  line-height: 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
@@ -106,35 +99,29 @@
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  border: none;
-}
-.fr-box a.fr-floating-btn svg {
-  -webkit-transition: transform 0.2s ease 0s;
-  -moz-transition: transform 0.2s ease 0s;
-  -ms-transition: transform 0.2s ease 0s;
-  -o-transition: transform 0.2s ease 0s;
-  fill: #1e88e5;
-}
-.fr-box a.fr-floating-btn i {
-  font-size: 14px;
-  line-height: 32px;
-}
-.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
-  margin-left: 10px;
-}
-.fr-box a.fr-floating-btn:hover {
-  background: #ebebeb;
-  cursor: pointer;
-}
-.fr-box a.fr-floating-btn:hover svg {
-  fill: #1e88e5;
-}
+  border: none; }
+  .fr-box a.fr-floating-btn svg {
+    -webkit-transition: transform 0.2s ease 0s;
+    -moz-transition: transform 0.2s ease 0s;
+    -ms-transition: transform 0.2s ease 0s;
+    -o-transition: transform 0.2s ease 0s;
+    fill: #333333; }
+  .fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg {
+    font-size: 14px;
+    line-height: 40px; }
+  .fr-box a.fr-floating-btn.fr-btn + .fr-btn {
+    margin-left: 10px; }
+  .fr-box a.fr-floating-btn:hover {
+    background: #ebebeb;
+    cursor: pointer; }
+    .fr-box a.fr-floating-btn:hover svg {
+      fill: #333333; }
 .fr-box .fr-visible a.fr-floating-btn {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
-  -o-transform: scale(1);
-}
+  -o-transform: scale(1); }
+
 iframe.fr-iframe {
   width: 100%;
   border: none;
@@ -143,67 +130,82 @@ iframe.fr-iframe {
   z-index: 2;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
+  box-sizing: border-box; }
+
 .fr-wrapper {
   position: relative;
-  z-index: 1;
-}
-.fr-wrapper::after {
-  clear: both;
-  display: block;
-  content: "";
-  height: 0;
-}
-.fr-wrapper .fr-placeholder {
-  position: absolute;
-  font-size: 12px;
-  color: #aaaaaa;
-  z-index: 1;
-  display: none;
-  top: 0;
-  left: 0;
-  right: 0;
-  overflow: hidden;
-}
-.fr-wrapper.show-placeholder .fr-placeholder {
-  display: block;
-}
-.fr-wrapper ::-moz-selection {
-  background: #b5d6fd;
-  color: #000000;
-}
+  z-index: 1; }
+  .fr-wrapper::after {
+    clear: both;
+    display: block;
+    content: "";
+    height: 0; }
+  .fr-wrapper .fr-placeholder {
+    position: absolute;
+    font-size: 14px;
+    color: #AAA;
+    font-family: sans-serif;
+    z-index: 1;
+    display: none;
+    top: 0;
+    left: 0;
+    right: 0;
+    overflow: hidden; }
+  .fr-wrapper.show-placeholder .fr-placeholder {
+    display: block;
+    white-space: nowrap;
+    text-overflow: ellipsis; }
+  .fr-wrapper ::-moz-selection {
+    background: #b5d6fd;
+    color: #000; }
+  .fr-wrapper ::selection {
+    background: #b5d6fd;
+    color: #000; }
+
 .fr-box.fr-basic .fr-wrapper {
-  background: #ffffff;
-  border: 0px;
-  border-top: 0;
+  background: #FFF;
+  border: 1px solid #CCCCCC;
+  border-bottom-color: #efefef;
   top: 0;
-  left: 0;
-}
+  left: 0; }
+
 .fr-box.fr-basic.fr-top .fr-wrapper {
-  border-top: 0;
-  border-radius: 0 0 2px 2px;
-  -moz-border-radius: 0 0 2px 2px;
-  -webkit-border-radius: 0 0 2px 2px;
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-}
+  border-top: 0; }
 .fr-box.fr-basic.fr-bottom .fr-wrapper {
   border-bottom: 0;
-  border-radius: 2px 2px 0 0;
-  -moz-border-radius: 2px 2px 0 0;
-  -webkit-border-radius: 2px 2px 0 0;
+  border-radius: 10px 10px 0 0;
+  -moz-border-radius: 10px 10px 0 0;
+  -webkit-border-radius: 10px 10px 0 0;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
-  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
-  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
-}
+  background-clip: padding-box; }
+
+@media (min-width: 992px) {
+  .fr-box.fr-document {
+    min-width: 21cm; }
+    .fr-box.fr-document .fr-wrapper {
+      text-align: left;
+      padding: 30px;
+      min-width: 21cm;
+      background: #efefef; }
+      .fr-box.fr-document .fr-wrapper .fr-element {
+        text-align: left;
+        background: #FFF;
+        width: 21cm;
+        margin: auto;
+        min-height: 26cm !important;
+        padding: 1cm 2cm;
+        overflow: visible;
+        z-index: auto; }
+        .fr-box.fr-document .fr-wrapper .fr-element hr {
+          margin-left: -2cm;
+          margin-right: -2cm;
+          background: #efefef;
+          height: 1cm;
+          outline: none;
+          border: none; }
+        .fr-box.fr-document .fr-wrapper .fr-element img {
+          z-index: 1; } }
 .fr-tooltip {
   position: absolute;
   top: 0;
@@ -215,11 +217,8 @@ iframe.fr-iframe {
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
-  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
-  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
   background: #222222;
-  color: #ffffff;
+  color: #FFF;
   font-size: 11px;
   line-height: 22px;
   font-family: Arial, Helvetica, sans-serif;
@@ -241,32 +240,37 @@ iframe.fr-iframe {
   z-index: 2147483647;
   text-rendering: optimizelegibility;
   -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.fr-tooltip.fr-visible {
-  -webkit-opacity: 1;
-  -moz-opacity: 1;
-  opacity: 1;
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-}
-.fr-toolbar .fr-command.fr-btn,
-.fr-popup .fr-command.fr-btn {
+  -moz-osx-font-smoothing: grayscale; }
+  .fr-tooltip.fr-visible {
+    -webkit-opacity: 1;
+    -moz-opacity: 1;
+    opacity: 1;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
+
+.fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap {
+  float: left;
+  white-space: nowrap;
+  position: relative; }
+  .fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden {
+    display: none; }
+.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
   background: transparent;
-  color: #222222;
+  color: #333333;
   -moz-outline: 0;
-  outline: 0;
+  outline: none;
   border: 0;
   line-height: 1;
   cursor: pointer;
   text-align: left;
-  margin: 0px 2px;
-  -webkit-transition: background 0.2s ease 0s;
-  -moz-transition: background 0.2s ease 0s;
-  -ms-transition: background 0.2s ease 0s;
-  -o-transition: background 0.2s ease 0s;
-  border-radius: 0;
-  -moz-border-radius: 0;
-  -webkit-border-radius: 0;
+  margin: 4px 2px;
+  padding: 0;
+  -webkit-transition: all 0.5s;
+  -moz-transition: all 0.5s;
+  -ms-transition: all 0.5s;
+  -o-transition: all 0.5s;
+  border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
@@ -283,290 +287,306 @@ iframe.fr-iframe {
   -webkit-user-select: none;
   -ms-user-select: none;
   float: left;
-  padding: 0;
-  width: 38px;
-  height: 38px;
-}
-.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
-.fr-popup .fr-command.fr-btn::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-.fr-toolbar .fr-command.fr-btn.fr-btn-text,
-.fr-popup .fr-command.fr-btn.fr-btn-text {
-  width: auto;
-}
-.fr-toolbar .fr-command.fr-btn i,
-.fr-popup .fr-command.fr-btn i {
-  display: block;
-  font-size: 14px;
-  width: 14px;
-  margin: 12px 12px;
-  text-align: center;
-  float: none;
-}
-.fr-toolbar .fr-command.fr-btn span.fr-sr-only,
-.fr-popup .fr-command.fr-btn span.fr-sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0;
-}
-.fr-toolbar .fr-command.fr-btn span,
-.fr-popup .fr-command.fr-btn span {
-  font-size: 14px;
-  display: block;
-  line-height: 17px;
-  min-width: 34px;
-  float: left;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  height: 17px;
-  font-weight: bold;
-  padding: 0 2px;
-}
-.fr-toolbar .fr-command.fr-btn img,
-.fr-popup .fr-command.fr-btn img {
-  margin: 12px 12px;
-  width: 14px;
-}
-.fr-toolbar .fr-command.fr-btn.fr-active,
-.fr-popup .fr-command.fr-btn.fr-active {
-  color: #1e88e5;
-  background: transparent;
-}
-.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
-.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
-  width: auto;
-}
-.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
-.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span {
-  font-weight: normal;
-}
-.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
-.fr-popup .fr-command.fr-btn.fr-dropdown i,
-.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
-.fr-popup .fr-command.fr-btn.fr-dropdown span,
-.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
-.fr-popup .fr-command.fr-btn.fr-dropdown img {
-  margin-left: 8px;
-  margin-right: 16px;
-}
-.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
-.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
-  color: #222222;
-  background: #d6d6d6;
-}
-.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
-.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
-.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
-.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
-  background: #d6d6d6 !important;
-  color: #222222 !important;
-}
-.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
-.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
-.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
-.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
-  border-top-color: #222222 !important;
-}
-.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
-.fr-popup .fr-command.fr-btn.fr-dropdown::after {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-left: 4px solid transparent;
-  border-right: 4px solid transparent;
-  border-top: 4px solid #222222;
-  right: 4px;
-  top: 17px;
-  content: "";
-}
-.fr-toolbar .fr-command.fr-btn.fr-disabled,
-.fr-popup .fr-command.fr-btn.fr-disabled {
-  color: #bdbdbd;
-  cursor: default;
-}
-.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
-.fr-popup .fr-command.fr-btn.fr-disabled::after {
-  border-top-color: #bdbdbd !important;
-}
-.fr-toolbar .fr-command.fr-btn.fr-hidden,
-.fr-popup .fr-command.fr-btn.fr-hidden {
-  display: none;
-}
-.fr-toolbar.fr-disabled .fr-btn,
-.fr-popup.fr-disabled .fr-btn,
-.fr-toolbar.fr-disabled .fr-btn.fr-active,
-.fr-popup.fr-disabled .fr-btn.fr-active {
+  height: 40px; }
+  .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
+    border-radius: 0 4px 4px 0;
+    -moz-border-radius: 0 4px 4px 0;
+    -webkit-border-radius: 0 4px 4px 0;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box; }
+  .fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover {
+    border-radius: 4px 0 0 4px;
+    -moz-border-radius: 4px 0 0 4px;
+    -webkit-border-radius: 4px 0 0 4px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box; }
+  .fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .fr-popup .fr-command.fr-btn::-moz-focus-inner, .fr-modal .fr-command.fr-btn::-moz-focus-inner {
+    border: 0;
+    padding: 0; }
+  .fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text {
+    width: auto; }
+  .fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
+    display: block;
+    text-align: center;
+    float: none;
+    margin: 8px 7px;
+    width: 24px; }
+  .fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
+    height: 24px; }
+  .fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path {
+    -webkit-transition: all 0.5s;
+    -moz-transition: all 0.5s;
+    -ms-transition: all 0.5s;
+    -o-transition: all 0.5s;
+    fill: #333333; }
+  .fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    border: 0; }
+  .fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span {
+    font-size: 14px;
+    display: block;
+    line-height: 17px;
+    min-width: 30px;
+    float: left;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    height: 17px;
+    font-weight: bold;
+    padding: 0 4px; }
+  .fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img {
+    margin: 8px 7px;
+    width: 24px; }
+  .fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
+    background: #d6d6d6; }
+  .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
+    font-weight: normal; }
+  .fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg {
+    margin-left: 3px;
+    margin-right: 11px; }
+  .fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after {
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-left: 4px solid transparent;
+    border-right: 4px solid transparent;
+    border-top: 4px solid #333333;
+    right: 2px;
+    top: 18px;
+    -webkit-transition: all 0.3s;
+    -moz-transition: all 0.3s;
+    -ms-transition: all 0.3s;
+    -o-transition: all 0.3s;
+    content: ""; }
+  .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
+    fill: #333333;
+    background: #d6d6d6;
+    -webkit-transition: 0.5s ease;
+    -moz-transition: 0.5s ease;
+    -ms-transition: 0.5s ease;
+    -o-transition: 0.5s ease; }
+    .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
+      background: #ebebeb;
+      fill: #333333; }
+      .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
+        border-top-color: #333333; }
+    .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
+      border-top: 0;
+      border-bottom: 4px solid #222222; }
+  .fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled {
+    color: #bdbdbd;
+    cursor: default;
+    -webkit-opacity: 0.3;
+    -moz-opacity: 0.3;
+    opacity: 0.3;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
+    .fr-toolbar .fr-command.fr-btn.fr-disabled::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-modal .fr-command.fr-btn.fr-disabled::after {
+      border-top-color: #bdbdbd; }
+  .fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden {
+    display: none; }
+.fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn {
+  margin: 0;
+  width: 46px;
+  height: 40px;
+  border-radius: 0;
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box; }
+  .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
+    background: #FFF; }
+  .fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span {
+    height: 27px; }
+  .fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg {
+    margin: 8px 11px;
+    width: 24px;
+    height: 24px; }
+.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
+  fill: #0098f7; }
+.fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active {
   color: #bdbdbd;
-}
-.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
-.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
-.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
-.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
-  border-top-color: #bdbdbd;
-}
-.fr-toolbar.fr-rtl .fr-command.fr-btn,
-.fr-popup.fr-rtl .fr-command.fr-btn {
-  float: right;
-}
-.fr-toolbar.fr-inline .fr-command.fr-btn:not(.fr-hidden) {
+  -webkit-opacity: 0.3;
+  -moz-opacity: 0.3;
+  opacity: 0.3;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
+  .fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
+    border-top-color: #bdbdbd; }
+.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
+  float: right; }
+.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
+  float: left; }
+.fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap {
+  float: right; }
+  .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
+    border-radius: 4px 0 0 4px;
+    -moz-border-radius: 4px 0 0 4px;
+    -webkit-border-radius: 4px 0 0 4px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box; }
+  .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
+    border-radius: 0 4px 4px 0;
+    -moz-border-radius: 0 4px 4px 0;
+    -webkit-border-radius: 0 4px 4px 0;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box; }
+
+.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  float: none;
-}
-.fr-desktop .fr-command:hover,
-.fr-desktop .fr-command:focus {
+  float: none; }
+
+.fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded {
   outline: 0;
-  color: #222222;
-  background: #ebebeb;
-}
-.fr-desktop .fr-command:hover::after,
-.fr-desktop .fr-command:focus::after {
-  border-top-color: #222222 !important;
-}
-.fr-desktop .fr-command.fr-selected {
-  color: #222222;
-  background: #d6d6d6;
-}
-.fr-desktop .fr-command.fr-active:hover,
-.fr-desktop .fr-command.fr-active:focus {
-  color: #1e88e5;
-  background: #ebebeb;
-}
-.fr-desktop .fr-command.fr-active.fr-selected {
-  color: #1e88e5;
-  background: #d6d6d6;
-}
-.fr-desktop .fr-command.fr-disabled:hover,
-.fr-desktop .fr-command.fr-disabled:focus,
-.fr-desktop .fr-command.fr-disabled.fr-selected {
-  background: transparent;
-}
-.fr-desktop.fr-disabled .fr-command:hover,
-.fr-desktop.fr-disabled .fr-command:focus,
-.fr-desktop.fr-disabled .fr-command.fr-selected {
-  background: transparent;
-}
-.fr-toolbar.fr-mobile .fr-command.fr-blink,
-.fr-popup.fr-mobile .fr-command.fr-blink {
-  background: transparent;
-}
+  color: #333333; }
+  .fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
+    background: #ebebeb; }
+  .fr-desktop .fr-command:hover::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after {
+    border-top-color: #333333; }
+.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
+  color: #333333;
+  background: #d6d6d6; }
+.fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded {
+  background: #ebebeb; }
+.fr-desktop .fr-command.fr-active:active {
+  background: #d6d6d6; }
+.fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected {
+  background: transparent; }
+.fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected {
+  background: transparent; }
+
+.fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink {
+  background: #d6d6d6; }
+
+.fr-command.fr-btn.fr-options {
+  width: 16px;
+  margin-left: -5px; }
+  .fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus {
+    border-left: solid 1px #FAFAFA;
+    -webkit-transition: border-left 0s, background-color 0.5s;
+    -moz-transition: border-left 0s, background-color 0.5s;
+    -ms-transition: border-left 0s, background-color 0.5s;
+    -o-transition: border-left 0s, background-color 0.5s; }
 .fr-command.fr-btn + .fr-dropdown-menu {
+  background: #FFF;
   display: inline-block;
   position: absolute;
   right: auto;
   bottom: auto;
   height: auto;
   z-index: 4;
-  -webkit-overflow-scrolling: touch;
-  overflow: hidden;
-  zoom: 1;
-  border-radius: 0 0 2px 2px;
-  -moz-border-radius: 0 0 2px 2px;
-  -webkit-border-radius: 0 0 2px 2px;
+  border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
-}
-.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
-  -webkit-transition: none;
-  -moz-transition: none;
-  -ms-transition: none;
-  -o-transition: none;
-  height: auto;
-  max-height: 275px;
-}
-.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
-  background: #ffffff;
-  padding: 0;
-  margin: auto;
-  display: inline-block;
-  text-align: left;
-  position: relative;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  -webkit-transition: max-height 0.2s ease 0s;
-  -moz-transition: max-height 0.2s ease 0s;
-  -ms-transition: max-height 0.2s ease 0s;
-  -o-transition: max-height 0.2s ease 0s;
-  margin-top: 0;
-  float: left;
-  max-height: 0;
-  height: 0;
-  margin-top: 0 !important;
-}
-.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
-  overflow: auto;
-  position: relative;
-  max-height: 275px;
-}
-.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
-  padding: 0;
-  margin: 0;
-  font-size: 15px;
-}
-.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
-  padding: 0 24px;
-  line-height: 200%;
-  display: block;
-  cursor: pointer;
-  white-space: nowrap;
-  color: inherit;
-  text-decoration: none;
-}
-.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
-  background: #d6d6d6;
-}
-.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
-  color: #bdbdbd;
-  cursor: default;
-}
-.fr-command.fr-btn:not(.fr-active) + .fr-dropdown-menu {
-  left: -3000px !important;
-}
+  -webkit-overflow-scrolling: touch;
+  overflow: hidden;
+  zoom: 1;
+  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+  .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
+    -webkit-transition: none;
+    -moz-transition: none;
+    -ms-transition: none;
+    -o-transition: none;
+    height: auto;
+    max-height: 275px; }
+  .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
+    padding: 0;
+    margin: auto;
+    display: inline-block;
+    text-align: left;
+    position: relative;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    -webkit-transition: height 0.3s;
+    -moz-transition: height 0.3s;
+    -ms-transition: height 0.3s;
+    -o-transition: height 0.3s;
+    margin-top: 0;
+    float: left;
+    height: 0;
+    margin-top: 0 !important; }
+    .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
+      position: relative; }
+      .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
+        list-style-type: none;
+        margin: 0;
+        padding: 8px 0;
+        min-width: 72px; }
+        .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
+          padding: 0;
+          margin: 0;
+          font-size: 15px; }
+          .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
+            padding: 0 20px;
+            line-height: 200%;
+            display: flex;
+            cursor: pointer;
+            white-space: nowrap;
+            color: inherit;
+            text-decoration: none;
+            border-radius: 0;
+            -moz-border-radius: 0;
+            -webkit-border-radius: 0;
+            -moz-background-clip: padding;
+            -webkit-background-clip: padding-box;
+            background-clip: padding-box; }
+            .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
+              width: 24px;
+              height: 24px;
+              margin: 3px 4px; }
+              .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
+                fill: #333333; }
+            .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
+              background: #d6d6d6; }
+            .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
+              color: #bdbdbd;
+              cursor: default; }
+            .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
+              margin-left: 20px;
+              font-weight: bold;
+              -webkit-opacity: 0.75;
+              -moz-opacity: 0.75;
+              opacity: 0.75; }
 .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
   display: inline-block;
-  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
-  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
-}
-.fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
-  height: auto;
-  max-height: 275px;
-}
+  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+
 .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
   border-radius: 2px 2px 0 0;
   -moz-border-radius: 2px 2px 0 0;
   -webkit-border-radius: 2px 2px 0 0;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-}
-.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
-.fr-popup.fr-rtl .fr-dropdown-wrapper {
-  text-align: right !important;
-}
+  background-clip: padding-box; }
+
+.fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper {
+  text-align: right !important; }
+
 body.prevent-scroll {
-  overflow: hidden;
-}
-body.prevent-scroll.fr-mobile {
-  position: fixed;
-  -webkit-overflow-scrolling: touch;
-}
+  overflow: hidden; }
+  body.prevent-scroll.fr-mobile {
+    position: fixed;
+    -webkit-overflow-scrolling: touch; }
+
 .fr-modal {
   color: #222222;
   font-family: Arial, Helvetica, sans-serif;
@@ -578,173 +598,152 @@ body.prevent-scroll.fr-mobile {
   bottom: 0;
   right: 0;
   width: 100%;
-  z-index: 9999;
+  z-index: 2147483640;
   text-rendering: optimizelegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
-  line-height: 1.2;
-}
-.fr-modal.fr-middle .fr-modal-wrapper {
-  margin-top: 0;
-  margin-bottom: 0;
-  margin-left: auto;
-  margin-right: auto;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%, -50%);
-  -moz-transform: translate(-50%, -50%);
-  -ms-transform: translate(-50%, -50%);
-  -o-transform: translate(-50%, -50%);
-  position: absolute;
-}
-.fr-modal .fr-modal-wrapper {
-  border-radius: 2px;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  margin: 20px auto;
-  display: inline-block;
-  background: #ffffff;
-  min-width: 300px;
-  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
-  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
-  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
-  border: 0px;
-  border-top: 5px solid #222222;
-  overflow: hidden;
-  width: 90%;
-  position: relative;
-}
-@media (min-width: 768px) and (max-width: 991px) {
-  .fr-modal .fr-modal-wrapper {
-    margin: 30px auto;
-    width: 70%;
-  }
-}
-@media (min-width: 992px) {
+  line-height: 1.2; }
+  .fr-modal.fr-middle .fr-modal-wrapper {
+    margin-top: 0;
+    margin-bottom: 0;
+    margin-left: auto;
+    margin-right: auto;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%, -50%);
+    -moz-transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    -o-transform: translate(-50%, -50%);
+    position: absolute; }
   .fr-modal .fr-modal-wrapper {
-    margin: 50px auto;
-    width: 600px;
-  }
-}
-.fr-modal .fr-modal-wrapper .fr-modal-head {
-  background: #ffffff;
-  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
-  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
-  border-bottom: 0px;
-  overflow: hidden;
-  position: absolute;
-  width: 100%;
-  min-height: 42px;
-  z-index: 3;
-  -webkit-transition: height 0.2s ease 0s;
-  -moz-transition: height 0.2s ease 0s;
-  -ms-transition: height 0.2s ease 0s;
-  -o-transition: height 0.2s ease 0s;
-}
-.fr-modal .fr-modal-wrapper .fr-modal-head i {
-  padding: 12px;
-  width: 20px;
-  font-size: 16px;
-  cursor: pointer;
-  line-height: 18px;
-  color: #222222;
-  -webkit-box-sizing: content-box;
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-}
-.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close {
-  position: absolute;
-  top: 0;
-  right: 0;
-  -webkit-transition: color 0.2s ease 0s;
-  -moz-transition: color 0.2s ease 0s;
-  -ms-transition: color 0.2s ease 0s;
-  -o-transition: color 0.2s ease 0s;
-}
-.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
-  font-size: 18px;
-  padding: 12px 10px;
-  margin: 0;
-  font-weight: 400;
-  line-height: 18px;
-  display: inline-block;
-  float: left;
-}
-.fr-modal .fr-modal-wrapper div.fr-modal-body {
-  height: 100%;
-  min-height: 150px;
-  overflow-y: scroll;
-  padding-bottom: 10px;
-}
-.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
-  outline: 0;
-}
-.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
-  height: 36px;
-  line-height: 1;
-  color: #1e88e5;
-  padding: 10px;
-  cursor: pointer;
-  text-decoration: none;
-  border: none;
-  background: none;
-  font-size: 16px;
-  outline: none;
-  -webkit-transition: background 0.2s ease 0s;
-  -moz-transition: background 0.2s ease 0s;
-  -ms-transition: background 0.2s ease 0s;
-  -o-transition: background 0.2s ease 0s;
-}
-.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
-  margin-left: 24px;
-}
-.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
-.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
-  background: #ebebeb;
-  color: #1e88e5;
-}
-.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
-  background: #d6d6d6;
-  color: #1e88e5;
-}
-.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
-  border: 0;
-}
+    border-radius: 10px;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    background-clip: padding-box;
+    margin: 20px auto;
+    display: inline-block;
+    background: #FFF;
+    min-width: 300px;
+    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
+    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
+    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
+    border: 0;
+    overflow: hidden;
+    width: 90%;
+    position: relative; }
+    @media (min-width: 768px) and (max-width: 991px) {
+      .fr-modal .fr-modal-wrapper {
+        margin: 30px auto;
+        width: 70%; } }
+    @media (min-width: 992px) {
+      .fr-modal .fr-modal-wrapper {
+        margin: 50px auto;
+        width: 960px; } }
+    .fr-modal .fr-modal-wrapper .fr-modal-head {
+      background: #FFF;
+      overflow: hidden;
+      position: absolute;
+      width: 100%;
+      min-height: 42px;
+      z-index: 3;
+      border-bottom: solid #efefef 1px;
+      -webkit-transition: all 0.2s ease 0s;
+      -moz-transition: all 0.2s ease 0s;
+      -ms-transition: all 0.2s ease 0s;
+      -o-transition: all 0.2s ease 0s; }
+      .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
+        height: 56px;
+        padding: 0 10px; }
+      .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
+        margin: 10px;
+        position: absolute;
+        top: 0;
+        right: 0; }
+      .fr-modal .fr-modal-wrapper .fr-modal-head h4 {
+        font-size: 20px;
+        padding: 19px 10px;
+        margin: 0;
+        font-weight: 400;
+        line-height: 18px;
+        display: inline-block;
+        float: left; }
+    .fr-modal .fr-modal-wrapper div.fr-modal-body {
+      height: 100%;
+      min-height: 150px;
+      overflow-y: auto;
+      padding-bottom: 20px; }
+      .fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
+        outline: 0; }
+      .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
+        height: 36px;
+        line-height: 1;
+        color: #0098f7;
+        padding: 10px;
+        cursor: pointer;
+        text-decoration: none;
+        border: none;
+        background: none;
+        font-size: 16px;
+        outline: none;
+        -webkit-transition: background 0.2s ease 0s;
+        -moz-transition: background 0.2s ease 0s;
+        -ms-transition: background 0.2s ease 0s;
+        -o-transition: background 0.2s ease 0s;
+        border-radius: 2px;
+        -moz-border-radius: 2px;
+        -webkit-border-radius: 2px;
+        -moz-background-clip: padding;
+        -webkit-background-clip: padding-box;
+        background-clip: padding-box; }
+        .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
+          margin-left: 24px; }
+        .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
+          background: #ebebeb;
+          color: #0098f7; }
+        .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
+          background: #d6d6d6;
+          color: #0098f7; }
+      .fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
+        border: 0; }
+
 .fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
-  background: #ebebeb;
-}
+  background: #ebebeb; }
+
 .fr-overlay {
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
-  background: #000000;
+  background: #000;
   -webkit-opacity: 0.5;
   -moz-opacity: 0.5;
   opacity: 0.5;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-  z-index: 9998;
-}
+  z-index: 2147483639; }
+
+ol.decimal_type {
+  counter-reset: item; }
+
+ol.decimal_type > li {
+  display: block; }
+
+ol.decimal_type > li:before {
+  content: counters(item,".") ". ";
+  counter-increment: item; }
+
 .fr-popup {
   position: absolute;
   display: none;
   color: #222222;
-  background: #ffffff;
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  border-radius: 2px;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
+  background: #FFF;
+  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
+  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
+  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
   font-family: Arial, Helvetica, sans-serif;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -756,307 +755,319 @@ body.prevent-scroll.fr-mobile {
   -webkit-user-select: none;
   -ms-user-select: none;
   margin-top: 10px;
-  z-index: 9995;
+  z-index: 2147483635;
   text-align: left;
-  border: 0px;
-  border-top: 5px solid #222222;
-  text-rendering: optimizelegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  line-height: 1.2;
-}
-.fr-popup .fr-input-focus {
-  background: #f5f5f5;
-}
-.fr-popup.fr-above {
-  margin-top: -10px;
-  border-top: 0;
-  border-bottom: 5px solid #222222;
-  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
-  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
-  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
-}
-.fr-popup.fr-active {
-  display: block;
-}
-.fr-popup.fr-hidden {
-  -webkit-opacity: 0;
-  -moz-opacity: 0;
-  opacity: 0;
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-}
-.fr-popup .fr-hs {
-  display: block !important;
-}
-.fr-popup .fr-hs.fr-hidden {
-  display: none !important;
-}
-.fr-popup .fr-input-line {
-  position: relative;
-  padding: 8px 0;
-}
-.fr-popup .fr-input-line input[type="text"],
-.fr-popup .fr-input-line textarea {
-  width: 100%;
-  margin: 0px 0 1px 0;
-  border: none;
-  border-bottom: solid 1px #bdbdbd;
-  color: #222222;
-  font-size: 14px;
-  padding: 6px 0 2px;
-  background: rgba(0, 0, 0, 0);
-  position: relative;
-  z-index: 2;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-.fr-popup .fr-input-line input[type="text"]:focus,
-.fr-popup .fr-input-line textarea:focus {
-  border-bottom: solid 2px #1e88e5;
-  margin-bottom: 0px;
-}
-.fr-popup .fr-input-line input + label,
-.fr-popup .fr-input-line textarea + label {
-  position: absolute;
-  top: 0;
-  left: 0;
-  font-size: 12px;
-  color: rgba(0, 0, 0, 0);
-  -webkit-transition: color 0.2s ease 0s;
-  -moz-transition: color 0.2s ease 0s;
-  -ms-transition: color 0.2s ease 0s;
-  -o-transition: color 0.2s ease 0s;
-  z-index: 3;
-  width: 100%;
-  display: block;
-  background: #ffffff;
-}
-.fr-popup .fr-input-line input.fr-not-empty:focus + label,
-.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
-  color: #1e88e5;
-}
-.fr-popup .fr-input-line input.fr-not-empty + label,
-.fr-popup .fr-input-line textarea.fr-not-empty + label {
-  color: #808080;
-}
-.fr-popup input,
-.fr-popup textarea {
-  user-select: text;
-  -o-user-select: text;
-  -moz-user-select: text;
-  -khtml-user-select: text;
-  -webkit-user-select: text;
-  -ms-user-select: text;
-  border-radius: 0;
-  -moz-border-radius: 0;
-  -webkit-border-radius: 0;
+  border-radius: 6px;
+  -moz-border-radius: 6px;
+  -webkit-border-radius: 6px;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
-  outline: none;
-}
-.fr-popup textarea {
-  resize: none;
-}
-.fr-popup .fr-buttons {
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  padding: 0 2px;
-  white-space: nowrap;
-  line-height: 0;
-  border-bottom: 0px;
-}
-.fr-popup .fr-buttons::after {
-  clear: both;
-  display: block;
-  content: "";
-  height: 0;
-}
-.fr-popup .fr-buttons .fr-btn {
-  display: inline-block;
-  float: none;
-}
-.fr-popup .fr-buttons .fr-btn i {
-  float: left;
-}
-.fr-popup .fr-buttons .fr-separator {
-  display: inline-block;
-  float: none;
-}
-.fr-popup .fr-layer {
-  width: 225px;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  margin: 10px;
-  display: none;
-}
-@media (min-width: 768px) {
+  text-rendering: optimizelegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  line-height: 1.2; }
+  .fr-popup .fr-icon {
+    text-align: center;
+    vertical-align: middle;
+    font-size: 20px;
+    line-height: 1;
+    cursor: pointer;
+    font-weight: 400;
+    box-sizing: content-box;
+    padding: 6px; }
+  .fr-popup .fr-icon-container {
+    padding: 20px;
+    max-height: 200px;
+    overflow: auto;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box; }
+    @supports not (-ms-high-contrast: none) {
+      .fr-popup .fr-icon-container {
+        grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
+        display: grid; } }
+    @media (min-width: 768px) {
+      .fr-popup .fr-icon-container {
+        min-width: 276px; } }
+    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      .fr-popup .fr-icon-container {
+        display: inline-flex;
+        -ms-flex-flow: row wrap; } }
+    @media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
+      .fr-popup .fr-icon-container {
+        width: 236px; } }
+  .fr-popup .fr-input-focus {
+    background: whitesmoke; }
+  .fr-popup.fr-above {
+    margin-top: -10px;
+    border-top: 0; }
+  .fr-popup.fr-active {
+    display: block; }
+  .fr-popup.fr-hidden {
+    -webkit-opacity: 0;
+    -moz-opacity: 0;
+    opacity: 0;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
+  .fr-popup.fr-empty {
+    display: none !important; }
+  .fr-popup .fr-hs {
+    display: block !important; }
+    .fr-popup .fr-hs.fr-hidden {
+      display: none !important; }
+  .fr-popup .fr-input-line {
+    position: relative;
+    padding: 15px 0; }
+    .fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line textarea {
+      width: 100%;
+      margin-bottom: 1px;
+      border-radius: 2px;
+      -moz-border-radius: 2px;
+      -webkit-border-radius: 2px;
+      -moz-background-clip: padding;
+      -webkit-background-clip: padding-box;
+      background-clip: padding-box;
+      border: solid 1px #999999;
+      color: #222222;
+      font-size: 14px;
+      background: #FFF;
+      position: relative;
+      z-index: 2;
+      padding: 4px 12px;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+      -webkit-transition: border 0.5s, padding 0.5s;
+      -moz-transition: border 0.5s, padding 0.5s;
+      -ms-transition: border 0.5s, padding 0.5s;
+      -o-transition: border 0.5s, padding 0.5s; }
+      .fr-popup .fr-input-line input[type="text"]:hover, .fr-popup .fr-input-line textarea:hover {
+        border: solid 1px #515151; }
+      .fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line textarea:focus {
+        border: solid 2px #0098f7;
+        padding: 3px 11px; }
+    .fr-popup .fr-input-line input[type="text"] {
+      height: 46px; }
+    .fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
+      position: absolute;
+      top: 29px;
+      left: 12px;
+      font-size: 14px;
+      color: grey;
+      -webkit-transition: all 0.5s ease;
+      -moz-transition: all 0.5s ease;
+      -ms-transition: all 0.5s ease;
+      -o-transition: all 0.5s ease;
+      z-index: 3;
+      display: block;
+      background: #FFF;
+      padding: 0;
+      cursor: text; }
+    .fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label {
+      color: gray;
+      width: auto;
+      left: 4px;
+      padding: 0 4px;
+      font-size: 11px;
+      top: 9px; }
+  .fr-popup input, .fr-popup textarea {
+    user-select: text;
+    -o-user-select: text;
+    -moz-user-select: text;
+    -khtml-user-select: text;
+    -webkit-user-select: text;
+    -ms-user-select: text;
+    border-radius: 0;
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    outline: none; }
+  .fr-popup textarea {
+    resize: none; }
+  .fr-popup .fr-buttons {
+    white-space: nowrap;
+    line-height: 0; }
+    .fr-popup .fr-buttons .fr-btn {
+      margin-left: 4px;
+      margin-right: 4px;
+      display: inline-block;
+      float: none; }
+      .fr-popup .fr-buttons .fr-btn i {
+        float: left; }
+    .fr-popup .fr-buttons .fr-separator {
+      display: inline-block;
+      float: none; }
+    .fr-popup .fr-buttons.fr-tabs {
+      border-radius: 6px 6px 0 0;
+      -moz-border-radius: 6px 6px 0 0;
+      -webkit-border-radius: 6px 6px 0 0;
+      -moz-background-clip: padding;
+      -webkit-background-clip: padding-box;
+      background-clip: padding-box;
+      background-color: #f5f5f5;
+      overflow: hidden; }
+      @media (max-width: 768px) {
+        .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
+          overflow: scroll;
+          overflow-y: hidden;
+          width: 276px; } }
+    .fr-popup .fr-buttons:not(.fr-tabs) {
+      padding: 5px; }
   .fr-popup .fr-layer {
-    width: 300px;
-  }
-}
-.fr-popup .fr-layer.fr-active {
-  display: inline-block;
-}
-.fr-popup .fr-action-buttons {
-  z-index: 7;
-  height: 36px;
-  text-align: right;
-}
-.fr-popup .fr-action-buttons button.fr-command {
-  height: 36px;
-  line-height: 1;
-  color: #1e88e5;
-  padding: 10px;
-  cursor: pointer;
-  text-decoration: none;
-  border: none;
-  background: none;
-  font-size: 16px;
-  outline: none;
-  -webkit-transition: background 0.2s ease 0s;
-  -moz-transition: background 0.2s ease 0s;
-  -ms-transition: background 0.2s ease 0s;
-  -o-transition: background 0.2s ease 0s;
-}
-.fr-popup .fr-action-buttons button.fr-command + button {
-  margin-left: 24px;
-}
-.fr-popup .fr-action-buttons button.fr-command:hover,
-.fr-popup .fr-action-buttons button.fr-command:focus {
-  background: #ebebeb;
-  color: #1e88e5;
-}
-.fr-popup .fr-action-buttons button.fr-command:active {
-  background: #d6d6d6;
-  color: #1e88e5;
-}
-.fr-popup .fr-action-buttons button::-moz-focus-inner {
-  border: 0;
-}
-.fr-popup .fr-checkbox {
-  position: relative;
-  display: inline-block;
-  width: 16px;
-  height: 16px;
-  line-height: 1;
-  -webkit-box-sizing: content-box;
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-  vertical-align: middle;
-}
-.fr-popup .fr-checkbox svg {
-  margin-left: 2px;
-  margin-top: 2px;
-  display: none;
-  width: 10px;
-  height: 10px;
-}
-.fr-popup .fr-checkbox span {
-  border: solid 1px #222222;
-  border-radius: 2px;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  position: relative;
-  z-index: 1;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
-  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
-  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
-  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
-}
-.fr-popup .fr-checkbox input {
-  position: absolute;
-  z-index: 2;
-  -webkit-opacity: 0;
-  -moz-opacity: 0;
-  opacity: 0;
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-  border: 0 none;
-  cursor: pointer;
-  height: 16px;
-  margin: 0;
-  padding: 0;
-  width: 16px;
-  top: 1px;
-  left: 1px;
-}
-.fr-popup .fr-checkbox input:checked + span {
-  background: #1e88e5;
-  border-color: #1e88e5;
-}
-.fr-popup .fr-checkbox input:checked + span svg {
-  display: block;
-}
-.fr-popup .fr-checkbox input:focus + span {
-  border-color: #1e88e5;
-}
-.fr-popup .fr-checkbox-line {
-  font-size: 14px;
-  line-height: 1.4px;
-  margin-top: 10px;
-}
-.fr-popup .fr-checkbox-line label {
-  cursor: pointer;
-  margin: 0 5px;
-  vertical-align: middle;
-}
-.fr-popup.fr-rtl {
-  direction: rtl;
-  text-align: right;
-}
-.fr-popup.fr-rtl .fr-action-buttons {
-  text-align: left;
-}
-.fr-popup.fr-rtl .fr-input-line input + label,
-.fr-popup.fr-rtl .fr-input-line textarea + label {
-  left: auto;
-  right: 0;
-}
-.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
-  float: right;
-}
-.fr-popup .fr-arrow {
-  width: 0;
-  height: 0;
-  border-left: 5px solid transparent;
-  border-right: 5px solid transparent;
-  border-bottom: 5px solid #222222;
-  position: absolute;
-  top: -9px;
-  left: 50%;
-  margin-left: -5px;
-  display: inline-block;
-}
-.fr-popup.fr-above .fr-arrow {
-  top: auto;
-  bottom: -9px;
-  border-bottom: 0;
-  border-top: 5px solid #222222;
-}
+    border-radius: 6px;
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    width: 195px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    margin: 20px;
+    display: none; }
+    @media (min-width: 768px) {
+      .fr-popup .fr-layer {
+        width: 260px; } }
+    .fr-popup .fr-layer.fr-active {
+      display: inline-block; }
+  .fr-popup .fr-action-buttons {
+    z-index: 7;
+    height: 36px;
+    text-align: right; }
+    .fr-popup .fr-action-buttons button.fr-command {
+      height: 36px;
+      line-height: 1;
+      color: #0098f7;
+      padding: 10px;
+      cursor: pointer;
+      text-decoration: none;
+      border: none;
+      background: none;
+      font-size: 16px;
+      outline: none;
+      -webkit-transition: background 0.2s ease 0s;
+      -moz-transition: background 0.2s ease 0s;
+      -ms-transition: background 0.2s ease 0s;
+      -o-transition: background 0.2s ease 0s;
+      border-radius: 2px;
+      -moz-border-radius: 2px;
+      -webkit-border-radius: 2px;
+      -moz-background-clip: padding;
+      -webkit-background-clip: padding-box;
+      background-clip: padding-box; }
+      .fr-popup .fr-action-buttons button.fr-command + button {
+        margin-left: 24px; }
+      .fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus {
+        background: #ebebeb;
+        color: #0098f7; }
+      .fr-popup .fr-action-buttons button.fr-command:active {
+        background: #d6d6d6;
+        color: #0098f7; }
+    .fr-popup .fr-action-buttons button::-moz-focus-inner {
+      border: 0; }
+  .fr-popup .fr-checkbox {
+    position: relative;
+    display: inline-block;
+    width: 18px;
+    height: 18px;
+    padding: 10px;
+    border-radius: 100%;
+    line-height: 1;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    vertical-align: middle; }
+    .fr-popup .fr-checkbox svg {
+      margin-left: 2px;
+      margin-top: 2px;
+      display: none;
+      width: 10px;
+      height: 10px; }
+    .fr-popup .fr-checkbox span {
+      border-radius: 2px;
+      -moz-border-radius: 2px;
+      -webkit-border-radius: 2px;
+      -moz-background-clip: padding;
+      -webkit-background-clip: padding-box;
+      background-clip: padding-box;
+      width: 18px;
+      height: 18px;
+      display: inline-block;
+      position: relative;
+      z-index: 1;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+      -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
+      -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
+      -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
+      -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
+    .fr-popup .fr-checkbox input {
+      position: absolute;
+      z-index: 2;
+      -webkit-opacity: 0;
+      -moz-opacity: 0;
+      opacity: 0;
+      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+      border: 0 none;
+      cursor: pointer;
+      height: 18px;
+      margin: 0;
+      padding: 0;
+      width: 18px;
+      top: 7px;
+      left: 7px; }
+      .fr-popup .fr-checkbox input:not(:checked) + span {
+        border: solid 2px #999999; }
+      .fr-popup .fr-checkbox input:not(:checked):active + span {
+        background-color: #f5f5f5; }
+      .fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span {
+        border-color: #515151; }
+      .fr-popup .fr-checkbox input:checked + span {
+        background: #0098f7;
+        border: solid 2px #0098f7; }
+        .fr-popup .fr-checkbox input:checked + span svg {
+          display: block; }
+      .fr-popup .fr-checkbox input:checked:active + span {
+        background-color: #EcF5Ff; }
+      .fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span {
+        -webkit-opacity: 0.8;
+        -moz-opacity: 0.8;
+        opacity: 0.8;
+        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
+  .fr-popup .fr-checkbox-line {
+    font-size: 14px;
+    line-height: 1.4px;
+    margin-top: 10px; }
+    .fr-popup .fr-checkbox-line label {
+      cursor: pointer;
+      margin: 0 5px;
+      vertical-align: middle; }
+  .fr-popup.fr-rtl {
+    direction: rtl;
+    text-align: right; }
+    .fr-popup.fr-rtl .fr-action-buttons {
+      text-align: left; }
+    .fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label {
+      left: auto;
+      right: 0; }
+    .fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
+      float: right; }
+
 .fr-text-edit-layer {
   width: 250px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  display: block !important;
-}
+  display: block !important; }
+
 .fr-toolbar {
   color: #222222;
-  background: #ffffff;
+  background: #FFF;
   position: relative;
-  z-index: 4;
   font-family: Arial, Helvetica, sans-serif;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -1067,152 +1078,255 @@ body.prevent-scroll.fr-mobile {
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
-  padding: 0 2px;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
   text-align: left;
-  border: 0px;
-  border-top: 5px solid #222222;
+  border: 1px solid #CCCCCC;
   text-rendering: optimizelegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   line-height: 1.2;
-}
-.fr-toolbar::after {
-  clear: both;
-  display: block;
-  content: "";
-  height: 0;
-}
-.fr-toolbar.fr-rtl {
-  text-align: right;
-}
-.fr-toolbar.fr-inline {
-  display: none;
-  white-space: nowrap;
-  position: absolute;
-  margin-top: 10px;
-}
-.fr-toolbar.fr-inline .fr-arrow {
-  width: 0;
-  height: 0;
-  border-left: 5px solid transparent;
-  border-right: 5px solid transparent;
-  border-bottom: 5px solid #222222;
-  position: absolute;
-  top: -9px;
-  left: 50%;
-  margin-left: -5px;
-  display: inline-block;
-}
-.fr-toolbar.fr-inline.fr-above {
-  margin-top: -10px;
-  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
-  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
-  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
-  border-bottom: 5px solid #222222;
-  border-top: 0;
-}
-.fr-toolbar.fr-inline.fr-above .fr-arrow {
-  top: auto;
-  bottom: -9px;
-  border-bottom: 0;
-  border-top-color: inherit;
-  border-top-style: solid;
-  border-top-width: 5px;
-}
-.fr-toolbar.fr-top {
-  top: 0;
-  border-radius: 2px 2px 0 0;
-  -moz-border-radius: 2px 2px 0 0;
-  -webkit-border-radius: 2px 2px 0 0;
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-}
-.fr-toolbar.fr-bottom {
-  bottom: 0;
-  border-radius: 0 0 2px 2px;
-  -moz-border-radius: 0 0 2px 2px;
-  -webkit-border-radius: 0 0 2px 2px;
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-}
+  padding-bottom: 0;
+  -webkit-transition: padding-bottom 0.5s;
+  -moz-transition: padding-bottom 0.5s;
+  -ms-transition: padding-bottom 0.5s;
+  -o-transition: padding-bottom 0.5s; }
+  .fr-toolbar::after {
+    clear: both;
+    display: block;
+    content: "";
+    height: 0; }
+  .fr-toolbar::after {
+    height: 0; }
+  .fr-toolbar .fr-newline {
+    clear: both;
+    display: block;
+    content: "";
+    margin-left: 9px;
+    margin-right: 9px;
+    background: #efefef;
+    height: 1px;
+    -webkit-transition: height 0.5s;
+    -moz-transition: height 0.5s;
+    -ms-transition: height 0.5s;
+    -o-transition: height 0.5s; }
+  .fr-toolbar.fr-toolbar-open {
+    padding-bottom: 48px; }
+    .fr-toolbar.fr-toolbar-open .fr-newline {
+      height: 0; }
+  .fr-toolbar .fr-float-right {
+    float: right; }
+  .fr-toolbar .fr-float-left {
+    float: left; }
+  .fr-toolbar .fr-more-toolbar {
+    float: left;
+    border-radius: 0;
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    background-color: #f5f5f5;
+    -webkit-transition: height 0.5s;
+    -moz-transition: height 0.5s;
+    -ms-transition: height 0.5s;
+    -o-transition: height 0.5s;
+    height: 0;
+    z-index: 2;
+    overflow: hidden;
+    position: absolute;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    width: 100%; }
+    .fr-toolbar .fr-more-toolbar.fr-expanded {
+      height: 48px; }
+    .fr-toolbar .fr-more-toolbar.fr-overflow-visible {
+      overflow: visible; }
+    .fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
+      margin-left: 4px;
+      margin-right: 4px; }
+  .fr-toolbar .fr-btn-grp {
+    display: inline-block;
+    margin: 0 17px 0 12px; }
+    @media (max-width: 768px) {
+      .fr-toolbar .fr-btn-grp {
+        margin: 0 7px 0 6px; } }
+  .fr-toolbar .fr-command.fr-btn.fr-open {
+    margin-top: 10px;
+    margin-bottom: -1px;
+    border-radius: 4px 4px 0 0;
+    -moz-border-radius: 4px 4px 0 0;
+    -webkit-border-radius: 4px 4px 0 0;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box; }
+    .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
+      background: #f5f5f5; }
+  .fr-toolbar.fr-rtl {
+    text-align: right; }
+  .fr-toolbar.fr-inline {
+    display: none;
+    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
+    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
+    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
+    border: 0;
+    white-space: nowrap;
+    position: absolute;
+    margin-top: 5px;
+    z-index: 2147483630; }
+    .fr-toolbar.fr-inline.fr-above {
+      margin-top: -10px;
+      border-top: 0; }
+    .fr-toolbar.fr-inline .fr-newline {
+      height: 0; }
+  .fr-toolbar.fr-top {
+    top: 0;
+    border-bottom: 0;
+    border-radius: 10px 10px 0 0;
+    -moz-border-radius: 10px 10px 0 0;
+    -webkit-border-radius: 10px 10px 0 0;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box; }
+  .fr-toolbar.fr-bottom {
+    bottom: 0;
+    border-top: 0;
+    padding-bottom: 0;
+    border-radius: 0 0 10px 10px;
+    -moz-border-radius: 0 0 10px 10px;
+    -webkit-border-radius: 0 0 10px 10px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box; }
+    .fr-toolbar.fr-bottom .fr-newline {
+      padding-top: 0;
+      -webkit-transition: padding-top 0.5s;
+      -moz-transition: padding-top 0.5s;
+      -ms-transition: padding-top 0.5s;
+      -o-transition: padding-top 0.5s; }
+    .fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
+      padding-top: 48px;
+      background: #FFF; }
+    .fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
+      margin-top: -1px;
+      margin-bottom: 10px;
+      border-radius: 0 0 4px 4px;
+      -moz-border-radius: 0 0 4px 4px;
+      -webkit-border-radius: 0 0 4px 4px;
+      -moz-background-clip: padding;
+      -webkit-background-clip: padding-box;
+      background-clip: padding-box; }
+  .fr-toolbar.fr-sticky-on {
+    border-radius: 0;
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box; }
+
 .fr-separator {
   background: #ebebeb;
   display: block;
   vertical-align: top;
-  float: left;
-}
-.fr-separator + .fr-separator {
-  display: none;
-}
-.fr-separator.fr-vs {
-  height: 34px;
-  width: 1px;
-  margin: 2px;
-}
-.fr-separator.fr-hs {
-  clear: both;
-  height: 1px;
-  width: calc(100% - (2 * 2px));
-  margin: 0 2px;
-}
-.fr-separator.fr-hidden {
-  display: none !important;
-}
+  float: left; }
+  .fr-separator + .fr-separator {
+    display: none; }
+  .fr-separator.fr-vs {
+    height: 32px;
+    width: 1px;
+    margin: 8px 4px; }
+  .fr-separator.fr-hs {
+    clear: both;
+    width: calc(100% - (2 * 4px));
+    margin: 0 4px;
+    height: 1px; }
+  .fr-separator.fr-hidden {
+    display: none !important; }
+
 .fr-rtl .fr-separator {
-  float: right;
-}
+  float: right; }
+
 .fr-toolbar.fr-inline .fr-separator.fr-hs {
-  float: none;
-}
+  float: none; }
+
 .fr-toolbar.fr-inline .fr-separator.fr-vs {
   float: none;
-  display: inline-block;
-}
+  display: inline-block; }
+
+.second-toolbar {
+  border: 1px solid #CCCCCC;
+  border-top: 0;
+  background: #FFF;
+  line-height: 1.4;
+  border-radius: 0 0 10px 10px;
+  -moz-border-radius: 0 0 10px 10px;
+  -webkit-border-radius: 0 0 10px 10px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box; }
+  .second-toolbar::after {
+    clear: both;
+    display: block;
+    content: "";
+    height: 0; }
+
+#logo {
+  float: left;
+  outline: none; }
+  #logo > span {
+    display: inline-block;
+    float: left;
+    font-family: sans-serif;
+    padding: 11px 5px 10px 15px;
+    font-size: 12px;
+    font-weight: 500;
+    color: #b1b2b7;
+    -webkit-transition: color 0.3s;
+    -moz-transition: color 0.3s;
+    -ms-transition: color 0.3s;
+    -o-transition: color 0.3s; }
+  #logo > svg {
+    height: 20px;
+    width: 47px;
+    margin: 7px 0;
+    cursor: pointer; }
+  #logo > svg * {
+    -webkit-transition: fill 0.3s;
+    -moz-transition: fill 0.3s;
+    -ms-transition: fill 0.3s;
+    -o-transition: fill 0.3s; }
+  #logo:hover > span, #logo:focus > span {
+    color: #0098f7; }
+  #logo:hover > svg .fr-logo, #logo:focus > svg .fr-logo {
+    fill: #0098f7; }
+
 .fr-visibility-helper {
   display: none;
-  margin-left: 0px !important;
-}
-@media (min-width: 768px) {
-  .fr-visibility-helper {
-    margin-left: 1px !important;
-  }
-}
-@media (min-width: 992px) {
-  .fr-visibility-helper {
-    margin-left: 2px !important;
-  }
-}
-@media (min-width: 1200px) {
-  .fr-visibility-helper {
-    margin-left: 3px !important;
-  }
-}
+  margin-left: 0 !important; }
+  @media (min-width: 768px) {
+    .fr-visibility-helper {
+      margin-left: 1px !important; } }
+  @media (min-width: 992px) {
+    .fr-visibility-helper {
+      margin-left: 2px !important; } }
+  @media (min-width: 1200px) {
+    .fr-visibility-helper {
+      margin-left: 3px !important; } }
+
 .fr-opacity-0 {
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-}
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
+
 .fr-box {
-  position: relative;
-}
+  position: relative; }
+
 /**
  * Postion sticky hacks.
  */
@@ -1221,27 +1335,26 @@ body.prevent-scroll.fr-mobile {
   position: -moz-sticky;
   position: -ms-sticky;
   position: -o-sticky;
-  position: sticky;
-}
+  position: sticky; }
+
 .fr-sticky-off {
-  position: relative;
-}
+  position: relative; }
+
 .fr-sticky-on {
   position: fixed;
-}
-.fr-sticky-on.fr-sticky-ios {
-  position: absolute;
-  left: 0;
-  right: 0;
-  width: auto !important;
-}
+  z-index: 10; }
+  .fr-sticky-on.fr-sticky-ios {
+    position: absolute;
+    left: 0;
+    right: 0;
+    width: auto !important; }
+
 .fr-sticky-dummy {
-  display: none;
-}
-.fr-sticky-on + .fr-sticky-dummy,
-.fr-sticky-box > .fr-sticky-dummy {
-  display: block;
-}
+  display: none; }
+
+.fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy {
+  display: block; }
+
 span.fr-sr-only {
   position: absolute;
   width: 1px;
@@ -1250,5 +1363,4 @@ span.fr-sr-only {
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
-  border: 0;
-}
+  border: 0; }