[Libreoffice-commits] online.git: loleaflet/dist loleaflet/main.css loleaflet/main.css.m4 loleaflet/Makefile.am

Henry Castro hcastro at collabora.com
Wed Mar 28 03:05:51 UTC 2018


 loleaflet/Makefile.am                     |    2 
 loleaflet/dist/loleaflet.html.m4          |    6 
 loleaflet/dist/toolbar/w2ui-1.4.3.css     | 2754 ++++++
 loleaflet/dist/toolbar/w2ui-1.4.3.js      |13715 ++++++++++++++++++++++++++++++
 loleaflet/dist/toolbar/w2ui-1.4.3.min.css |    2 
 loleaflet/main.css.m4                     |    3 
 6 files changed, 16480 insertions(+), 2 deletions(-)

New commits:
commit 472cae55e7a82a7ba9e4b17ac08c32c7437c9063
Author: Henry Castro <hcastro at collabora.com>
Date:   Tue Mar 27 22:58:38 2018 -0400

    loeaflet: debug w2toolbar
    
    avoid minify w2toolbar for debugging purposes
    
    Change-Id: I6a24f498511d4b03a04e68af0aa3715bb8c1b48b

diff --git a/loleaflet/Makefile.am b/loleaflet/Makefile.am
index 1e6fadaea..036f4c729 100644
--- a/loleaflet/Makefile.am
+++ b/loleaflet/Makefile.am
@@ -22,6 +22,8 @@ all-local: node_modules $(L10N_JSON) $(JQUERY_UI_DIST_IMAGES)
 	rm -rf dist/plugins/draw-$(DRAW_VERSION) || true
 	mkdir -p dist/plugins/draw-$(DRAW_VERSION)
 	cd plugins/draw-$(DRAW_VERSION) && jake build && cp -ar dist ../../dist/plugins/draw-$(DRAW_VERSION)
+	@m4 -E -Ddebug=$(ENABLE_DEBUG) dist/loleaflet.html.m4 > dist/loleaflet.html
+	@m4 -E -Ddebug=$(ENABLE_DEBUG) main.css.m4 > main.css
 	jake build debug=$(ENABLE_DEBUG) minify=$(MINIFY)
 
 node_modules: npm-shrinkwrap.json
diff --git a/loleaflet/dist/loleaflet.html b/loleaflet/dist/loleaflet.html.m4
similarity index 93%
rename from loleaflet/dist/loleaflet.html
rename to loleaflet/dist/loleaflet.html.m4
index 42505b50d..b53a20deb 100644
--- a/loleaflet/dist/loleaflet.html
+++ b/loleaflet/dist/loleaflet.html.m4
@@ -1,3 +1,4 @@
+changequote([,])dnl
 <!DOCTYPE html>
 <!-- saved from url=(0054)http://leafletjs.com/examples/quick-start-example.html -->
 <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
@@ -19,6 +20,7 @@
   window.addEventListener('message', PostMessageReadyListener, false);
 </script>
 <link rel="stylesheet" href="/loleaflet/%VERSION%/branding.css"> <!-- add your logo here -->
+ifelse(debug,[true],[<link rel="stylesheet" href="/loleaflet/%VERSION%/toolbar/w2ui-1.4.3.css">],[dnl])
 <link rel="localizations" href="/loleaflet/%VERSION%/l10n/localizations.json" type="application/vnd.oftn.l10n+json"/>
 <link rel="localizations" href="/loleaflet/%VERSION%/l10n/locore-localizations.json" type="application/vnd.oftn.l10n+json" />
 <link rel="localizations" href="/loleaflet/%VERSION%/l10n/uno-localizations.json" type="application/vnd.oftn.l10n+json" />
@@ -98,6 +100,8 @@
     </script>
     <script src="/loleaflet/%VERSION%/branding.js"></script> <!-- logo onclick handler -->
     <script src="/loleaflet/%VERSION%/bundle.js"></script>
-    <script src="/loleaflet/%VERSION%/toolbar/w2ui.min.js"></script>
+ifelse(debug,[true],
+[    <script src="/loleaflet/%VERSION%/toolbar/w2ui-1.4.3.js"></script>],
+[    <script src="/loleaflet/%VERSION%/toolbar/w2ui-1.4.3.min.js"></script>])
     <script src="/loleaflet/%VERSION%/toolbar/toolbar.js"></script>
 </body></html>
