diff --git a/code/libraries/joomlatools/component/koowa/resources/assets/css/dark-mode.css b/code/libraries/joomlatools/component/koowa/resources/assets/css/admin-dark.css
similarity index 100%
rename from code/libraries/joomlatools/component/koowa/resources/assets/css/dark-mode.css
rename to code/libraries/joomlatools/component/koowa/resources/assets/css/admin-dark.css
diff --git a/code/libraries/joomlatools/component/koowa/resources/assets/css/light-mode.css b/code/libraries/joomlatools/component/koowa/resources/assets/css/light-mode.css
deleted file mode 100644
index 8652d4fd9..000000000
--- a/code/libraries/joomlatools/component/koowa/resources/assets/css/light-mode.css
+++ /dev/null
@@ -1,18431 +0,0 @@
-@charset "UTF-8";
-/* HTML
- ========================================================================== */
-/**
- * 1. By using 100% we can work with full-height auto overflowing flexbox pages
- * 2. Remove all spacing
- * 3. Set basic font here. Other systems could set font on `` element to override this.
- * We're just making sure there's alwas a default font available
- */
-html {
- min-height: 100%;
- /* 1 */
- height: 100%;
- /* 1 */
- padding: 0;
- /* 2 */
- margin: 0;
- /* 2 */
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- /* 3 */
- font-size: 13px;
- /* 3 */
- line-height: 20px;
- /* 3 */
- font-weight: 400;
- /* 3 */
- color: #222222;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-/* Body
- ========================================================================== */
-/**
- * 1. By using 100% we can work with full-height auto overflowing flexbox pages
- * 2. Remove all spacing
- * 3. Setting up flexbox
- * 4. Hide overflowing content on resizing to make sure we never get any weird jumping scrollbar issues
- */
-body {
- min-height: 100%;
- /* 1 */
- height: 100%;
- /* 1 */
- padding: 0;
- /* 2 */
- margin: 0;
- /* 2 */
- /**
- * Setup flexbox
- */
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- /* 3 */
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- /* 3 */
- -webkit-box-flex: 1;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- /* 3 */
- /**
- * When resizing
- */
-}
-
-body.k-is-resizing {
- overflow: hidden;
- /* 4 */
-}
-
-/* Custom icon font
- ========================================================================== */
-@font-face {
- font-family: "k-icons";
- src: url("../fonts/k-icons/k-icons.eot");
- src: url("../fonts/k-icons/k-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/k-icons/k-icons.woff") format("woff"), url("../fonts/k-icons/k-icons.ttf") format("truetype"), url("../fonts/k-icons/k-icons.svg#k-icons") format("svg");
- font-weight: normal;
- font-style: normal;
-}
-
-/**
- * Use SVG
- *
- * Always use SVG on touch / mobile
- */
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
- @font-face {
- font-family: "k-icons";
- src: url("../fonts/k-icons/k-icons.svg#k-icons") format("svg");
- }
-}
-
-.k-icon-account-login, .k-icon-account-logout, .k-icon-action-redo, .k-icon-action-undo, .k-icon-align-center, .k-icon-align-left, .k-icon-align-right, .k-icon-aperture, .k-icon-arrow-bottom, .k-icon-arrow-circle-bottom, .k-icon-arrow-circle-left, .k-icon-arrow-circle-right, .k-icon-arrow-circle-top, .k-icon-arrow-left, .k-icon-arrow-right, .k-icon-arrow-thick-bottom, .k-icon-arrow-thick-left, .k-icon-arrow-thick-right, .k-icon-arrow-thick-top, .k-icon-arrow-top, .k-icon-audio-spectrum, .k-icon-audio, .k-icon-badge, .k-icon-ban, .k-icon-bar-chart, .k-icon-basket, .k-icon-battery-empty, .k-icon-battery-full, .k-icon-beaker, .k-icon-bell, .k-icon-bluetooth, .k-icon-bold, .k-icon-bolt, .k-icon-book, .k-icon-bookmark, .k-icon-box, .k-icon-briefcase, .k-icon-british-pound, .k-icon-browser, .k-icon-brush, .k-icon-bug, .k-icon-bullhorn, .k-icon-calculator, .k-icon-calendar, .k-icon-camera-slr, .k-icon-caret-bottom, .k-icon-caret-left, .k-icon-caret-right, .k-icon-caret-top, .k-icon-cart, .k-icon-chat, .k-icon-check, .k-icon-chevron-bottom, .k-icon-chevron-left, .k-icon-chevron-right, .k-icon-chevron-top, .k-icon-circle-check, .k-icon-circle-x, .k-icon-clipboard, .k-icon-clock, .k-icon-cloud-download, .k-icon-cloud-upload, .k-icon-cloud, .k-icon-cloudy, .k-icon-code, .k-icon-cog, .k-icon-collapse-down, .k-icon-collapse-left, .k-icon-collapse-right, .k-icon-collapse-up, .k-icon-command, .k-icon-comment-square, .k-icon-compass, .k-icon-contrast, .k-icon-copywriting, .k-icon-credit-card, .k-icon-crop, .k-icon-dashboard, .k-icon-data-transfer-download, .k-icon-data-transfer-upload, .k-icon-delete, .k-icon-dial, .k-icon-document, .k-icon-dollar, .k-icon-double-quote-sans-left, .k-icon-double-quote-sans-right, .k-icon-double-quote-serif-left, .k-icon-double-quote-serif-right, .k-icon-droplet, .k-icon-eject, .k-icon-elevator, .k-icon-ellipses, .k-icon-envelope-closed, .k-icon-envelope-open, .k-icon-euro, .k-icon-excerpt, .k-icon-expand-down, .k-icon-expand-left, .k-icon-expand-right, .k-icon-expand-up, .k-icon-external-link, .k-icon-eye, .k-icon-eyedropper, .k-icon-file, .k-icon-fire, .k-icon-flag, .k-icon-flash, .k-icon-folder, .k-icon-fork, .k-icon-fullscreen-enter, .k-icon-fullscreen-exit, .k-icon-globe, .k-icon-graph, .k-icon-grid-four-up, .k-icon-grid-three-up, .k-icon-grid-two-up, .k-icon-hard-drive, .k-icon-header, .k-icon-headphones, .k-icon-heart, .k-icon-home, .k-icon-image, .k-icon-inbox, .k-icon-infinity, .k-icon-info, .k-icon-italic, .k-icon-justify-center, .k-icon-justify-left, .k-icon-justify-right, .k-icon-key, .k-icon-laptop, .k-icon-layers, .k-icon-lightbulb, .k-icon-link-broken, .k-icon-link-intact, .k-icon-list-rich, .k-icon-list, .k-icon-location, .k-icon-lock-locked, .k-icon-lock-unlocked, .k-icon-loop-circular, .k-icon-loop-square, .k-icon-loop, .k-icon-magnifying-glass, .k-icon-map-marker, .k-icon-map, .k-icon-media-pause, .k-icon-media-play, .k-icon-media-record, .k-icon-media-skip-backward, .k-icon-media-skip-forward, .k-icon-media-step-backward, .k-icon-media-step-forward, .k-icon-media-stop, .k-icon-medical-cross, .k-icon-menu, .k-icon-microphone, .k-icon-minus, .k-icon-monitor, .k-icon-moon, .k-icon-move, .k-icon-musical-note, .k-icon-paperclip, .k-icon-pencil, .k-icon-people, .k-icon-person, .k-icon-phone, .k-icon-pie-chart, .k-icon-pin, .k-icon-play-circle, .k-icon-plus, .k-icon-power-standby, .k-icon-print, .k-icon-project, .k-icon-pulse, .k-icon-puzzle-piece, .k-icon-question-mark, .k-icon-rain, .k-icon-random, .k-icon-reload, .k-icon-resize-both, .k-icon-resize-height, .k-icon-resize-width, .k-icon-rss-alt, .k-icon-rss, .k-icon-script, .k-icon-share-boxed, .k-icon-share, .k-icon-shield, .k-icon-signal, .k-icon-signpost, .k-icon-sort-ascending, .k-icon-sort-descending, .k-icon-spreadsheet, .k-icon-star, .k-icon-sun, .k-icon-tablet, .k-icon-tag, .k-icon-tags, .k-icon-target, .k-icon-task, .k-icon-terminal, .k-icon-text, .k-icon-thumb-down, .k-icon-thumb-up, .k-icon-timer, .k-icon-transfer, .k-icon-trash, .k-icon-underline, .k-icon-vertical-align-bottom, .k-icon-vertical-align-center, .k-icon-vertical-align-top, .k-icon-video, .k-icon-volume-high, .k-icon-volume-low, .k-icon-volume-off, .k-icon-warning, .k-icon-wifi, .k-icon-wrench, .k-icon-x, .k-icon-yen, .k-icon-zoom-in, .k-icon-zoom-out, .k-icon-close, .k-icon-disabled, .k-icon-document-archive, .k-icon-document-audio, .k-icon-document-default, .k-icon-document-document, .k-icon-document-folder, .k-icon-document-image, .k-icon-document-pdf, .k-icon-document-spreadsheet, .k-icon-document-video, .k-icon-documents, .k-icon-enabled, .k-icon-filter, .k-icon-folder-closed, .k-icon-folder-opened, .k-icon-menu-closed, .k-icon-menu-opened, .k-icon-open, .k-appearance .k-ui-namespace input[type="checkbox"]:before, .k-ui-namespace .k-sidebar-item--toggle .k-sidebar-item__toggle:after, .footable.breakpoint .footable-toggle:after {
- speak: none;
- text-rendering: optimizeLegibility;
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-smoothing: antialiased;
- text-transform: none;
- line-height: 1;
- font-style: normal;
- font-variant: normal;
- font-weight: normal;
- font-family: 'k-icons';
-}
-
-.k-icon-account-login:before, .k-icon-account-logout:before, .k-icon-action-redo:before, .k-icon-action-undo:before, .k-icon-align-center:before, .k-icon-align-left:before, .k-icon-align-right:before, .k-icon-aperture:before, .k-icon-arrow-bottom:before, .k-icon-arrow-circle-bottom:before, .k-icon-arrow-circle-left:before, .k-icon-arrow-circle-right:before, .k-icon-arrow-circle-top:before, .k-icon-arrow-left:before, .k-icon-arrow-right:before, .k-icon-arrow-thick-bottom:before, .k-icon-arrow-thick-left:before, .k-icon-arrow-thick-right:before, .k-icon-arrow-thick-top:before, .k-icon-arrow-top:before, .k-icon-audio-spectrum:before, .k-icon-audio:before, .k-icon-badge:before, .k-icon-ban:before, .k-icon-bar-chart:before, .k-icon-basket:before, .k-icon-battery-empty:before, .k-icon-battery-full:before, .k-icon-beaker:before, .k-icon-bell:before, .k-icon-bluetooth:before, .k-icon-bold:before, .k-icon-bolt:before, .k-icon-book:before, .k-icon-bookmark:before, .k-icon-box:before, .k-icon-briefcase:before, .k-icon-british-pound:before, .k-icon-browser:before, .k-icon-brush:before, .k-icon-bug:before, .k-icon-bullhorn:before, .k-icon-calculator:before, .k-icon-calendar:before, .k-icon-camera-slr:before, .k-icon-caret-bottom:before, .k-icon-caret-left:before, .k-icon-caret-right:before, .k-icon-caret-top:before, .k-icon-cart:before, .k-icon-chat:before, .k-icon-check:before, .k-icon-chevron-bottom:before, .k-icon-chevron-left:before, .k-icon-chevron-right:before, .k-icon-chevron-top:before, .k-icon-circle-check:before, .k-icon-circle-x:before, .k-icon-clipboard:before, .k-icon-clock:before, .k-icon-cloud-download:before, .k-icon-cloud-upload:before, .k-icon-cloud:before, .k-icon-cloudy:before, .k-icon-code:before, .k-icon-cog:before, .k-icon-collapse-down:before, .k-icon-collapse-left:before, .k-icon-collapse-right:before, .k-icon-collapse-up:before, .k-icon-command:before, .k-icon-comment-square:before, .k-icon-compass:before, .k-icon-contrast:before, .k-icon-copywriting:before, .k-icon-credit-card:before, .k-icon-crop:before, .k-icon-dashboard:before, .k-icon-data-transfer-download:before, .k-icon-data-transfer-upload:before, .k-icon-delete:before, .k-icon-dial:before, .k-icon-document:before, .k-icon-dollar:before, .k-icon-double-quote-sans-left:before, .k-icon-double-quote-sans-right:before, .k-icon-double-quote-serif-left:before, .k-icon-double-quote-serif-right:before, .k-icon-droplet:before, .k-icon-eject:before, .k-icon-elevator:before, .k-icon-ellipses:before, .k-icon-envelope-closed:before, .k-icon-envelope-open:before, .k-icon-euro:before, .k-icon-excerpt:before, .k-icon-expand-down:before, .k-icon-expand-left:before, .k-icon-expand-right:before, .k-icon-expand-up:before, .k-icon-external-link:before, .k-icon-eye:before, .k-icon-eyedropper:before, .k-icon-file:before, .k-icon-fire:before, .k-icon-flag:before, .k-icon-flash:before, .k-icon-folder:before, .k-icon-fork:before, .k-icon-fullscreen-enter:before, .k-icon-fullscreen-exit:before, .k-icon-globe:before, .k-icon-graph:before, .k-icon-grid-four-up:before, .k-icon-grid-three-up:before, .k-icon-grid-two-up:before, .k-icon-hard-drive:before, .k-icon-header:before, .k-icon-headphones:before, .k-icon-heart:before, .k-icon-home:before, .k-icon-image:before, .k-icon-inbox:before, .k-icon-infinity:before, .k-icon-info:before, .k-icon-italic:before, .k-icon-justify-center:before, .k-icon-justify-left:before, .k-icon-justify-right:before, .k-icon-key:before, .k-icon-laptop:before, .k-icon-layers:before, .k-icon-lightbulb:before, .k-icon-link-broken:before, .k-icon-link-intact:before, .k-icon-list-rich:before, .k-icon-list:before, .k-icon-location:before, .k-icon-lock-locked:before, .k-icon-lock-unlocked:before, .k-icon-loop-circular:before, .k-icon-loop-square:before, .k-icon-loop:before, .k-icon-magnifying-glass:before, .k-icon-map-marker:before, .k-icon-map:before, .k-icon-media-pause:before, .k-icon-media-play:before, .k-icon-media-record:before, .k-icon-media-skip-backward:before, .k-icon-media-skip-forward:before, .k-icon-media-step-backward:before, .k-icon-media-step-forward:before, .k-icon-media-stop:before, .k-icon-medical-cross:before, .k-icon-menu:before, .k-icon-microphone:before, .k-icon-minus:before, .k-icon-monitor:before, .k-icon-moon:before, .k-icon-move:before, .k-icon-musical-note:before, .k-icon-paperclip:before, .k-icon-pencil:before, .k-icon-people:before, .k-icon-person:before, .k-icon-phone:before, .k-icon-pie-chart:before, .k-icon-pin:before, .k-icon-play-circle:before, .k-icon-plus:before, .k-icon-power-standby:before, .k-icon-print:before, .k-icon-project:before, .k-icon-pulse:before, .k-icon-puzzle-piece:before, .k-icon-question-mark:before, .k-icon-rain:before, .k-icon-random:before, .k-icon-reload:before, .k-icon-resize-both:before, .k-icon-resize-height:before, .k-icon-resize-width:before, .k-icon-rss-alt:before, .k-icon-rss:before, .k-icon-script:before, .k-icon-share-boxed:before, .k-icon-share:before, .k-icon-shield:before, .k-icon-signal:before, .k-icon-signpost:before, .k-icon-sort-ascending:before, .k-icon-sort-descending:before, .k-icon-spreadsheet:before, .k-icon-star:before, .k-icon-sun:before, .k-icon-tablet:before, .k-icon-tag:before, .k-icon-tags:before, .k-icon-target:before, .k-icon-task:before, .k-icon-terminal:before, .k-icon-text:before, .k-icon-thumb-down:before, .k-icon-thumb-up:before, .k-icon-timer:before, .k-icon-transfer:before, .k-icon-trash:before, .k-icon-underline:before, .k-icon-vertical-align-bottom:before, .k-icon-vertical-align-center:before, .k-icon-vertical-align-top:before, .k-icon-video:before, .k-icon-volume-high:before, .k-icon-volume-low:before, .k-icon-volume-off:before, .k-icon-warning:before, .k-icon-wifi:before, .k-icon-wrench:before, .k-icon-x:before, .k-icon-yen:before, .k-icon-zoom-in:before, .k-icon-zoom-out:before, .k-icon-close:before, .k-icon-disabled:before, .k-icon-document-archive:before, .k-icon-document-audio:before, .k-icon-document-default:before, .k-icon-document-document:before, .k-icon-document-folder:before, .k-icon-document-image:before, .k-icon-document-pdf:before, .k-icon-document-spreadsheet:before, .k-icon-document-video:before, .k-icon-documents:before, .k-icon-enabled:before, .k-icon-filter:before, .k-icon-folder-closed:before, .k-icon-folder-opened:before, .k-icon-menu-closed:before, .k-icon-menu-opened:before, .k-icon-open:before, .k-appearance .k-ui-namespace input[type="checkbox"]:before {
- display: inline-block;
- margin: auto;
- width: 1em;
- height: 1em;
- line-height: 1;
-}
-
-/**
- * Icon classes
- *
- * Creating a class name for each individual icon to be used in markup like:
- *
- */
-.k-icon-account-login:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-account-login:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-account-logout:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-account-logout:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-action-redo:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-action-redo:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-action-undo:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-action-undo:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-align-center:before {
- content: "";
-}
-
-.k-icon-align-left:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-align-left:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-align-right:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-align-right:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-aperture:before {
- content: "";
-}
-
-.k-icon-arrow-bottom:before {
- content: "";
-}
-
-.k-icon-arrow-circle-bottom:before {
- content: "";
-}
-
-.k-icon-arrow-circle-left:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-arrow-circle-left:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-arrow-circle-right:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-arrow-circle-right:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-arrow-circle-top:before {
- content: "";
-}
-
-.k-icon-arrow-left:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-arrow-left:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-arrow-right:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-arrow-right:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-arrow-thick-bottom:before {
- content: "";
-}
-
-.k-icon-arrow-thick-left:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-arrow-thick-left:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-arrow-thick-right:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-arrow-thick-right:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-arrow-thick-top:before {
- content: "";
-}
-
-.k-icon-arrow-top:before {
- content: "";
-}
-
-.k-icon-audio-spectrum:before {
- content: "";
-}
-
-.k-icon-audio:before {
- content: "";
-}
-
-.k-icon-badge:before {
- content: "";
-}
-
-.k-icon-ban:before {
- content: "";
-}
-
-.k-icon-bar-chart:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-bar-chart:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-basket:before {
- content: "";
-}
-
-.k-icon-battery-empty:before {
- content: "";
-}
-
-.k-icon-battery-full:before {
- content: "";
-}
-
-.k-icon-beaker:before {
- content: "";
-}
-
-.k-icon-bell:before {
- content: "";
-}
-
-.k-icon-bluetooth:before {
- content: "";
-}
-
-.k-icon-bold:before {
- content: "";
-}
-
-.k-icon-bolt:before {
- content: "";
-}
-
-.k-icon-book:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-book:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-bookmark:before {
- content: "";
-}
-
-.k-icon-box:before {
- content: "";
-}
-
-.k-icon-briefcase:before {
- content: "";
-}
-
-.k-icon-british-pound:before {
- content: "";
-}
-
-.k-icon-browser:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-browser:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-brush:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-brush:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-bug:before {
- content: "";
-}
-
-.k-icon-bullhorn:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-bullhorn:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-calculator:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-calculator:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-calendar:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-calendar:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-camera-slr:before {
- content: "";
-}
-
-.k-icon-caret-bottom:before {
- content: "";
-}
-
-.k-icon-caret-left:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-caret-left:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-caret-right:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-caret-right:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-caret-top:before {
- content: "";
-}
-
-.k-icon-cart:before {
- content: "";
-}
-
-.k-icon-chat:before {
- content: "";
-}
-
-.k-icon-check:before {
- content: "";
-}
-
-.k-icon-chevron-bottom:before {
- content: "";
-}
-
-.k-icon-chevron-left:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-chevron-left:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-chevron-right:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-chevron-right:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-chevron-top:before {
- content: "";
-}
-
-.k-icon-circle-check:before {
- content: "";
-}
-
-.k-icon-circle-x:before {
- content: "";
-}
-
-.k-icon-clipboard:before {
- content: "";
-}
-
-.k-icon-clock:before {
- content: "";
-}
-
-.k-icon-cloud-download:before {
- content: "";
-}
-
-.k-icon-cloud-upload:before {
- content: "";
-}
-
-.k-icon-cloud:before {
- content: "";
-}
-
-.k-icon-cloudy:before {
- content: "";
-}
-
-.k-icon-code:before {
- content: "";
-}
-
-.k-icon-cog:before {
- content: "";
-}
-
-.k-icon-collapse-down:before {
- content: "";
-}
-
-.k-icon-collapse-left:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-collapse-left:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-collapse-right:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-collapse-right:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-collapse-up:before {
- content: "";
-}
-
-.k-icon-command:before {
- content: "";
-}
-
-.k-icon-comment-square:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-comment-square:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-compass:before {
- content: "";
-}
-
-.k-icon-contrast:before {
- content: "";
-}
-
-.k-icon-copywriting:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-copywriting:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-credit-card:before {
- content: "";
-}
-
-.k-icon-crop:before {
- content: "";
-}
-
-.k-icon-dashboard:before {
- content: "";
-}
-
-.k-icon-data-transfer-download:before {
- content: "";
-}
-
-.k-icon-data-transfer-upload:before {
- content: "";
-}
-
-.k-icon-delete:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-delete:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-dial:before {
- content: "";
-}
-
-.k-icon-document:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-document:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-dollar:before {
- content: "";
-}
-
-.k-icon-double-quote-sans-left:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-double-quote-sans-left:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-double-quote-sans-right:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-double-quote-sans-right:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-double-quote-serif-left:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-double-quote-serif-left:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-double-quote-serif-right:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-double-quote-serif-right:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-droplet:before {
- content: "";
-}
-
-.k-icon-eject:before {
- content: "";
-}
-
-.k-icon-elevator:before {
- content: "";
-}
-
-.k-icon-ellipses:before {
- content: "";
-}
-
-.k-icon-envelope-closed:before {
- content: "";
-}
-
-.k-icon-envelope-open:before {
- content: "";
-}
-
-.k-icon-euro:before {
- content: "";
-}
-
-.k-icon-excerpt:before {
- content: "";
-}
-
-.k-icon-expand-down:before {
- content: "";
-}
-
-.k-icon-expand-left:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-expand-left:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-expand-right:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-expand-right:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-expand-up:before {
- content: "";
-}
-
-.k-icon-external-link:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-external-link:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-eye:before {
- content: "";
-}
-
-.k-icon-eyedropper:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-eyedropper:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-file:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-file:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-fire:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-fire:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-flag:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-flag:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-flash:before {
- content: "";
-}
-
-.k-icon-folder:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-folder:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-fork:before {
- content: "";
-}
-
-.k-icon-fullscreen-enter:before {
- content: "";
-}
-
-.k-icon-fullscreen-exit:before {
- content: "";
-}
-
-.k-icon-globe:before {
- content: "";
-}
-
-.k-icon-graph:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-graph:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-grid-four-up:before {
- content: "";
-}
-
-.k-icon-grid-three-up:before {
- content: "";
-}
-
-.k-icon-grid-two-up:before {
- content: "";
-}
-
-.k-icon-hard-drive:before {
- content: "";
-}
-
-.k-icon-header:before {
- content: "";
-}
-
-.k-icon-headphones:before {
- content: "";
-}
-
-.k-icon-heart:before {
- content: "";
-}
-
-.k-icon-home:before {
- content: "";
-}
-
-.k-icon-image:before {
- content: "";
-}
-
-.k-icon-inbox:before {
- content: "";
-}
-
-.k-icon-infinity:before {
- content: "";
-}
-
-.k-icon-info:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-info:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-italic:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-italic:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-justify-center:before {
- content: "";
-}
-
-.k-icon-justify-left:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-justify-left:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-justify-right:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-justify-right:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-key:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-key:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-laptop:before {
- content: "";
-}
-
-.k-icon-layers:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-layers:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-lightbulb:before {
- content: "";
-}
-
-.k-icon-link-broken:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-link-broken:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-link-intact:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-link-intact:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-list-rich:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-list-rich:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-list:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-list:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-location:before {
- content: "";
-}
-
-.k-icon-lock-locked:before {
- content: "";
-}
-
-.k-icon-lock-unlocked:before {
- content: "";
-}
-
-.k-icon-loop-circular:before {
- content: "";
-}
-
-.k-icon-loop-square:before {
- content: "";
-}
-
-.k-icon-loop:before {
- content: "";
-}
-
-.k-icon-magnifying-glass:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-magnifying-glass:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-map-marker:before {
- content: "";
-}
-
-.k-icon-map:before {
- content: "";
-}
-
-.k-icon-media-pause:before {
- content: "";
-}
-
-.k-icon-media-play:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-media-play:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-media-record:before {
- content: "";
-}
-
-.k-icon-media-skip-backward:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-media-skip-backward:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-media-skip-forward:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-media-skip-forward:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-media-step-backward:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-media-step-backward:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-media-step-forward:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-media-step-forward:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-media-stop:before {
- content: "";
-}
-
-.k-icon-medical-cross:before {
- content: "";
-}
-
-.k-icon-menu:before {
- content: "";
-}
-
-.k-icon-microphone:before {
- content: "";
-}
-
-.k-icon-minus:before {
- content: "";
-}
-
-.k-icon-monitor:before {
- content: "";
-}
-
-.k-icon-moon:before {
- content: "";
-}
-
-.k-icon-move:before {
- content: "";
-}
-
-.k-icon-musical-note:before {
- content: "";
-}
-
-.k-icon-paperclip:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-paperclip:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-pencil:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-pencil:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-people:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-people:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-person:before {
- content: "";
-}
-
-.k-icon-phone:before {
- content: "";
-}
-
-.k-icon-pie-chart:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-pie-chart:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-pin:before {
- content: "";
-}
-
-.k-icon-play-circle:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-play-circle:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-plus:before {
- content: "";
-}
-
-.k-icon-power-standby:before {
- content: "";
-}
-
-.k-icon-print:before {
- content: "";
-}
-
-.k-icon-project:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-project:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-pulse:before {
- content: "";
-}
-
-.k-icon-puzzle-piece:before {
- content: "";
-}
-
-.k-icon-question-mark:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-question-mark:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-rain:before {
- content: "";
-}
-
-.k-icon-random:before {
- content: "";
-}
-
-.k-icon-reload:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-reload:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-resize-both:before {
- content: "";
-}
-
-.k-icon-resize-height:before {
- content: "";
-}
-
-.k-icon-resize-width:before {
- content: "";
-}
-
-.k-icon-rss-alt:before {
- content: "";
-}
-
-.k-icon-rss:before {
- content: "";
-}
-
-.k-icon-script:before {
- content: "";
-}
-
-.k-icon-share-boxed:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-share-boxed:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-share:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-share:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-shield:before {
- content: "";
-}
-
-.k-icon-signal:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-signal:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-signpost:before {
- content: "";
-}
-
-.k-icon-sort-ascending:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-sort-ascending:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-sort-descending:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-sort-descending:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-spreadsheet:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-spreadsheet:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-star:before {
- content: "";
-}
-
-.k-icon-sun:before {
- content: "";
-}
-
-.k-icon-tablet:before {
- content: "";
-}
-
-.k-icon-tag:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-tag:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-tags:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-tags:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-target:before {
- content: "";
-}
-
-.k-icon-task:before {
- content: "";
-}
-
-.k-icon-terminal:before {
- content: "";
-}
-
-.k-icon-text:before {
- content: "";
-}
-
-.k-icon-thumb-down:before {
- content: "";
-}
-
-.k-icon-thumb-up:before {
- content: "";
-}
-
-.k-icon-timer:before {
- content: "";
-}
-
-.k-icon-transfer:before {
- content: "";
-}
-
-.k-icon-trash:before {
- content: "";
-}
-
-.k-icon-underline:before {
- content: "";
-}
-
-.k-icon-vertical-align-bottom:before {
- content: "";
-}
-
-.k-icon-vertical-align-center:before {
- content: "";
-}
-
-.k-icon-vertical-align-top:before {
- content: "";
-}
-
-.k-icon-video:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-video:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-volume-high:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-volume-high:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-volume-low:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-volume-low:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-volume-off:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-volume-off:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-warning:before {
- content: "";
-}
-
-.k-icon-wifi:before {
- content: "";
-}
-
-.k-icon-wrench:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-wrench:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-x:before {
- content: "";
-}
-
-.k-icon-yen:before {
- content: "";
-}
-
-.k-icon-zoom-in:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-zoom-in:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-zoom-out:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-zoom-out:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-close:before {
- content: "";
-}
-
-.k-icon-disabled:before {
- content: "";
-}
-
-.k-icon-document-archive:before {
- content: "";
-}
-
-.k-icon-document-audio:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-document-audio:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-document-default:before {
- content: "";
-}
-
-.k-icon-document-document:before {
- content: "";
-}
-
-.k-icon-document-folder:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-document-folder:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-document-image:before {
- content: "";
-}
-
-.k-icon-document-pdf:before {
- content: "";
-}
-
-.k-icon-document-spreadsheet:before {
- content: "";
-}
-
-.k-icon-document-video:before {
- content: "";
-}
-
-.k-icon-documents:before {
- content: "";
-}
-
-.k-icon-enabled:before {
- content: "";
-}
-
-.k-icon-filter:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-filter:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-folder-closed:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-folder-closed:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-folder-opened:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-folder-opened:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-menu-closed:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-menu-closed:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-menu-opened:before {
- content: "";
-}
-
-[dir="rtl"] .k-icon-menu-opened:before {
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-
-.k-icon-open:before {
- content: "";
-}
-
-.k-ui-namespace {
- /* Box sizing
- ========================================================================== */
- /**
- * Border box everything:
- * http://www.paulirish.com/2012/box-sizing-border-box-ftw/
- */
- /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
- /* Document
- ========================================================================== */
- /**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in
- * IE on Windows Phone and in iOS.
- */
- /* Sections
- ========================================================================== */
- /**
- * Remove the margin in all browsers (opinionated).
- */
- /**
- * Add the correct display in IE 9-.
- */
- /**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
- /* Grouping content
- ========================================================================== */
- /**
- * Add the correct display in IE 9-.
- * 1. Add the correct display in IE.
- */
- /**
- * Add the correct margin in IE 8.
- */
- /**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
- /**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
- /* Text-level semantics
- ========================================================================== */
- /**
- * 1. Remove the gray background on active links in IE 10.
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
- */
- /**
- * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
- /**
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
- */
- /**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
- /**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
- /**
- * Add the correct font style in Android 4.3-.
- */
- /**
- * Add the correct background and color in IE 9-.
- */
- /**
- * Add the correct font size in all browsers.
- */
- /**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
- /* Embedded content
- ========================================================================== */
- /**
- * Add the correct display in IE 9-.
- */
- /**
- * Add the correct display in iOS 4-7.
- */
- /**
- * Remove the border on images inside links in IE 10-.
- */
- /**
- * Hide the overflow in IE.
- */
- /* Forms
- ========================================================================== */
- /**
- * 1. Change the font styles in all browsers (opinionated).
- * 2. Remove the margin in Firefox and Safari.
- */
- /**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
- /**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
- /**
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
- * controls in Android 4.
- * 2. Correct the inability to style clickable types in iOS and Safari.
- */
- /**
- * Remove the inner border and padding in Firefox.
- */
- /**
- * Restore the focus styles unset by the previous rule.
- */
- /**
- * Correct the padding in Firefox.
- */
- /**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- * `fieldset` elements in all browsers.
- */
- /**
- * 1. Add the correct display in IE 9-.
- * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
- /**
- * Remove the default vertical scrollbar in IE.
- */
- /**
- * 1. Add the correct box sizing in IE 10-.
- * 2. Remove the padding in IE 10-.
- */
- /**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
- /**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
- /**
- * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
- */
- /**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
- /* Interactive
- ========================================================================== */
- /*
- * Add the correct display in IE 9-.
- * 1. Add the correct display in Edge, IE, and Firefox.
- */
- /*
- * Add the correct display in all browsers.
- */
- /* Scripting
- ========================================================================== */
- /**
- * Add the correct display in IE 9-.
- */
- /**
- * Add the correct display in IE.
- */
- /* Hidden
- ========================================================================== */
- /**
- * Add the correct display in IE 10-.
- */
- /* Component
- ========================================================================== */
- /**
- * 1. Needed for the off-canvas-overlay
- * 2. Reset for when item is a form
- * 3. Set transition for off canvas sidebar
- */
- /**
- * Container when toggled
- *
- * 1. Set left to the negative width of the sidebar so the sidebar will appear
- * 2. Reset when screen is wide enough
- */
- /**
- * Overlay when toggled
- *
- * 1. Set z-index so it will become visible
- */
- /* Component wrapper
- ========================================================================== */
- /* Content
- ========================================================================== */
- /**
- * 1. Set the z-index higher than the menus
- * 2. Setting a background so container will fall nicely over the sidebar
- * 3. Set transition for off canvas sidebar
- */
- /**
- * When content is inside a content-area
- */
- /**
- * Container when toggled
- *
- * 1. Set left to the width of the menu so the menu will appear
- * 2. Reset when screen is wide enough
- */
- /**
- * Set overflow and z-index
- */
- /* Content area
- ========================================================================== */
- /**
- * Toggling the subcontent area
- */
- /**
- * Content area children
- *
- * 1. for breadcrumbs to work properly
- */
- /* Content wrapper
- ========================================================================== */
- /**
- * 1. Needed to position sidebar properly when off-canvas
- * 2. Clearing toolbar floats when flexbox is not in use
- */
- /* Flex wrapper
- ========================================================================== */
- /* Container
- ========================================================================== */
- /**
- * 1. For transparent tabs
- */
- /* Container children
- ========================================================================== */
- /**
- * Main container
- *
- * 1. For transparent tabs
- */
- /**
- * Sub container
- *
- * 1. For transparent tabs
- */
- /**
- * Full container
- */
- /**
- * Full container -- spaced top
- *
- * For when using tables inside form and you want table to be attached to the sides
- */
- /* Koowa UI container
- ========================================================================== */
- /**
- * 1. By using a max-width we essentially set a min-width when the contents are
- * to large for the k-ui-container container. The reason we don't use min-width is
- * because if the content is only 300px we don't need horizontal scrollbars
- * 2. Reset the max-width when viewport is as large as minwidth
- * 3. Default styling
- */
- /* ==========================================================================
- Login container
- ========================================================================== */
- /**
- * Login container
- *
- * Container holding the login window
- *
- * 1. Setting up for centering the login window
- */
- /* Sidebar
- ========================================================================== */
- /**
- * The left and right sidebar
- */
- /**
- * Left sidebar specific
- */
- /**
- * When left sidebar is toggled
- */
- /**
- * Right sidebar specific
- */
- /**
- * When right sidebar is toggled
- */
- /* Subcontent
- ========================================================================== */
- /**
- * Subcontent children
- */
- /**
- * Subcontent toggle button
- */
- /* Wrapper
- ========================================================================== */
- /**
- * Wrapper when toggled
- *
- * 1. Hide overflowing when menu is toggled
- * 2. Set back to auto when screen is wide enough
- * 3. Hide all overflow when resizing to avoid jumpy layout
- */
- /**
- * The overlays
- *
- * 1. Cover the entire container
- * 2. Hide by setting z-index to -1 because item can't transition if display is set from none to block
- * 3. Set opacity to 0 by default
- * 4. Hide overlay when screen is wide enough
- */
- /* Anchor
- ========================================================================== */
- /* Backface visibility
- ========================================================================== */
- /**
- * Set to hidden to avoid blurry text after transitioning and transforming elements
- */
- /* Body
- ========================================================================== */
- /**
- * 1. By using 100% we can work with full-height auto overflowing flexbox pages
- * 2. Remove all spacing
- * 3. Setting up flexbox
- * 4. Hide overflowing content on resizing to make sure we never get any weird jumping scrollbar issues
- */
- /* Definition list
- ========================================================================== */
- /* Fieldset
- ========================================================================== */
- /**
- * 1. Chrome and Firefox set a `min-width: min-content;` on fieldsets,
- * so we reset that to ensure it behaves more like a standard block element.
- * See https://github.com/twbs/bootstrap/issues/12359.
- */
- /* Paragraph
- ========================================================================== */
- /**
- * 1. Remove default top-margin
- */
- /* HTML
- ========================================================================== */
- /**
- * 1. By using 100% we can work with full-height auto overflowing flexbox pages
- * 2. Remove all spacing
- * 3. Set basic font here. Other systems could set font on `` element to override this.
- * We're just making sure there's alwas a default font available
- */
- /* Image
- ========================================================================== */
- /**
- * 1. Responsive images
- * 2. Eliminating line-height bug when used alone in container
- * 3. No hidden borders on parents
- */
- /* Normalize form controls
- ========================================================================== */
- /**
- * 1. Override content-box in Normalize (* isn't specific enough)
- * 2. Position radios and checkboxes better
- * 3. Make range inputs behave like textual form controls
- * 4. Focus for file, radio, and checkbox
- * 5. Better sized because of box-sizing
- * 6. Set font-size to 16px on touch supported devices so browser won't automatically zoom
- * 7. Make multiple select elements height not fixed
- */
- /* Label
- ========================================================================== */
- /**
- * 1. Force IE8 to wrap long content
- */
- /* Legend
- ========================================================================== */
- /**
- * 1. No margin bottom for the last legend
- * 2. No padding top for the first legend
- */
- /* Paragraph
- ========================================================================== */
- /**
- * 1. Remove default top-margin
- */
- /* Lists
- ========================================================================== */
- /* Alerts
- ========================================================================== */
- /**
- * Overflowing alert with 33% max-height
- */
- /**
- * Fixed alert
- */
- /**
- * Alternate styles
- */
- /**
- * Close button
- */
- /* Breadcrumbs
- ========================================================================== */
- /**
- * 1. Scroll when items don't fit parent anymore
- * 2. Hide scroll when resizing to avoid weird jumps on OSX
- * 3. Don't flex in the layout structure
- */
- /**
- * Single breadcrumb items
- */
- /* Buttons
- ========================================================================== */
- /**
- * Alternate buttons
- */
- /**
- * Link buttons
- */
- /**
- * Block button
- */
- /**
- * Button sizes
- */
- /**
- * Align single icon buttons
- */
- /**
- * Vertically space out multiple block buttons
- */
- /**
- * Specificity overrides
- */
- /**
- * Button groups
- */
- /* Card
- ========================================================================== */
- /**
- * Card body
- */
- /**
- * Card image
- *
- * 1. For when background image is used
- * 2. Cover complete card minus border
- * 3. Cover complete card minus border and 1pixel spacing
- */
- /**
- * Card title
- */
- /**
- * Card section
- *
- * 1. Use margin instead of padding to keep border-radius on rounded cards
- */
- /**
- * Card footer
- */
- /**
- * Card caption
- */
- /**
- * Selected card
- */
- /**
- * Flexing card
- */
- /* CK Editor
- ========================================================================== */
- /**
- * Hide the resizer since element is flexing
- */
- /* Dropdowns
- ========================================================================== */
- /**
- * Dropdown arrow/caret
- */
- /**
- * The dropdown wrapper (div)
- */
- /**
- * The dropdown toggle
- */
- /**
- * The dropdown menu (ul)
- *
- * 1. Hide by default, but block on "open" of the menu
- * 2. Ensures proper alignment if parent has it changed (e.g., modal footer)
- */
- /**
- * Dividers (basically an hr) within the dropdown
- */
- /**
- * Hover / Focus state
- */
- /**
- * Active state
- */
- /**
- * Disabled state
- *
- * Gray out text and ensure the hover/focus state remains gray
- */
- /**
- * Open state for the dropdown
- */
- /**
- * Backdrop to catch body clicks on mobile, etc.
- */
- /**
- * Dropup
- *
- * Allow for dropdowns to go bottom up (aka, dropup-menu)
- */
- /**
- * Dropdown grid
- */
- /* Empty state
- ========================================================================== */
- /* Forms
- ========================================================================== */
- /**
- * 1. Set width and max-width to 100% to override custom template styling
- * 1. Make inputs at least the height of their button counterpart (base line-height + padding + border)
- * 2. Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
- * 3. Note: This has no effect on