From 3de62432ccd5d9d595bbe7de6725fb22e527ad5a Mon Sep 17 00:00:00 2001
From: joneff <joneff@gmail.com>
Date: Thu, 14 Jul 2016 15:35:07 +0300
Subject: [PATCH] rename dist files. add editor file

---
 demo/area-charts.html                         |    6 +-
 demo/autocomplete.html                        |    6 +-
 demo/bar-charts.html                          |    6 +-
 demo/barcode.html                             |    6 +-
 demo/box-plot-charts.html                     |    6 +-
 demo/bubble-charts.html                       |    6 +-
 demo/bullet-charts.html                       |    6 +-
 demo/button.html                              |    6 +-
 demo/buttongroup.html                         |    6 +-
 demo/calendar.html                            |    6 +-
 demo/colorpicker.html                         |    6 +-
 demo/combobox.html                            |    7 +-
 demo/datepicker.html                          |    9 +-
 demo/datetimepicker.html                      |    9 +-
 demo/donut-charts.html                        |    6 +-
 demo/dropdownlist.html                        |    7 +-
 demo/editor.html                              |   66 +
 demo/funnel-charts.html                       |    6 +-
 demo/input.html                               |    6 +-
 demo/line-charts.html                         |    6 +-
 demo/linear-gauge.html                        |    6 +-
 demo/map.html                                 |    6 +-
 demo/maskedtextbox.html                       |    6 +-
 demo/menu.html                                |    6 +-
 demo/multiselect.html                         |    6 +-
 demo/notification.html                        |   10 +-
 demo/numerictextbox.html                      |    7 +-
 demo/panelbar.html                            |    6 +-
 demo/pickers.html                             |    9 +-
 demo/pie-charts.html                          |    6 +-
 demo/polar-charts.html                        |    6 +-
 demo/progressbar.html                         |    6 +-
 demo/qrcode.html                              |    6 +-
 demo/radar-charts.html                        |    6 +-
 demo/radial-gauge.html                        |    6 +-
 demo/range-bar-charts.html                    |    6 +-
 demo/responsive-panel.html                    |   10 +-
 demo/scatter-charts.html                      |    6 +-
 demo/scroller.html                            |    9 +-
 demo/slider.html                              |    6 +-
 demo/splitter.html                            |   13 +-
 demo/switch.html                              |    6 +-
 demo/tabstrip.html                            |    6 +-
 demo/timepicker.html                          |    7 +-
 demo/toolbar.html                             |    6 +-
 demo/tooltip.html                             |    6 +-
 demo/treemap.html                             |    6 +-
 demo/treeview.html                            |    6 +-
 demo/upload.html                              |    6 +-
 demo/validator.html                           |    6 +-
 demo/waterfall-charts.html                    |    6 +-
 demo/window.html                              |    6 +-
 dist/kendo.bootstrap-v4.css                   | 2759 -----------------
 gulpfile.js                                   |    4 +-
 src/_bootstrap-map.scss                       |    2 -
 ...ootstrap-v4.scss => _kendo.bootstrap.scss} |    0
 src/editor/_layout.scss                       |   63 +
 src/editor/_theme.scss                        |   12 +
 src/editor/editor.scss                        |   15 +
 src/main.scss                                 |    2 +
 src/scrollview/_layout.scss                   |   11 +
 src/scrollview/_theme.scss                    |    5 +
 src/scrollview/scrollview.scss                |   11 +
 63 files changed, 340 insertions(+), 2947 deletions(-)
 create mode 100644 demo/editor.html
 delete mode 100644 dist/kendo.bootstrap-v4.css
 rename src/{kendo.bootstrap-v4.scss => _kendo.bootstrap.scss} (100%)
 create mode 100644 src/editor/_layout.scss
 create mode 100644 src/editor/_theme.scss
 create mode 100644 src/editor/editor.scss
 create mode 100644 src/main.scss
 create mode 100644 src/scrollview/_layout.scss
 create mode 100644 src/scrollview/_theme.scss
 create mode 100644 src/scrollview/scrollview.scss

diff --git a/demo/area-charts.html b/demo/area-charts.html
index b87e263..46d502c 100644
--- a/demo/area-charts.html
+++ b/demo/area-charts.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Area charts</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/autocomplete.html b/demo/autocomplete.html
index 15be3ce..ef420bb 100644
--- a/demo/autocomplete.html
+++ b/demo/autocomplete.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Autocomplete</title>
 
-	<link rel="stylesheet" href="../dist/autocomplete.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.w20p { display: inline-block; width: 20%; }
diff --git a/demo/bar-charts.html b/demo/bar-charts.html
index cd7f065..e3b8c2e 100644
--- a/demo/bar-charts.html
+++ b/demo/bar-charts.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Bar charts</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/barcode.html b/demo/barcode.html
index a462c59..af740b8 100644
--- a/demo/barcode.html
+++ b/demo/barcode.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Barcode</title>
 
-	<link rel="stylesheet" href="../dist/switch.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/box-plot-charts.html b/demo/box-plot-charts.html
index c5a94ac..3b71b17 100644
--- a/demo/box-plot-charts.html
+++ b/demo/box-plot-charts.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Box plot charts</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/bubble-charts.html b/demo/bubble-charts.html
index d6944ea..c3e9e0c 100644
--- a/demo/bubble-charts.html
+++ b/demo/bubble-charts.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Bubble charts</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/bullet-charts.html b/demo/bullet-charts.html
index bc9b7da..2d5c5c3 100644
--- a/demo/bullet-charts.html
+++ b/demo/bullet-charts.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Bullet charts</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/button.html b/demo/button.html
index 5328a63..cb78b14 100644
--- a/demo/button.html
+++ b/demo/button.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Button</title>
 
-	<link rel="stylesheet" href="../dist/button.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 </head>
 <body>
 
diff --git a/demo/buttongroup.html b/demo/buttongroup.html
index b87d2b0..8dfee13 100644
--- a/demo/buttongroup.html
+++ b/demo/buttongroup.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Button group</title>
 
-	<link rel="stylesheet" href="../dist/button.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 </head>
 <body>
 
diff --git a/demo/calendar.html b/demo/calendar.html
index 1110687..a30c59c 100644
--- a/demo/calendar.html
+++ b/demo/calendar.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Calendar</title>
 
-	<link rel="stylesheet" href="../dist/calendar.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style>
 	.k-calendar {
diff --git a/demo/colorpicker.html b/demo/colorpicker.html
index 75ad37e..845d695 100644
--- a/demo/colorpicker.html
+++ b/demo/colorpicker.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Colorpicker</title>
 
-	<link rel="stylesheet" href="../dist/colorpicker.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 </head>
 <body>
 
diff --git a/demo/combobox.html b/demo/combobox.html
index cf3d2e7..6fb3a9a 100644
--- a/demo/combobox.html
+++ b/demo/combobox.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Combobox</title>
 
-	<link rel="stylesheet" href="../dist/combobox.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.w20p { display: inline-block; width: 20%; }
@@ -44,7 +44,6 @@
 
 	<script>
 	kendo.init( $(".container") );
-	$(".k-icon").html( "" );
 	$("#size").data("kendoComboBox").open();
 	</script>
 
diff --git a/demo/datepicker.html b/demo/datepicker.html
index 4e56541..1534247 100644
--- a/demo/datepicker.html
+++ b/demo/datepicker.html
@@ -4,12 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Date picker</title>
 
-	<link rel="stylesheet" href="../dist/calendar.css" />
-	<link rel="stylesheet" href="../dist/datetime.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
@@ -26,8 +25,6 @@
 
 	<script>
 	kendo.init( $(".container") );
-
-	$( ".k-icon" ).html( "" );
 	</script>
 
 
diff --git a/demo/datetimepicker.html b/demo/datetimepicker.html
index 217ce3a..0bf35a9 100644
--- a/demo/datetimepicker.html
+++ b/demo/datetimepicker.html
@@ -4,12 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Datetime picker</title>
 
-	<link rel="stylesheet" href="../dist/calendar.css" />
-	<link rel="stylesheet" href="../dist/datetime.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
@@ -25,8 +24,6 @@
 
 	<script>
 	kendo.init( $(".container") );
-
-	$( ".k-icon" ).html( "" );
 	</script>
 
 
diff --git a/demo/donut-charts.html b/demo/donut-charts.html
index c05da1b..8e4f95b 100644
--- a/demo/donut-charts.html
+++ b/demo/donut-charts.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Donut charts</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/dropdownlist.html b/demo/dropdownlist.html
index c5f9414..4f59b6d 100644
--- a/demo/dropdownlist.html
+++ b/demo/dropdownlist.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Dropdown</title>
 
-	<link rel="stylesheet" href="../dist/dropdownlist.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.w20p { display: inline-block; width: 20%; }
@@ -44,7 +44,6 @@
 
 	<script>
 	kendo.init( $(".container") );
-	$(".k-icon").html( "" );
 	$("#size").data("kendoDropDownList").open();
 	</script>
 
diff --git a/demo/editor.html b/demo/editor.html
new file mode 100644
index 0000000..07be306
--- /dev/null
+++ b/demo/editor.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>Editor</title>
+
+	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
+
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
+
+	<style type="text/css">
+	</style>
+</head>
+<body>
+
+
+	<div class="container">
+		<legend>Editor</legend>
+
+		<div data-role="editor"></div>
+		<hr />
+		<textarea data-role="editor" rows="20" cols="20"></textarea>
+	</div>
+
+
+	<script>
+	kendo.init( $(".container") );
+
+	// Massage
+	$( ".k-tool" ).addClass( "k-button" );
+	$(".k-tool-icon").addClass( "k-icon" );
+	$(".k-icon").html("");
+
+	$( ".k-icon" ).each(function() {
+		var icon = this.className;
+
+		icon = icon.replace( "k-tool-icon", "" ).replace( "k-icon", "" ).trim();
+
+		if ( icon.startsWith( "k-i-" ) ) {
+			return;
+		}
+
+		switch (icon) {
+			case "k-createLink": {
+				icon = "k-hyperlink";
+				break;
+			}
+			case "k-unlink": {
+				icon = "k-hyperlinremove";
+				break;
+			}
+		};
+
+		icon = kendo.toHyphens( icon );
+		icon = icon.replace( "k-", "k-i-" );
+		$( this ).addClass( icon );
+	});
+
+	$( ".k-editor-toolbar" ).addClass( "k-reset k-toolbar" );
+	</script>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/demo/funnel-charts.html b/demo/funnel-charts.html
index a57fb09..baef657 100644
--- a/demo/funnel-charts.html
+++ b/demo/funnel-charts.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Funnel charts</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/input.html b/demo/input.html
index 4b1d724..1120a35 100644
--- a/demo/input.html
+++ b/demo/input.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Inputs</title>
 
-	<link rel="stylesheet" href="../dist/input.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.w20p { display: inline-block; width: 20%; }
diff --git a/demo/line-charts.html b/demo/line-charts.html
index 217b4e9..adef8b6 100644
--- a/demo/line-charts.html
+++ b/demo/line-charts.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Line charts</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/linear-gauge.html b/demo/linear-gauge.html
index e87a915..4cab80c 100644
--- a/demo/linear-gauge.html
+++ b/demo/linear-gauge.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Linear gauge</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/map.html b/demo/map.html
index bce5d7c..f65f17f 100644
--- a/demo/map.html
+++ b/demo/map.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Map</title>
 
-	<link rel="stylesheet" href="../dist/map.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/maskedtextbox.html b/demo/maskedtextbox.html
index d590d25..afba749 100644
--- a/demo/maskedtextbox.html
+++ b/demo/maskedtextbox.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Masked textbox</title>
 
-	<link rel="stylesheet" href="../dist/input.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/menu.html b/demo/menu.html
index e02b692..8a51aff 100644
--- a/demo/menu.html
+++ b/demo/menu.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Menu</title>
 
-	<link rel="stylesheet" href="../dist/menu.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 </head>
 <body>
 
diff --git a/demo/multiselect.html b/demo/multiselect.html
index 119b2f1..f0a51c5 100644
--- a/demo/multiselect.html
+++ b/demo/multiselect.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Multiselect</title>
 
-	<link rel="stylesheet" href="../dist/multiselect.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.w20p { display: inline-block; width: 20%; }
diff --git a/demo/notification.html b/demo/notification.html
index 6756a3f..988ab96 100644
--- a/demo/notification.html
+++ b/demo/notification.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Notification</title>
 
-	<link rel="stylesheet" href="../dist/notification.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.w20p { display: inline-block; width: 20%; }
@@ -62,10 +62,6 @@
 		container.scrollTop(container[0].scrollHeight);
 
 	});
-
-	$(".k-icon").html( "" )
-
-	$(".k-i-close").addClass("k-i-x");
 	</script>
 
 
diff --git a/demo/numerictextbox.html b/demo/numerictextbox.html
index 43866fb..186d0ef 100644
--- a/demo/numerictextbox.html
+++ b/demo/numerictextbox.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Numeric textbox</title>
 
-	<link rel="stylesheet" href="../dist/numerictextbox.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.w20p { display: inline-block; width: 20%; }
@@ -27,7 +27,6 @@
 
 	<script>
 	kendo.init( $(".container") );
-	$( ".k-icon" ).html( "" );
 	</script>
 
 