diff --git a/loleaflet/dist/toolbar/w2ui-1.4.3.css b/loleaflet/dist/toolbar/w2ui-1.4.3.css
new file mode 100644
index 000000000..e3c87108f
--- /dev/null
+++ b/loleaflet/dist/toolbar/w2ui-1.4.3.css
@@ -0,0 +1,2754 @@
+/* w2ui 1.4.3 (c) http://w2ui.com, vitmalina at gmail.com */
+ at font-face {
+  font-family: "w2ui-font";
+  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWIAAoAAAAACAgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAEMAAABWQLxMsmNtYXAAAAE4AAAAOgAAAUriGRC2Z2x5ZgAAAXQAAAH9AAACgLu4vTRoZWFkAAADdAAAADAAAAA2AOYXBGhoZWEAAAOkAAAAIAAAACQD8wHHaG10eAAAA8QAAAAWAAAAIA7dAABsb2NhAAAD3AAAABIAAAASAngBuG1heHAAAAPwAAAAHwAAACABFQA2bmFtZQAABBAAAAEtAAACIsTQ/zJwb3N0AAAFQAAAAEgAAABi4/7ZEHicY2BkvMM4gYGVgYPRhTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHD4yfmRnPPD/AIMe4wEGR6AwI0gOANHZC/IAeJxjYGBgZoBgGQZGBhBwAfIYwXwWBg0gzQakGRmYGBg+sv//D1LwkRFE8zNA1QMBIxvDiAcAddwGvgAAeJxFkLFv01AQxu97LrHdRImjpnaS1gnEia3IoqAktkkiEhaEOiCsDkEo8dyBDkytKpYKVWwssKKKAYmBREKMLJSFoRJ/AGJhY0NZGFgSzrUinvR+d++7T+/ePQLRci4IJ3SFCLIjG8CH+ZPwHHdwkkSS2PMXP3DGmUxpoo123lrt5nj8fjyejsc4W0zwNtl8FfHCKV5QnaOhF3IJUrUbkGPYnSGcGH6risBvGQhdVY0iVXXVkhJN1JL6/6xOIqWk4tRlJiVFiSJFSUrsZ+tkoqpEgt/6Hb/wjtZog2gonBx24AyFJUuNwMvha+/CvLi3vq1f785GsxGuTqfWc5O1N/r2+lNrOl38ZHnWpdUMr/CaLKLGZiHl4hI1+zasGB2/Dy9GSzfRbul4qaWPtHSQ0Y7SWpxmgnSc/mblMKNpmcOVEhfj+5d/8BG
 fqMl9bKuWFYWKaLf8YIAq9IKc5TY7ojNgTTcC7iEjaN4yPdswbM+81t8UimRLojq66YbdWq0bus375t21bwgcw/H6nmNUyhIkR/DsTasXPgx7VtV8oDx6XIxHE8vl8rMAzqlEDZ7QseUBPP6tLOQKDH5HqooKfLvB2gABa1lgflzI60VxsLd3IJj1YRn5/Wx9Syy++LvArn/JzH4e5WE98TCLer5wnBNb9WcrB5PoH084dg8AAAB4nGNgZGBgAOKMsPib8fw2Xxm4mRhA4PzjbBcY/f////1MjIwHgFwOBrA0AFcuDPF4nGNgZGBgPPD/AIMeEwMDw/9/TEwMQBEUwAEAe34EvHicY2JgYGCCYsbJCJpxO4QNABdTAesAAAAAAAAAEgAsAGgAjgC+AP4BQAAAeJxjYGRgYOBg0GJgZgABJiDmAkIGhv9gPgMADYEBTAB4nG2PTW7CMBCFXyBQFaQKtVKl7qwuuqkIPwsWHAD2LNiH4ARQEkeOQeICPUHP0DP0BF32DD1KX8IoixZbHn/z5o1/AAzwBQ/V8HBbx2q0cMPswm3SQNgnPwl30MezcJf6ULiHV8yE+3hAyBM8vzrtHk64hTu8Cbepvwv75A/hDh7xKdyl/i3cwxo/wn28eLN9ZPJhbHK30skxDW2TN7DWttybXE2CcaMtda5t6PRWbc6qPCVT52IVW5OpBas6TY0qrDnoyAU754r5aBSLHkQmwx4RDHL+Oq53hxU0EhyR8sf2Sv2/smaHRclKlStMEGB8xbekL6+9ITONLb0bnBlLnHjnlKqjW3FZ9mSkhfRqviclKxR17UAloh5gV3cVmGPEGf/xB/Ursl9uDmByAAAAeJxtwUEOgCAMBMAu0sI3SdMEIwKh8n8PXp2hQB+mf5kIAQciGIKEzFpNr6Sj7bs76xruMq3r2eJs22XZtPKIW1laiV6rCBDA") format("woff");
+  font-weight: normal;
+  font-style: normal;
+}
+[class^="w2ui-icon-"]:before,
+[class*=" w2ui-icon-"]:before {
+  font-family: "w2ui-font";
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 1;
+  font-weight: normal;
+  font-style: normal;
+  speak: none;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+/* Icons */
+.w2ui-icon-check:before {
+  content: "\f101";
+}
+.w2ui-icon-columns:before {
+  content: "\f102";
+}
+.w2ui-icon-cross:before {
+  content: "\f103";
+}
+.w2ui-icon-pencil:before {
+  content: "\f104";
+}
+.w2ui-icon-plus:before {
+  content: "\f105";
+}
+.w2ui-icon-reload:before {
+  content: "\f106";
+}
+.w2ui-icon-search:before {
+  content: "\f107";
+}
+/*************************************************
+* --- Reset (used for all w2ui wdigetes)
+* --- The reset is needed to coexist with other CSS
+* --- on the same page (for example bootstrap)
+*/
+.w2ui-reset {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+  font-family: Verdana, Arial, sans-serif;
+  font-size: 11px;
+}
+.w2ui-reset * {
+  color: default;
+  line-height: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+  margin: 0px;
+  padding: 0px;
+}
+.w2ui-reset table {
+  font-family: Verdana, Arial, sans-serif;
+  font-size: 11px;
+  max-width: none;
+  background-color: transparent;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+.w2ui-reset input,
+.w2ui-reset textarea {
+  width: auto;
+  height: auto;
+  vertical-align: baseline;
+  padding: 4px;
+}
+.w2ui-reset select {
+  padding: 1px;
+  height: 23px;
+}
+.w2ui-centered {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  -o-transform: translateY(-50%);
+  transform: translateY(-50%);
+  max-height: 100%;
+  margin: 0px;
+  padding: 0px 10px;
+  text-align: center;
+}
+.w2ui-disabled,
+.w2ui-readonly {
+  background-color: #f1f1f1 !important;
+  color: #777 !important;
+}
+/*************************************************
+* ---- Input Controls ----
+*/
+input:not([type=button]),
+select,
+textarea {
+  padding: 4px;
+  border: 1px solid #bbbbbb;
+  border-radius: 3px;
+  color: #000000;
+  background-color: #ffffff;
+  line-height: normal;
+}
+input:not([type=button]):focus,
+select:focus,
+textarea:focus {
+  outline-color: #72b2ff;
+}
+input:not([type=button]):disabled,
+select:disabled,
+textarea:disabled,
+input:not([type=button])[readonly],
+select[readonly],
+textarea[readonly] {
+  background-color: #f1f1f1;
+  color: #777;
+}
+/* IE9-11 specific classes */
+/* needs doblue :: */
+input::-ms-clear {
+  display: none;
+}
+input:-ms-input-placeholder {
+  color: #aaa !important;
+}
+select {
+  padding: 2px;
+}
+/* On/Off switch */
+input[type="checkbox"].w2ui-toggle {
+  position: absolute;
+  opacity: 0;
+  width: 46px;
+  height: 22px;
+  padding: 0px;
+  margin: 0px;
+  margin-left: 2px;
+}
+/* Track */
+input[type="checkbox"].w2ui-toggle + div {
+  display: inline-block;
+  width: 46px;
+  height: 22px;
+  border: 1px solid #bbb;
+  border-radius: 30px;
+  background-color: #eee;
+  -webkit-transition-duration: .3s;
+  -webkit-transition-property: background-color, box-shadow;
+  -moz-transition-duration: .3s;
+  -moz-transition-property: background-color, box-shadow;
+  box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.4);
+  margin-left: 2px;
+}
+input[type="checkbox"].w2ui-toggle:disabled + div {
+  opacity: 0.3;
+}
+/* Knob */
+input[type="checkbox"].w2ui-toggle + div > div {
+  float: left;
+  width: 22px;
+  height: 22px;
+  border-radius: inherit;
+  background: #f5f5f5;
+  -webkit-transition-duration: 0.3s;
+  -webkit-transition-property: transform, background-color, box-shadow;
+  -moz-transition-duration: 0.3s;
+  -moz-transition-property: transform, background-color;
+  box-shadow: 0px 0px 1px #323232, 0 0 0 1px rgba(200, 200, 200, 0.6);
+  pointer-events: none;
+  margin-top: -1px;
+  margin-left: -1px;
+}
+/* Default Green */
+input[type="checkbox"].w2ui-toggle:checked + div {
+  border: 1px solid #00a23f;
+  box-shadow: inset 0 0 0 12px #54B350;
+}
+input[type="checkbox"].w2ui-toggle:checked + div > div {
+  -webkit-transform: translate3d(24px, 0, 0);
+  -moz-transform: translate3d(24px, 0, 0);
+  background-color: #ffffff;
+  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px #00a23f;
+}
+/* Blue */
+input[type="checkbox"].w2ui-toggle.blue:checked + div {
+  border: 1px solid #206FAD;
+  box-shadow: inset 0 0 0 12px #35A6EB;
+}
+input[type="checkbox"].w2ui-toggle.blue:checked + div > div {
+  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px #206fad;
+}
+input[type=checkbox].w2ui-toggle:focus {
+  outline: none;
+}
+/*************************************************
+* ---- Overlay and Bubble ----
+*/
+.w2ui-overlay {
+  position: absolute;
+  margin-top: 6px;
+  margin-left: -17px;
+  display: none;
+  z-index: 1300;
+  color: inherit;
+  background-color: #fbfbfb;
+  border: 3px solid #777777;
+  box-shadow: 0px 2px 10px #999999;
+  border-radius: 4px;
+  text-align: left;
+}
+.w2ui-overlay table td {
+  color: inherit;
+}
+.w2ui-overlay:before {
+  content: "";
+  position: absolute;
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  width: 12px;
+  height: 12px;
+  border: 3px solid #777777;
+  border-color: inherit;
+  background-color: inherit;
+  border-left: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+  border-bottom-left-radius: 50px;
+  margin: -9px 0 0 30px;
+}
+.w2ui-overlay:after {
+  display: none;
+  content: "";
+  position: absolute;
+  -webkit-transform: rotate(135deg);
+  -moz-transform: rotate(135deg);
+  -ms-transform: rotate(135deg);
+  -o-transform: rotate(135deg);
+  transform: rotate(135deg);
+  width: 12px;
+  height: 12px;
+  border: 3px solid #777777;
+  border-color: inherit;
+  background-color: inherit;
+  border-left: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+  border-bottom-left-radius: 50px;
+  margin: -7px 0 0 30px;
+}
+.w2ui-overlay.w2ui-overlay-popup {
+  z-index: 1700;
+}
+.w2ui-tag {
+  position: absolute;
+  z-index: 1300;
+  opacity: 0;
+  -webkit-transition: opacity 0.3s;
+  -moz-transition: opacity 0.3s;
+  -ms-transition: opacity 0.3s;
+  -o-transition: opacity 0.3s;
+  transition: opacity 0.3s;
+}
+.w2ui-tag .w2ui-tag-body {
+  background-color: rgba(60, 60, 60, 0.82);
+  display: inline-block;
+  position: absolute;
+  border-radius: 4px;
+  padding: 4px 10px;
+  margin-left: 10px;
+  margin-top: 0px;
+  color: #ffffff !important;
+  box-shadow: 1px 1px 3px #000000;
+  line-height: 100%;
+  font-size: 11px;
+  font-family: Verdana, Arial, sans-serif;
+}
+.w2ui-tag .w2ui-tag-body:before {
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-top: 5px solid transparent;
+  border-right: 5px solid rgba(60, 60, 60, 0.82);
+  border-bottom: 5px solid transparent;
+  margin: 2px 0 0 -15px;
+}
+.w2ui-tag.w2ui-tag-popup {
+  z-index: 1700;
+}
+/*
+*    Drop down menu
+*/
+.w2ui-overlay table.w2ui-drop-menu {
+  width: 100%;
+  color: #000000;
+  background-color: #ffffff;
+  padding: 5px 0px;
+  cursor: default;
+}
+.w2ui-overlay table.w2ui-drop-menu td {
+  white-space: nowrap;
+}
+.w2ui-overlay table.w2ui-drop-menu .w2ui-item-even {
+  color: inherit;
+  background-color: #ffffff;
+}
+.w2ui-overlay table.w2ui-drop-menu .w2ui-item-odd {
+  color: inherit;
+  background-color: #f3f6fa;
+}
+.w2ui-overlay table.w2ui-drop-menu .w2ui-item-group {
+  color: #444;
+  font-weight: bold;
+  background-color: #ECEDF0;
+  border-bottom: 1px solid #D3D2D4;
+}
+.w2ui-overlay table.w2ui-drop-menu td.menu-icon {
+  padding: 3px 0px 4px 6px;
+  width: 20px;
+}
+.w2ui-overlay table.w2ui-drop-menu td.menu-text {
+  padding: 8px 10px 8px 5px;
+  width: auto;
+}
+.w2ui-overlay table.w2ui-drop-menu td.menu-count {
+  text-align: right;
+}
+.w2ui-overlay table.w2ui-drop-menu td.menu-count > span {
+  border: 1px solid #9da4af;
+  border-radius: 20px;
+  width: auto;
+  height: 18px;
+  padding: 2px 7px;
+  margin: 3px 5px 0px 5px;
+  background-color: #e7f0fc;
+  color: #667274;
+  box-shadow: 0 0 2px #ffffff;
+  text-shadow: 1px 1px 1px #e6e6e6;
+}
+.w2ui-overlay table.w2ui-drop-menu tr:hover {
+  color: inherit;
+  background-color: #e6f0ff;
+}
+.w2ui-overlay table.w2ui-drop-menu tr.w2ui-selected {
+  background-color: #b6d5fb;
+}
+.w2ui-overlay table.w2ui-drop-menu tr.w2ui-selected td {
+  color: inherit;
+}
+.w2ui-overlay table.w2ui-drop-menu tr.w2ui-disabled {
+  opacity: 0.4;
+  background-color: white !important;
+}
+.w2ui-overlay table.w2ui-drop-menu .w2ui-icon {
+  font-size: 14px;
+  color: #8d99a7;
+  display: inline-block;
+  padding-top: 4px;
+}
+/*************************************************
+* ---- Common Classes ----
+*/
+.w2ui-marker {
+  color: #444;
+  background-color: rgba(252, 244, 161, 0.48);
+}
+.w2ui-spinner {
+  display: inline-block;
+  background-size: 100%;
+  background-repeat: no-repeat;
+  background-image: url(data:image/gif;base64,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);
+}
+/* common icons */
+.w2ui-icon {
+  background-repeat: no-repeat;
+  height: 16px;
+  width: 16px;
+  overflow: hidden;
+  margin: 2px 2px;
+  display: inline-block;
+}
+.w2ui-icon.icon-search,
+.w2ui-icon.icon-search-down {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAACuElEQVRYw9WXSWhTQRjHR0UKLqhFaV0OUih68GAOWjyJKypCpAoV8aIiioIICiKiB1GMtE3MYmry2moXDz1UDx7sUXHBhQpSaRVxrYpWcMO9avx/8AJh/CbznHkxdeB3Cd/8589kvuUJkWcdjCTHghUgAi6DJ+AVeAqugSQIggniXywcNBJsB70g44EHYBcYXUhTM8EFj4ZkboKqQpiqAv2GprK8o7/f75t6pjn0M3gNPmri3vtycxAZA64qDvkJ2kENqAQTQQWoBg74qth3B4y3NbZDIX4fzNfsnQtuK/YfsjFVCh4pMq3Co0Y5uMVoUGkpy8aFT5xaeSzVEo45bXdBt4LeaLq1k0RXMYJfdDfFmAuAD4zWlty4UNyZEkm19MUb2zMw8Sfp1u+IWSrcIimLnTG8/SijdU6OO5poDESdtgHZVBzUHm/amhW7zoitMTS2mNHqASPk2FDCCcLMYK6p+obmulyxfiYLA4bGKFvfSnrUvkq5+Lpk8z4yRH8r3l/X4WiqJFfspSQ0CGYZGpsMnkt6L+h31Z76hpMdeOwPQ7H0NFnssST0C8wxNDaDKb6kP06150gsHahNNlVzYheZd7HJ0BiX4VRGhpmIhRixKyZilM2M1mnTArtIUbU3/qVO0H0GvmQ4CY4C3YopYYlHjXlggNG4R33Ypi2tVtwaPeTdNMkq9pVQZQdvFPs32zbx4aAjzxhDRfIAWAeWg7VgrzsY5ht/zoNJtubKwA3LITGjSKRyW3NTwaUCmKOSMd3WHH0ZJRQZZkOP1zFKZ3CB++4+aQ6kEeksWAb2a2L7qDv49S1Q6T72MOgEXa6RGFhP3wpS/B6NOWpRs0UxFg7eqTFHjX1hscxtAz/ymEuIYi0cvgF8Y0w5Ro3dZ3M1boJkTaXEUFlug
 6fsdsRQWzTj0cey+N/Xb2sj5lTh2M6OAAAAAElFTkSuQmCC) no-repeat center !important;
+  background-size: 14px 12px !important;
+  opacity: 0.9;
+}
+.w2ui-icon.icon-folder {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGrSURBVDjLxZO7ihRBFIa/6u0ZW7GHBUV0UQQTZzd3QdhMQxOfwMRXEANBMNQX0MzAzFAwEzHwARbNFDdwEd31Mj3X7a6uOr9BtzNjYjKBJ6nicP7v3KqcJFaxhBVtZUAK8OHlld2st7Xl3DJPVONP+zEUV4HqL5UDYHr5xvuQAjgl/Qs7TzvOOVAjxjlC+ePSwe6DfbVegLVuT4r14eTr6zvA8xSAoBLzx6pvj4l+DZIezuVkG9fY2H7YRQIMZIBwycmzH1/s3F8AapfIPNF3kQk7+kw9PWBy+IZOdg5Ug3mkAATy/t0usovzGeCUWTjCz0B+Sj0ekfdvkZ3abBv+U4GaCtJ1iEm6ANQJ6fEzrG/engcKw/wXQvEKxSEKQxRGKE7Izt+DSiwBJMUSm71rguMYhQKrBygOIRStf4TiFFRBvbRGKiQLWP29yRSHKBTtfdBmHs0BUpgvtgF4yRFR+NUKi0XZcYjCeCG2smkzLAHkbRBmP0/Uk26O5YnUActBp1GsAI+S5nRJJJal5K1aAMrq0d6Tm9uI6zjyf75dAe6tx/SsWeD//o2/Ab6IH3/h25pOAAAAAElFTkSuQmCC) no-repeat center !important;
+}
+.w2ui-icon.icon-page {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAINSURBVBgZBcG/r55zGAfg6/4+z3va01NHlYgzEfE7MdCIGISFgS4Gk8ViYyM2Mdlsko4GSf8Do0FLRCIkghhYJA3aVBtEz3nP89wf11VJvPDepdd390+8Nso5nESBQoq0pfvXm9fzWf19453LF85vASqJlz748vInb517dIw6EyYBIIG49u+xi9/c9MdvR//99MPPZ7+4cP4IZhhTPbwzT2d+vGoaVRRp1rRliVvHq+cfvM3TD82+7mun0o/ceO7NT+/4/KOXjwZU1ekk0840bAZzMQ2mooqh0A72d5x/6sB9D5zYnff3PoYBoWBgFKPKqDKqjCpjKr//dcu9p489dra88cydps30KswACfNEKanSaxhlntjJ8Mv12Paie+vZ+0+oeSwwQ0Iw1xAR1CiFNJkGO4wu3ZMY1AAzBI0qSgmCNJsJUEOtJSMaCTBDLyQ0CknAGOgyTyFFiLI2awMzdEcSQgSAAKVUmAeNkxvWJWCGtVlDmgYQ0GFtgg4pNtOwbBcwQy/Rife/2yrRRVI0qYCEBly8Z+P4qMEMy7JaVw72N568e+iwhrXoECQkfH91kY7jwwXMsBx1L93ZruqrK6uuiAIdSnTIKKPLPFcvay8ww/Hh+ufeznTXu49v95IMoQG3784gYXdTqvRmqn/Wpa/ADFX58MW3L71SVU9ETgEIQQQIOOzub+fhIvwPRDgeVjWDahIAAAAASUVORK5CYII=) no-repeat center !important;
+}
+/*************************************************
+* ---- Locking portion of the screen (in grid, form, layout)
+*/
+.w2ui-lock {
+  display: none;
+  position: absolute;
+  z-index: 1400;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+  opacity: 0.15;
+  filter: alpha(opacity=15);
+  background-color: #333333;
+}
+.w2ui-lock-msg {
+  display: none;
+  position: absolute;
+  z-index: 1400;
+  top: 45%;
+  left: 50%;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+  width: 200px;
+  height: 80px;
+  padding: 30px 8px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-size: 13px;
+  font-family: Verdana, Arial, sans-serif;
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+  background-color: #555555;
+  color: #ffffff;
+  text-align: center;
+  border-radius: 5px;
+  border: 2px solid #444444;
+}
+.w2ui-lock-msg .w2ui-spinner {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin: -3px 8px -7px -10px;
+}
+button.btn {
+  display: inline-block;
+  border-radius: 4px;
+  margin: 0px 5px;
+  padding: 7px 12px 6px 12px !important;
+  color: #666;
+  font-size: 12px !important;
+  border: 1px solid #B6B6B6;
+  background-image: -webkit-linear-gradient(#ffffff 0%, #e7e7e7 100%);
+  background-image: -moz-linear-gradient(#ffffff 0%, #e7e7e7 100%);
+  background-image: -ms-linear-gradient(#ffffff 0%, #e7e7e7 100%);
+  background-image: -o-linear-gradient(#ffffff 0%, #e7e7e7 100%);
+  background-image: linear-gradient(#ffffff 0%, #e7e7e7 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffffffff', GradientType=0);
+  outline: none;
+  box-shadow: 0px 1px 0px white;
+  cursor: default;
+  min-width: 75px;
+  line-height: 100% !important;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+button.btn:hover {
+  text-decoration: none;
+  border: 1px solid #bbb;
+  background-image: -webkit-linear-gradient(#f7f7f7 0%, #dddddd 100%);
+  background-image: -moz-linear-gradient(#f7f7f7 0%, #dddddd 100%);
+  background-image: -ms-linear-gradient(#f7f7f7 0%, #dddddd 100%);
+  background-image: -o-linear-gradient(#f7f7f7 0%, #dddddd 100%);
+  background-image: linear-gradient(#f7f7f7 0%, #dddddd 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#fff7f7f7', GradientType=0);
+  color: #333;
+}
+button.btn:active,
+button.btn.clicked {
+  border: 1px solid #999;
+  background-image: -webkit-linear-gradient(#cccccc 0%, #cccccc 100%);
+  background-image: -moz-linear-gradient(#cccccc 0%, #cccccc 100%);
+  background-image: -ms-linear-gradient(#cccccc 0%, #cccccc 100%);
+  background-image: -o-linear-gradient(#cccccc 0%, #cccccc 100%);
+  background-image: linear-gradient(#cccccc 0%, #cccccc 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffcccccc', GradientType=0);
+  text-shadow: 1px 1px 1px #eee;
+}
+button.btn:disabled {
+  border: 1px solid #bbb !important;
+  background: #f7f7f7 !important;
+  color: #bdbcbc !important;
+  text-shadow: none !important;
+}
+button.btn-blue {
+  color: white;
+  background-image: -webkit-linear-gradient(#80c0f7 0%, #269df0 100%);
+  background-image: -moz-linear-gradient(#80c0f7 0%, #269df0 100%);
+  background-image: -ms-linear-gradient(#80c0f7 0%, #269df0 100%);
+  background-image: -o-linear-gradient(#80c0f7 0%, #269df0 100%);
+  background-image: linear-gradient(#80c0f7 0%, #269df0 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff269df0', endColorstr='#ff80c0f7', GradientType=0);
+  border: 1px solid #538AB7;
+  text-shadow: 1px 1px 1px #777777;
+}
+button.btn-blue:hover {
+  color: white;
+  background-image: -webkit-linear-gradient(#73b6f0 0%, #2391dd 100%);
+  background-image: -moz-linear-gradient(#73b6f0 0%, #2391dd 100%);
+  background-image: -ms-linear-gradient(#73b6f0 0%, #2391dd 100%);
+  background-image: -o-linear-gradient(#73b6f0 0%, #2391dd 100%);
+  background-image: linear-gradient(#73b6f0 0%, #2391dd 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff2391dd', endColorstr='#ff73b6f0', GradientType=0);
+  border: 1px solid #497BA3;
+  text-shadow: 1px 1px 1px #777777;
+}
+button.btn-blue:active,
+button.btn-blue.clicked {
+  color: white;
+  background-image: -webkit-linear-gradient(#1e83c9 0%, #1e83c9 100%);
+  background-image: -moz-linear-gradient(#1e83c9 0%, #1e83c9 100%);
+  background-image: -ms-linear-gradient(#1e83c9 0%, #1e83c9 100%);
+  background-image: -o-linear-gradient(#1e83c9 0%, #1e83c9 100%);
+  background-image: linear-gradient(#1e83c9 0%, #1e83c9 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff1e83c9', endColorstr='#ff1e83c9', GradientType=0);
+  border: 1px solid #1268A6;
+  text-shadow: 1px 1px 1px #777777;
+}
+button.btn-green {
+  color: white;
+  background-image: -webkit-linear-gradient(#81cf81 0%, #52a452 100%);
+  background-image: -moz-linear-gradient(#81cf81 0%, #52a452 100%);
+  background-image: -ms-linear-gradient(#81cf81 0%, #52a452 100%);
+  background-image: -o-linear-gradient(#81cf81 0%, #52a452 100%);
+  background-image: linear-gradient(#81cf81 0%, #52a452 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff52a452', endColorstr='#ff81cf81', GradientType=0);
+  border: 1px solid #479247;
+  text-shadow: 1px 1px 1px #777777;
+}
+button.btn-green:hover {
+  color: white;
+  background-image: -webkit-linear-gradient(#6abe68 0%, #3f8f3d 100%);
+  background-image: -moz-linear-gradient(#6abe68 0%, #3f8f3d 100%);
+  background-image: -ms-linear-gradient(#6abe68 0%, #3f8f3d 100%);
+  background-image: -o-linear-gradient(#6abe68 0%, #3f8f3d 100%);
+  background-image: linear-gradient(#6abe68 0%, #3f8f3d 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff3f8f3d', endColorstr='#ff6abe68', GradientType=0);
+  border: 1px solid #479247;
+  text-shadow: 1px 1px 1px #777777;
+}
+button.btn-green:active,
+button.btn-green.clicked {
+  color: white;
+  background-image: -webkit-linear-gradient(#377d36 0%, #377d36 100%);
+  background-image: -moz-linear-gradient(#377d36 0%, #377d36 100%);
+  background-image: -ms-linear-gradient(#377d36 0%, #377d36 100%);
+  background-image: -o-linear-gradient(#377d36 0%, #377d36 100%);
+  background-image: linear-gradient(#377d36 0%, #377d36 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff377d36', endColorstr='#ff377d36', GradientType=0);
+  border: 1px solid #555 !important;
+  text-shadow: 1px 1px 1px #777777;
+}
+button.btn-orange {
+  color: white;
+  background-image: -webkit-linear-gradient(#fcc272 0%, #fb8822 100%);
+  background-image: -moz-linear-gradient(#fcc272 0%, #fb8822 100%);
+  background-image: -ms-linear-gradient(#fcc272 0%, #fb8822 100%);
+  background-image: -o-linear-gradient(#fcc272 0%, #fb8822 100%);
+  background-image: linear-gradient(#fcc272 0%, #fb8822 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffb8822', endColorstr='#fffcc272', GradientType=0);
+  border: 1px solid #B68B4C;
+  text-shadow: 1px 1px 1px #777777;
+}
+button.btn-orange:hover {
+  color: white;
+  background-image: -webkit-linear-gradient(#f4ad59 0%, #f1731f 100%);
+  background-image: -moz-linear-gradient(#f4ad59 0%, #f1731f 100%);
+  background-image: -ms-linear-gradient(#f4ad59 0%, #f1731f 100%);
+  background-image: -o-linear-gradient(#f4ad59 0%, #f1731f 100%);
+  background-image: linear-gradient(#f4ad59 0%, #f1731f 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff1731f', endColorstr='#fff4ad59', GradientType=0);
+  border: 1px solid #B68B4C;
+  text-shadow: 1px 1px 1px #777777;
+}
+button.btn-orange:active,
+button.btn-orange.clicked {
+  color: white;
+  border: 1px solid #666;
+  background-image: -webkit-linear-gradient(#b98747 0%, #b98747 100%);
+  background-image: -moz-linear-gradient(#b98747 0%, #b98747 100%);
+  background-image: -ms-linear-gradient(#b98747 0%, #b98747 100%);
+  background-image: -o-linear-gradient(#b98747 0%, #b98747 100%);
+  background-image: linear-gradient(#b98747 0%, #b98747 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffb98747', endColorstr='#ffb98747', GradientType=0);
+  text-shadow: 1px 1px 1px #777777;
+}
+button.btn-red {
+  color: white;
+  background-image: -webkit-linear-gradient(#ff6e70 0%, #c72d2d 100%);
+  background-image: -moz-linear-gradient(#ff6e70 0%, #c72d2d 100%);
+  background-image: -ms-linear-gradient(#ff6e70 0%, #c72d2d 100%);
+  background-image: -o-linear-gradient(#ff6e70 0%, #c72d2d 100%);
+  background-image: linear-gradient(#ff6e70 0%, #c72d2d 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffc72d2d', endColorstr='#ffff6e70', GradientType=0);
+  border: 1px solid #BB3C3E;
+  text-shadow: 1px 1px 1px #777777;
+}
+button.btn-red:hover {
+  color: white;
+  background-image: -webkit-linear-gradient(#ee696c 0%, #ae2527 100%);
+  background-image: -moz-linear-gradient(#ee696c 0%, #ae2527 100%);
+  background-image: -ms-linear-gradient(#ee696c 0%, #ae2527 100%);
+  background-image: -o-linear-gradient(#ee696c 0%, #ae2527 100%);
+  background-image: linear-gradient(#ee696c 0%, #ae2527 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffae2527', endColorstr='#ffee696c', GradientType=0);
+  border: 1px solid #BB3C3E;
+  text-shadow: 1px 1px 1px #777777;
+}
+button.btn-red:active,
+button.btn-red.clicked {
+  color: white;
+  border: 1px solid #861C1E;
+  background-image: -webkit-linear-gradient(#9c2123 0%, #9c2123 100%);
+  background-image: -moz-linear-gradient(#9c2123 0%, #9c2123 100%);
+  background-image: -ms-linear-gradient(#9c2123 0%, #9c2123 100%);
+  background-image: -o-linear-gradient(#9c2123 0%, #9c2123 100%);
+  background-image: linear-gradient(#9c2123 0%, #9c2123 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff9c2123', endColorstr='#ff9c2123', GradientType=0);
+  text-shadow: 1px 1px 1px #777777;
+}
+/*************************************************
+* ---- Forms ----
+*/
+.w2ui-form {
+  position: relative;
+  color: #000000;
+  background-color: #f5f6f7;
+  border: 1px solid #c0c0c0;
+  border-radius: 3px;
+  padding: 0px;
+  overflow: hidden !important;
+}
+.w2ui-form > div {
+  position: absolute;
+  overflow: hidden;
+}
+.w2ui-form .w2ui-form-header {
+  position: absolute;
+  left: 0;
+  right: 0;
+  border-bottom: 1px solid #99bbe8 !important;
+  overflow: hidden;
+  color: #444444;
+  font-size: 13px;
+  text-align: center;
+  padding: 8px;
+  background-image: -webkit-linear-gradient(#dae6f3, #c2d5ed);
+  background-image: -moz-linear-gradient(#dae6f3, #c2d5ed);
+  background-image: -ms-linear-gradient(#dae6f3, #c2d5ed);
+  background-image: -o-linear-gradient(#dae6f3, #c2d5ed);
+  background-image: linear-gradient(#dae6f3, #c2d5ed);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffdae6f3', endColorstr='#ffc2d5ed', GradientType=0);
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.w2ui-form .w2ui-form-toolbar {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  margin: 0px;
+  padding: 6px 3px;
+  border-bottom: 1px solid #d5d8d8;
+}
+.w2ui-form .w2ui-form-tabs {
+  margin: 0px;
+  padding: 0px;
+}
+.w2ui-form .w2ui-tabs {
+  position: absolute;
+  left: 0;
+  right: 0;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+  padding-top: 5px !important;
+  background-color: #fafafa;
+}
+.w2ui-form .w2ui-tabs .w2ui-tab.active {
+  background-color: #f5f6f7;
+}
+.w2ui-form .w2ui-page {
+  position: absolute;
+  left: 0;
+  right: 0;
+  overflow: auto;
+  padding: 10px;
+  border-left: 1px solid inherit;
+  border-right: 1px solid inherit;
+  background-color: inherit;
+  border-radius: 3px;
+}
+.w2ui-form .w2ui-buttons {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  text-align: center;
+  border-top: 1px solid #d5d8d8;
+  border-bottom: 0px solid #d5d8d8;
+  background-color: #fafafa;
+  padding: 15px 0px !important;
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+.w2ui-form .w2ui-buttons input[type="button"],
+.w2ui-form .w2ui-buttons button {
+  min-width: 80px;
+  margin-right: 5px;
+}
+.w2ui-form input[type=checkbox],
+.w2ui-form input[type=radio] {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+.w2ui-form input[type=checkbox].w2ui-toggle {
+  margin: 0px;
+}
+.w2ui-group-title {
+  padding: 5px 2px;
+  color: #8D96A2;
+  text-shadow: 1px 1px 2px #fdfdfd;
+  font-size: 120%;
+}
+.w2ui-group {
+  background-color: #ebecef;
+  margin: 5px 0px 10px 0px;
+  padding: 10px 5px;
+  border-top: 1px solid #cedcea;
+  border-bottom: 1px solid #cedcea;
+}
+.w2ui-field > label {
+  display: block;
+  float: left;
+  margin-top: 7px;
+  margin-bottom: 3px;
+  width: 120px;
+  padding: 0px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: right;
+  min-height: 20px;
+  color: #666;
+}
+.w2ui-field > div {
+  /* do not include width */
+  margin-bottom: 3px;
+  margin-left: 128px;
+  padding: 3px;
+  min-height: 28px;
+  float: none;
+}
+.w2ui-field.w2ui-required > div {
+  position: relative;
+}
+.w2ui-field.w2ui-required > div::before {
+  content: '*';
+  position: absolute;
+  margin-top: 5px;
+  margin-left: -9px;
+  color: #ff0000;
+}
+.w2ui-field.w2ui-span1 > label {
+  width: 20px;
+}
+.w2ui-field.w2ui-span1 > div {
+  margin-left: 28px;
+}
+.w2ui-field.w2ui-span2 > label {
+  width: 40px;
+}
+.w2ui-field.w2ui-span2 > div {
+  margin-left: 48px;
+}
+.w2ui-field.w2ui-span3 > label {
+  width: 60px;
+}
+.w2ui-field.w2ui-span3 > div {
+  margin-left: 68px;
+}
+.w2ui-field.w2ui-span4 > label {
+  width: 80px;
+}
+.w2ui-field.w2ui-span4 > div {
+  margin-left: 88px;
+}
+.w2ui-field.w2ui-span5 > label {
+  width: 100px;
+}
+.w2ui-field.w2ui-span5 > div {
+  margin-left: 108px;
+}
+.w2ui-field.w2ui-span6 > label {
+  width: 120px;
+}
+.w2ui-field.w2ui-span6 > div {
+  margin-left: 128px;
+}
+.w2ui-field.w2ui-span7 > label {
+  width: 140px;
+}
+.w2ui-field.w2ui-span7 > div {
+  margin-left: 148px;
+}
+.w2ui-field.w2ui-span8 > label {
+  width: 160px;
+}
+.w2ui-field.w2ui-span8 > div {
+  margin-left: 168px;
+}
+.w2ui-field.w2ui-span9 > label {
+  width: 180px;
+}
+.w2ui-field.w2ui-span9 > div {
+  margin-left: 188px;
+}
+.w2ui-field.w2ui-span10 > label {
+  width: 200px;
+}
+.w2ui-field.w2ui-span10 > div {
+  margin-left: 208px;
+}
+.w2ui-error {
+  border: 1px solid #ffa8a8 !important;
+  background-color: #fff4eb !important;
+}
+.w2field {
+  padding: 3px;
+  border-radius: 3px;
+  border: 1px solid silver;
+}
+.w2ui-field-helper {
+  position: absolute;
+  display: inline-block;
+  line-height: 100%;
+  /* pointer-events: none; - do not use as IE does not support it */
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+}
+.w2ui-field-helper .w2ui-field-up {
+  position: absolute;
+  top: 0px;
+  padding: 2px 3px;
+}
+.w2ui-field-helper .w2ui-field-down {
+  position: absolute;
+  bottom: 0px;
+  padding: 2px 3px;
+}
+.w2ui-field-helper .arrow-up:hover {
+  border-bottom-color: #81C6FF;
+}
+.w2ui-field-helper .arrow-down:hover {
+  border-top-color: #81C6FF;
+}
+/*
+*    ARROWS 
+*/
+.arrow-up {
+  background: none;
+  width: 0;
+  height: 0;
+  border-left: 4px solid transparent;
+  /* left arrow slant */
+  border-right: 4px solid transparent;
+  /* right arrow slant */
+  border-bottom: 5px solid #777;
+  /* bottom, add background color here */
+  font-size: 0;
+  line-height: 0;
+}
+.arrow-down {
+  background: none;
+  width: 0;
+  height: 0;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 5px solid #777;
+  font-size: 0;
+  line-height: 0;
+}
+.arrow-left {
+  background: none;
+  width: 0;
+  height: 0;
+  border-bottom: 4px solid transparent;
+  /* left arrow slant */
+  border-top: 4px solid transparent;
+  /* right arrow slant */
+  border-right: 5px solid #777;
+  /* bottom, add background color here */
+  font-size: 0;
+  line-height: 0;
+}
+.arrow-right {
+  background: none;
+  width: 0;
+  height: 0;
+  border-bottom: 4px solid transparent;
+  /* left arrow slant */
+  border-top: 4px solid transparent;
+  /* right arrow slant */
+  border-left: 5px solid #777;
+  /* bottom, add background color here */
+  font-size: 0;
+  line-height: 0;
+}
+/*
+*    COLOR overlay
+*/
+.w2ui-color {
+  padding: 5px;
+  padding-top: 8px;
+  background-color: white;
+  border-radius: 3px;
+}
+.w2ui-color > table {
+  table-layout: fixed;
+  width: 160px;
+}
+.w2ui-color > table td {
+  width: 20px;
+  height: 20px;
+  text-align: center;
+}
+.w2ui-color > table td div {
+  cursor: pointer;
+  display: inline-block;
+  width: 16px;
+  height: 17px;
+  padding: 1px 4px;
+  border: 1px solid transparent;
+  color: white;
+  text-shadow: 0px 0px 2px #000;
+}
+.w2ui-color > table td div:hover {
+  outline: 1px solid #666;
+  border: 1px solid #fff;
+}
+/* 
+*    DATE overlay
+*/
+.w2ui-calendar {
+  margin: 0px;
+  padding: 1px;
+  line-height: 108%;
+}
+.w2ui-calendar .w2ui-calendar-title {
+  margin: 0px -1px;
+  padding: 7px 2px;
+  background-image: -webkit-linear-gradient(#f6f6f6, #d9d9d9);
+  background-image: -moz-linear-gradient(#f6f6f6, #d9d9d9);
+  background-image: -ms-linear-gradient(#f6f6f6, #d9d9d9);
+  background-image: -o-linear-gradient(#f6f6f6, #d9d9d9);
+  background-image: linear-gradient(#f6f6f6, #d9d9d9);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff6f6f6', endColorstr='#ffd9d9d9', GradientType=0);
+  border-bottom: 1px solid #bbbbbb;
+  color: #555555;
+  text-align: center;
+  text-shadow: 1px 1px 1px #eeeeee;
+  cursor: pointer;
+}
+.w2ui-calendar .w2ui-calendar-jump {
+  position: absolute;
+  top: 27px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  background-color: #FaFaFa;
+}
+.w2ui-calendar .w2ui-calendar-jump > :first-child {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  bottom: 0px;
+  width: 110px;
+  overflow: hidden;
+  padding-top: 5px;
+  border-right: 1px solid #c0c0c0;
+}
+.w2ui-calendar .w2ui-calendar-jump > :last-child {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  width: 88px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding-top: 5px;
+  text-align: center;
+}
+.w2ui-calendar .w2ui-calendar-jump .w2ui-jump-month,
+.w2ui-calendar .w2ui-calendar-jump .w2ui-jump-year {
+  display: inline-block;
+  padding: 5px 0px;
+  text-align: center;
+  float: left;
+  margin: 2px;
+  width: 50px;
+  cursor: default;
+  border: 1px solid transparent;
+  border-radius: 2px;
+}
+.w2ui-calendar .w2ui-calendar-jump .w2ui-jump-year {
+  float: none;
+  width: 95%;
+}
+.w2ui-calendar .w2ui-calendar-jump .w2ui-jump-month:hover,
+.w2ui-calendar .w2ui-calendar-jump .w2ui-jump-year:hover {
+  border: 1px solid #cccccc;
+  color: #000000;
+  background-color: #efefef;
+}
+.w2ui-calendar .w2ui-calendar-jump .w2ui-jump-month.selected,
+.w2ui-calendar .w2ui-calendar-jump .w2ui-jump-year.selected {
+  border: 1px solid #cccccc;
+  color: #000000;
+  background-color: #dadada;
+}
+.w2ui-calendar .w2ui-calendar-previous,
+.w2ui-calendar .w2ui-calendar-next {
+  width: 24px;
+  height: 20px;
+  color: #666666;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  padding: 2px 3px 1px 2px;
+  margin: -4px 0px 0px 0px;
+  cursor: default;
+}
+.w2ui-calendar .w2ui-calendar-previous:hover,
+.w2ui-calendar .w2ui-calendar-next:hover {
+  border: 1px solid #c0c0c0;
+  background-color: #efefef;
+}
+.w2ui-calendar .w2ui-calendar-previous > div,
+.w2ui-calendar .w2ui-calendar-next > div {
+  position: absolute;
+  border-left: 4px solid #888;
+  border-top: 4px solid #888;
+  border-right: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+  width: 0px;
+  height: 0px;
+  padding: 0px;
+  margin: 3px 0px 0px 0px;
+}
+.w2ui-calendar .w2ui-calendar-previous {
+  float: left;
+}
+.w2ui-calendar .w2ui-calendar-previous > div {
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  margin-left: 6px;
+}
+.w2ui-calendar .w2ui-calendar-next {
+  float: right;
+}
+.w2ui-calendar .w2ui-calendar-next > div {
+  -webkit-transform: rotate(135deg);
+  -moz-transform: rotate(135deg);
+  -ms-transform: rotate(135deg);
+  -o-transform: rotate(135deg);
+  transform: rotate(135deg);
+  margin-left: 2px;
+  margin-right: 2px;
+}
+.w2ui-calendar table.w2ui-calendar-days {
+  padding: 0px;
+}
+.w2ui-calendar table.w2ui-calendar-days td {
+  border: 1px solid #ffffff;
+  color: #000000;
+  background-color: #f9f9f9;
+  padding: 6px;
+  cursor: default;
+  text-align: right;
+}
+.w2ui-calendar table.w2ui-calendar-days td.w2ui-saturday,
+.w2ui-calendar table.w2ui-calendar-days td.w2ui-sunday {
+  border: 1px solid #ffffff;
+  color: #c8493b;
+  background-color: #f9f9f9;
+}
+.w2ui-calendar table.w2ui-calendar-days td.w2ui-saturday:hover,
+.w2ui-calendar table.w2ui-calendar-days td.w2ui-sunday:hover {
+  border: 1px solid #cccccc;
+  color: #000000;
+  background-color: #e9e9e9;
+}
+.w2ui-calendar table.w2ui-calendar-days td.w2ui-saturday.w2ui-blocked,
+.w2ui-calendar table.w2ui-calendar-days td.w2ui-sunday.w2ui-blocked {
+  text-decoration: line-through;
+  border: 1px solid #ffffff;
+  color: #cccccc;
+  background-color: #ffffff;
+}
+.w2ui-calendar table.w2ui-calendar-days td.w2ui-today {
+  border: 1px solid #8cb067;
+  color: #000000;
+  background-color: #e2f7cd;
+}
+.w2ui-calendar table.w2ui-calendar-days td:hover {
+  border: 1px solid #cccccc;
+  color: #000000;
+  background-color: #e9e9e9;
+}
+.w2ui-calendar table.w2ui-calendar-days td.w2ui-blocked {
+  text-decoration: line-through;
+  border: 1px solid #ffffff;
+  color: #cccccc;
+  background-color: #ffffff;
+}
+.w2ui-calendar table.w2ui-calendar-days td.w2ui-day-empty {
+  border: 1px solid #ffffff;
+  background-color: #fdfdfd;
+}
+.w2ui-calendar table.w2ui-calendar-days tr.w2ui-day-title td {
+  border: 1px solid #ffffff;
+  color: #808080;
+  background-color: #ffffff;
+  text-align: center;
+  padding: 6px;
+}
+/*
+*    Time
+*/
+.w2ui-calendar-time {
+  padding: 5px;
+  cursor: default;
+}
+.w2ui-calendar-time td div {
+  padding: 7px 10px;
+  text-align: center;
+  border: 1px solid transparent;
+  white-space: nowrap;
+}
+.w2ui-calendar-time td:nth-child(even) {
+  background-color: #f6f6f6;
+}
+.w2ui-calendar-time td div:hover {
+  border: 1px solid #cccccc;
+  color: #000000;
+  background-color: #e9e9e9;
+}
+.w2ui-calendar-time td div.w2ui-blocked {
+  text-decoration: line-through;
+  border: 1px solid #ffffff;
+  color: #cccccc;
+  background-color: #ffffff;
+}
+.w2ui-select {
+  cursor: default;
+  color: black !important;
+  background-image: -webkit-linear-gradient(top,#ffffff 20%,#f6f6f6 50%,#eeeeee 52%,#f4f4f4 100%);
+  background-image: -moz-linear-gradient(top,#ffffff 20%,#f6f6f6 50%,#eeeeee 52%,#f4f4f4 100%);
+  background-image: -ms-linear-gradient(top,#ffffff 20%,#f6f6f6 50%,#eeeeee 52%,#f4f4f4 100%);
+  background-image: -o-linear-gradient(top,#ffffff 20%,#f6f6f6 50%,#eeeeee 52%,#f4f4f4 100%);
+  background-image: linear-gradient(top,#ffffff 20%,#f6f6f6 50%,#eeeeee 52%,#f4f4f4 100%);
+}
+/*
+*    ENUM items
+*/
+.w2ui-list {
+  color: inherit;
+  position: absolute;
+  padding: 0px;
+  margin: 0px;
+  min-height: 25px;
+  overflow: auto;
+  border: 1px solid #c0c0c0;
+  border-radius: 3px;
+  font-size: 6px;
+  line-height: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+  background-color: #ffffff;
+}
+.w2ui-list input[type=text] {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  -ms-box-shadow: none;
+  -o-box-shadow: none;
+  box-shadow: none;
+}
+.w2ui-list ul {
+  list-style-type: none;
+  background-color: black;
+  margin: 0px;
+  padding: 0px;
+}
+.w2ui-list ul li {
+  float: left;
+  margin: 2px 1px 0px 2px;
+  border-radius: 3px;
+  width: auto;
+  padding: 3px 10px 1px 7px;
+  border: 1px solid #88b0d6;
+  background-color: #eff3f5;
+  white-space: nowrap;
+  cursor: default;
+  font-family: verdana;
+  font-size: 11px;
+  line-height: 100%;
+  height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.w2ui-list ul li:hover {
+  background-color: #d0dbe1;
+}
+.w2ui-list ul li:last-child {
+  border-radius: 0px;
+  border: 1px solid transparent;
+  background-color: transparent;
+}
+.w2ui-list ul li:last-child input {
+  padding: 1px;
+  padding-top: 0px;
+  margin: 0px;
+  border: 0px;
+  outline: none;
+  height: auto;
+  line-height: 100%;
+  font-size: inherit;
+  font-family: inherit;
+  background-color: transparent;
+}
+.w2ui-list ul li .w2ui-list-remove {
+  float: right;
+  width: 15px;
+  height: 14px;
+  margin: -1px -9px 0px 3px;
+  border-radius: 15px;
+}
+.w2ui-list ul li .w2ui-list-remove:hover {
+  background-color: #D77F7F;
+  color: white;
+}
+.w2ui-list ul li .w2ui-list-remove:before {
+  position: relative;
+  top: 0px;
+  padding: 0px;
+  margin: 0px;
+  left: 5px;
+  color: inherit;
+  opacity: 0.7;
+  text-shadow: inherit;
+  font-size: inherit;
+  font-variant: small-caps;
+  content: 'x';
+  line-height: 100%;
+}
+.w2ui-list ul li > span.file-size {
+  pointer-events: none;
+  color: #777;
+}
+.w2ui-list .w2ui-enum-placeholder {
+  display: inline;
+  position: absolute;
+  pointer-events: none;
+  color: #999;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.w2ui-list.w2ui-file-dragover {
+  background-color: #E4FFDA;
+  border: 1px solid #93E07D;
+}
+/*************************************************
+* ---- Layout ----
+*/
+.w2ui-layout {
+  overflow: hidden !important;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.w2ui-layout * {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.w2ui-layout > div {
+  position: absolute;
+  overflow: hidden;
+  border: 0px;
+  margin: 0px;
+  padding: 0px;
+  outline: 0px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.w2ui-layout > div .w2ui-panel {
+  display: none;
+  position: absolute;
+  z-index: 120;
+}
+.w2ui-layout > div .w2ui-panel .w2ui-panel-title {
+  padding: 5px;
+  background-image: -webkit-linear-gradient(#dae6f3, #c2d5ed);
+  background-image: -moz-linear-gradient(#dae6f3, #c2d5ed);
+  background-image: -ms-linear-gradient(#dae6f3, #c2d5ed);
+  background-image: -o-linear-gradient(#dae6f3, #c2d5ed);
+  background-image: linear-gradient(#dae6f3, #c2d5ed);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffdae6f3', endColorstr='#ffc2d5ed', GradientType=0);
+  border: 1px solid #b9cee9;
+  border-bottom: 1px solid #99bbe8;
+}
+.w2ui-layout > div .w2ui-panel .w2ui-panel-tabs {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  right: 0px;
+  z-index: 2;
+  display: none;
+  overflow: hidden;
+  background-color: #fafafa;
+  padding: 4px 0px;
+}
+.w2ui-layout > div .w2ui-panel .w2ui-panel-tabs > .w2ui-tab.active {
+  background-color: #f5f6f7;
+}
+.w2ui-layout > div .w2ui-panel .w2ui-panel-toolbar {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  right: 0px;
+  z-index: 2;
+  display: none;
+  overflow: hidden;
+  background-color: #fafafa;
+  border-bottom: 1px solid silver;
+  padding: 4px;
+}
+.w2ui-layout > div .w2ui-panel .w2ui-panel-content {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  z-index: 1;
+  color: inherit;
+  background-color: #f5f6f7;
+}
+.w2ui-layout > div .w2ui-resizer {
+  display: none;
+  position: absolute;
+  z-index: 121;
+  background-color: transparent;
+}
+.w2ui-layout > div .w2ui-resizer:hover,
+.w2ui-layout > div .w2ui-resizer.active {
+  background-color: #d7e4f2;
+}
+/*************************************************
+* ---- Grid ----
+*/
+.w2ui-grid {
+  position: relative;
+  border: 1px solid #c0c0c0;
+  border-radius: 2px;
+  overflow: hidden !important;
+}
+.w2ui-grid > div {
+  position: absolute;
+  overflow: hidden;
+}
+.w2ui-grid .w2ui-grid-header {
+  position: absolute;
+  border-bottom: 1px solid #99bbe8 !important;
+  height: 28px;
+  overflow: hidden;
+  color: #444444;
+  font-size: 13px;
+  text-align: center;
+  padding: 7px;
+  background-image: -webkit-linear-gradient(#dae6f3, #c2d5ed);
+  background-image: -moz-linear-gradient(#dae6f3, #c2d5ed);
+  background-image: -ms-linear-gradient(#dae6f3, #c2d5ed);
+  background-image: -o-linear-gradient(#dae6f3, #c2d5ed);
+  background-image: linear-gradient(#dae6f3, #c2d5ed);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffdae6f3', endColorstr='#ffc2d5ed', GradientType=0);
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+}
+.w2ui-grid .w2ui-grid-toolbar {
+  position: absolute;
+  border-bottom: 1px solid #c0c0c0;
+  background-color: #eaeaea;
+  height: 38px;
+  padding: 7px 3px 4px 3px;
+  margin: 0px;
+  box-shadow: 0px 1px 2px #dddddd;
+}
+.w2ui-grid .w2ui-toolbar-search {
+  width: 160px;
+  margin-right: 3px;
+}
+.w2ui-grid .w2ui-toolbar-search .w2ui-search-all {
+  outline: none !important;
+  width: 160px;
+  border-radius: 10px;
+  line-height: normal;
+  height: 22px;
+  border: 1px solid #b9b9b9;
+  color: #000000;
+  background-color: #ffffff;
+  padding: 3px 18px 3px 23px;
+  margin: 0px;
+}
+.w2ui-grid .w2ui-toolbar-search .w2ui-search-down {
+  position: absolute;
+  margin-top: -7px;
+  margin-left: 6px;
+}
+.w2ui-grid .w2ui-toolbar-search .w2ui-search-clear {
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  margin-top: -8px;
+  margin-left: -20px;
+  border-radius: 15px;
+  cursor: default;
+}
+.w2ui-grid .w2ui-toolbar-search .w2ui-search-clear:hover {
+  background-color: #D77F7F;
+  color: white;
+}
+.w2ui-grid .w2ui-toolbar-search .w2ui-search-clear:before {
+  position: relative;
+  top: 1px;
+  left: 5px;
+  opacity: 0.6;
+  color: inherit;
+  text-shadow: inherit;
+  content: 'x';
+  cursor: default;
+}
+.w2ui-grid .w2ui-grid-body {
+  position: absolute;
+  overflow: hidden;
+  padding: 0px;
+  background-color: #ffffff;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+}
+.w2ui-grid .w2ui-grid-body input,
+.w2ui-grid .w2ui-grid-body select,
+.w2ui-grid .w2ui-grid-body textarea {
+  user-select: text;
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  -ms-user-select: text;
+  -o-user-select: text;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-columns {
+  overflow: hidden;
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  right: 0px;
+  box-shadow: 0px 1px 4px #dddddd;
+  height: auto;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-columns table {
+  height: auto;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-columns .w2ui-resizer {
+  position: absolute;
+  z-index: 1000;
+  display: block;
+  background-image: none;
+  background-color: rgba(0, 0, 0, 0);
+  /* needed for IE */
+  padding: 0px;
+  margin: 0px;
+  width: 6px;
+  height: 12px;
+  cursor: col-resize;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd {
+  color: inherit;
+  background-color: #ffffff;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd:hover {
+  color: inherit;
+  background-color: #e6f0ff;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd.w2ui-empty-record:hover {
+  background-color: #ffffff;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even {
+  color: inherit;
+  background-color: #f3f6fa;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even:hover {
+  color: inherit;
+  background-color: #e6f0ff;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even.w2ui-empty-record:hover {
+  background-color: #f3f6fa;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected,
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr td.w2ui-selected {
+  color: #000000 !important;
+  background-color: #b6d5ff !important;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded {
+  background-color: #CCDCF0 !important;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded1 {
+  height: 0px;
+  border-bottom: 1px solid #b2bac0;
+  background-color: #CCDCF0;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded1 > div {
+  height: 100%;
+  margin: 0px;
+  padding: 0px;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded2 {
+  height: 0px;
+  border-radius: 0px;
+  border-bottom: 1px solid #b2bac0;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded2 > div {
+  height: 0px;
+  border: 0px;
+  transition: height .3s, opacity .3s;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-load-more {
+  border-top: 1px solid #d6d5d7;
+  cursor: pointer;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-load-more > div {
+  text-align: center;
+  color: #777777;
+  background-color: rgba(233, 237, 243, 0.5);
+  padding: 10px 0px 15px 0px;
+  border-top: 1px solid #ffffff;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-load-more > div:hover {
+  color: inherit;
+  background-color: #e6f0ff;
+}
+.w2ui-grid .w2ui-grid-body table {
+  border-spacing: 0px;
+  border-collapse: collapse;
+  table-layout: fixed;
+  width: 1px;
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-head {
+  margin: 0px;
+  padding: 0px;
+  border-right: 1px solid #c5c5c5;
+  border-bottom: 1px solid #c5c5c5;
+  color: #000000;
+  background-image: -webkit-linear-gradient(#f9f9f9, #e4e4e4);
+  background-image: -moz-linear-gradient(#f9f9f9, #e4e4e4);
+  background-image: -ms-linear-gradient(#f9f9f9, #e4e4e4);
+  background-image: -o-linear-gradient(#f9f9f9, #e4e4e4);
+  background-image: linear-gradient(#f9f9f9, #e4e4e4);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe4e4e4', GradientType=0);
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-head > div {
+  padding: 7px 3px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  position: relative;
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-head.w2ui-col-intersection {
+  border-right-color: #72b2ff;
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-head.w2ui-reorder-cols-head:hover {
+  cursor: move;
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-head .col-intersection-marker {
+  padding: 0;
+  position: absolute;
+  height: 100%;
+  top: 0;
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-head .col-intersection-marker.left {
+  left: 0;
+  margin-left: -5px;
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-head .col-intersection-marker.right {
+  right: 0;
+  margin-right: -5px;
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-head .col-intersection-marker .top-marker {
+  position: absolute;
+  top: 0;
+  height: 0;
+  width: 0;
+  border-top: 5px solid #72b2ff;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-head .col-intersection-marker .bottom-marker {
+  position: absolute;
+  bottom: 0;
+  height: 0;
+  width: 0;
+  border-bottom: 5px solid #72b2ff;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+}
+.w2ui-grid .w2ui-grid-body table td {
+  border-right: 1px solid #d6d5d7;
+  border-bottom: 0px solid #d6d5d7;
+  cursor: default;
+  overflow: hidden;
+}
+.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data {
+  margin: 0px;
+  padding: 0px;
+}
+.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div {
+  padding: 3px 3px 3px 3px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div.flexible-record {
+  height: auto;
+  overflow: visible;
+  white-space: normal;
+}
+.w2ui-grid .w2ui-grid-body table td:last-child {
+  border-right: 0px;
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-col-number {
+  width: 34px;
+  color: #777777;
+  background-color: rgba(233, 237, 243, 0.5);
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-col-number div {
+  padding: 0px 7px 0px 3px;
+  text-align: right;
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-col-select {
+  width: 26px;
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-col-select div {
+  padding: 0px 0px;
+  text-align: center;
+  overflow: hidden;
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-col-select div input[type=checkbox] {
+  margin-top: 2px;
+  position: relative;
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-col-expand {
+  width: 26px;
+}
+.w2ui-grid .w2ui-grid-body table .w2ui-col-expand div {
+  padding: 0px 0px;
+  text-align: center;
+  font-weight: bold;
+}
+.w2ui-grid .w2ui-grid-body div.w2ui-col-header {
+  height: auto !important;
+  width: 100%;
+  overflow: hidden;
+  padding-right: 10px !important;
+}
+.w2ui-grid .w2ui-grid-body div.w2ui-col-header > div.w2ui-sort-up {
+  border: 4px solid transparent;
+  border-bottom: 5px solid #8D99A7;
+  margin-top: -2px;
+  margin-right: -7px;
+  float: right;
+}
+.w2ui-grid .w2ui-grid-body div.w2ui-col-header > div.w2ui-sort-down {
+  border: 4px solid transparent;
+  border-top: 5px solid #8D99A7;
+  margin-top: 2px;
+  margin-right: -7px;
+  float: right;
+}
+.w2ui-grid .w2ui-grid-body .w2ui-col-group {
+  text-align: center;
+}
+.w2ui-grid .w2ui-changed {
+  background: url(data:image/gif;base64,R0lGODlhCgAKAJEAALAABf///wAAAAAAACH5BAEAAAIALAAAAAAKAAoAAAIPlI8Hy8mbxIsSUnup3rQAADs=) no-repeat top right;
+}
+.w2ui-grid .w2ui-editable {
+  overflow: hidden;
+  height: 100% !important;
+  margin: 0px !important;
+  padding: 0px !important;
+}
+.w2ui-grid .w2ui-editable input {
+  border: 0px;
+  border-radius: 0px;
+  margin: 0px;
+  padding: 4px 3px;
+  width: 100%;
+  height: 100%;
+}
+.w2ui-grid .w2ui-editable input.w2ui-select {
+  outline: none !important;
+  background: #fff;
+}
+.w2ui-grid .w2ui-grid-summary {
+  position: absolute;
+  box-shadow: 0px -1px 4px #aaaaaa;
+}
+.w2ui-grid .w2ui-grid-summary table {
+  color: inherit;
+}
+.w2ui-grid .w2ui-grid-summary table .w2ui-odd {
+  background-color: #eef5eb;
+}
+.w2ui-grid .w2ui-grid-summary table .w2ui-even {
+  background-color: #f8fff5;
+}
+.w2ui-grid .w2ui-grid-footer {
+  position: absolute;
+  margin: 0px;
+  padding: 0px;
+  text-align: center;
+  height: 24px;
+  overflow: hidden;
+  user-select: text;
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  -ms-user-select: text;
+  -o-user-select: text;
+  box-shadow: 0px -1px 4px #eeeeee;
+  color: #444444;
+  background-color: #f8f8f8;
+  border-top: 1px solid #dddddd;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.w2ui-grid .w2ui-grid-footer .w2ui-footer-left {
+  float: left;
+  padding-top: 5px;
+  padding-left: 5px;
+}
+.w2ui-grid .w2ui-grid-footer .w2ui-footer-right {
+  float: right;
+  padding-top: 5px;
+  padding-right: 5px;
+}
+.w2ui-grid .w2ui-grid-footer .w2ui-footer-center {
+  padding: 2px;
+  text-align: center;
+}
+.w2ui-grid .w2ui-grid-footer .w2ui-footer-center .w2ui-footer-nav {
+  width: 110px;
+  margin: 0 auto;
+  padding: 0px;
+  text-align: center;
+}
+.w2ui-grid .w2ui-grid-footer .w2ui-footer-center .w2ui-footer-nav input[type=text] {
+  padding: 1px 2px 2px 2px;
+  border-radius: 3px;
+  width: 40px;
+  text-align: center;
+}
+.w2ui-grid .w2ui-grid-footer .w2ui-footer-center .w2ui-footer-nav a.w2ui-footer-btn {
+  display: inline-block;
+  border-radius: 3px;
+  cursor: pointer;
+  font-size: 11px;
+  line-height: 16px;
+  padding: 1px 5px;
+  width: 30px;
+  height: 18px;
+  margin-top: -1px;
+  color: #000000;
+  background-color: transparent;
+}
+.w2ui-grid .w2ui-grid-footer .w2ui-footer-center .w2ui-footer-nav a.w2ui-footer-btn:hover {
+  color: #000000;
+  background-color: #aec8ff;
+}
+/* SpeadSheet */
+.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd,
+.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even,
+.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd:hover,
+.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even:hover {
+  background-color: inherit;
+}
+.w2ui-ss .w2ui-grid-records table td {
+  border-right-width: 1px;
+  border-bottom: 1px solid #efefef;
+}
+.w2ui-ss .w2ui-grid-records table tr:first-child td {
+  border-bottom: 0px;
+}
+.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected,
+.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr td.w2ui-selected {
+  background-color: #EEF4FE !important;
+}
+.w2ui-ss .w2ui-changed {
+  background: inherit;
+}
+.w2ui-ss .w2ui-grid-body .w2ui-selection {
+  position: absolute;
+  border: 2px solid #6299DA;
+  /* #457FC2; */
+  pointer-events: none;
+}
+.w2ui-ss .w2ui-grid-body .w2ui-selection .w2ui-selection-resizer {
+  cursor: crosshair;
+  position: absolute;
+  bottom: 0px;
+  right: 0px;
+  width: 6px;
+  height: 6px;
+  margin-right: -3px;
+  margin-bottom: -3px;
+  background-color: #457FC2;
+  border: 0.5px solid #fff;
+  outline: 1px solid white;
+  pointer-events: auto;
+}
+.w2ui-overlay .w2ui-select-field {
+  padding: 8px 5px;
+  cursor: default;
+}
+.w2ui-overlay .w2ui-select-field table {
+  font-size: 11px;
+  font-family: Verdana, Arial, sans-serif;
+  border-spacing: 0px;
+  border-collapse: border-collapse;
+}
+.w2ui-overlay .w2ui-select-field table tr:hover {
+  background-color: #b6d5ff;
+}
+.w2ui-overlay .w2ui-select-field table td:nth-child(1) {
+  padding: 3px 3px 3px 6px;
+}
+.w2ui-overlay .w2ui-select-field table td:nth-child(1) input {
+  margin: 3px 2px 2px 2px;
+}
+.w2ui-overlay .w2ui-select-field table td:nth-child(2) {
+  padding: 3px 15px 3px 3px;
+}
+.w2ui-overlay .w2ui-col-on-off {
+  padding: 4px 0px;
+}
+.w2ui-overlay .w2ui-col-on-off table {
+  border-spacing: 0px;
+  border-collapse: border-collapse;
+}
+.w2ui-overlay .w2ui-col-on-off table tr:hover {
+  background-color: #b6d5ff;
+}
+.w2ui-overlay .w2ui-col-on-off table td input[type=checkbox] {
+  margin: 3px 2px 2px 2px;
+}
+.w2ui-overlay .w2ui-col-on-off table td label {
+  display: block;
+  padding: 3px 0px;
+  padding-right: 10px;
+}
+.w2ui-overlay .w2ui-col-on-off table td:first-child {
+  padding: 4px 0px 4px 6px;
+}
+.w2ui-overlay .w2ui-col-on-off table td:last-child {
+  padding: 4px 6px 4px 0px;
+}
+.w2ui-overlay .w2ui-grid-searches {
+  text-align: left;
+  padding: 0px;
+  border-top: 0px;
+  background-color: #f7f6f0;
+}
+.w2ui-overlay .w2ui-grid-searches table {
+  padding: 4px;
+  padding-top: 12px;
+  border-collapse: border-collapse;
+}
+.w2ui-overlay .w2ui-grid-searches table td {
+  padding: 4px;
+  /* for IE */
+}
+.w2ui-overlay .w2ui-grid-searches table td.close-btn {
+  width: 20px;
+  padding-right: 20px;
+}
+.w2ui-overlay .w2ui-grid-searches table td.close-btn button {
+  min-width: 24px;
+  height: 24px;
+  padding-top: 6px !important;
+}
+.w2ui-overlay .w2ui-grid-searches table td.caption {
+  text-align: right;
+  padding-right: 5px;
+  border-right: 1px solid #e8e8e3;
+}
+.w2ui-overlay .w2ui-grid-searches table td.operator {
+  text-align: left;
+  padding: 0px 10px;
+  padding-right: 5px;
+  border-right: 1px solid #e8e8e3;
+}
+.w2ui-overlay .w2ui-grid-searches table td.operator select {
+  width: 100%;
+  color: black;
+  padding: 0px 15px 0px 5px;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  -ms-appearance: none;
+  -o-appearance: none;
+  background-image: -webkit-linear-gradient(top,#ffffff 20%,#f6f6f6 50%,#eeeeee 52%,#f4f4f4 100%);
+  background-image: -moz-linear-gradient(top,#ffffff 20%,#f6f6f6 50%,#eeeeee 52%,#f4f4f4 100%);
+  background-image: -ms-linear-gradient(top,#ffffff 20%,#f6f6f6 50%,#eeeeee 52%,#f4f4f4 100%);
+  background-image: -o-linear-gradient(top,#ffffff 20%,#f6f6f6 50%,#eeeeee 52%,#f4f4f4 100%);
+  background-image: linear-gradient(top,#ffffff 20%,#f6f6f6 50%,#eeeeee 52%,#f4f4f4 100%);
+}
+.w2ui-overlay .w2ui-grid-searches table td.operator select::-ms-expand {
+  display: none;
+}
+.w2ui-overlay .w2ui-grid-searches table td.value {
+  padding-right: 5px;
+  padding-left: 5px;
+}
+.w2ui-overlay .w2ui-grid-searches table td.value input[type=text] {
+  border-radius: 3px;
+  padding: 3px;
+  margin-right: 3px;
+  height: 23px;
+}
+.w2ui-overlay .w2ui-grid-searches table td.value select {
+  padding: 3px;
+  margin-right: 3px;
+  height: 23px;
+}
+.w2ui-overlay .w2ui-grid-searches table td.actions {
+  border-right: 0px;
+}
+.w2ui-overlay .w2ui-grid-searches table td.actions > div {
+  margin: -7px;
+  margin-top: 15px;
+  padding: 13px 0px;
+  text-align: center;
+  background-color: #efefe9;
+  border-top: 1px solid #e8e8e3;
+}
+/*************************************************
+* ---- Popup ----
+*/
+.w2ui-popup {
+  position: fixed;
+  z-index: 1600;
+  overflow: hidden;
+  font-family: Verdana, Arial, sans-serif;
+  border-radius: 6px;
+  padding: 0px;
+  margin: 0px;
+  border: 1px solid #777777;
+  background-color: #eeeeee;
+  box-shadow: 0px 0px 25px #555555;
+}
+.w2ui-popup,
+.w2ui-popup * {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.w2ui-popup .w2ui-msg-title {
+  padding: 6px;
+  border-radius: 6px 6px 0px 0px;
+  background-image: -webkit-linear-gradient(#ececec, #dfdfdf);
+  background-image: -moz-linear-gradient(#ececec, #dfdfdf);
+  background-image: -ms-linear-gradient(#ececec, #dfdfdf);
+  background-image: -o-linear-gradient(#ececec, #dfdfdf);
+  background-image: linear-gradient(#ececec, #dfdfdf);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffececec', endColorstr='#ffdfdfdf', GradientType=0);
+  border-bottom: 2px solid #bfbfbf;
+  position: absolute;
+  overflow: hidden;
+  height: 32px;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  text-overflow: ellipsis;
+  text-align: center;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+  cursor: move;
+  font-size: 15px;
+  color: #555555;
+  z-index: 300;
+}
+.w2ui-popup .w2ui-msg-button {
+  float: right;
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+  overflow: hidden;
+  padding: 0px;
+  margin: 0px 3px 0px 0px;
+  background: url(data:image/png;base64,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) no-repeat center left;
+  background-position: 0px 0px;
+  color: transparent !important;
+  border-radius: 3px;
+  border: 1px solid transparent;
+}
+.w2ui-popup .w2ui-msg-close {
+  margin-top: 0px;
+  background-position: -32px 0px;
+}
+.w2ui-popup .w2ui-msg-close:hover {
+  background-color: #cccccc;
+  border: 1px solid #aaaaaa;
+}
+.w2ui-popup .w2ui-msg-max {
+  background-position: -16px 0px;
+}
+.w2ui-popup .w2ui-msg-max:hover {
+  background-color: #cccccc;
+  border: 1px solid #aaaaaa;
+}
+.w2ui-popup .w2ui-box1,
+.w2ui-popup .w2ui-box2 {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 32px;
+  bottom: 55px;
+  z-index: 100;
+}
+.w2ui-popup .w2ui-msg-body {
+  font-size: 13px;
+  line-height: 130%;
+  padding: 0px 7px 7px 7px;
+  color: #000000;
+  background-color: #eeeeee;
+  position: absolute;
+  overflow: auto;
+  width: 100%;
+  height: 100%;
+}
+.w2ui-popup .w2ui-popup-message {
+  position: absolute;
+  z-index: 250;
+  background-color: #f9f9f9;
+  border: 1px solid #999999;
+  box-shadow: 0px 0px 15px #aaaaaa;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+  border-top: 0px;
+  border-radius: 0px 0px 6px 6px;
+  overflow: auto;
+}
+.w2ui-popup .w2ui-msg-buttons {
+  padding: 12px;
+  border-radius: 0px 0px 6px 6px;
+  border-top: 1px solid #d5d8d8;
+  background-color: #f1f1f1;
+  text-align: center;
+  position: absolute;
+  overflow: hidden;
+  height: 52px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  z-index: 200;
+}
+.w2ui-popup .w2ui-msg-no-title {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+  top: 0px !important;
+}
+.w2ui-popup .w2ui-msg-no-buttons {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+  bottom: 0px !important;
+}
+/*************************************************
+* ---- Sidebar ----
+*/
+.w2ui-sidebar {
+  cursor: default;
+  overflow: hidden !important;
+  background-color: #edf1f6 !important;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.w2ui-sidebar * {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.w2ui-sidebar > div {
+  position: relative;
+  overflow: hidden;
+}
+.w2ui-sidebar .w2ui-sidebar-top {
+  position: absolute;
+  z-index: 2;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+}
+.w2ui-sidebar .w2ui-sidebar-bottom {
+  position: absolute;
+  z-index: 2;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+}
+.w2ui-sidebar .w2ui-sidebar-div {
+  position: absolute;
+  z-index: 1;
+  overflow: auto;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  padding: 2px 0px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+}
+.w2ui-sidebar .w2ui-sidebar-div table {
+  width: 100%;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node {
+  background-color: #edf1f6;
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+  margin: 0px;
+  padding: 1px 0px;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node table {
+  pointer-events: none;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-caption,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image > span,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node td.w2ui-node-dots {
+  color: #000000;
+  text-shadow: 0px 0px 0px #ffffff;
+  pointer-events: none;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-caption:hover,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image:hover,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image > span:hover,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node td.w2ui-node-dots:hover {
+  color: inherit;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node:hover {
+  border-top: 1px solid #f9f9f9;
+  border-bottom: 1px solid #f9f9f9;
+  background-color: #d7e1ef;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image {
+  width: 22px;
+  text-align: center;
+  pointer-events: none;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image > span {
+  color: #516173 !important;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node input {
+  pointer-events: auto;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover {
+  background-image: -webkit-linear-gradient(#69b1e0, #4a96d3);
+  background-image: -moz-linear-gradient(#69b1e0, #4a96d3);
+  background-image: -ms-linear-gradient(#69b1e0, #4a96d3);
+  background-image: -o-linear-gradient(#69b1e0, #4a96d3);
+  background-image: linear-gradient(#69b1e0, #4a96d3);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff69b1e0', endColorstr='#ff4a96d3', GradientType=0);
+  border-top: 1px solid #5295cd;
+  border-bottom: 1px solid #2661a6;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected .w2ui-node-caption,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover .w2ui-node-caption,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected .w2ui-node-image,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover .w2ui-node-image,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected .w2ui-node-image > span,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover .w2ui-node-image > span,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected td.w2ui-node-dots,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover td.w2ui-node-dots {
+  color: #ffffff !important;
+  text-shadow: 1px 1px 2px #666666 !important;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled:hover {
+  background: transparent !important;
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled .w2ui-node-caption,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled:hover .w2ui-node-caption,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled .w2ui-node-image,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled:hover .w2ui-node-image,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled .w2ui-node-image > span,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled:hover .w2ui-node-image > span,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled td.w2ui-node-dots,
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled:hover td.w2ui-node-dots {
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+  color: #000000 !important;
+  text-shadow: 0px 0px 0px #ffffff !important;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-caption {
+  white-space: nowrap;
+  padding: 5px 0px 5px 3px;
+  margin: 1px 0px 1px 22px;
+  position: relative;
+  z-index: 1;
+  font-size: 12px;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-group {
+  white-space: nowrap;
+  overflow: hidden;
+  padding: 10px 0px 10px 10px;
+  margin: 0px;
+  cursor: default;
+  color: #868b92;
+  background-color: transparent;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-group :nth-child(1) {
+  /* show / hide link */
+  margin-right: 10px;
+  float: right;
+  color: transparent;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-group :nth-child(2) {
+  /* title text */
+  font-weight: normal;
+  text-transform: uppercase;
+}
+.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-sub {
+  overflow: hidden;
+}
+.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-dots {
+  width: 18px;
+  padding: 0px 0px 1px 7px;
+  text-align: center;
+}
+.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-dots .w2ui-expand {
+  width: 16px;
+  margin-top: -3px;
+  pointer-events: auto;
+}
+.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-data {
+  padding: 1px 1px 3px 1px;
+}
+.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-data .w2ui-node-image {
+  padding: 3px 0px 0px 0px;
+  float: left;
+}
+.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-data .w2ui-node-image > span {
+  font-size: 16px;
+  color: #000000;
+  text-shadow: 0px 0px 0px #ffffff;
+}
+.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-data .w2ui-node-image.w2ui-icon {
+  margin-top: 3px;
+}
+.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-data .w2ui-node-count {
+  float: right;
+  border: 1px solid #9da4af;
+  border-radius: 20px;
+  width: auto;
+  height: 18px;
+  padding: 2px 7px;
+  margin: 3px 4px -2px 0;
+  background-color: #e7f0fc;
+  color: #667274;
+  box-shadow: 0 0 2px #ffffff;
+  text-shadow: 1px 1px 1px #e6e6e6;
+  position: relative;
+  z-index: 2;
+}
+/*************************************************
+* ---- Tabs ----
+*/
+.w2ui-tabs {
+  cursor: default;
+  overflow: hidden !important;
+  background-color: #fafafa;
+  padding: 3px 0px;
+  padding-bottom: 0px !important;
+}
+.w2ui-tabs table {
+  border-bottom: 1px solid silver;
+  padding: 0px 7px;
+}
+.w2ui-tabs .w2ui-tab {
+  padding: 6px 20px;
+  text-align: center;
+  color: #000000;
+  background-color: transparent;
+  border: 1px solid #c0c0c0;
+  border-bottom: 1px solid silver;
+  white-space: nowrap;
+  margin: 1px 1px -1px 0px;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  cursor: default;
+}
+.w2ui-tabs .w2ui-tab.active {
+  color: #000000;
+  background-color: #ffffff;
+  border: 1px solid #c0c0c0;
+  border-bottom: 1px solid transparent;
+}
+.w2ui-tabs .w2ui-tab.closable {
+  padding: 6px 28px 6px 20px;
+}
+.w2ui-tabs .w2ui-tab-close {
+  color: #555;
+  text-shadow: 1px 1px 1px #bbb;
+  float: right;
+  margin: 6px 4px 0px 0px;
+  padding: 0px 0px 0px 5px;
+  width: 16px;
+  height: 16px;
+  opacity: 0.9;
+  border: 0px;
+  border-top: 3px solid transparent;
+  border-radius: 9px;
+}
+.w2ui-tabs .w2ui-tab-close:hover {
+  background-color: #D77F7F;
+  color: white;
+}
+.w2ui-tabs .w2ui-tab-close:before {
+  position: relative;
+  top: -2px;
+  left: 0px;
+  opacity: 0.6;
+  color: inherit;
+  text-shadow: inherit;
+  content: 'x';
+}
+/*************************************************
+* ---- Toolbar ----
+*/
+.w2ui-toolbar {
+  margin: 0px;
+  padding: 2px;
+  outline: 0px;
+  background-color: #efefef;
+  overflow: hidden !important;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+}
+.w2ui-toolbar .disabled {
+  opacity: 0.3;
+  filter: alpha(opacity=30);
+}
+.w2ui-toolbar table {
+  table-layout: auto !important;
+}
+.w2ui-toolbar table td {
+  border: 0px !important;
+}
+.w2ui-toolbar table.w2ui-button {
+  margin: 0px 1px;
+  border-radius: 4px;
+  height: 24px;
+  border: 1px solid transparent;
+  background-color: transparent;
+}
+.w2ui-toolbar table.w2ui-button .w2ui-tb-image {
+  width: 16px;
+  height: 16px;
+  padding: 0px;
+  margin: 2px 4px 3px 3px !important;
+  border: 0px !important;
+  text-align: center;
+}
+.w2ui-toolbar table.w2ui-button .w2ui-tb-image > span {
+  font-size: 15px;
+  margin-top: 3px;
+  display: block;
+  color: #8d99a7;
+}
+.w2ui-toolbar table.w2ui-button .w2ui-tb-caption {
+  color: #000000;
+  padding: 0px 4px 0px 2px;
+}
+.w2ui-toolbar table.w2ui-button .w2ui-tb-count {
+  padding: 0px 4px 0px 0px;
+}
+.w2ui-toolbar table.w2ui-button .w2ui-tb-count > span {
+  border: 1px solid #9da4af;
+  border-radius: 20px;
+  width: auto;
+  height: 18px;
+  padding: 2px 7px;
+  background-color: #e7f0fc;
+  color: #667274;
+  box-shadow: 0 0 2px #ffffff;
+  text-shadow: 1px 1px 1px #e6e6e6;
+}
+.w2ui-toolbar table.w2ui-button .w2ui-tb-down {
+  padding: 3px;
+}
+.w2ui-toolbar table.w2ui-button .w2ui-tb-down > div {
+  border: 4px solid transparent;
+  border-top: 5px solid #8D99A7;
+  margin-top: 5px;
+}
+.w2ui-toolbar table.w2ui-button.over {
+  border: 1px solid #cccccc;
+  background-color: #eeeeee;
+}
+.w2ui-toolbar table.w2ui-button.over .w2ui-tb-caption {
+  color: #000000;
+}
+.w2ui-toolbar table.w2ui-button.down {
+  border: 1px solid #aaaaaa;
+  background-color: #dddddd;
+}
+.w2ui-toolbar table.w2ui-button.down .w2ui-tb-caption {
+  color: #666666;
+}
+.w2ui-toolbar table.w2ui-button.checked {
+  border: 1px solid #aaaaaa;
+  background-color: #ffffff;
+}
+.w2ui-toolbar table.w2ui-button.checked .w2ui-tb-caption {
+  color: #000000;
+}
+.w2ui-toolbar table.w2ui-button table {
+  height: 17px;
+  border-radius: 4px;
+  cursor: default;
+}
+.w2ui-toolbar .w2ui-break {
+  background-image: -webkit-linear-gradient(top, rgba(153, 153, 153, 0.1) 0%, #999999 40%, #999999 60%, rgba(153, 153, 153, 0.1) 100%);
+  background-image: -moz-linear-gradient(top, rgba(153, 153, 153, 0.1) 0%, #999999 40%, #999999 60%, rgba(153, 153, 153, 0.1) 100%);
+  background-image: -ms-linear-gradient(top, rgba(153, 153, 153, 0.1) 0%, #999999 40%, #999999 60%, rgba(153, 153, 153, 0.1) 100%);
+  background-image: -o-linear-gradient(top, rgba(153, 153, 153, 0.1) 0%, #999999 40%, #999999 60%, rgba(153, 153, 153, 0.1) 100%);
+  background-image: linear-gradient(top, rgba(153, 153, 153, 0.1) 0%, #999999 40%, #999999 60%, rgba(153, 153, 153, 0.1) 100%);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff999999', endColorstr='#ff999999', GradientType=0);
+  width: 1px !important;
+  height: 22px;
+  padding: 0px;
+  margin: 0px 6px;
+}
+.w2ui-listview {
+  overflow: auto !important;
+  background-color: #ffffff !important;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.w2ui-listview * {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.w2ui-listview > ul {
+  list-style-type: none;
+  margin: 0;
+  cursor: default;
+}
+.w2ui-listview > ul > li {
+  display: inline-block;
+  vertical-align: top;
+  overflow: hidden;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.w2ui-listview > ul > li.w2ui-focused {
+  border: 1px solid #2661a6;
+}
+.w2ui-listview > ul > li.w2ui-selected {
+  border: 1px solid #2661a6;
+}
+.w2ui-listview > ul > li.w2ui-selected,
+.w2ui-listview > ul > li.w2ui-selected.hover {
+  background-image: -webkit-linear-gradient(#69b1e0, #4a96d3);
+  background-image: -moz-linear-gradient(#69b1e0, #4a96d3);
+  background-image: -ms-linear-gradient(#69b1e0, #4a96d3);
+  background-image: -o-linear-gradient(#69b1e0, #4a96d3);
+  background-image: linear-gradient(#69b1e0, #4a96d3);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff69b1e0', endColorstr='#ff4a96d3', GradientType=0);
+}
+.w2ui-listview > ul > li.w2ui-selected > div > div.caption,
+.w2ui-listview > ul > li.w2ui-selected.hover > div > div.caption {
+  color: #ffffff;
+}
+.w2ui-listview > ul > li.w2ui-selected > div > div.description,
+.w2ui-listview > ul > li.w2ui-selected.hover > div > div.description {
+  color: #dddddd;
+}
+.w2ui-listview > ul > li.w2ui-selected > div > div.extra > div > div,
+.w2ui-listview > ul > li.w2ui-selected.hover > div > div.extra > div > div {
+  color: #dddddd;
+}
+.w2ui-listview > ul > li.hover {
+  background-color: #d7e1ef;
+  border: 1px solid #2661a6;
+}
+.w2ui-listview > ul > li div {
+  vertical-align: middle;
+}
+.w2ui-listview > ul > li > div > div.caption {
+  display: block;
+  text-align: center;
+  word-wrap: break-word;
+  max-height: 50px;
+  color: #000000;
+  font-size: 12px;
+}
+.w2ui-listview > ul > li > div > div.description {
+  display: none;
+  text-align: left;
+  color: #777777;
+  font-size: 12px;
+}
+.w2ui-listview > ul > li > div > div.extra {
+  display: none;
+}
+.w2ui-listview > ul > li > div > div.extra > div > div {
+  color: #777777;
+}
+.w2ui-icon-small > ul {
+  padding: 1px 0px 0px 1px;
+}
+.w2ui-icon-small > ul > li {
+  margin: 0px 1px 1px 0px;
+  padding: 2px;
+  width: 250px;
+  white-space: nowrap;
+}
+.w2ui-icon-small > ul > li > div > div.w2ui-listview-img {
+  display: inline-block;
+  width: 26px;
+  height: 22px;
+  font-size: 21px;
+  margin-right: 2px;
+}
+.w2ui-icon-small > ul > li > div > div.caption {
+  display: inline-block;
+}
+.w2ui-icon-medium > ul {
+  padding: 4px 0px 0px 4px;
+}
+.w2ui-icon-medium > ul > li {
+  margin: 0px 4px 4px 0px;
+  padding: 4px;
+  width: 100px;
+}
+.w2ui-icon-medium > ul > li > div > div.w2ui-listview-img {
+  display: block;
+  width: 92px;
+  height: 60px;
+  font-size: 57px;
+  margin-left: auto;
+  margin-right: auto;
+  background-position: center;
+}
+.w2ui-icon-large > ul {
+  padding: 4px 0px 0px 4px;
+}
+.w2ui-icon-large > ul > li {
+  margin: 0px 4px 4px 0px;
+  padding: 4px;
+  width: 160px;
+}
+.w2ui-icon-large > ul > li > div > div.w2ui-listview-img {
+  display: block;
+  width: 152px;
+  height: 120px;
+  font-size: 114px;
+  margin-left: auto;
+  margin-right: auto;
+  background-position: center;
+}
+.w2ui-icon-tile > ul {
+  padding: 1px 0px 0px 1px;
+}
+.w2ui-icon-tile > ul > li {
+  margin: 0px 1px 1px 0px;
+  padding: 4px;
+  width: 250px;
+  white-space: nowrap;
+}
+.w2ui-icon-tile > ul > li > div > div.w2ui-listview-img {
+  display: inline-block;
+  width: 72px;
+  height: 60px;
+  font-size: 57px;
+  float: left;
+  margin-right: 4px;
+}
+.w2ui-icon-tile > ul > li > div > div.caption {
+  text-align: left;
+}
+.w2ui-icon-tile > ul > li > div > div.description {
+  display: block;
+}
+.w2ui-table > ul {
+  padding: 0;
+}
+.w2ui-table > ul > li {
+  width: 100%;
+  padding: 2px;
+  border-radius: 0px;
+  border-bottom: 1px dotted lightgray;
+}
+.w2ui-table > ul > li > div {
+  display: inline-block;
+  position: relative;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.w2ui-table > ul > li > div > div.w2ui-listview-img {
+  display: inline-block;
+  width: 38px;
+  height: 32px;
+  font-size: 31px;
+  margin-right: 2px;
+}
+.w2ui-table > ul > li > div > div.caption {
+  display: inline-block;
+}
+.w2ui-table > ul > li > div > div.extra {
+  display: inline-block;
+  position: absolute;
+  right: 0;
+  height: 100%;
+  background-color: #ffffff;
+}
+.w2ui-table > ul > li > div > div.extra > div:before {
+  display: inline-block;
+  height: 100%;
+  width: 0;
+  content: '';
+  vertical-align: middle;
+}
+.w2ui-table > ul > li > div > div.extra > div {
+  display: inline;
+}
+.w2ui-table > ul > li > div > div.extra > div > div {
+  display: inline-block;
+  font-size: 12px;
+}
+.w2ui-table > ul > li.w2ui-selected div.extra,
+.w2ui-table > ul > li.w2ui-selected.hover div.extra {
+  background-image: -webkit-linear-gradient(#69b1e0, #4a96d3);
+  background-image: -moz-linear-gradient(#69b1e0, #4a96d3);
+  background-image: -ms-linear-gradient(#69b1e0, #4a96d3);
+  background-image: -o-linear-gradient(#69b1e0, #4a96d3);
+  background-image: linear-gradient(#69b1e0, #4a96d3);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff69b1e0', endColorstr='#ff4a96d3', GradientType=0);
+}
+.w2ui-table > ul > li.hover div.extra {
+  background-color: #d7e1ef;
+}
+.w2ui-listview > ul > li div.icon-none {
+  border: 1px solid rgba(102, 102, 102, 0.35);
+}
diff --git a/loleaflet/dist/toolbar/w2ui-1.4.3.js b/loleaflet/dist/toolbar/w2ui-1.4.3.js
new file mode 100644
index 000000000..c7cbad414
--- /dev/null
+++ b/loleaflet/dist/toolbar/w2ui-1.4.3.js
@@ -0,0 +1,13715 @@
+/* w2ui 1.4.3 (c) http://w2ui.com, vitmalina at gmail.com */
+var w2ui  = w2ui  || {};
+var w2obj = w2obj || {}; // expose object to be able to overwrite default functions
+
+/************************************************
+*  Library: Web 2.0 UI for jQuery
+*  - Following objects are defines
+*        - w2ui             - object that will contain all widgets
+*        - w2obj            - object with widget prototypes
+*        - w2utils          - basic utilities
+*        - $().w2render     - common render
+*        - $().w2destroy    - common destroy
+*        - $().w2marker     - marker plugin
+*        - $().w2tag        - tag plugin
+*        - $().w2overlay    - overlay plugin
+*        - $().w2menu       - menu plugin
+*        - w2utils.event    - generic event object
+*        - w2utils.keyboard - object for keyboard navigation
+*  - Dependencies: jQuery
+*
+* == NICE TO HAVE ==
+*   - overlay should be displayed where more space (on top or on bottom)
+*   - write and article how to replace certain framework functions
+*   - onComplete should pass widget as context (this)
+*   - add maxHeight for the w2menu
+*   - user localization from another lib (make it generic), https://github.com/jquery/globalize#readme
+*   - hidden and disabled in menus
+*   - isTime should support seconds
+*   - TEST On IOS
+*
+************************************************/
+
+var w2utils = (function () {
+    var tmp = {}; // for some temp variables
+    var obj = {
+        version  : '1.4.3',
+        settings : {
+            "locale"            : "en-us",
+            "date_format"       : "m/d/yyyy",
+            "date_display"      : "Mon d, yyyy",
+            "time_format"       : "hh:mi pm",
+            "currencyPrefix"    : "$",
+            "currencySuffix"    : "",
+            "currencyPrecision" : 2,
+            "groupSymbol"       : ",",
+            "decimalSymbol"     : ".",
+            "shortmonths"       : ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+            "fullmonths"        : ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+            "shortdays"         : ["M", "T", "W", "T", "F", "S", "S"],
+            "fulldays"          : ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
+            "dataType"          : 'HTTP',   // can be HTTP, RESTFULL, JSON (case sensative)
+            "phrases"           : {}        // empty object for english phrases
+        },
+        isInt           : isInt,
+        isFloat         : isFloat,
+        isMoney         : isMoney,
+        isHex           : isHex,
+        isAlphaNumeric  : isAlphaNumeric,
+        isEmail         : isEmail,
+        isDate          : isDate,
+        isTime          : isTime,
+        age             : age,
+        date            : date,
+        size            : size,
+        formatNumber    : formatNumber,
+        formatDate      : formatDate,
+        formatTime      : formatTime,
+        formatDateTime  : formatDateTime,
+        stripTags       : stripTags,
+        encodeTags      : encodeTags,
+        escapeId        : escapeId,
+        base64encode    : base64encode,
+        base64decode    : base64decode,
+        transition      : transition,
+        lock            : lock,
+        unlock          : unlock,
+        lang            : lang,
+        locale          : locale,
+        getSize         : getSize,
+        scrollBarSize   : scrollBarSize,
+        checkName       : checkName,
+        checkUniqueId   : checkUniqueId,
+        parseRoute      : parseRoute,
+        // some internal variables
+        isIOS : ((navigator.userAgent.toLowerCase().indexOf('iphone') != -1 ||
+                 navigator.userAgent.toLowerCase().indexOf('ipod') != -1 ||
+                 navigator.userAgent.toLowerCase().indexOf('ipad') != -1) 
+                 ? true : false),
+        isIE : ((navigator.userAgent.toLowerCase().indexOf('msie') != -1 ||
+                 navigator.userAgent.toLowerCase().indexOf('trident') != -1 )
+                 ? true : false)
+    };
+    return obj;
+
+    function isInt (val) {
+        var re = /^[-+]?[0-9]+$/;
+        return re.test(val);
+    }
+
+    function isFloat (val) {
+        if (typeof val == 'string') val = val.replace(w2utils.settings.decimalSymbol, '.');
+        return (typeof val === 'number' || (typeof val === 'string' && val !== '')) && !isNaN(Number(val));
+    }
+
+    function isMoney (val) {
+        var se = w2utils.settings;
+        var re = new RegExp('^'+ (se.currencyPrefix ? '\\' + se.currencyPrefix + '?' : '') +'[-+]?[0-9]*[\\'+ w2utils.settings.decimalSymbol +']?[0-9]+'+ (se.currencySuffix ? '\\' + se.currencySuffix + '?' : '') +'$', 'i');
+        if (typeof val === 'string') {
+            val = val.replace(new RegExp(se.groupSymbol, 'g'), '');
+        }
+        if (typeof val === 'object' || val === '') return false;
+        return re.test(val);
+    }
+
+    function isHex (val) {
+        var re = /^[a-fA-F0-9]+$/;
+        return re.test(val);
+    }
+
+    function isAlphaNumeric (val) {
+        var re = /^[a-zA-Z0-9_-]+$/;
+        return re.test(val);
+    }
+
+    function isEmail (val) {
+        var email = /^[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
+        return email.test(val);
+    }
+
+    function isDate (val, format, retDate) {
+        if (!val) return false;
+
+        var dt   = 'Invalid Date';
+        var month, day, year;
+
+        if (format == null) format = w2utils.settings.date_format;
+
+        if (typeof val.getUTCFullYear === 'function' && typeof val.getUTCMonth === 'function' && typeof val.getUTCDate === 'function') {
+            year = val.getUTCFullYear();
+            month = val.getUTCMonth();
+            day = val.getUTCDate();
+        } else if (typeof val.getFullYear === 'function' && typeof val.getMonth === 'function' && typeof val.getDate === 'function') {

... etc. - the rest is truncated


More information about the Libreoffice-commits mailing list