diff --git a/demo/panelbar.html b/demo/panelbar.html
index bcd7684..b801304 100644
--- a/demo/panelbar.html
+++ b/demo/panelbar.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Panelbar</title>
 
-	<link rel="stylesheet" href="../dist/panelbar.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.k-panelbar {
diff --git a/demo/pickers.html b/demo/pickers.html
index 47c31a6..0b2908b 100644
--- a/demo/pickers.html
+++ b/demo/pickers.html
@@ -4,12 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Pickers</title>
 
-	<link rel="stylesheet" href="../dist/calendar.css" />
-	<link rel="stylesheet" href="../dist/datetime.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.w20p { display: inline-block; width: 20%; }
@@ -39,8 +38,6 @@
 
 	<script>
 	kendo.init( $(".container") );
-
-	$( ".k-icon" ).html( "" );
 	</script>
 
 
diff --git a/demo/pie-charts.html b/demo/pie-charts.html
index ed4ed24..1e58853 100644
--- a/demo/pie-charts.html
+++ b/demo/pie-charts.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Pie charts</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/polar-charts.html b/demo/polar-charts.html
index c286f31..8801bbc 100644
--- a/demo/polar-charts.html
+++ b/demo/polar-charts.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Polar charts</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/progressbar.html b/demo/progressbar.html
index 0f5f1e5..c72498f 100644
--- a/demo/progressbar.html
+++ b/demo/progressbar.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Progressbar</title>
 
-	<link rel="stylesheet" href="../dist/progressbar.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/qrcode.html b/demo/qrcode.html
index dcc4c6c..7f7106f 100644
--- a/demo/qrcode.html
+++ b/demo/qrcode.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>QR code</title>
 
-	<link rel="stylesheet" href="../dist/switch.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/radar-charts.html b/demo/radar-charts.html
index 1d7dc12..63e0762 100644
--- a/demo/radar-charts.html
+++ b/demo/radar-charts.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Radar charts</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/radial-gauge.html b/demo/radial-gauge.html
index 86e8984..abdcadc 100644
--- a/demo/radial-gauge.html
+++ b/demo/radial-gauge.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Radial gauge</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/range-bar-charts.html b/demo/range-bar-charts.html
index 809075d..b52d95d 100644
--- a/demo/range-bar-charts.html
+++ b/demo/range-bar-charts.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Range bar charts</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/responsive-panel.html b/demo/responsive-panel.html
index cf25cb1..1b515f9 100644
--- a/demo/responsive-panel.html
+++ b/demo/responsive-panel.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Responsive panel</title>
 
-	<link rel="stylesheet" href="../dist/responsivepanel.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
@@ -32,10 +32,6 @@
 
 	<script>
 	kendo.init( $(".container") );
-
-	// Massage
-	$(".k-icon").html("");
-	$(".k-i-close").addClass("k-i-x");
 	</script>
 
 
diff --git a/demo/scatter-charts.html b/demo/scatter-charts.html
index 6bc5bd3..f9601c1 100644
--- a/demo/scatter-charts.html
+++ b/demo/scatter-charts.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Scatter charts</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/scroller.html b/demo/scroller.html
index 6254aea..493ab4a 100644
--- a/demo/scroller.html
+++ b/demo/scroller.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Scroller</title>
 
-	<link rel="stylesheet" href="../dist/scroller.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
@@ -28,9 +28,6 @@
 	<script>
 	new kendo.mobile.Application();
 	kendo.init( $(".container") );
-
-	// Massage
-	$(".k-icon").html("");
 	</script>
 
 
diff --git a/demo/slider.html b/demo/slider.html
index 6d83d1c..5148bdc 100644
--- a/demo/slider.html
+++ b/demo/slider.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Slider</title>
 
-	<link rel="stylesheet" href="../dist/slider.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 	<style>
 	.slider-h {
 		width: 500px;
diff --git a/demo/splitter.html b/demo/splitter.html
index c68c94b..b529b51 100644
--- a/demo/splitter.html
+++ b/demo/splitter.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Splitter</title>
 
-	<link rel="stylesheet" href="../dist/splitter.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.w20p { display: inline-block; width: 20%; }
@@ -77,13 +77,6 @@
 			{ collapsible: true}
 		]
 	});
-
-	$( ".k-splitbar-horizontal" ).find( ".k-resize-handle" ).addClass( "k-i-vbars" );
-	$( ".k-splitbar-horizontal .k-collapse-prev" ).addClass( "k-i-sarrow-w" );
-	$( ".k-splitbar-horizontal .k-collapse-next" ).addClass( "k-i-sarrow-e" );
-	$( ".k-splitbar-vertical" ).find( ".k-resize-handle" ).addClass( "k-i-hbars" );
-	$( ".k-splitbar-vertical .k-collapse-prev" ).addClass( "k-i-sarrow-n" );
-	$( ".k-splitbar-vertical .k-collapse-next" ).addClass( "k-i-sarrow-s" );
 	</script>
 
 
diff --git a/demo/switch.html b/demo/switch.html
index 3c6c4ef..5b1dc8e 100644
--- a/demo/switch.html
+++ b/demo/switch.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Switch</title>
 
-	<link rel="stylesheet" href="../dist/switch.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/tabstrip.html b/demo/tabstrip.html
index 3a24939..5ee2fc9 100644
--- a/demo/tabstrip.html
+++ b/demo/tabstrip.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Tabs</title>
 
-	<link rel="stylesheet" href="../dist/tabstrip.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style>
 	.k-tabstrip-wrapper {
diff --git a/demo/timepicker.html b/demo/timepicker.html
index 2f5d473..5b88c0e 100644
--- a/demo/timepicker.html
+++ b/demo/timepicker.html
@@ -4,12 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Time picker</title>
 
-	<link rel="stylesheet" href="../dist/calendar.css" />
-	<link rel="stylesheet" href="../dist/datetime.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/toolbar.html b/demo/toolbar.html
index 44c869b..2e66f22 100644
--- a/demo/toolbar.html
+++ b/demo/toolbar.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Toolbar</title>
 
-	<link rel="stylesheet" href="../dist/toolbar.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.w20p { display: inline-block; width: 20%; }
diff --git a/demo/tooltip.html b/demo/tooltip.html
index e36515d..9ce8435 100644
--- a/demo/tooltip.html
+++ b/demo/tooltip.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Tooltip</title>
 
-	<link rel="stylesheet" href="../dist/tooltip.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.w20p { display: inline-block; width: 20%; }
diff --git a/demo/treemap.html b/demo/treemap.html
index ea0be9a..2c001f2 100644
--- a/demo/treemap.html
+++ b/demo/treemap.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Treemap</title>
 
-	<link rel="stylesheet" href="../dist/treemap.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/treeview.html b/demo/treeview.html
index 7260913..a0717b9 100644
--- a/demo/treeview.html
+++ b/demo/treeview.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Treeview</title>
 
-	<link rel="stylesheet" href="../dist/treeview.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.w20p { display: inline-block; width: 20%; }
diff --git a/demo/upload.html b/demo/upload.html
index 9ddd792..1ad629c 100644
--- a/demo/upload.html
+++ b/demo/upload.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Upload</title>
 
-	<link rel="stylesheet" href="../dist/upload.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.k-window {
diff --git a/demo/validator.html b/demo/validator.html
index 899748d..1d6430b 100644
--- a/demo/validator.html
+++ b/demo/validator.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Validation</title>
 
-	<link rel="stylesheet" href="../dist/validator.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.w20p { display: inline-block; width: 20%; }
diff --git a/demo/waterfall-charts.html b/demo/waterfall-charts.html
index cb39b68..113770f 100644
--- a/demo/waterfall-charts.html
+++ b/demo/waterfall-charts.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Waterfall charts</title>
 
-	<link rel="stylesheet" href="../dist/chart.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	</style>
diff --git a/demo/window.html b/demo/window.html
index 54677c0..ea85be5 100644
--- a/demo/window.html
+++ b/demo/window.html
@@ -4,11 +4,11 @@
 	<meta charset="UTF-8" />
 	<title>Window</title>
 
-	<link rel="stylesheet" href="../dist/window.css" />
 	<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
+	<link rel="stylesheet" href="../dist/main.css" />
 
-	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
-	<script src="http://kendo.cdn.telerik.com/2016.2.504/js/kendo.web.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/jquery.min.js"></script>
+	<script src="http://localhost/kendo/dist/js/kendo.all.min.js"></script>
 
 	<style type="text/css">
 	.k-window {
diff --git a/dist/kendo.bootstrap-v4.css b/dist/kendo.bootstrap-v4.css
deleted file mode 100644
index 42ff420..0000000
--- a/dist/kendo.bootstrap-v4.css
+++ /dev/null
@@ -1,2759 +0,0 @@
-.k-button[disabled], .km-button[disabled], .k-textbox:disabled, .k-textbox[disabled], .k-textbox.k-disabled {
-  cursor: not-allowed;
-  opacity: .65;
-  pointer-events: none; }
-
-.k-animation-container,
-.k-animation-container *,
-.k-animation-container :after,
-.k-block .k-header,
-.k-list-container,
-.k-widget,
-.k-widget *,
-.k-widget :before {
-  box-sizing: content-box; }
-
-.k-widget,
-.km-widget, .k-upload-files .k-file, .k-panelbar {
-  color: #373a3c;
-  background-color: #fff;
-  border-color: rgba(0, 0, 0, 0.125); }
-
-.k-popup, .k-calendar {
-  color: #373a3c;
-  background-color: #fff;
-  border-color: rgba(0, 0, 0, 0.15); }
-
-.k-upload, .k-treemap .k-treemap-title, .k-calendar .k-header, .k-calendar .k-content th, .k-panelbar > .k-item > .k-link {
-  color: #373a3c;
-  background-color: #f5f5f5;
-  border-color: rgba(0, 0, 0, 0.125); }
-
-.k-panelbar > .k-item > .k-link.k-state-hover {
-  color: #373a3c;
-  background-color: gainsboro;
-  border-color: rgba(0, 0, 0, 0.125); }
-
-.k-panelbar > .k-item > .k-link.k-state-selected {
-  color: #fff;
-  background-color: #0275d8;
-  border-color: #01549b; }
-
-.k-button, .km-button, .k-slider .k-draghandle, .k-colorpicker .k-select, .k-combobox .k-select, .k-dropdown .k-dropdown-wrap, .k-numerictextbox .k-select, .km-switch-wrapper, .k-splitbar {
-  color: #373a3c;
-  background-color: #fff;
-  border-color: #ccc; }
-
-.k-button:hover, .k-button.k-state-hover, .k-slider .k-draghandle:hover, .k-colorpicker .k-state-hover .k-select, .k-combobox .k-state-hover .k-select, .k-dropdown .k-state-hover, .k-numerictextbox .k-state-hover .k-select, .k-calendar .k-nav-prev:hover, .k-calendar .k-nav-prev.k-state-hover,
-.k-calendar .k-nav-next:hover,
-.k-calendar .k-nav-next.k-state-hover,
-.k-calendar .k-nav-fast:hover,
-.k-calendar .k-nav-fast.k-state-hover,
-.k-calendar .k-footer .k-nav-today:hover,
-.k-calendar .k-footer .k-nav-today.k-state-hover, .k-splitbar-horizontal-hover,
-.k-splitbar-vertical-hover {
-  color: #373a3c;
-  background-color: #e6e6e6;
-  border-color: #adadad; }
-
-.k-button:active, .k-button.k-state-active, .km-button.km-state-active, .k-slider .k-draghandle.k-state-active, .k-colorpicker .k-state-active .k-select, .k-combobox .k-state-focused .k-select,
-.k-combobox .k-state-active .k-select, .k-dropdown .k-state-active, .k-numerictextbox .k-state-active .k-select, .k-calendar .k-nav-prev:active,
-.k-calendar .k-nav-next:active,
-.k-calendar .k-nav-fast:active,
-.k-calendar .k-footer .k-nav-today:active, .k-ghost-splitbar {
-  color: #373a3c;
-  background-color: #d4d4d4;
-  border-color: #8c8c8c; }
-
-.k-button.k-primary, .km-switch-background {
-  color: #fff;
-  background-color: #0275d8;
-  border-color: #0275d8; }
-
-.k-button.k-primary:hover, .k-button.k-primary.k-state-hover {
-  color: #fff;
-  background-color: #025aa5;
-  border-color: #01549b; }
-
-.k-button.k-primary:active, .k-button.k-primary.k-state-active {
-  color: #fff;
-  background-color: #014682;
-  border-color: #01315a; }
-
-.k-autocomplete, .k-colorpicker .k-picker-wrap, .k-combobox .k-dropdown-wrap, .k-textbox, .k-multiselect, .k-numerictextbox .k-numeric-wrap {
-  color: #55595c;
-  background-color: #fff;
-  border-color: rgba(0, 0, 0, 0.15); }
-
-.k-autocomplete.k-state-hover, .k-colorpicker .k-state-hover, .k-combobox .k-state-hover, .k-textbox:hover, .k-textbox.k-state-hover, .k-multiselect.k-state-hover, .k-numerictextbox .k-state-hover {
-  color: #55595c;
-  background-color: #fff;
-  border-color: rgba(0, 0, 0, 0.15); }
-
-.k-autocomplete.k-state-focused, .k-colorpicker .k-state-active, .k-combobox .k-state-focused,
-.k-combobox .k-state-active, .k-textbox:focus, .k-textbox.k-state-focus, .k-multiselect.k-state-focus, .k-numerictextbox .k-state-active {
-  color: #55595c;
-  background-color: #fff;
-  border-color: #66afe9; }
-
-.k-textbox:disabled, .k-textbox[disabled], .k-textbox.k-disabled, .k-multiselect.k-disabled {
-  color: #55595c;
-  background-color: #eceeef;
-  border-color: rgba(0, 0, 0, 0.15); }
-
-.k-calendar .k-content .k-state-hover, .k-panelbar .k-panel > .k-item > .k-link.k-state-hover, .k-treeview .k-in.k-state-hover {
-  color: #373a3c;
-  background-color: #e6e6e6;
-  border-color: #adadad; }
-
-.k-calendar .k-content .k-state-selected, .k-panelbar .k-panel > .k-item > .k-link.k-state-selected, .k-drag-clue, .k-treeview .k-in.k-state-selected {
-  color: #fff;
-  background-color: #0275d8;
-  border-color: #01549b; }
-
-.k-list .k-state-hover {
-  color: #2b2d2f;
-  background-color: #f5f5f5; }
-
-.k-list .k-state-selected {
-  color: #fff;
-  background-color: #0275d8; }
-
-/** #region common/reset */
-.k-reset {
-  margin: 0;
-  padding: 0;
-  border-width: 0;
-  outline: 0;
-  text-decoration: none;
-  font: inherit;
-  list-style: none; }
-
-.k-floatwrap:after,
-.k-grid-toolbar:after,
-.k-slider-items:after {
-  content: "";
-  display: block;
-  clear: both; }
-
-/** #endregion */
-/** #region common/widget */
-.k-widget {
-  border-width: 1px;
-  border-style: solid;
-  font-size: 1rem;
-  line-height: 1.5; }
-  .k-widget:disabled, .k-widget[disabled] {
-    cursor: not-allowed;
-    opacity: .65;
-    pointer-events: none; }
-  .k-compact .k-widget, .k-widget.k-compact {
-    font-size: 0.875rem; }
-
-.km-widget {
-  font-size: 1rem;
-  line-height: 1.5; }
-  .km-widget,
-  .km-widget * {
-    box-sizing: border-box;
-    background-clip: border-box; }
-
-/** #endregion */
-/** #region common/states */
-.k-disabled,
-.k-state-disabled,
-.km-state-disabled {
-  cursor: not-allowed;
-  opacity: .65;
-  pointer-events: none; }
-
-/** #endregion */
-/** #region common/icons */
-@font-face {
-  font-family: "KendoUIGlyphs";
-  font-style: normal;
-  font-weight: normal;
-  src: url("./../fonts/kendo-glyphs.woff") format("woff"); }
-
-.k-icon {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  font-family: 'KendoUIGlyphs';
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-  line-height: 1;
-  speak: none;
-  text-transform: none; }
-  .k-icon:before {
-    vertical-align: baseline; }
-
-.k-i-arrow-n:before {
-  content: '\e600'; }
-
-.k-i-arrow-e:before {
-  content: '\e601'; }
-
-.k-i-arrow-s:before {
-  content: '\e602'; }
-
-.k-i-arrow-w:before {
-  content: '\e603'; }
-
-.k-i-seen:before {
-  content: '\e604'; }
-
-.k-i-seee:before {
-  content: '\e605'; }
-
-.k-i-sees:before {
-  content: '\e606'; }
-
-.k-i-seew:before {
-  content: '\e607'; }
-
-.k-i-sarrow-n:before {
-  content: '\e608'; }
-
-.k-i-sarrow-e:before {
-  content: '\e609'; }
-
-.k-i-sarrow-s:before {
-  content: '\e60a'; }
-
-.k-i-sarrow-w:before {
-  content: '\e60b'; }
-
-.k-i-expand-n:before {
-  content: '\e60c'; }
-
-.k-i-expand-e:before {
-  content: '\e60d'; }
-
-.k-i-expand-s:before {
-  content: '\e60e'; }
-
-.k-i-expand-w:before {
-  content: '\e60f'; }
-
-.k-i-collapse-ne:before {
-  content: '\e610'; }
-
-.k-i-collapse-se:before {
-  content: '\e611'; }
-
-.k-i-collapse-sw:before {
-  content: '\e612'; }
-
-.k-i-collapse-nw:before {
-  content: '\e613'; }
-
-.k-i-resize-ne:before {
-  content: '\e614'; }
-
-.k-i-resize-se:before {
-  content: '\e615'; }
-
-.k-i-resize-sw:before {
-  content: '\e616'; }
-
-.k-i-resize-nw:before {
-  content: '\e617'; }
-
-.k-i-arrowhead-n:before {
-  content: '\e618'; }
-
-.k-i-arrowhead-e:before {
-  content: '\e619'; }
-
-.k-i-arrowhead-s:before {
-  content: '\e61a'; }
-
-.k-i-arrowhead-w:before {
-  content: '\e61b'; }
-
-.k-i-pencil:before {
-  content: '\e61c'; }
-
-.k-i-x:before {
-  content: '\e61d'; }
-
-.k-i-checkmark:before {
-  content: '\e61e'; }
-
-.k-i-deny:before {
-  content: '\e61f'; }
-
-.k-i-trash:before {
-  content: '\e620'; }
-
-.k-i-plus:before {
-  content: '\e621'; }
-
-.k-i-splus:before {
-  content: '\e622'; }
-
-.k-i-minus:before {
-  content: '\e623'; }
-
-.k-i-sminus:before {
-  content: '\e624'; }
-
-.k-i-filter:before {
-  content: '\e625'; }
-
-.k-i-filter-clear:before {
-  content: '\e626'; }
-
-.k-i-refresh:before {
-  content: '\e627'; }
-
-.k-i-refresh-clear:before {
-  content: '\e628'; }
-
-.k-i-restore:before {
-  content: '\e629'; }
-
-.k-i-maximize:before {
-  content: '\e62a'; }
-
-.k-i-minimize:before {
-  content: '\e62b'; }
-
-.k-i-pin:before {
-  content: '\e62c'; }
-
-.k-i-unpin:before {
-  content: '\e62d'; }
-
-.k-i-calendar:before {
-  content: '\e62e'; }
-
-.k-i-clock:before {
-  content: '\e62f'; }
-
-.k-i-search:before {
-  content: '\e630'; }
-
-.k-i-zoom-in:before {
-  content: '\e631'; }
-
-.k-i-zoom-out:before {
-  content: '\e632'; }
-
-.k-i-print:before {
-  content: '\e633'; }
-
-.k-i-folder-add:before {
-  content: '\e634'; }
-
-.k-i-folder-up:before {
-  content: '\e635'; }
-
-.k-i-insert-image:before {
-  content: '\e636'; }
-
-.k-i-image:before {
-  content: '\e637'; }
-
-.k-i-insert-file:before {
-  content: '\e638'; }
-
-.k-i-file:before {
-  content: '\e639'; }
-
-.k-i-files:before {
-  content: '\e63a'; }
-
-.k-i-pdf:before {
-  content: '\e63b'; }
-
-.k-i-pdfa:before {
-  content: '\e68d'; }
-
-.k-i-xls:before {
-  content: '\e63c'; }
-
-.k-i-xlsa:before {
-  content: '\e63d'; }
-
-.k-i-lock:before {
-  content: '\e63e'; }
-
-.k-i-unlock:before {
-  content: '\e63f'; }
-
-.k-i-rows:before {
-  content: '\e640'; }
-
-.k-i-columns:before {
-  content: '\e641'; }
-
-.k-i-hamburger:before {
-  content: '\e642'; }
-
-.k-i-vbars:before {
-  content: '\e643'; }
-
-.k-i-hbars:before {
-  content: '\e644'; }
-
-.k-i-move:before {
-  content: '\e645'; }
-
-.k-i-group:before {
-  content: '\e646'; }
-
-.k-i-ungroup:before {
-  content: '\e647'; }
-
-.k-i-dimension:before {
-  content: '\e648'; }
-
-.k-i-connector:before {
-  content: '\e649'; }
-
-.k-i-kpi:before {
-  content: '\e64a'; }
-
-.k-i-undo:before {
-  content: '\e64b'; }
-
-.k-i-redo:before {
-  content: '\e64c'; }
-
-.k-i-undo-large:before {
-  content: '\e64d'; }
-
-.k-i-redo-large:before {
-  content: '\e64e'; }
-
-.k-i-rotate-ccw:before {
-  content: '\e64f'; }
-
-.k-i-rotate-cw:before {
-  content: '\e650'; }
-
-.k-i-cut:before {
-  content: '\e651'; }
-
-.k-i-copy:before {
-  content: '\e652'; }
-
-.k-i-paste:before {
-  content: '\e653'; }
-
-.k-i-bold:before {
-  content: '\e654'; }
-
-.k-i-italic:before {
-  content: '\e655'; }
-
-.k-i-underline:before {
-  content: '\e656'; }
-
-.k-i-strike-through:before {
-  content: '\e657'; }
-
-.k-i-text:before {
-  content: '\e658'; }
-
-.k-i-font-size:before {
-  content: '\e68e'; }
-
-.k-i-font-family:before {
-  content: '\e68f'; }
-
-.k-i-fx:before {
-  content: '\e659'; }
-
-.k-i-subscript:before {
-  content: '\e65a'; }
-
-.k-i-superscript:before {
-  content: '\e65b'; }
-
-.k-i-background:before {
-  content: '\e65c'; }
-
-.k-i-sum:before {
-  content: '\e65d'; }
-
-.k-i-increase-decimal:before {
-  content: '\e65e'; }
-
-.k-i-decrease-decimal:before {
-  content: '\e65f'; }
-
-.k-i-justify-left:before {
-  content: '\e660'; }
-
-.k-i-justify-center:before {
-  content: '\e661'; }
-
-.k-i-justify-right:before {
-  content: '\e662'; }
-
-.k-i-justify-full:before {
-  content: '\e663'; }
-
-.k-i-justify-clear:before {
-  content: '\e664'; }
-
-.k-i-align-top:before {
-  content: '\e665'; }
-
-.k-i-align-middle:before {
-  content: '\e666'; }
-
-.k-i-align-bottom:before {
-  content: '\e667'; }
-
-.k-i-indent:before {
-  content: '\e668'; }
-
-.k-i-outdent:before {
-  content: '\e669'; }
-
-.k-i-insert-n:before {
-  content: '\e66a'; }
-
-.k-i-insert-m:before {
-  content: '\e66b'; }
-
-.k-i-insert-s:before {
-  content: '\e66c'; }
-
-.k-i-insert-unordered-list:before {
-  content: '\e66d'; }
-
-.k-i-insert-ordered-list:before {
-  content: '\e66e'; }
-
-.k-i-sort-asc:before {
-  content: '\e66f'; }
-
-.k-i-sort-desc:before {
-  content: '\e670'; }
-
-.k-i-unsort:before {
-  content: '\e671'; }
-
-.k-i-hyperlink:before {
-  content: '\e672'; }
-
-.k-i-hyperlinremove:before {
-  content: '\e673'; }
-
-.k-i-clearformat:before {
-  content: '\e674'; }
-
-.k-i-html:before {
-  content: '\e675'; }
-
-.k-i-exception:before {
-  content: '\e676'; }
-
-.k-i-custom:before {
-  content: '\e677'; }
-
-.k-i-cog:before {
-  content: '\e678'; }
-
-.k-i-create-table:before {
-  content: '\e679'; }
-
-.k-i-add-column-left:before {
-  content: '\e67a'; }
-
-.k-i-add-column-right:before {
-  content: '\e67b'; }
-
-.k-i-delete-column:before {
-  content: '\e67c'; }
-
-.k-i-add-row-above:before {
-  content: '\e67d'; }
-
-.k-i-add-row-below:before {
-  content: '\e67e'; }
-
-.k-i-delete-row:before {
-  content: '\e67f'; }
-
-.k-i-merge-cells:before {
-  content: '\e680'; }
-
-.k-i-normal-layout:before {
-  content: '\e681'; }
-
-.k-i-page-layout:before {
-  content: '\e682'; }
-
-.k-i-all-borders:before {
-  content: '\e683'; }
-
-.k-i-inside-borders:before {
-  content: '\e684'; }
-
-.k-i-inside-horizontal-borders:before {
-  content: '\e685'; }
-
-.k-i-inside-vertical-borders:before {
-  content: '\e686'; }
-
-.k-i-outside-borders:before {
-  content: '\e687'; }
-
-.k-i-top-border:before {
-  content: '\e688'; }
-
-.k-i-right-border:before {
-  content: '\e689'; }
-
-.k-i-bottom-border:before {
-  content: '\e68a'; }
-
-.k-i-left-border:before {
-  content: '\e68b'; }
-
-.k-i-no-borders:before {
-  content: '\e68c'; }
-
-.k-i-merge-horizontally:before {
-  content: '\e690'; }
-
-.k-i-merge-vertically:before {
-  content: '\e691'; }
-
-.k-i-text-wrap:before {
-  content: '\e692'; }
-
-.k-i-dollar:before {
-  content: '\e693'; }
-
-.k-i-percent:before {
-  content: '\e694'; }
-
-.k-i-freeze-col:before {
-  content: '\e695'; }
-
-.k-i-freeze-row:before {
-  content: '\e696'; }
-
-.k-i-freeze-panes:before {
-  content: '\e697'; }
-
-.k-i-format-number:before {
-  content: '\e698'; }
-
-.k-i-reset-color:before {
-  content: '\e900'; }
-
-.k-i-file-horizontal:before {
-  content: '\e901'; }
-
-.k-i-folder:before {
-  content: '\e902'; }
-
-.k-i-folder-open:before {
-  content: '\e903'; }
-
-/** #endregion */
-/** #region common/popup */
-.k-popup {
-  margin: 0;
-  padding: 5px 0;
-  border-width: 1px;
-  border-style: solid;
-  font-size: 1rem;
-  line-height: 1.5; }
-  .k-popup .k-item {
-    cursor: default; }
-
-.k-animation-container .k-popup {
-  position: relative; }
-
-/** #endregion */
-/** #region common/list */
-.k-list-scroller {
-  position: relative;
-  overflow: auto; }
-
-.k-list {
-  height: auto; }
-
-.k-list .k-item {
-  padding: 3px 20px; }
-
-.k-list .k-state-focused {
-  border-color: #01549b;
-  box-shadow: inset 0 0 5px rgba(1, 84, 155, 0.5); }
-
-/** #endregion */
-/** #region autocomplete/layout */
-.k-autocomplete {
-  line-height: 1.25;
-  box-sizing: border-box;
-  display: inline-flex;
-  flex-direction: row;
-  vertical-align: middle;
-  position: relative; }
-  .k-autocomplete .k-input {
-    padding: 0.5rem 0.75rem;
-    border: 0;
-    outline: 0;
-    color: inherit;
-    background: none;
-    font: inherit; }
-  .k-autocomplete .k-loading {
-    position: absolute;
-    top: 0.75rem;
-    right: 0.5rem; }
-  .k-compact .k-autocomplete .k-input, .k-autocomplete.k-compact .k-input {
-    padding: 0.25rem 0.5rem; }
-  .k-compact .k-autocomplete .k-loading, .k-autocomplete.k-compact .k-loading {
-    top: 0.5rem;
-    right: 0.25rem; }
-
-/** #endregion */
-/** #region autocomplete/theme */
-.k-autocomplete {
-  border-radius: 0.25rem; }
-
-/** #endregion */
-/** #region button/layout */
-.k-button {
-  padding: 0.5rem 1rem;
-  border-width: 1px;
-  border-style: solid;
-  font-size: 1rem;
-  line-height: 1.25;
-  text-decoration: none;
-  white-space: nowrap;
-  display: inline-flex;
-  vertical-align: middle;
-  cursor: pointer; }
-  .k-button:hover, .k-button:focus {
-    text-decoration: none; }
-  .k-button .k-icon {
-    align-self: center; }
-  .k-button-icontext .k-icon {
-    margin: 0 0.5rem 0 -0.5rem; }
-  .k-button-icon {
-    width: 1.25em;
-    padding: 0.5rem;
-    justify-content: center; }
-  .k-button.k-button-bare {
-    border-width: 0;
-    color: inherit;
-    background: none !important; }
-  .k-compact .k-button, .k-button.k-compact {
-    padding: 0.25rem 0.5rem;
-    font-size: 0.875rem; }
-    .k-compact .k-button-icontext .k-icon, .k-button.k-compact-icontext .k-icon {
-      margin: 0 0.25rem 0 -0.25rem; }
-    .k-compact .k-button-icon, .k-button.k-compact-icon {
-      padding: 0.25rem; }
-
-.k-split-button .k-split-button-arrow {
-  margin-left: -1px;
-  padding: 0.5rem; }
-
-.k-compact .k-split-button .k-split-button-arrow, .k-split-button.k-compact .k-split-button-arrow {
-  padding: 0.25rem; }
-
-.k-button-group {
-  white-space: nowrap;
-  display: inline-flex;
-  flex-direction: row;
-  vertical-align: middle;
-  position: relative; }
-  .k-button-group .k-button {
-    position: relative; }
-  .k-button-group .k-button + .k-button {
-    margin-left: -1px; }
-  .k-button-group .k-button:hover,
-  .k-button-group .k-button.k-state-hover,
-  .k-button-group .k-button.k-state-active {
-    z-index: 2; }
-
-/** #endregion */
-/** #region km-button/layout */
-.km-button {
-  padding: 0.5rem 1rem;
-  border-width: 1px;
-  border-style: solid;
-  font-size: 1rem;
-  line-height: 1.25;
-  text-decoration: none;
-  white-space: nowrap;
-  display: inline-flex;
-  vertical-align: middle;
-  cursor: pointer; }
-  .km-button:hover, .km-button:focus {
-    text-decoration: none; }
-  .km-button .k-icon {
-    align-self: center; }
-
-.km-buttongroup {
-  white-space: nowrap;
-  display: inline-flex;
-  flex-direction: row;
-  vertical-align: middle;
-  position: relative; }
-  .km-buttongroup .km-button {
-    position: relative; }
-  .km-buttongroup .km-button + .km-button {
-    margin-left: -1px; }
-  .km-buttongroup .km-button.km-state-active {
-    z-index: 2; }
-
-ul.km-buttongroup {
-  margin: 0;
-  padding: 0;
-  list-style: none; }
-
-/** #endregion */
-/** #region button/theme */
-.k-button {
-  border-radius: 0.25rem; }
-
-.k-button-group .k-button {
-  border-radius: 0; }
-
-.k-button-group .k-group-start,
-.k-button-group .k-button:first-child {
-  border-radius: 0.25rem 0 0 0.25rem; }
-
-.k-button-group .k-group-end,
-.k-button-group .k-button:last-child {
-  border-radius: 0 0.25rem 0.25rem 0; }
-
-.k-button-group .k-group-start.k-group-end,
-.k-button-group .k-button:first-child:last-child {
-  border-radius: 0.25rem; }
-
-/** #endregion */
-/** #region km-button/theme */
-.km-button {
-  border-radius: 0.25rem; }
-
-.km-buttongroup .km-button {
-  border-radius: 0; }
-
-.km-buttongroup .km-button:first-child {
-  border-radius: 0.25rem 0 0 0.25rem; }
-
-.km-buttongroup .km-button:last-child {
-  border-radius: 0 0.25rem 0.25rem 0; }
-
-/** #endregion */
-/** #region tooltip/layout */
-.k-tooltip {
-  padding: 3px 8px;
-  border-width: 0;
-  background-repeat: repeat-x;
-  text-align: center;
-  position: absolute;
-  z-index: 12000; }
-  .k-compact .k-tooltip, .k-tooltip.k-compact {
-    padding: 0.125rem 0.5rem; }
-
-.k-callout {
-  width: 0;
-  height: 0;
-  border-width: 5px;
-  border-style: solid;
-  border-color: transparent;
-  position: absolute; }
-
-.k-callout-s {
-  left: 50%;
-  bottom: -10px; }
-
-.k-callout-n {
-  left: 50%;
-  top: -10px; }
-
-.k-callout-w {
-  top: 50%;
-  left: -10px; }
-
-.k-callout-e {
-  top: 50%;
-  right: -10px; }
-
-/** #endregion */
-/** #region tooltip/theme */
-.k-tooltip {
-  color: #fff;
-  background-color: #000;
-  border-radius: 0.25rem; }
-
-.k-callout-n {
-  border-bottom-color: #000; }
-
-.k-callout-e {
-  border-left-color: #000; }
-
-.k-callout-s {
-  border-top-color: #000; }
-
-.k-callout-w {
-  border-right-color: #000; }
-
-/** #endregion */
-/** #region slider/layout */
-.k-slider {
-  border-width: 0;
-  background-color: transparent;
-  display: inline-block;
-  position: relative;
-  user-select: none; }
-  .k-slider .k-slider-wrap {
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    align-items: center;
-    position: relative; }
-  .k-slider .k-button {
-    margin: 0;
-    padding: 0.25rem;
-    width: 1.25em;
-    height: 1.25em;
-    min-width: 0;
-    border-radius: 100%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    flex: none; }
-  .k-slider .k-slider-items,
-  .k-slider .k-slider-track {
-    display: flex;
-    order: 0;
-    flex: 1;
-    position: relative; }
-  .k-slider .k-tick {
-    margin: 0;
-    padding: 0;
-    display: block;
-    background-color: transparent;
-    background-repeat: no-repeat;
-    background-position: center center;
-    position: relative;
-    flex: 2;
-    cursor: pointer; }
-  .k-slider .k-tick.k-first,
-  .k-slider .k-tick.k-last {
-    flex: 1; }
-  .k-slider .k-label {
-    font-size: .875em;
-    line-height: 1;
-    white-space: nowrap;
-    position: absolute; }
-  .k-slider .k-slider-track,
-  .k-slider .k-slider-selection {
-    margin: 0;
-    padding: 0;
-    cursor: pointer; }
-  .k-slider .k-slider-selection,
-  .k-slider .k-slider-items + .k-slider-track {
-    display: block;
-    position: absolute; }
-  .k-slider .k-draghandle {
-    width: 0.9375em;
-    height: 0.9375em;
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 100%;
-    box-sizing: border-box;
-    outline: 0;
-    text-align: center;
-    text-decoration: none;
-    text-indent: -3333px;
-    overflow: hidden;
-    position: absolute; }
-
-.k-slider-horizontal .k-slider-buttons .k-slider-items {
-  margin: 0 10px; }
-
-.k-slider-horizontal .k-button-decrease {
-  order: -1; }
-
-.k-slider-horizontal .k-button-increase {
-  order: 1; }
-
-.k-slider-horizontal .k-slider-items {
-  flex-direction: row; }
-
-.k-slider-horizontal .k-tick {
-  text-align: center; }
-
-.k-slider-horizontal .k-label {
-  width: 100%;
-  bottom: -1.25em;
-  left: 0; }
-
-.k-slider-horizontal .k-first .k-label {
-  left: -50%;
-  right: auto; }
-
-.k-slider-horizontal .k-last .k-label {
-  left: auto;
-  right: -50%; }
-
-.k-slider-horizontal .k-slider-track {
-  height: .5em;
-  background-repeat: repeat-x; }
-
-.k-slider-horizontal .k-slider-selection {
-  top: 0;
-  bottom: 0;
-  left: 0;
-  background-repeat: repeat-x; }
-
-.k-slider-horizontal .k-slider-items + .k-slider-track {
-  margin-top: -.25em;
-  top: 50%; }
-
-.k-slider-horizontal .k-slider-buttons .k-slider-items + .k-slider-track {
-  left: 40px;
-  right: 40px; }
-
-.k-slider-horizontal .k-draghandle {
-  top: -4px; }
-
-.k-slider-vertical .k-slider-wrap {
-  flex-direction: column; }
-
-.k-slider-vertical .k-slider-buttons .k-slider-items {
-  margin: 10px 0; }
-
-.k-slider-vertical .k-button-decrease {
-  order: 1; }
-
-.k-slider-vertical .k-button-increase {
-  order: -1; }
-
-.k-slider-vertical .k-slider-items {
-  width: 1em;
-  flex-direction: column; }
-
-.k-slider-vertical .k-tick {
-  text-align: center; }
-
-.k-slider-vertical .k-label {
-  text-align: left;
-  display: block;
-  left: 120%; }
-
-.k-slider-vertical .k-first .k-label {
-  bottom: -.5em; }
-
-.k-slider-vertical .k-last .k-label {
-  top: -.5em; }
-
-.k-slider-vertical .k-slider-track {
-  width: .5em;
-  background-repeat: repeat-y; }
-
-.k-slider-vertical .k-slider-selection {
-  bottom: 0;
-  right: 0;
-  left: 0;
-  background-repeat: repeat-y; }
-
-.k-slider-vertical .k-slider-items + .k-slider-track {
-  margin-left: -.25em;
-  left: 50%; }
-
-.k-slider-vertical .k-slider-buttons .k-slider-items + .k-slider-track {
-  top: 40px;
-  bottom: 40px; }
-
-.k-slider-vertical .k-draghandle {
-  left: -4px; }
-
-/** #endregion */
-/** #region slider/tooltip */
-.k-slider-tooltip .k-callout-n,
-.k-slider-tooltip .k-callout-s {
-  margin-left: -5px; }
-
-.k-slider-tooltip .k-callout-w,
-.k-slider-tooltip .k-callout-e {
-  margin-top: -5px; }
-
-/** #endregion */
-/** #region slider/theme */
-.k-slider .k-slider-track {
-  background: #f5f5f5; }
-
-.k-slider .k-slider-selection {
-  background: #0275d8; }
-
-/** #endregion */
-/** #region colorpicker/layout */
-.k-colorpicker {
-  border-width: 0;
-  line-height: 1.25;
-  white-space: normal;
-  display: inline-block;
-  vertical-align: middle;
-  overflow: visible;
-  position: relative; }
-  .k-colorpicker .k-picker-wrap {
-    padding: 0;
-    border-width: 1px;
-    border-style: solid;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: row;
-    position: relative;
-    overflow: hidden; }
-  .k-colorpicker .k-selected-color {
-    padding: 0.5rem;
-    width: 1.25em;
-    height: 1.25em;
-    line-height: 0; }
-  .k-colorpicker .k-select {
-    padding: 0.5rem;
-    border-width: 0 0 0 1px;
-    border-style: solid;
-    display: flex;
-    align-items: center; }
-  .k-compact .k-colorpicker .k-selected-color, .k-colorpicker.k-compact .k-selected-color {
-    padding: 0.25rem; }
-  .k-compact .k-colorpicker .k-select, .k-colorpicker.k-compact .k-select {
-    padding: 0.25rem; }
-
-/** #endregion */
-/** #region flatcolorpicker/layout */
-.k-flatcolorpicker {
-  padding: 0;
-  width: 250px; }
-  .k-flatcolorpicker .k-selected-color {
-    background-image: url("textures/transtexture.png");
-    background-position: 50% 50%;
-    text-align: right; }
-  .k-flatcolorpicker .k-color-value {
-    padding: 0.25rem 0.5rem;
-    width: 70%;
-    border: 0;
-    font-family: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace;
-    line-height: 1.25; }
-  .k-flatcolorpicker .k-hsv-rectangle {
-    position: relative;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -ms-touch-action: pinch-zoom double-tap-zoom; }
-    .k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
-      margin: -5px 0 0 -5px;
-      width: 8px;
-      height: 8px;
-      border: 1px solid #eee;
-      border-radius: 6px;
-      box-shadow: 0 1px 2px #444;
-      cursor: pointer;
-      position: absolute;
-      z-index: 10;
-      left: 50%;
-      top: 50%; }
-  .k-flatcolorpicker .k-hsv-gradient {
-    margin-bottom: 5px;
-    height: 180px;
-    background: linear-gradient(to bottom, transparent, black), linear-gradient(to right, white, rgba(255, 255, 255, 0)); }
-  .k-flatcolorpicker .k-hue-slider,
-  .k-flatcolorpicker .k-transparency-slider {
-    display: block; }
-    .k-flatcolorpicker .k-hue-slider .k-draghandle,
-    .k-flatcolorpicker .k-transparency-slider .k-draghandle {
-      border-width: 3px;
-      border-color: rgba(255, 255, 255, 0.9);
-      border-radius: 100%;
-      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
-      background-color: transparent; }
-    .k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
-    .k-flatcolorpicker .k-hue-slider .k-draghandle:focus,
-    .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover,
-    .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus {
-      border-color: white;
-      box-shadow: 0 1px 4px black;
-      background-color: transparent; }
-  .k-flatcolorpicker .k-hue-slider .k-slider-track {
-    background: linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00); }
-  .k-flatcolorpicker .k-hue-slider .k-slider-selection {
-    background: none;
-    opacity: 0; }
-  .k-flatcolorpicker .k-slider-horizontal {
-    margin: 0 5%;
-    width: 90%;
-    height: 20px; }
-
-/** #endregion */
-/** #region colorpalette/layout */
-.k-colorpalette {
-  border-width: 0;
-  line-height: 0;
-  display: inline-block;
-  position: relative; }
-  .k-colorpalette .k-palette {
-    width: 100%;
-    height: 100%;
-    border-collapse: collapse;
-    position: relative; }
-  .k-colorpalette .k-item {
-    width: 14px;
-    height: 14px;
-    overflow: hidden;
-    -ms-high-contrast-adjust: none; }
-  .k-colorpalette .k-item:hover {
-    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
-    position: relative;
-    z-index: 101; }
-  .k-colorpalette .k-item.k-state-selected,
-  .k-colorpalette .k-item.k-state-selected:hover {
-    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
-    position: relative;
-    z-index: 100; }
-
-/** #endregion */
-/** #region colorpicker/theme */
-.k-colorpicker .k-picker-wrap {
-  border-radius: 0.25rem; }
-
-.k-colorpicker .k-select {
-  border-color: inherit; }
-
-.k-colorpicker .k-state-hover .k-select {
-  border-color: inherit; }
-
-.k-colorpicker .k-state-active .k-select {
-  border-color: inherit; }
-
-/** #endregion */
-/** #region combobox/layout */
-.k-combobox {
-  border-width: 0;
-  line-height: 1.25;
-  display: inline-block;
-  vertical-align: middle; }
-  .k-combobox .k-input {
-    border: 0;
-    outline: 0;
-    color: inherit;
-    background: none;
-    font: inherit; }
-  .k-combobox .k-select {
-    border-width: 0 0 0 1px;
-    border-style: solid; }
-  .k-compact .k-combobox .k-input, .k-combobox.k-compact .k-input {
-    padding: 0.25rem 0.5rem; }
-  .k-compact .k-combobox .k-select, .k-combobox.k-compact .k-select {
-    padding: 0.25rem; }
-
-/** #region dropdownwrap/layout */
-.k-dropdown-wrap {
-  padding: 0;
-  border-width: 1px;
-  border-style: solid;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  cursor: default; }
-  .k-dropdown-wrap .k-input {
-    padding: 0.5rem 0.75rem;
-    flex: 1; }
-  .k-dropdown-wrap .k-select {
-    padding: 0.5rem;
-    display: flex;
-    align-items: center; }
-
-/** #endregion */
-/** #endregion */
-/** #region combobox/theme */
-.k-combobox .k-dropdown-wrap {
-  border-radius: 0.25rem; }
-
-.k-combobox .k-select {
-  border-radius: 0 0.25rem 0.25rem 0;
-  border-color: inherit; }
-
-.k-combobox .k-state-hover .k-select {
-  border-color: inherit; }
-
-.k-combobox .k-state-focused .k-select,
-.k-combobox .k-state-active .k-select {
-  border-color: inherit; }
-
-/** #endregion */
-/** #region dropdownlist/layout */
-.k-dropdown {
-  border-width: 0;
-  line-height: 1.25;
-  display: inline-block;
-  vertical-align: middle; }
-  .k-compact .k-dropdown .k-input, .k-dropdown.k-compact .k-input {
-    padding: 0.25rem 0.5rem; }
-  .k-compact .k-dropdown .k-select, .k-dropdown.k-compact .k-select {
-    padding: 0.25rem; }
-
-/** #endregion */
-/** #region dropdownlist/theme */
-.k-dropdown .k-dropdown-wrap {
-  border-radius: 0.25rem; }
-
-/** #endregion */
-/** #region input/layout */
-.k-textbox {
-  padding: 0.5rem 0.75rem;
-  border-width: 1px;
-  border-style: solid;
-  font-size: 1rem;
-  line-height: 1.25;
-  display: inline-block;
-  vertical-align: middle; }
-  .k-compact .k-textbox, .k-textbox.k-compact {
-    font-size: 0.875rem;
-    padding: 0.25rem 0.5rem; }
-
-/** #endregion */
-/** #region input/theme */
-.k-textbox {
-  border-radius: 0.25rem; }
-
-/** #endregion */
-/** #region multiselect/layout */
-.k-multiselect {
-  padding: 0.25rem;
-  line-height: 1.25;
-  display: inline-block;
-  vertical-align: middle;
-  box-sizing: border-box; }
-  .k-multiselect .k-multiselect-wrap {
-    margin: -0.125rem 0; }
-  .k-multiselect ul {
-    vertical-align: top; }
-  .k-multiselect li {
-    margin: 0.125rem 0.1875rem;
-    float: left; }
-  .k-multiselect .k-button {
-    padding: 0.125rem 0.5rem;
-    line-height: inherit;
-    cursor: pointer;
-    display: inline-flex;
-    flex-direction: row;
-    align-items: center; }
-    .k-multiselect .k-button .k-select {
-      margin-left: .4ex;
-      margin-right: -.4ex;
-      display: inline-flex;
-      flex-direction: row;
-      align-items: center; }
-  .k-multiselect .k-input {
-    padding: 0;
-    margin: 0.25rem 0.1875rem;
-    width: auto;
-    border: 0;
-    outline: 0;
-    color: inherit;
-    background: none;
-    font: inherit;
-    display: inline-block;
-    float: left; }
-  .k-compact .k-multiselect, .k-multiselect.k-compact {
-    padding: 0.125rem; }
-
-/** #endregion */
-/** #region multiselect/theme */
-.k-multiselect {
-  border-radius: 0.25rem; }
-  .k-multiselect li {
-    border-radius: 0.1875rem; }
-
-/** #endregion */
-/** #region numerictextbox/layout */
-.k-numerictextbox {
-  border-width: 0;
-  line-height: 1.25;
-  display: inline-block;
-  vertical-align: middle; }
-  .k-numerictextbox .k-input {
-    border: 0;
-    outline: 0;
-    color: inherit;
-    background: none;
-    font: inherit; }
-  .k-numerictextbox .k-select {
-    border-width: 0 0 0 1px;
-    border-style: solid; }
-  .k-compact .k-numerictextbox .k-input, .k-numerictextbox.k-compact .k-input {
-    padding: 0.25rem 0.5rem; }
-  .k-compact .k-numerictextbox .k-select .k-link, .k-numerictextbox.k-compact .k-select .k-link {
-    padding: 0 0.25rem; }
-
-/** #region numericwrap/layout */
-.k-numeric-wrap {
-  padding: 0;
-  border-width: 1px;
-  border-style: solid;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: row;
-  position: relative; }
-  .k-numeric-wrap .k-input {
-    padding: 0.5rem 0.75rem;
-    flex: 1;
-    display: flex;
-    align-items: center; }
-  .k-numeric-wrap .k-select {
-    display: flex;
-    flex-direction: column; }
-    .k-numeric-wrap .k-select .k-link {
-      padding: 0 0.5rem; }
-
-/** #endregion */
-/** #endregion */
-/** #region numerictextbox/theme */
-.k-numerictextbox .k-numeric-wrap {
-  border-radius: 0.25rem; }
-
-.k-numerictextbox .k-select {
-  border-radius: 0 0.25rem 0.25rem 0; }
-
-/** #endregion */
-/** #region upload/layout */
-.k-compact .k-upload.k-upload-sync .k-upload-button, .k-upload.k-compact.k-upload-sync .k-upload-button {
-  margin: 0.25rem 0.5rem; }
-
-.k-compact .k-upload .k-dropzone, .k-upload.k-compact .k-dropzone {
-  padding: 0.25rem 0.5rem; }
-
-.k-compact .k-upload .k-upload-files .k-file, .k-upload.k-compact .k-upload-files .k-file {
-  padding: 0.125rem 0.5rem; }
-
-.k-compact .k-upload .k-upload-files .k-filename, .k-upload.k-compact .k-upload-files .k-filename {
-  margin-left: 0.5rem; }
-
-.k-upload-button {
-  position: relative;
-  overflow: hidden;
-  direction: ltr; }
-  .k-upload-sync .k-upload-button {
-    margin: 0.5rem 1rem; }
-
-.k-upload-button input {
-  margin: 0;
-  padding: 0;
-  font: 170px monospace !important;
-  filter: alpha(opacity=0);
-  opacity: 0;
-  cursor: pointer;
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  z-index: 1; }
-
-.k-dropzone {
-  padding: 0.5rem 1rem;
-  display: flex;
-  align-items: center;
-  position: relative; }
-  .k-dropzone em {
-    margin-left: 1rem;
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    opacity: 0;
-    white-space: nowrap;
-    position: relative; }
-  .k-dropzone .k-upload-status-total {
-    display: flex;
-    align-items: center;
-    position: relative; }
-    .k-dropzone .k-upload-status-total .k-icon {
-      margin-left: 0.5rem; }
-
-.k-dropzone-active em {
-  opacity: 1; }
-
-.k-upload-files {
-  padding-bottom: 0.5rem;
-  border-width: 1px 0 0;
-  border-style: solid;
-  border-color: inherit; }
-  .k-upload-files .k-file {
-    padding: 3px 20px;
-    border-width: 0 0 1px;
-    border-style: solid;
-    border-color: inherit;
-    display: flex;
-    align-items: center;
-    position: relative; }
-    .k-upload-files .k-file > .k-icon {
-      position: relative; }
-  .k-upload-files .k-progress {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0; }
-  .k-upload-files .k-filename {
-    margin-left: 1rem;
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    position: relative; }
-  .k-upload-files .k-upload-status {
-    display: flex;
-    align-items: center;
-    position: relative; }
-    .k-upload-files .k-upload-status .k-button {
-      margin-left: 0.5rem; }
-  .k-upload-files .k-button {
-    padding: 0; }
-
-/** #endregion */
-/** #region upload/theme */
-.k-upload {
-  border-radius: 0.25rem; }
-
-.k-upload-files .k-file-progress {
-  color: #31708f; }
-  .k-upload-files .k-file-progress .k-progress {
-    background-color: #d9edf7; }
-
-.k-upload-files .k-file-success {
-  color: #3c763d; }
-  .k-upload-files .k-file-success .k-progress {
-    background-color: #dff0d8; }
-
-.k-upload-files .k-file-error {
-  color: #a94442; }
-  .k-upload-files .k-file-error .k-progress {
-    background-color: #f2dede; }
-
-/** #endregion */
-/** #region validator/layout */
-.k-tooltip-validation {
-  border-width: 1px;
-  display: inline-flex;
-  align-items: center; }
-  .k-tooltip-validation > .k-icon {
-    margin-right: .4ex; }
-  .k-tooltip-validation .k-callout {
-    display: none; }
-
-/** #endregion */
-/** #region validator/theme */
-.k-tooltip-validation {
-  border-color: #faf2cc;
-  color: #8a6d3b;
-  background-color: #fcf8e3; }
-
-/** #endregion */
-/** #region switch/layout */
-.km-switch {
-  width: 5em;
-  height: 2em;
-  display: inline-block;
-  position: relative;
-  overflow: hidden;
-  user-select: none; }
-  .km-switch input[type="checkbox"] {
-    display: none; }
-  .km-switch .km-switch-wrapper {
-    width: 100%;
-    height: 100%;
-    border-width: 1px;
-    border-style: solid;
-    display: block; }
-  .km-switch .km-switch-background {
-    width: 100%;
-    height: 100%;
-    display: block;
-    position: relative;
-    left: -98%; }
-  .km-switch .km-switch-container {
-    width: 100%;
-    height: 100%;
-    border-width: 1px;
-    border-style: solid;
-    display: block;
-    overflow: hidden;
-    position: absolute;
-    top: 0;
-    left: 0; }
-  .km-switch .km-switch-handle {
-    width: 2em;
-    height: 100%;
-    display: inline-block; }
-  .km-switch .km-switch-label-on,
-  .km-switch .km-switch-label-off {
-    padding: 0.25rem 0.5rem;
-    text-transform: uppercase;
-    display: block;
-    position: absolute;
-    top: 0; }
-  .km-switch .km-switch-label-on {
-    right: 100%; }
-  .km-switch .km-switch-label-off {
-    left: 100%; }
-
-/** #endregion */
-/** #region switch/theme */
-.km-switch {
-  border-radius: 0.25rem; }
-
-.km-switch-wrapper {
-  border-radius: 0.25rem; }
-
-.km-switch-container {
-  border-radius: 0.25rem;
-  border-color: #ccc;
-  color: #373a3c; }
-
-.km-switch-handle {
-  border-radius: 0.25rem;
-  background-color: #fff;
-  box-shadow: 0 1px 0 1px #ccc, 0 -1px 0 1px #ccc; }
-
-.km-switch-label-on {
-  color: #fff; }
-
-/** #endregion */
-/** #region chart/layout */
-.k-chart,
-.k-gauge,
-.k-sparkline,
-.k-stockchart {
-  background-color: transparent;
-  -webkit-touch-callout: none;
-  -webkit-tap-highlight-color: transparent; }
-
-.k-chart,
-.k-stockchart {
-  height: 400px; }
-
-.k-gauge {
-  text-align: left;
-  position: relative; }
-
-.k-sparkline,
-.k-sparkline span {
-  display: inline-block;
-  vertical-align: top; }
-
-.k-sparkline span {
-  height: 100%;
-  width: 100%; }
-
-.k-selector {
-  position: absolute;
-  -webkit-transform: translateZ(0); }
-
-.k-selection {
-  border-bottom: 0;
-  position: absolute;
-  border-width: 1px;
-  border-style: solid;
-  border-color: #d2d2d2;
-  border-bottom: 0;
-  height: 100%; }
-
-.k-selection-bg {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background-color: #fff;
-  background-color: rgba(255, 255, 255, 0.01); }
-
-.k-handle {
-  background: #d2d2d2;
-  width: 7px;
-  height: 26px;
-  cursor: e-resize;
-  z-index: 1;
-  border-radius: 6px;
-  position: absolute; }
-
-.k-handle div {
-  width: 100%;
-  height: 100%;
-  background-color: transparent; }
-
-.k-leftHandle {
-  left: -4px; }
-
-.k-rightHandle {
-  right: -4px; }
-
-.k-leftHandle div {
-  margin: -20px 0 0 -15px;
-  padding: 40px 30px 0 0; }
-
-.k-rightHandle div {
-  margin: -20px 0 0 -15px;
-  padding: 40px 0 0 30px; }
-
-.k-mask {
-  position: absolute;
-  height: 100%;
-  background-color: #fff;
-  opacity: 0.80; }
-
-.k-border {
-  background: #d2d2d2;
-  width: 1px;
-  height: 100%;
-  position: absolute; }
-
-.k-chart-tooltip {
-  border-radius: 4px;
-  padding: 6px;
-  white-space: nowrap;
-  z-index: 12000;
-  line-height: normal; }
-
-.k-chart-tooltip-inverse {
-  color: #000; }
-
-.k-chart-tooltip table {
-  border-collapse: collapse;
-  border-spacing: 0; }
-
-.k-chart-tooltip th {
-  padding: 1px;
-  width: auto;
-  text-align: center; }
-
-.k-chart-tooltip td {
-  width: auto;
-  padding: .1em .2em;
-  text-align: left; }
-
-/** #endregion */
-/** #region chart/theme */
-.k-chart-tooltip {
-  color: #fff; }
-
-.k-chart-tooltip-inverse {
-  color: #373a3c; }
-
-/** #endregion */
-/** #region treemap/layout */
-.k-treemap {
-  height: 400px;
-  overflow: hidden; }
-  .k-treemap .k-treemap-tile {
-    margin: -1px 0 0 -1px;
-    height: 100%;
-    box-sizing: border-box;
-    border: 1px solid;
-    border-color: inherit;
-    color: inherit;
-    background-color: inherit;
-    overflow: hidden;
-    position: absolute; }
-  .k-treemap > .k-treemap-tile {
-    position: relative; }
-  .k-treemap .k-treemap-title {
-    padding: 0.25rem 0.5rem;
-    border-width: 0 0 1px;
-    border-style: solid;
-    background-position: 0 0;
-    background-repeat: repeat-x; }
-  .k-treemap .k-treemap-title-vertical {
-    padding: 0.5rem 0.25rem;
-    width: 1.5em;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    position: absolute;
-    top: 0;
-    bottom: 0; }
-    .k-treemap .k-treemap-title-vertical > div {
-      transform-origin: right;
-      transform: rotate(-90deg);
-      position: absolute;
-      top: 0;
-      right: 1em; }
-  .k-treemap .k-treemap-wrap {
-    border-color: inherit;
-    color: inherit;
-    background-color: inherit;
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0; }
-  .k-treemap .k-treemap-title + .k-treemap-wrap {
-    top: calc( 2rem + 1px); }
-  .k-treemap .k-treemap-title-vertical + .k-treemap-wrap {
-    left: calc( 2rem + 1px); }
-  .k-treemap .k-leaf {
-    padding: 0.5rem; }
-
-/** #endregion */
-/** #region treemap/theme */
-.k-treemap .k-leaf {
-  color: #fff; }
-
-.k-treemap .k-leaf.k-inverse {
-  color: #373a3c; }
-
-.k-treemap .k-leaf.k-state-hover {
-  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.125); }
-
-/** #endregion */
-/** #region scroller/layout */
-.km-scroll-wrapper {
-  position: relative; }
-
-.km-scroll-header {
-  width: 100%;
-  position: absolute;
-  z-index: 1001;
-  top: 0;
-  left: 0; }
-
-.km-scroll-container {
-  margin-collapse: separate;
-  user-select: none; }
-
-.km-scroller-pull {
-  width: 100%;
-  display: block;
-  position: absolute;
-  line-height: 3em;
-  font-size: 1.4em;
-  text-align: center;
-  transform: translate3d(0, -3em, 0); }
-
-.km-scroller-pull .km-template {
-  display: inline-block;
-  min-width: 200px;
-  text-align: left; }
-
-.km-load-more .km-icon,
-.km-scroller-pull .km-icon {
-  display: inline-block;
-  height: 2rem;
-  margin-right: 1rem;
-  vertical-align: middle;
-  width: 2rem;
-  font-size: 2rem;
-  transform: rotate(0deg);
-  transition: transform 300ms linear; }
-
-.km-scroller-release .km-icon {
-  transform: rotate(180deg); }
-
-.km-scroller-refresh .km-icon {
-  transition: none; }
-
-.km-touch-scrollbar {
-  height: .4em;
-  width: .4em;
-  background-color: #333;
-  visibility: hidden;
-  opacity: 0;
-  transform-origin: 0 0;
-  transition: opacity 0.3s linear;
-  position: absolute;
-  z-index: 200000; }
-
-.km-vertical-scrollbar {
-  height: 100%;
-  right: 2px;
-  top: 0; }
-
-.km-horizontal-scrollbar {
-  width: 100%;
-  left: 0;
-  bottom: 2px; }
-
-/** #endregion */
-/** #region scroller/theme */
-/** #endregion */
-/** #region map/layout */
-.k-map {
-  height: 600px; }
-  .k-map .km-scroll-wrapper {
-    width: 100%;
-    height: 100%;
-    user-select: none;
-    position: absolute; }
-  .k-map .km-touch-scrollbar {
-    display: none; }
-  .k-map .k-layer {
-    position: absolute;
-    left: 0;
-    top: 0; }
-  .k-map .k-marker {
-    margin: -40px 0 0 -14px;
-    width: 28px;
-    height: 40px;
-    cursor: pointer;
-    position: absolute;
-    background: green; }
-  .k-map .k-attribution {
-    padding: 0.25rem 0.5rem;
-    font-size: 0.65625rem;
-    background-color: rgba(255, 255, 255, 0.8);
-    z-index: 1000; }
-
-.k-map-controls {
-  position: absolute;
-  display: flex;
-  align-items: center; }
-
-.k-pos-top {
-  top: 0; }
-
-.k-pos-bottom {
-  bottom: 0; }
-
-.k-pos-left {
-  left: 0; }
-
-.k-pos-right {
-  right: 0; }
-
-.k-navigator {
-  margin: 1rem;
-  width: 3.25em;
-  height: 3.25em;
-  border-radius: 80px;
-  position: relative; }
-  .k-pdf-export .k-navigator {
-    display: none; }
-  .k-navigator button {
-    border-color: transparent;
-    background: none; }
-  .k-navigator .k-button {
-    margin: 0;
-    padding: 0;
-    border-radius: 100%;
-    line-height: 1;
-    position: absolute; }
-  .k-navigator .k-navigator-n {
-    margin-left: calc( -0.5rem - 1px);
-    top: 2px;
-    left: 50%; }
-  .k-navigator .k-navigator-e {
-    margin-top: calc( -0.5rem - 1px);
-    right: 2px;
-    top: 50%; }
-  .k-navigator .k-navigator-s {
-    margin-left: calc( -0.5rem - 1px);
-    bottom: 2px;
-    left: 50%; }
-  .k-navigator .k-navigator-w {
-    margin-top: calc( -0.5rem - 1px);
-    left: 2px;
-    top: 50%; }
-
-.k-zoom-control {
-  margin: 1rem;
-  border: 0;
-  background: none;
-  display: flex; }
-  .k-pdf-export .k-zoom-control {
-    display: none; }
-  .k-zoom-control .k-button {
-    padding: 0.5rem; }
-
-.k-buttons-vertical {
-  flex-direction: vertical; }
-
-/** #endregion */
-/** #region map/theme */
-/** #endregion */
-/** #region calendar/layout */
-.k-calendar {
-  width: 16.917em;
-  position: relative;
-  display: inline-flex;
-  flex-direction: column;
-  overflow: hidden; }
-  .k-calendar .k-link {
-    padding: 0.25rem 0.5rem;
-    color: inherit;
-    line-height: 1.25;
-    text-decoration: none;
-    display: block; }
-  .k-calendar th {
-    border-width: 0 0 1px;
-    border-style: solid;
-    padding: 0.25rem 0.5rem;
-    font-weight: normal;
-    cursor: default; }
-  .k-calendar td {
-    border-width: 1px;
-    border-style: solid;
-    cursor: pointer; }
-  .k-calendar .k-header,
-  .k-calendar .k-footer {
-    padding: 0.25rem;
-    text-align: center;
-    display: flex;
-    flex-direction: row;
-    position: relative; }
-    .k-calendar .k-header .k-link,
-    .k-calendar .k-footer .k-link {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      justify-content: center; }
-  .k-calendar .k-footer {
-    clear: both; }
-  .k-calendar .k-nav-prev,
-  .k-calendar .k-nav-next {
-    padding: 0.25rem;
-    width: 1.25em;
-    height: 1.25em;
-    box-sizing: content-box; }
-  .k-calendar .k-nav-prev {
-    left: 0.25rem; }
-  .k-calendar .k-nav-next {
-    right: 0.25rem; }
-  .k-calendar .k-nav-fast {
-    margin: 0 0.25rem;
-    flex: 1; }
-  .k-calendar .k-nav-today {
-    flex: 1; }
-  .k-calendar .k-content {
-    margin: 0;
-    width: 100%;
-    height: 14.167em;
-    border-width: 0;
-    border-spacing: 0;
-    border-collapse: separate;
-    table-layout: fixed;
-    float: left;
-    outline: 0; }
-  .k-calendar .k-content,
-  .k-calendar .k-content th {
-    text-align: right; }
-  .k-calendar .k-animation-container .k-content {
-    height: 100%; }
-  .k-calendar .k-content .k-link {
-    overflow: hidden; }
-  .k-calendar .k-weekend,
-  .k-calendar .k-other-month {
-    opacity: .6; }
-  .k-calendar .k-meta-view .k-link {
-    text-align: center; }
-
-.k-calendar-container {
-  padding: 0; }
-  .k-calendar-container .k-calendar {
-    border-width: 0; }
-
-/** #endregion */
-/** #region calendar/theme */
-.k-calendar .k-nav-prev,
-.k-calendar .k-nav-next,
-.k-calendar .k-nav-fast,
-.k-calendar .k-footer .k-nav-today {
-  border-radius: 0.25rem; }
-
-.k-calendar .k-content td {
-  border-radius: 0.25rem;
-  border-color: transparent; }
-
-.k-calendar .k-content .k-state-focused {
-  border-color: #01549b;
-  box-shadow: inset 0 0 5px #01549b; }
-
-/** #endregion */
-/** #region notification/layout */
-.k-notification-wrap {
-  padding: 15px;
-  white-space: nowrap;
-  cursor: default;
-  position: relative; }
-  .k-notification-wrap > .k-i-close {
-    position: absolute;
-    top: 18.75px;
-    right: 7.5px;
-    display: none; }
-  .k-notification-button .k-notification-wrap .k-i-close {
-    display: block; }
-
-/** #endregion */
-/** #region notification/theme */
-.k-notification {
-  border-radius: 0.25rem; }
-
-.k-notification-info {
-  border-color: #bcdff1;
-  color: #31708f;
-  background-color: #d9edf7; }
-
-.k-notification-success {
-  border-color: #d0e9c6;
-  color: #3c763d;
-  background-color: #dff0d8; }
-
-.k-notification-warning {
-  border-color: #faf2cc;
-  color: #8a6d3b;
-  background-color: #fcf8e3; }
-
-.k-notification-error {
-  border-color: #ebcccc;
-  color: #a94442;
-  background-color: #f2dede; }
-
-/** #endregion */
-/** #region responsivepanel/layout */
-.k-rpanel-left,
-.k-rpanel-right {
-  position: fixed;
-  display: block;
-  overflow: auto;
-  min-width: 320px;
-  height: 100%;
-  top: 0; }
-  .k-rpanel-left + *,
-  .k-rpanel-right + * {
-    overflow: auto; }
-  .k-rpanel-left.k-rpanel-expanded,
-  .k-rpanel-right.k-rpanel-expanded {
-    transform: translateX(0) translateZ(0); }
-
-.k-rpanel-left {
-  transform: translateX(-100%) translateZ(0);
-  left: 0; }
-
-.k-rpanel-right {
-  transform: translateX(100%) translateZ(0);
-  right: 0; }
-
-.k-rpanel-top {
-  position: static;
-  max-height: 0; }
-
-.k-rpanel-top.k-rpanel-expanded {
-  max-height: 568px;
-  overflow: visible !important; }
-
-/** #endregion */
-/** #region responsivepanel/theme */
-/** #endregion */
-/** #region splitter/layout */
-.k-splitter {
-  height: 300px;
-  position: relative; }
-  .k-splitter .k-pane {
-    overflow: hidden; }
-  .k-splitter .k-scrollabele {
-    overflow: auto; }
-  .k-splitter .k-splitter-resizing {
-    overflow: hidden; }
-  .k-pane > .k-splitter {
-    border-width: 0;
-    overflow: hidden; }
-  .k-splitter .k-pane-loading {
-    position: static;
-    top: 50%;
-    left: 50%; }
-
-.k-ghost-splitbar,
-.k-splitbar {
-  border-style: solid;
-  outline: 0;
-  position: absolute;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  display: flex;
-  align-items: center;
-  justify-content: center; }
-
-.k-splitbar-draggable-horizontal {
-  cursor: w-resize; }
-
-.k-splitbar-draggable-vertical {
-  cursor: n-resize; }
-
-.k-ghost-splitbar-horizontal,
-.k-splitbar-horizontal {
-  width: 5px;
-  border-width: 0 1px;
-  background-repeat: repeat-y;
-  flex-direction: column;
-  top: 0; }
-
-.k-ghost-splitbar-vertical,
-.k-splitbar-vertical {
-  height: 5px;
-  border-width: 1px 0;
-  background-repeat: repeat-x;
-  flex-direction: row;
-  left: 0; }
-
-.k-splitbar-static-horizontal {
-  width: 1px; }
-
-.k-splitbar-static-vertical {
-  height: 1px; }
-
-/** #endregion */
-/** #region splitter/theme */
-/** #endregion */
-/** #region window/layout */
-.k-window {
-  padding-top: 2em;
-  border-style: solid;
-  border-width: 1px;
-  display: inline-flex;
-  flex-direction: column;
-  position: absolute;
-  z-index: 10001; }
-  .k-compact .k-window .k-window-titlebar, .k-window.k-compact .k-window-titlebar {
-    padding: 0.25rem 0.5rem;
-    line-height: 1.5; }
-  .k-compact .k-window .k-window-content, .k-window.k-compact .k-window-content {
-    padding: 0.5rem; }
-
-.k-window-titlebar {
-  padding: 15px;
-  min-height: 16px;
-  border-width: 0 0 1px;
-  border-style: solid;
-  white-space: nowrap;
-  display: flex;
-  flex-direction: row;
-  align-items: center; }
-
-.k-window-title {
-  margin: 0;
-  line-height: 1.5;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  cursor: default;
-  flex: 1; }
-
-.k-window-actions {
-  display: flex;
-  flex-direction: row;
-  align-items: center; }
-
-.k-window-action {
-  padding: 2px;
-  color: inherit;
-  text-decoration: none;
-  opacity: .2; }
-  .k-window-action.k-state-hover {
-    color: inherit;
-    text-decoration: none;
-    opacity: .5; }
-
-.k-window-content {
-  padding: 15px;
-  outline: 0;
-  overflow: auto;
-  position: relative;
-  flex: 1; }
-
-/** #endregion */
-/** #region window/theme */
-.k-window {
-  border-radius: 0.25rem;
-  background-color: #fff;
-  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
-
-.k-window-titlebar {
-  border-color: #e5e5e5; }
-
-/** #endregion */
-/** #region menu/layout */
-.k-menu {
-  cursor: default;
-  display: flex;
-  flex-direction: row;
-  position: relative; }
-  .k-menu .k-item {
-    border-width: 0 1px 0 0;
-    border-style: solid;
-    border-color: inherit;
-    display: block;
-    position: relative;
-    user-select: none; }
-  .k-menu .k-link {
-    padding: 0.5em 1em;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    position: relative; }
-    .k-menu .k-link .k-i-arrow-e {
-      position: absolute;
-      top: 50%;
-      margin-top: -.5em;
-      right: 2px; }
-  .k-menu .k-menu-group {
-    margin: 0;
-    padding: 5px 0;
-    white-space: nowrap;
-    list-style: none;
-    display: none;
-    position: absolute; }
-  .k-menu .k-menu-group .k-menu-group {
-    padding: 0; }
-  .k-menu .k-menu-group .k-item {
-    border-width: 0; }
-  .k-menu .k-menu-group .k-item > .k-link {
-    padding: 3px 20px; }
-  .k-menu .k-menu-group .k-item > .k-link > .k-image {
-    margin: 0 0 0 -10px; }
-  .k-compact .k-menu .k-link, .k-menu.k-compact .k-link {
-    padding: 0.25rem 0.5rem; }
-  .k-compact .k-menu .k-menu-group .k-item > .k-link, .k-menu.k-compact .k-menu-group .k-item > .k-link {
-    padding: 0.125rem 0.5rem; }
-
-.k-menu-vertical {
-  flex-direction: column; }
-  .k-menu-vertical .k-item {
-    border-width: 0; }
-
-/** #endregion */
-/** #region menu/theme */
-.k-menu {
-  border-color: #f7f7f9;
-  color: rgba(0, 0, 0, 0.3);
-  background-color: #f7f7f9; }
-  .k-menu .k-item.k-state-hover > .k-link {
-    color: rgba(0, 0, 0, 0.6); }
-
-.k-menu-group {
-  color: #373a3c; }
-  .k-menu-group .k-item.k-state-hover > .k-link,
-  .k-menu-group .k-item > .k-link.k-state-active {
-    color: #2b2d2f;
-    background-color: #f5f5f5; }
-  .k-menu-group .k-item.k-state-hover > .k-link.k-state-active {
-    color: #fff;
-    background-color: #0275d8; }
-
-/** #endregion */
-/** #region panelbar/layout */
-.k-panelbar .k-panel,
-.k-panelbar .k-content {
-  margin: 0;
-  padding: 0;
-  border-bottom: 1px solid;
-  border-color: inherit;
-  list-style: none;
-  position: relative; }
-
-.k-panelbar > .k-item,
-.k-panelbar .k-panel > .k-item {
-  margin: 0;
-  border-width: 0;
-  border-color: inherit;
-  border-radius: 0;
-  display: block; }
-
-.k-panelbar > .k-item > .k-link {
-  padding: 0.75rem 1.25rem;
-  border-bottom-width: 1px;
-  border-bottom-style: solid;
-  text-decoration: none;
-  display: block;
-  position: relative; }
-
-.k-panelbar .k-panel > .k-item > .k-link {
-  padding: 3px 20px;
-  text-decoration: none;
-  display: block;
-  position: relative; }
-
-.k-panelbar .k-panelbar-collapse, .k-panelbar .k-panelbar-expand {
-  margin-top: -.5em;
-  position: absolute;
-  top: 50%;
-  right: 0.625rem; }
-
-.k-compact .k-panelbar > .k-item > .k-link, .k-panelbar.k-compact > .k-item > .k-link {
-  padding: 0.25rem 0.5rem; }
-
-.k-compact .k-panelbar .k-panel > .k-item > .k-link, .k-panelbar.k-compact .k-panel > .k-item > .k-link {
-  padding: 0.125rem 0.5rem; }
-
-.k-compact .k-panelbar .k-panelbar-collapse, .k-compact .k-panelbar .k-panelbar-expand, .k-panelbar.k-compact .k-panelbar-collapse, .k-panelbar.k-compact .k-panelbar-expand {
-  right: 0.125rem; }
-
-/** #endregion */
-/** #region panelbar/theme */
-.k-panelbar > .k-item > .k-link.k-state-focused {
-  border-color: #01549b;
-  box-shadow: inset 0 0 5px #01549b; }
-
-.k-panelbar .k-panel > .k-item > .k-link.k-state-focused {
-  border-color: #01549b;
-  box-shadow: inset 0 0 5px #01549b; }
-
-/** #endregion */
-/** #region tabstrip/layout */
-.k-tabstrip {
-  border-width: 0; }
-  .k-tabstrip .k-tabstrip-items {
-    border-width: 0;
-    border-style: solid;
-    display: flex;
-    flex-direction: row;
-    position: relative; }
-  .k-tabstrip .k-item {
-    margin: 0;
-    padding: 0;
-    border: 1px solid transparent;
-    position: relative; }
-  .k-tabstrip .k-item.k-tab-on-top {
-    z-index: 1; }
-  .k-tabstrip .k-item .k-link {
-    padding: 0.5em 1em;
-    cursor: pointer;
-    display: block; }
-  .k-tabstrip .k-content {
-    display: none;
-    overflow: auto; }
-  .k-tabstrip.k-tabstrip-scrollable .k-tabstrip-items {
-    white-space: nowrap;
-    overflow: hidden; }
-  .k-compact .k-tabstrip .k-item .k-link, .k-tabstrip.k-compact .k-item .k-link {
-    padding: 0.25rem 0.5rem; }
-
-.k-tabstrip-top .k-tabstrip-items {
-  border-bottom-width: 1px; }
-
-.k-tabstrip-top .k-item {
-  margin-bottom: -1px; }
-
-.k-tabstrip-top .k-item + .k-item {
-  margin-left: 0.2rem; }
-
-.k-tabstrip-bottom .k-tabstrip-items {
-  border-top-width: 1px; }
-
-.k-tabstrip-bottom .k-item {
-  margin-top: -1px; }
-
-.k-tabstrip-bottom .k-item + .k-item {
-  margin-left: 0.2rem; }
-
-.k-tabstrip-left .k-tabstrip-items {
-  border-right-width: 1px;
-  flex-direction: column; }
-
-.k-tabstrip-left .k-item {
-  margin-right: -1px; }
-
-.k-tabstrip-left .k-item + .k-item {
-  margin-top: 0.2rem; }
-
-.k-tabstrip-right .k-tabstrip-items {
-  border-left-width: 1px;
-  flex-direction: column; }
-
-.k-tabstrip-right .k-item {
-  margin-left: -1px; }
-
-.k-tabstrip-right .k-item + .k-item {
-  margin-top: 0.2rem; }
-
-/** #endregion */
-/** #region tabstrip/theme */
-.k-tabstrip .k-tabstrip-items {
-  border-color: #ddd; }
-
-.k-tabstrip .k-item.k-state-hover {
-  border-color: #eceeef; }
-
-.k-tabstrip .k-item.k-state-active {
-  color: #55595c;
-  background-color: #fff;
-  border-color: #ddd; }
-
-.k-tabstrip-top .k-item {
-  border-radius: 0.25rem 0.25rem 0 0; }
-
-.k-tabstrip-top .k-item.k-state-hover {
-  border-bottom-color: #ddd; }
-
-.k-tabstrip-top .k-item.k-state-active {
-  border-bottom-color: transparent; }
-
-.k-tabstrip-bottom .k-item {
-  border-radius: 0 0 0.25rem 0.25rem; }
-
-.k-tabstrip-bottom .k-item.k-state-hover {
-  border-top-color: #ddd; }
-
-.k-tabstrip-bottom .k-item.k-state-active {
-  border-top-color: transparent; }
-
-.k-tabstrip-left .k-item {
-  border-radius: 0.25rem 0 0 0.25rem; }
-
-.k-tabstrip-left .k-item.k-state-hover {
-  border-right-color: #ddd; }
-
-.k-tabstrip-left .k-item.k-state-active {
-  border-right-color: transparent; }
-
-.k-tabstrip-right .k-item {
-  border-radius: 0 0.25rem 0.25rem 0; }
-
-.k-tabstrip-right .k-item.k-state-hover {
-  border-left-color: #ddd; }
-
-.k-tabstrip-right .k-item.k-state-active {
-  border-left-color: transparent; }
-
-/** #endregion */
-/** #region toolbar/layout */
-.k-toolbar {
-  padding: 0.25rem;
-  line-height: 1.25;
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  position: relative; }
-  .k-toolbar > * {
-    display: inline-flex; }
-  .k-toolbar > * + * {
-    margin-left: 0.25rem; }
-  .k-toolbar > .k-overflow-anchor + * {
-    margin-left: 0; }
-  .k-toolbar .k-button,
-  .k-toolbar .k-button-group,
-  .k-toolbar .k-separator,
-  .k-toolbar .k-split-button,
-  .k-toolbar .k-textbox,
-  .k-toolbar .k-widget,
-  .k-toolbar label {
-    vertical-align: middle; }
-  .k-toolbar .k-overflow-anchor {
-    width: 1.25em;
-    height: 1.25em;
-    padding: 0.5rem;
-    justify-content: center;
-    position: absolute;
-    top: 0.25rem;
-    right: 0.25rem; }
-  .k-toolbar .k-separator {
-    width: 0;
-    border-width: 0 0 0 1px;
-    border-style: solid;
-    border-color: inherit; }
-  .k-compact .k-toolbar .k-overflow-anchor, .k-toolbar.k-compact .k-overflow-anchor {
-    padding: 0.25rem; }
-
-.k-overflow-container .k-overflow-group {
-  padding-bottom: 0.5rem;
-  margin-bottom: 0.5rem;
-  border-width: 0 0 1px;
-  border-style: solid;
-  border-color: inherit;
-  flex-direction: column; }
-  .k-overflow-container .k-overflow-group .k-button {
-    margin: 0;
-    border-radius: 0; }
-
-.k-overflow-container .k-overflow-button {
-  padding: 3px 20px;
-  border-width: 0;
-  border-radius: 0;
-  display: flex; }
-
-.k-overflow-container .k-overflow-hidden {
-  display: none; }
-
-.k-split-container .k-button {
-  padding: 3px 20px;
-  border-width: 0;
-  border-radius: 0;
-  display: flex; }
-
-/** #endregion */
-/** #region toolbar/theme */
-.k-toolbar .k-split-button .k-button {
-  border-radius: 0.25rem 0 0 0.25rem; }
-
-.k-toolbar .k-split-button .k-split-button-arrow {
-  border-radius: 0 0.25rem 0.25rem 0; }
-
-/** #endregion */
-/** #region common/dragclue */
-.k-drag-clue {
-  padding: 0.25rem 0.5rem;
-  border-width: 1px;
-  border-style: solid;
-  font-size: 0.875rem;
-  white-space: nowrap;
-  overflow: hidden;
-  cursor: default; }
-
-.k-drag-status {
-  margin-right: .4ex; }
-
-/** #endregion */
-/** #region treeview/layout */
-.k-treeview {
-  border-width: 0;
-  background: none;
-  cursor: default;
-  overflow: auto;
-  white-space: nowrap; }
-  .k-treeview .k-content,
-  .k-treeview > .k-group,
-  .k-treeview .k-item > .k-group {
-    margin: 0;
-    padding: 0;
-    background: none;
-    list-style: none;
-    position: relative; }
-  .k-treeview .k-item {
-    margin: 0;
-    padding: 0 0 0 1rem;
-    border-width: 0;
-    display: block; }
-  .k-treeview .k-in {
-    margin: 0;
-    padding: 0.5rem 1rem;
-    border: 1px solid;
-    border-color: transparent;
-    text-decoration: none;
-    display: inline-block;
-    vertical-align: middle; }
-  .k-treeview .k-minus,
-  .k-treeview .k-minus-disabled,
-  .k-treeview .k-plus,
-  .k-treeview .k-plus-disabled {
-    margin-left: -1rem;
-    cursor: pointer; }
-  .k-treeview .k-checkbox,
-  .k-treeview .k-icon,
-  .k-treeview .k-image,
-  .k-treeview .k-sprite {
-    display: inline-block;
-    vertical-align: top; }
-  .k-treeview .k-icon {
-    vertical-align: middle; }
-  .k-treeview .k-image,
-  .k-treeview .k-sprite {
-    margin-right: 3px; }
-  .k-compact .k-treeview .k-in, .k-treeview.k-compact .k-in {
-    padding: 0.25rem 0.5rem; }
-
-/** #endregion */
-/** #region treeview/theme */
-.k-treeview .k-in {
-  border-radius: 0.25rem; }
-
-.k-treeview .k-in.k-state-focused {
-  border-color: #01549b;
-  box-shadow: inset 0 0 5px #01549b; }
-
-/** #endregion */
-/** #region progressbar/layout */
-.k-progressbar {
-  border-width: 0;
-  font-size: 0.75rem;
-  line-height: 1rem;
-  display: inline-flex;
-  vertical-align: middle;
-  position: relative;
-  overflow: hidden; }
-  .k-progressbar .k-progress-status-wrap {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    position: absolute; }
-  .k-progressbar .k-progress-status {
-    padding: 0 0.25rem;
-    min-width: 10px;
-    text-align: center;
-    display: inline-block;
-    white-space: nowrap; }
-  .k-progressbar > .k-state-selected {
-    position: relative;
-    overflow: hidden; }
-  .k-progressbar > ul {
-    display: flex;
-    flex: 1; }
-  .k-progressbar .k-item {
-    border-width: 0;
-    border-style: solid; }
-  .k-compact .k-progressbar, .k-progressbar.k-compact {
-    font-size: 0.75rem; }
-
-.k-progressbar-horizontal {
-  width: 27em;
-  height: 1rem;
-  flex-direction: row; }
-  .k-progressbar-horizontal .k-progress-status-wrap {
-    flex-direction: row;
-    justify-content: flex-end;
-    top: 0;
-    left: 0; }
-  .k-progressbar-horizontal > ul {
-    flex-direction: row; }
-  .k-progressbar-horizontal .k-item + .k-item {
-    border-left-width: 1px; }
-  .k-progressbar-horizontal.k-progressbar-reverse {
-    flex-direction: row-reverse; }
-    .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
-      justify-content: flex-start;
-      left: auto;
-      right: 0; }
-
-.k-progressbar-vertical {
-  width: 1rem;
-  height: 27em;
-  flex-direction: column;
-  justify-content: flex-end; }
-  .k-progressbar-vertical .k-progress-status-wrap {
-    flex-direction: column;
-    justify-content: flex-start;
-    left: 0;
-    bottom: 0; }
-  .k-progressbar-vertical > ul {
-    flex-direction: column; }
-  .k-progressbar-vertical .k-item + .k-item {
-    border-top-width: 1px; }
-  .k-progressbar-vertical.k-progressbar-reverse {
-    flex-direction: column-reverse; }
-    .k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
-      justify-content: flex-end;
-      top: 0;
-      bottom: auto; }
-
-/** #endregion */
-/** #region progressbar/theme */
-.k-progressbar {
-  border-radius: 0.25rem;
-  background-color: #eee; }
-  .k-progressbar .k-progress-status-wrap {
-    border-radius: 0.25rem; }
-  .k-progressbar > .k-state-selected {
-    border-radius: 0.25rem; }
-  .k-progressbar .k-state-selected {
-    color: #fff;
-    background-color: #0074d9; }
-  .k-progressbar .k-item {
-    border-color: #fff; }
-
-/** #endregion */
diff --git a/gulpfile.js b/gulpfile.js
index 3acae20..ee81c40 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -15,7 +15,7 @@ gulp.task('start', ['sass'], function() {
 });
 
 gulp.task("sass", function() {
-    return gulp.src(STYLES)
+    return gulp.src('src/main.scss')
         .pipe($.sass().on('error', $.sass.logError))
         .pipe(browserSync.stream({match: '**/*.css'}))
         .pipe($.rename({dirname: ''}))
@@ -23,7 +23,7 @@ gulp.task("sass", function() {
 });
 
 gulp.task("minify", ["sass"], function() {
-    return gulp.src('dist/kendo.*.css')
+    return gulp.src('dist/*.css')
         .pipe($.minifyCss())
         .pipe($.rename({suffix: '.min'}))
         .pipe(gulp.dest('dist'))
diff --git a/src/_bootstrap-map.scss b/src/_bootstrap-map.scss
index a00c40c..f6620f9 100644
--- a/src/_bootstrap-map.scss
+++ b/src/_bootstrap-map.scss
@@ -1,5 +1,3 @@
-//@import "../node_modules/bootstrap/scss/variables";
-
 @function get-bootstrap-var($var-name) {
 	@if map-has-key($bootstrap-vars, $var-name) {
 		@return map-get($bootstrap-vars, $var-name);
diff --git a/src/kendo.bootstrap-v4.scss b/src/_kendo.bootstrap.scss
similarity index 100%
rename from src/kendo.bootstrap-v4.scss
rename to src/_kendo.bootstrap.scss
diff --git a/src/editor/_layout.scss b/src/editor/_layout.scss
new file mode 100644
index 0000000..07d9da2
--- /dev/null
+++ b/src/editor/_layout.scss
@@ -0,0 +1,63 @@
+@include exports("editor/layout") {
+
+	// Base
+	.k-editor {
+		border-collapse: separate;
+		border-spacing: 4px;
+		vertical-align: top;
+		position: relative;
+		table-layout: fixed;
+
+		.k-content {
+			margin: 0;
+			padding: 0;
+			width: 100%;
+			height: 100%;
+			border: 0;
+			background: none;
+			display: block;
+		}
+	}
+	.k-editor-inline {
+		border-width: 2px;
+		padding: $padding-y-sm $padding-x-sm;
+		word-wrap: break-word;
+		overflow: auto;
+	}
+
+
+	// Toolbar
+	.keditor-toolbar-wrap {}
+	.k-editor-toolbar {
+
+
+		// Group
+		.k-tool-group {}
+		.k-tool-group .k-state-disabled {
+			display: none;
+		}
+
+
+		// Tools
+		.k-tool {
+			padding: $button-padding-y;
+		}
+
+
+		.k-tool-text {
+			display: none;
+		}
+	}
+
+
+	// Editable area
+	.k-editable-area {
+		padding: $input-padding-y;
+		width: 100%;
+		height: 100%;
+		border-width: 1px;
+		border-style: solid;
+		outline: 0;
+	}
+
+}
\ No newline at end of file
diff --git a/src/editor/_theme.scss b/src/editor/_theme.scss
new file mode 100644
index 0000000..ddd38b0
--- /dev/null
+++ b/src/editor/_theme.scss
@@ -0,0 +1,12 @@
+@include exports("editor/theme") {
+
+	.k-editor {
+		@include appearance( header );
+
+
+		.k-editable-area {
+			@include appearance( input );
+		}
+	}
+
+}
\ No newline at end of file
diff --git a/src/editor/editor.scss b/src/editor/editor.scss
new file mode 100644
index 0000000..889a1dc
--- /dev/null
+++ b/src/editor/editor.scss
@@ -0,0 +1,15 @@
+@import "../variables";
+@import "../mixins/all";
+
+
+// Dependencies
+@import "../common/base";
+@import "../common/icons";
+@import "../button/button";
+@import "../toolbar/toolbar";
+@import "../window/window";
+
+
+// Component
+@import "layout";
+@import "theme";
\ No newline at end of file
diff --git a/src/main.scss b/src/main.scss
new file mode 100644
index 0000000..829309a
--- /dev/null
+++ b/src/main.scss
@@ -0,0 +1,2 @@
+@import "../node_modules/bootstrap/scss/variables";
+@import "_kendo.bootstrap";
\ No newline at end of file
diff --git a/src/scrollview/_layout.scss b/src/scrollview/_layout.scss
new file mode 100644
index 0000000..ff34be3
--- /dev/null
+++ b/src/scrollview/_layout.scss
@@ -0,0 +1,11 @@
+@include exports("scrollview/layout") {
+
+	.km-scrollview {}
+
+
+	.km-scrollview {
+		margin-collapse: separate;
+		user-select: none;
+	}
+
+}
\ No newline at end of file
diff --git a/src/scrollview/_theme.scss b/src/scrollview/_theme.scss
new file mode 100644
index 0000000..0cf95ee
--- /dev/null
+++ b/src/scrollview/_theme.scss
@@ -0,0 +1,5 @@
+@include exports("scrollview/theme") {
+
+	.km-scrollview {}
+
+}
\ No newline at end of file
diff --git a/src/scrollview/scrollview.scss b/src/scrollview/scrollview.scss
new file mode 100644
index 0000000..7981b92
--- /dev/null
+++ b/src/scrollview/scrollview.scss
@@ -0,0 +1,11 @@
+@import "../variables";
+@import "../mixins/all";
+
+
+// Dependencies
+@import "../common/base";
+
+
+// Component
+@import "layout";
+@import "theme";
\ No newline at end of file