@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 `<body>` 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: -ms-flexbox; display: flex; /* 3 */ -ms-flex-direction: column; flex-direction: column; /* 3 */ -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: <span class="k-icon-circle"></span> */
.k-icon-account-login:before { content: ""; }

[dir="rtl"] .k-icon-account-login:before { transform: scaleX(-1); }

.k-icon-account-logout:before { content: ""; }

[dir="rtl"] .k-icon-account-logout:before { transform: scaleX(-1); }

.k-icon-action-redo:before { content: ""; }

[dir="rtl"] .k-icon-action-redo:before { transform: scaleX(-1); }

.k-icon-action-undo:before { content: ""; }

[dir="rtl"] .k-icon-action-undo:before { transform: scaleX(-1); }

.k-icon-align-center:before { content: ""; }

.k-icon-align-left:before { content: ""; }

[dir="rtl"] .k-icon-align-left:before { transform: scaleX(-1); }

.k-icon-align-right:before { content: ""; }

[dir="rtl"] .k-icon-align-right:before { 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 { transform: scaleX(-1); }

.k-icon-arrow-circle-right:before { content: ""; }

[dir="rtl"] .k-icon-arrow-circle-right:before { transform: scaleX(-1); }

.k-icon-arrow-circle-top:before { content: ""; }

.k-icon-arrow-left:before { content: ""; }

[dir="rtl"] .k-icon-arrow-left:before { transform: scaleX(-1); }

.k-icon-arrow-right:before { content: ""; }

[dir="rtl"] .k-icon-arrow-right:before { 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 { transform: scaleX(-1); }

.k-icon-arrow-thick-right:before { content: ""; }

[dir="rtl"] .k-icon-arrow-thick-right:before { 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 { 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 { 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 { transform: scaleX(-1); }

.k-icon-brush:before { content: ""; }

[dir="rtl"] .k-icon-brush:before { transform: scaleX(-1); }

.k-icon-bug:before { content: ""; }

.k-icon-bullhorn:before { content: ""; }

[dir="rtl"] .k-icon-bullhorn:before { transform: scaleX(-1); }

.k-icon-calculator:before { content: ""; }

[dir="rtl"] .k-icon-calculator:before { transform: scaleX(-1); }

.k-icon-calendar:before { content: ""; }

[dir="rtl"] .k-icon-calendar:before { 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 { transform: scaleX(-1); }

.k-icon-caret-right:before { content: ""; }

[dir="rtl"] .k-icon-caret-right:before { 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 { transform: scaleX(-1); }

.k-icon-chevron-right:before { content: ""; }

[dir="rtl"] .k-icon-chevron-right:before { 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 { transform: scaleX(-1); }

.k-icon-collapse-right:before { content: ""; }

[dir="rtl"] .k-icon-collapse-right:before { 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 { transform: scaleX(-1); }

.k-icon-compass:before { content: ""; }

.k-icon-contrast:before { content: ""; }

.k-icon-copywriting:before { content: ""; }

[dir="rtl"] .k-icon-copywriting:before { 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 { transform: scaleX(-1); }

.k-icon-dial:before { content: ""; }

.k-icon-document:before { content: ""; }

[dir="rtl"] .k-icon-document:before { 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 { transform: scaleX(-1); }

.k-icon-double-quote-sans-right:before { content: ""; }

[dir="rtl"] .k-icon-double-quote-sans-right:before { transform: scaleX(-1); }

.k-icon-double-quote-serif-left:before { content: ""; }

[dir="rtl"] .k-icon-double-quote-serif-left:before { transform: scaleX(-1); }

.k-icon-double-quote-serif-right:before { content: ""; }

[dir="rtl"] .k-icon-double-quote-serif-right:before { 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 { transform: scaleX(-1); }

.k-icon-expand-right:before { content: ""; }

[dir="rtl"] .k-icon-expand-right:before { transform: scaleX(-1); }

.k-icon-expand-up:before { content: ""; }

.k-icon-external-link:before { content: ""; }

[dir="rtl"] .k-icon-external-link:before { transform: scaleX(-1); }

.k-icon-eye:before { content: ""; }

.k-icon-eyedropper:before { content: ""; }

[dir="rtl"] .k-icon-eyedropper:before { transform: scaleX(-1); }

.k-icon-file:before { content: ""; }

[dir="rtl"] .k-icon-file:before { transform: scaleX(-1); }

.k-icon-fire:before { content: ""; }

[dir="rtl"] .k-icon-fire:before { transform: scaleX(-1); }

.k-icon-flag:before { content: ""; }

[dir="rtl"] .k-icon-flag:before { transform: scaleX(-1); }

.k-icon-flash:before { content: ""; }

.k-icon-folder:before { content: ""; }

[dir="rtl"] .k-icon-folder:before { 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 { 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 { transform: scaleX(-1); }

.k-icon-italic:before { content: ""; }

[dir="rtl"] .k-icon-italic:before { transform: scaleX(-1); }

.k-icon-justify-center:before { content: ""; }

.k-icon-justify-left:before { content: ""; }

[dir="rtl"] .k-icon-justify-left:before { transform: scaleX(-1); }

.k-icon-justify-right:before { content: ""; }

[dir="rtl"] .k-icon-justify-right:before { transform: scaleX(-1); }

.k-icon-key:before { content: ""; }

[dir="rtl"] .k-icon-key:before { transform: scaleX(-1); }

.k-icon-laptop:before { content: ""; }

.k-icon-layers:before { content: ""; }

[dir="rtl"] .k-icon-layers:before { transform: scaleX(-1); }

.k-icon-lightbulb:before { content: ""; }

.k-icon-link-broken:before { content: ""; }

[dir="rtl"] .k-icon-link-broken:before { transform: scaleX(-1); }

.k-icon-link-intact:before { content: ""; }

[dir="rtl"] .k-icon-link-intact:before { transform: scaleX(-1); }

.k-icon-list-rich:before { content: ""; }

[dir="rtl"] .k-icon-list-rich:before { transform: scaleX(-1); }

.k-icon-list:before { content: ""; }

[dir="rtl"] .k-icon-list:before { 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 { 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 { transform: scaleX(-1); }

.k-icon-media-record:before { content: ""; }

.k-icon-media-skip-backward:before { content: ""; }

[dir="rtl"] .k-icon-media-skip-backward:before { transform: scaleX(-1); }

.k-icon-media-skip-forward:before { content: ""; }

[dir="rtl"] .k-icon-media-skip-forward:before { transform: scaleX(-1); }

.k-icon-media-step-backward:before { content: ""; }

[dir="rtl"] .k-icon-media-step-backward:before { transform: scaleX(-1); }

.k-icon-media-step-forward:before { content: ""; }

[dir="rtl"] .k-icon-media-step-forward:before { 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 { transform: scaleX(-1); }

.k-icon-pencil:before { content: ""; }

[dir="rtl"] .k-icon-pencil:before { transform: scaleX(-1); }

.k-icon-people:before { content: ""; }

[dir="rtl"] .k-icon-people:before { 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 { transform: scaleX(-1); }

.k-icon-pin:before { content: ""; }

.k-icon-play-circle:before { content: ""; }

[dir="rtl"] .k-icon-play-circle:before { 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 { 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 { transform: scaleX(-1); }

.k-icon-rain:before { content: ""; }

.k-icon-random:before { content: ""; }

.k-icon-reload:before { content: ""; }

[dir="rtl"] .k-icon-reload:before { 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 { transform: scaleX(-1); }

.k-icon-share:before { content: ""; }

[dir="rtl"] .k-icon-share:before { transform: scaleX(-1); }

.k-icon-shield:before { content: ""; }

.k-icon-signal:before { content: ""; }

[dir="rtl"] .k-icon-signal:before { transform: scaleX(-1); }

.k-icon-signpost:before { content: ""; }

.k-icon-sort-ascending:before { content: ""; }

[dir="rtl"] .k-icon-sort-ascending:before { transform: scaleX(-1); }

.k-icon-sort-descending:before { content: ""; }

[dir="rtl"] .k-icon-sort-descending:before { transform: scaleX(-1); }

.k-icon-spreadsheet:before { content: ""; }

[dir="rtl"] .k-icon-spreadsheet:before { 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 { transform: scaleX(-1); }

.k-icon-tags:before { content: ""; }

[dir="rtl"] .k-icon-tags:before { 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 { transform: scaleX(-1); }

.k-icon-volume-high:before { content: ""; }

[dir="rtl"] .k-icon-volume-high:before { transform: scaleX(-1); }

.k-icon-volume-low:before { content: ""; }

[dir="rtl"] .k-icon-volume-low:before { transform: scaleX(-1); }

.k-icon-volume-off:before { content: ""; }

[dir="rtl"] .k-icon-volume-off:before { transform: scaleX(-1); }

.k-icon-warning:before { content: ""; }

.k-icon-wifi:before { content: ""; }

.k-icon-wrench:before { content: ""; }

[dir="rtl"] .k-icon-wrench:before { 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 { transform: scaleX(-1); }

.k-icon-zoom-out:before { content: ""; }

[dir="rtl"] .k-icon-zoom-out:before { 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 { 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 { 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 { transform: scaleX(-1); }

.k-icon-folder-closed:before { content: ""; }

[dir="rtl"] .k-icon-folder-closed:before { transform: scaleX(-1); }

.k-icon-folder-opened:before { content: ""; }

[dir="rtl"] .k-icon-folder-opened:before { transform: scaleX(-1); }

.k-icon-menu-closed:before { content: ""; }

[dir="rtl"] .k-icon-menu-closed:before { transform: scaleX(-1); }

.k-icon-menu-opened:before { content: ""; }

[dir="rtl"] .k-icon-menu-opened:before { 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 `<body>` 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 <select>s in some browsers, due to the limited stylability of <select>s in CSS. 4. Customize the `:focus` state to imitate native WebKit styles. 5. Unstyle the caret on `<select>`s in IE10+. 6. iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655 */ /** Reset height for `textarea`s */ /** Search inputs in iOS This overrides the extra rounded corners on search inputs in iOS so that our `.k-form-control` class can properly style them. Note that this cannot simply be added to `.k-form-control` as it's not specific enough. For details, see https://github.com/twbs/bootstrap/issues/11586. */ /** Special styles for iOS temporal inputs In Mobile Safari, setting `display: block` on temporal inputs causes the text within the input to become vertically misaligned. As a workaround, we set a pixel line-height that matches the given height of the input, but only for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848 Note that as of 8.3, iOS doesn't support `datetime` or `week`. */ /** Checkbox & Radio inputs */ /** Shared styling between radio boxes and checkboxes */ /** Right to left */ /** Checkbox 1. Remove rounded corners by default 2. Display a check icon in the pseudo before element 3. Height of the box minus the border size 4. Height of the pseudo element minus a 1px padding/margin to move icon away from the side of the box 5. Set the color of the check icon */ /** Radio 1. Making the radio box round 2. Adding content to display the pseudo element 3. Small inner circle, scaling with the box itself 4. positioning the inner circle 5. Making inner circle actually round */ /** Feedback states */ /** Static form control text Apply class to a `p` element to make any string of text align with labels in a horizontal form layout. 1. Size it appropriately next to real form controls 2. Remove default margin from `p` */ /* Input group 1. For dropdowns 2. Prevent input groups from inheriting border styles from table cells when placed within a table 3. Ensure that the input is always above the *appended* addon button for proper border colors. 4. IE9 fubars the placeholder attribute in text inputs and the arrows on select elements in input groups. To fix it, we float the input. 5. Put focused element on top of the rest */ /** Sizes */ /** Input group parts */ /** Addon and addon wrapper for buttons 1. Match the inputs */ /** Text addon */ /** Reset rounded corners */ /** Button input groups 1. Jankily prevent input button groups from wrapping with `white-space` and `font-size` in combination with `inline-block` on buttons. 2. Negative margin for spacing, position for bringing hovered/focused/actived element above the siblings. 3. Bring the "active" button to the front 4. Negative margin to only have a 1px border between the two */ /** Form groups Designed to help with the organization and spacing of vertical forms. For horizontal forms, use the predefined grid classes. */ /** Form control sizing Build on `.k-form-control` with modifier classes to decrease or increase the height and font-size of form controls. The `.k-form-group-* k-form-control` variations are sadly duplicated to avoid the issue documented in https://github.com/twbs/bootstrap/issues/15074. */ /** Inline form group */ /** Form row group 1. To make sure we don't get empty pixels on the right */ /** Form row */ /** Form field info */ /* Form block ========================================================================== */ /** The header */ /** The content */ /* Gallery ========================================================================== */ /** Set widths */ /** Gallery sizes */ /** Pagination */ /* Hamburger ========================================================================== */ /** Animated hamburger button 1. Hide when JS is disabled, we don't need a toggle when there's no JS 2. Show when JS is enabled 3. Hide when the sidebar is visible */ /** Button */ /** Button styling */ /** Left button We don't need RTLstyling here since we're calculating the icons to be in the middle */ /** Transform hamburger into a cross when the sidebar is opened */ /** Right button We don't need RTLstyling here since we're calculating the icons to be in the middle */ /** Transform "i" into a cross when the sidebar is opened */ /* Heading ========================================================================== */ /* Icons ========================================================================== */ /** Icon colors */ /** Icon sizes */ /** Custom background image icons Make sure that custom icons get background-size cover so they fit their container nicely */ /* Label ========================================================================== */ /* Base */ /* Accent */ /* Success */ /* Neutral */ /* Warning */ /* Error */ /* Float */ /* Navigation styling */ /* List ========================================================================== */ /** 1. Reset default <ul> styling */ /* Loader ========================================================================== */ /** Cover it's entire parent (the parent with an `absolute` or `relative` position) - Add `k-hidden` class to the element when items are done loading */ /** Loader CSS only loading animation. Falls back to `Loading...` on non capable browsers Add `k-hidden` class to the element when items are done loading */ /** Container styling for buttons and tabs 1. Inherit for pseudo element (and for loader) 2. "Hide" element itself by giving scaling down to 0.001 3. Cover parent by scaling up to 1000 4. Top to reset elements own height and margin */ /* ========================================================================== Login screen ========================================================================== */ /** Login window 1. Horizontal and vertical centering */ /** Brand */ /** Form */ /* Navigation ========================================================================== */ /** 1. Reset default <ul> styling */ /* Option list ========================================================================== */ /** Check if :checked is supported using modernizr */ /** Check if :checked is supported using modernizr */ /* Pagination */ /* Scopebar ========================================================================== */ /** 1. Faking a border for when items are not stretching */ /** Scopebar items 1. For wrapping text in combination with flexbox */ /** Static scopebar items */ /** Toggle buttons 1. Clearing for floating buttons 2. Move first button away from edge */ /** Scopebar Filters */ /** 1. Clearfix so we can float individual filters 2. For positioning dropdowns on smaller screens */ /** Individual filter */ /** Filter title and icon */ /** Scopebar label showing how many active filters you have below a filter button */ /** Scopebar breadcrumbs */ /** Scopebar buttons */ /** Scopebar search 1. For placement of the icons 2. When only child, stick to the right (left for RTL) */ /* Sidebar item ========================================================================== */ /** Toggle item 1. Same as width but minus 2px border width */ /** Sidebar item header */ /** Sidebar item content */ /* Styled file input */ /* Tabs ========================================================================== */ /** Tabs container (not mandatory) */ /** Tabs wrapper */ /** Tabs scroller */ /** Tabs wrapper 1. For proper offset calculation in JS */ /** Transparent tabs */ /** Tabbable tabs Hide tabbable panes to start, show them when `.k-is-active` */ /** Left and right buttons for scrollable tabs */ /* Table ========================================================================== */ /* WARNING: Do not use transition on any element since this will hit scroll performance big on certain browsers! */ /** Table 1. Should be as tall as possible for dropdown overflows. Pushes the pagination to the bottom */ /** Default table settings 1. override browser default */ /** Table elements */ /** Table cell settings */ /** Table item states */ /** Table sub header */ /** Table levels */ /** Selected When rows are selected they are highlighted */ /** Active rows When rows are active they are highlighted */ /** Positioner */ /** Table heading sorting */ /* Table pagination 1. Faking a bottom border, this shadow will disappear when pagination is positioned to bottom */ /* Title bar ========================================================================== */ /** 1. Set the z-index higher than the menus 2. Setting a background so container will fall nicely over the sidebar */ /** Titlebar contents */ /** Mobile title */ /* Toolbar ========================================================================== */ /** 1. Buttons have margin-top and margin-left to separate them from each other Setting a bottom padding to separate buttons from bottom of toolbar 2. Set a right padding for the toggle button */ /** Toolbar contents */ /* Tooltip ========================================================================== */ /** 1. Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element. So reset our font and text properties to avoid inheriting weird values. */ /** Wrapper for the tooltip content */ /** Arrows */ /* Top container ========================================================================== */ /** Top logo */ /** Top navigation */ /** Mobile settings */ /** Toggler */ /* Well ========================================================================== */ /** Well content */ /** Well tabs */ /* Align ========================================================================== */ /** Align left */ /** Align center */ /** Align right */ /* Background ========================================================================== */ /* Color ========================================================================== */ /** Component animations Used for Bootstrap tooltips */ /* Content block ========================================================================== */ /** Element with a bottom margin except when item itself is a last-child */ /** Top margin except for first-child */ /* Cover all ========================================================================== */ /** "Cover all" link Use a pseudo element inside the `<a>` to vover the entire parent. - This way we don't have to make a the parent element a link. - Downside: You can't select the text anymore, but this could also be used to your advantage */ /** "On-top" links Use inside the same parent as the above "coverall" link to place this link on top of the pseudo element */ /* Dynamic content holder ========================================================================== */ /** Add `<script>` and other hidden content (like modals) inside this div so the elements won't be in the way for flexbox */ /* Ellipsis ========================================================================== */ /** Text overflow */ /* Flag object ========================================================================== */ /** Aside */ /** Body */ /* Flexing ========================================================================== */ /** DO or don't flexing children. USeful inside flexing containers on elemtns that have no pre-defined styling for flexbox */ /** Start at different breakpoints */ /* Hidden ========================================================================== */ /** Hide content in a non-accessible way. Content is hidden for everybody including screenreaders */ /* No margin ========================================================================== */ /* No padding ========================================================================== */ /* No transition ========================================================================== */ /* No wrap ========================================================================== */ /* Overflow ========================================================================== */ /* Position ========================================================================== */ /** Static positioned element */ /** Relative positioned element */ /** Absolute positioned element */ /** Fixed positioned element */ /** Sticky positioned element Has top: 0; to ensure sticky works */ /* Ratio content ========================================================================== */ /* This or that ========================================================================== */ /** Line items up next to each other */ /* Touch events ========================================================================== */ /** Hide elements for touch enabled devices */ /* Unavailable ========================================================================== */ /* Unresponsive ========================================================================== */ /** Make sure nothing can get selected */ /* Visually hidden ========================================================================== */ /** Hide the content in an accessible way. Content is hidden for viewers but not for screenreaders */ /* Visually shown ========================================================================== */ /** Show content that have the visually-hidden class Use as @extend for items that are already extending `.k-visually-hidden` Try not to use `.k-visually-hidden` and `.k-visually-shown` classes together if possible. */ }

.k-ui-namespace, .k-ui-namespace *, .k-ui-namespace *:before, .k-ui-namespace *:after { box-sizing: border-box; }

.k-ui-namespace html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

.k-ui-namespace body { margin: 0; }

.k-ui-namespace article, .k-ui-namespace aside, .k-ui-namespace footer, .k-ui-namespace header, .k-ui-namespace nav, .k-ui-namespace section { display: block; }

.k-ui-namespace h1 { font-size: 2em; margin: 0.67em 0; }

.k-ui-namespace figcaption, .k-ui-namespace figure, .k-ui-namespace main { /* 1 */ display: block; }

.k-ui-namespace figure { margin: 1em 40px; }

.k-ui-namespace hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

.k-ui-namespace pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

.k-ui-namespace a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

.k-ui-namespace abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

.k-ui-namespace b, .k-ui-namespace strong { font-weight: inherit; }

.k-ui-namespace b, .k-ui-namespace strong { font-weight: bolder; }

.k-ui-namespace code, .k-ui-namespace kbd, .k-ui-namespace samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

.k-ui-namespace dfn { font-style: italic; }

.k-ui-namespace mark { background-color: #ff0; color: #000; }

.k-ui-namespace small { font-size: 80%; }

.k-ui-namespace sub, .k-ui-namespace sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

.k-ui-namespace sub { bottom: -0.25em; }

.k-ui-namespace sup { top: -0.5em; }

.k-ui-namespace audio, .k-ui-namespace video { display: inline-block; }

.k-ui-namespace audio:not([controls]) { display: none; height: 0; }

.k-ui-namespace img { border-style: none; }

.k-ui-namespace svg:not(:root) { overflow: hidden; }

.k-ui-namespace button, .k-ui-namespace input, .k-ui-namespace optgroup, .k-ui-namespace select, .k-ui-namespace textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

.k-ui-namespace button, .k-ui-namespace input { /* 1 */ overflow: visible; }

.k-ui-namespace button, .k-ui-namespace select { /* 1 */ text-transform: none; }

.k-ui-namespace button, .k-ui-namespace html [type="button"], .k-ui-namespace [type="reset"], .k-ui-namespace [type="submit"] { -webkit-appearance: button; /* 2 */ }

.k-ui-namespace button::-moz-focus-inner, .k-ui-namespace [type="button"]::-moz-focus-inner, .k-ui-namespace [type="reset"]::-moz-focus-inner, .k-ui-namespace [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

.k-ui-namespace button:-moz-focusring, .k-ui-namespace [type="button"]:-moz-focusring, .k-ui-namespace [type="reset"]:-moz-focusring, .k-ui-namespace [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

.k-ui-namespace fieldset { padding: 0.35em 0.75em 0.625em; }

.k-ui-namespace legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

.k-ui-namespace progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

.k-ui-namespace textarea { overflow: auto; }

.k-ui-namespace [type="checkbox"], .k-ui-namespace [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

.k-ui-namespace [type="number"]::-webkit-inner-spin-button, .k-ui-namespace [type="number"]::-webkit-outer-spin-button { height: auto; }

.k-ui-namespace [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

.k-ui-namespace [type="search"]::-webkit-search-cancel-button, .k-ui-namespace [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

.k-ui-namespace ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

.k-ui-namespace details, .k-ui-namespace menu { display: block; }

.k-ui-namespace summary { display: list-item; }

.k-ui-namespace canvas { display: inline-block; }

.k-ui-namespace template { display: none; }

.k-ui-namespace [hidden] { display: none; }

.k-ui-namespace .k-component { position: relative; /* 1 */ background: #fbfafa; margin: 0; /* 2 */ padding: 0; /* 2 */ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; backface-visibility: hidden; transition: transform 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; /* 3 */ }

.k-is-resizing .k-ui-namespace .k-component { overflow: hidden; }

.k-is-transitioning .k-ui-namespace .k-component { z-index: 2; }

.k-ui-namespace .k-show-right-menu { /** Set opacity */ }

.k-ui-namespace .k-show-right-menu .k-component { transform: translateX(-272px); }

@media screen and (min-width: 600px) { .k-ui-namespace .k-show-right-menu .k-component { transform: translateX(0); /* 2 */ } }

[dir="rtl"] .k-ui-namespace .k-show-right-menu .k-component { transform: translateX(272px); }

@media screen and (min-width: 600px) { [dir="rtl"] .k-ui-namespace .k-show-right-menu .k-component { transform: translateX(0); } }

.k-ui-namespace .k-show-right-menu .k-component .k-off-canvas-overlay-right { opacity: 0.75; /* 1 */ }

@media screen and (min-width: 600px) { .k-ui-namespace .k-show-right-menu .k-component .k-off-canvas-overlay-right { opacity: 0; } }

.k-ui-namespace .k-is-opened-right .k-component .k-off-canvas-overlay-right { z-index: 9; /* 1 */ }

@media screen and (min-width: 600px) { .k-ui-namespace .k-is-opened-right .k-component .k-off-canvas-overlay-right { z-index: -1; } }

.k-ui-namespace .k-component-wrapper { position: relative; background: #fbfafa; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; min-height: 0; /** Hide overflow when resizing the window */ }

.k-is-resizing .k-ui-namespace .k-component-wrapper { overflow: hidden; }

.k-ui-namespace .k-content { position: relative; /* 1 */ background: white; /* 2 */ display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-direction: column; flex-direction: column; overflow: hidden; /* Set overflow for breadcrumbs to properly work */ min-height: 0; backface-visibility: hidden; transition: transform 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; /* 3 */ }

.k-is-transitioning .k-ui-namespace .k-content { z-index: 2; }

.k-ui-namespace .k-content-area { /** When content has a sub content sibling */ }

.k-ui-namespace .k-content-area .k-content:not(:last-child) { /** Set width and make room for resizer */ /** When there's also a right sidebar make sure the right sidebar is only 50% of the width and reset this when querie is reached */ /** The resizer */ /** Search container adjustments */ }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-content-area .k-content:not(:last-child) { min-width: 280px; width: 280px; max-width: 280px; }
  .k-js-enabled .k-ui-namespace .k-content-area .k-content:not(:last-child) { padding-right: 8px; }
  .k-js-enabled [dir="rtl"] .k-ui-namespace .k-content-area .k-content:not(:last-child) { padding-right: 0; padding-left: 8px; }
  .k-js-enabled[dir="rtl"] .k-ui-namespace .k-content-area .k-content:not(:last-child) { padding-right: 0; padding-left: 8px; } }

@media screen and (min-width: 600px) { .k-ui-namespace .k-content-area .k-content:not(:last-child) .k-sidebar-right { min-width: 0; width: 208px; max-width: 50%; } }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-content-area .k-content:not(:last-child) .k-sidebar-right { width: 272px; } }

.k-ui-namespace .k-content-area .k-content:not(:last-child) .k-pane-resizer { width: 8px; height: 100%; background: white; border-left: 1px solid #e1e1e1; position: absolute; z-index: 99; right: 0; top: 0; bottom: 0; cursor: col-resize; display: none; }

[dir="rtl"] .k-ui-namespace .k-content-area .k-content:not(:last-child) .k-pane-resizer { right: auto; left: 0; border-left: none; border-right: 1px solid #e1e1e1; }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-content-area .k-content:not(:last-child) .k-pane-resizer { display: block; } }

.k-ui-namespace .k-content-area .k-content:not(:last-child) .k-scopebar__item--search { min-width: 100%; width: 100%; max-width: 100%; }

.k-ui-namespace .k-content-area .k-content:not(:last-child) .k-scopebar__item--search .k-search__field { border-left: none; border-right: none; }

.k-ui-namespace .k-show-left-menu { /** Set opacity */ }

.k-ui-namespace .k-show-left-menu .k-content-area, .k-ui-namespace .k-show-left-menu .k-content { transform: translate(272px, 0); /* 1 */ /** Reset transform when .k-content is inside a .k-content-area */ }

@media screen and (min-width: 768px) { .k-ui-namespace .k-show-left-menu .k-content-area, .k-ui-namespace .k-show-left-menu .k-content { transform: translate(0, 0); /* 2 */ } }

.k-ui-namespace .k-show-left-menu .k-content-area .k-content, .k-ui-namespace .k-show-left-menu .k-content .k-content { transform: none; }

[dir="rtl"] .k-ui-namespace .k-show-left-menu .k-content-area, [dir="rtl"] .k-ui-namespace .k-show-left-menu .k-content { transform: translate(-272px, 0); }

@media screen and (min-width: 768px) { [dir="rtl"] .k-ui-namespace .k-show-left-menu .k-content-area, [dir="rtl"] .k-ui-namespace .k-show-left-menu .k-content { transform: translate(0, 0); } }

[dir="rtl"] .k-ui-namespace .k-show-left-menu .k-content-area .k-content, [dir="rtl"] .k-ui-namespace .k-show-left-menu .k-content .k-content { transform: none; }

.k-ui-namespace .k-show-left-menu .k-content-area .k-off-canvas-overlay-left, .k-ui-namespace .k-show-left-menu .k-content .k-off-canvas-overlay-left { opacity: 0.75; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-show-left-menu .k-content-area .k-off-canvas-overlay-left, .k-ui-namespace .k-show-left-menu .k-content .k-off-canvas-overlay-left { opacity: 0; } }

.k-ui-namespace .k-is-opened-left .k-content-area, .k-ui-namespace .k-is-opened-left .k-content { overflow: hidden; /** Set z-index so it will become visible */ }

@media screen and (min-width: 768px) { .k-ui-namespace .k-is-opened-left .k-content-area, .k-ui-namespace .k-is-opened-left .k-content { overflow: auto; } }

@media screen and (min-width: 600px) { .k-ui-namespace .k-is-opened-left .k-content-area, .k-ui-namespace .k-is-opened-left .k-content { overflow: auto; } }

.k-is-resizing .k-ui-namespace .k-is-opened-left .k-content-area, .k-is-resizing .k-ui-namespace .k-is-opened-left .k-content { overflow: hidden; }

.k-ui-namespace .k-is-opened-left .k-content-area .k-off-canvas-overlay-left, .k-ui-namespace .k-is-opened-left .k-content .k-off-canvas-overlay-left { z-index: 9; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-is-opened-left .k-content-area .k-off-canvas-overlay-left, .k-ui-namespace .k-is-opened-left .k-content .k-off-canvas-overlay-left { z-index: -1; } }

.k-ui-namespace .k-content-area { position: relative; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto; min-height: 0; backface-visibility: hidden; transition: transform 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-is-transitioning .k-ui-namespace .k-content-area { z-index: 3; }

.k-ui-namespace .k-show-subcontent-area .k-button.k-subcontent-toggle { opacity: 1; }

.k-ui-namespace .k-show-subcontent-area .k-content-area__child { transform: translateX(-100%) translateX(48px); }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-show-subcontent-area .k-content-area__child { transform: none; } }

[dir="rtl"] .k-ui-namespace .k-show-subcontent-area .k-content-area__child { transform: translateX(100%) translateX(-48px); }

@media screen and (min-width: 1024px) { [dir="rtl"] .k-ui-namespace .k-show-subcontent-area .k-content-area__child { transform: none; } }

.k-ui-namespace .k-show-subcontent-area .k-off-canvas-overlay-subcontent { opacity: 0.75; }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-show-subcontent-area .k-off-canvas-overlay-subcontent { opacity: 0; } }

.k-ui-namespace .k-is-opened-subcontent .k-content-area { z-index: 3; }

.k-ui-namespace .k-is-opened-subcontent .k-button.k-subcontent-toggle { visibility: visible; z-index: 10; }

.k-ui-namespace .k-is-opened-subcontent .k-off-canvas-overlay-subcontent { z-index: 9; }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-is-opened-subcontent .k-off-canvas-overlay-subcontent { z-index: -1; } }

.k-ui-namespace .k-content-area__child { position: relative; display: none; -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto; min-height: 0; overflow: visible; max-width: 100%; /* 1 */ backface-visibility: hidden; transition: transform 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; /** Inherit z-index to make sure toggle button wins over the overlay */ }

.k-ui-namespace .k-content-area__child.k-is-active { display: -ms-flexbox; display: flex; }

.k-ui-namespace .k-content-area__child:nth-last-child(2):first-child, .k-ui-namespace .k-content-area__child:only-child { display: -ms-flexbox; display: flex; }

.k-ui-namespace .k-content-area__child .k-content { z-index: inherit; }

.k-ui-namespace .k-content-wrapper { position: relative; /* 1 */ clear: both; /* 2 */ margin: 0; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex: 1 1 auto; flex: 1 1 auto; border-bottom: none; min-height: 0; }

.k-ui-namespace .k-flex-wrapper { margin: 0; padding: 0; list-style: none; border: none; background: transparent; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; }

.k-is-resizing .k-ui-namespace .k-flex-wrapper { overflow: hidden; }

.k-ui-namespace .k-container { overflow: hidden; width: 100%; margin: 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: inherit; /* 1 */ /* When resizing */ }

.k-ui-namespace .k-container:before, .k-ui-namespace .k-container:after { display: table; content: " "; }

.k-ui-namespace .k-container:after { clear: both; }

.k-is-resizing .k-ui-namespace .k-container { overflow: hidden; }

.k-ui-namespace .k-container + .k-container .k-container__full, .k-ui-namespace .k-container + .k-container .k-container__main, .k-ui-namespace .k-container + .k-container .k-container__sub { padding-top: 0; }

.k-ui-namespace .k-container__main { padding: 16px; background-color: inherit; /* 1 */ }

@media screen and (min-width: 768px) { .k-ui-namespace .k-container__main { float: left; width: calc(100% * 8 / 12); }
  .k-ui-namespace .k-container__main:first-child { padding-right: 8px; }
  .k-ui-namespace .k-container__main:last-child:not(:first-child) { padding-left: 8px; }
  [dir="rtl"] .k-ui-namespace .k-container__main { float: right; }
  [dir="rtl"] .k-ui-namespace .k-container__main:first-child { padding-right: 16px; padding-left: 8px; }
  [dir="rtl"] .k-ui-namespace .k-container__main:last-child:not(:first-child) { padding-left: 16px; padding-right: 8px; } }

.k-ui-namespace .k-container__sub { padding: 16px; background-color: inherit; /* 1 */ }

@media screen and (min-width: 768px) { .k-ui-namespace .k-container__sub { float: left; width: calc(100% * 4 / 12); }
  .k-ui-namespace .k-container__sub:first-child { padding-right: 8px; }
  .k-ui-namespace .k-container__sub:last-child:not(:first-child) { padding-left: 8px; }
  [dir="rtl"] .k-ui-namespace .k-container__sub { float: right; }
  [dir="rtl"] .k-ui-namespace .k-container__sub:first-child { padding-right: 16px; padding-left: 8px; }
  [dir="rtl"] .k-ui-namespace .k-container__sub:last-child:not(:first-child) { padding-left: 16px; padding-right: 8px; } }

.k-ui-namespace .k-container__full { clear: both; width: auto; padding: 16px; }

.k-ui-namespace .k-container__full--spaced-top.k-container__full--spaced-top { padding: 16px 0 0; }

.k-ui-namespace.k-ui-container { max-width: 400px; /* 1 */ margin: 0; /* 6 */ border: none; /* 6 */ width: 100%; overflow: hidden; padding: 0; background: white; /* 3 */ color: #222222; /* 3 */ display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-direction: column; flex-direction: column; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; }

@media screen and (min-width: 400px) { .k-ui-namespace.k-ui-container { max-width: none; /* 2 */ } }

[dir="rtl"] .k-ui-namespace.k-ui-container { direction: rtl; }

.k-ui-namespace .k-login-container { background: #2c3e50; color: white; text-align: center; /* 1 */ white-space: nowrap; /* 1 */ padding: 16px; display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: center; align-items: center; }

.k-ui-namespace .k-sidebar-left, .k-ui-namespace .k-sidebar-right { position: relative; overflow: auto; -webkit-overflow-scrolling: touch; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 0 0 auto; flex: 0 0 auto; /** When resizing */ /** When JavaScript is enabled */ }

.k-is-resizing .k-ui-namespace .k-sidebar-left, .k-is-resizing .k-ui-namespace .k-sidebar-right { overflow: hidden; }

.k-js-enabled .k-ui-namespace .k-sidebar-left, .k-js-enabled .k-ui-namespace .k-sidebar-right { position: absolute; z-index: -1; top: 0; height: 100%; display: none; }

.k-ui-namespace .k-sidebar-left { background: #eeeeee; color: #222222; border-right: 1px solid #cfcfcf; /** Sidebar width */ /** Larger sidebar when space is available */ /** When JavaScript is enabled */ }

[dir="rtl"] .k-ui-namespace .k-sidebar-left { border-right: none; border-left: 1px solid #cfcfcf; }

.k-js-enabled .k-ui-namespace .k-sidebar-left { left: 0; }

.k-js-enabled [dir="rtl"] .k-ui-namespace .k-sidebar-left { left: auto; right: 0; }

.k-js-enabled[dir="rtl"] .k-ui-namespace .k-sidebar-left { left: auto; right: 0; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-sidebar-left { min-width: 208px; width: 208px; max-width: 208px; } }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-sidebar-left { min-width: 272px; width: 272px; max-width: 272px; } }

.k-js-enabled .k-ui-namespace .k-sidebar-left { min-width: 272px; width: 272px; max-width: 272px; /** On 'desktop' we 'open' the sidebar by default */ /** And we make it even larger when there's enough space */ }

@media screen and (min-width: 768px) { .k-js-enabled .k-ui-namespace .k-sidebar-left { position: relative; display: -ms-flexbox; display: flex; height: auto; min-width: 208px; width: 208px; max-width: 208px; z-index: 1; } }

@media screen and (min-width: 1024px) { .k-js-enabled .k-ui-namespace .k-sidebar-left { min-width: 272px; width: 272px; max-width: 272px; } }

.k-ui-namespace .k-is-opened-left .k-sidebar-left { z-index: 1; display: -ms-flexbox; display: flex; }

.k-ui-namespace .k-sidebar-right { background: #eeeeee; color: #222222; border-left: 1px solid #cfcfcf; /** Sidebar width */ /** Larger sidebar when space is available */ /** When JavaScript is enabled */ }

[dir="rtl"] .k-ui-namespace .k-sidebar-right { border-left: none; border-right: 1px solid #cfcfcf; }

.k-js-enabled .k-ui-namespace .k-sidebar-right { right: 0; }

.k-js-enabled [dir="rtl"] .k-ui-namespace .k-sidebar-right { right: auto; left: 0; }

.k-js-enabled[dir="rtl"] .k-ui-namespace .k-sidebar-right { right: auto; left: 0; }

@media screen and (min-width: 600px) { .k-ui-namespace .k-sidebar-right { min-width: 208px; width: 208px; max-width: 208px; } }

@media screen and (min-width: 600px) { .k-ui-namespace .k-sidebar-right { min-width: 272px; width: 272px; max-width: 272px; } }

.k-js-enabled .k-ui-namespace .k-sidebar-right { min-width: 272px; width: 272px; max-width: 272px; /** On 'desktop' we 'open' the sidebar by default */ /** And we make it even larger when there's enough space */ }

@media screen and (min-width: 600px) { .k-js-enabled .k-ui-namespace .k-sidebar-right { position: relative; display: -ms-flexbox; display: flex; height: auto; min-width: 208px; width: 208px; max-width: 208px; z-index: 1; } }

@media screen and (min-width: 1024px) { .k-js-enabled .k-ui-namespace .k-sidebar-right { min-width: 272px; width: 272px; max-width: 272px; } }

.k-ui-namespace .k-is-opened-right .k-sidebar-right { display: -ms-flexbox; display: flex; z-index: 1; }

.k-ui-namespace .k-subcontent { background: white; border-left: 1px solid #e1e1e1; display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-direction: column; flex-direction: column; overflow: hidden; /* 2 */ min-height: 0; position: absolute; z-index: -1; left: 100%; width: calc(100% - 48px); top: 0; bottom: 0; }

[dir="rtl"] .k-ui-namespace .k-subcontent { left: auto; right: 100%; border-left: none; border-right: 1px solid #e1e1e1; }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-subcontent { position: relative; left: auto; width: auto; z-index: 1; }
  [dir="rtl"] .k-ui-namespace .k-subcontent { right: auto; } }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-button.k-subcontent-toggle { display: none; } }

.k-ui-namespace .k-subcontent__child { display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-direction: column; flex-direction: column; width: auto; overflow: hidden; min-height: 0; }

.k-ui-namespace .k-subcontent__child:not(:only-child) { display: none; }

.k-ui-namespace .k-subcontent__child:not(:only-child).k-is-active { display: -ms-flexbox; display: flex; }

.k-ui-namespace .k-button.k-subcontent-toggle { position: absolute; visibility: hidden; opacity: 0; top: 8px; right: 8px; padding-left: 4px; padding-right: 4px; min-width: 32px; margin: 0; backface-visibility: hidden; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-button.k-subcontent-toggle { display: none; } }

[dir="rtl"] .k-ui-namespace .k-button.k-subcontent-toggle { margin: 0; right: auto; left: 8px; }

.k-ui-namespace .k-wrapper { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; backface-visibility: hidden; transition: transform 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-ui-namespace .k-is-opened-left, .k-ui-namespace .k-is-opened-right { overflow: hidden; /* 1 */ }

@media screen and (min-width: 768px) { .k-ui-namespace .k-is-opened-left, .k-ui-namespace .k-is-opened-right { overflow: auto; /* 2 */ } }

@media screen and (min-width: 600px) { .k-ui-namespace .k-is-opened-left, .k-ui-namespace .k-is-opened-right { overflow: auto; /* 2 */ } }

.k-is-resizing .k-ui-namespace .k-is-opened-left, .k-is-resizing .k-ui-namespace .k-is-opened-right { overflow: hidden; /* 3 */ }

.k-ui-namespace .k-off-canvas-overlay-top, .k-ui-namespace .k-off-canvas-overlay-left, .k-ui-namespace .k-off-canvas-overlay-right, .k-ui-namespace .k-off-canvas-overlay-subcontent { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* 1 */ z-index: -1; /* 2 */ display: block; opacity: 0; /* 3 */ content: " "; background: black; backface-visibility: hidden; transition: opacity 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-ui-namespace a { color: #222222; cursor: pointer; }

.k-ui-namespace a:focus, .k-ui-namespace a:hover { color: #222222; }

.k-ui-namespace, .k-ui-namespace *, .k-ui-namespace *:before, .k-ui-namespace *:after { backface-visibility: hidden; }

.k-ui-namespace body { min-height: 100%; /* 1 */ height: 100%; /* 1 */ padding: 0; /* 2 */ margin: 0; /* 2 */ /** Setup flexbox */ display: -ms-flexbox; display: flex; /* 3 */ -ms-flex-direction: column; flex-direction: column; /* 3 */ -ms-flex: 1 1 auto; flex: 1 1 auto; /* 3 */ /** When resizing */ }

.k-ui-namespace body.k-is-resizing { overflow: hidden; /* 4 */ }

.k-ui-namespace dl { margin-top: 0; margin-bottom: 16px; }

.k-ui-namespace dl:before, .k-ui-namespace dl:after { display: table; content: " "; }

.k-ui-namespace dl:after { clear: both; }

.k-ui-namespace dl:last-child { margin-bottom: 0; }

.k-ui-namespace dt { margin: 0; padding: 0; list-style: none; border: none; background: transparent; font-weight: 700; float: left; clear: left; margin-right: 4px; margin-bottom: 4px; }

.k-ui-namespace dt:last-child { margin-bottom: 0; }

[dir="rtl"] .k-ui-namespace dt { float: right; clear: right; margin-right: 0; margin-left: 4px; }

.k-ui-namespace dd { margin: 0; padding: 0; list-style: none; border: none; background: transparent; margin-bottom: 4px; max-width: 100%; }

.k-ui-namespace dd:last-child { margin-bottom: 0; }

.k-ui-namespace dd.k-ellipsis { vertical-align: bottom; }

.k-ui-namespace dd.k-ellipsis .k-ellipsis__item { vertical-align: inherit; }

.k-ui-namespace fieldset { margin: 0; padding: 0; list-style: none; border: none; background: transparent; margin-bottom: 16px; min-width: 0; /* 1 */ }

.k-ui-namespace fieldset:last-child { margin-bottom: 0; }

.k-ui-namespace h1, .k-ui-namespace h2, .k-ui-namespace h3, .k-ui-namespace h4, .k-ui-namespace h5, .k-ui-namespace h6 { margin-top: 0; /* 1 */ margin-bottom: 16px; }

.k-ui-namespace h1:last-child, .k-ui-namespace h2:last-child, .k-ui-namespace h3:last-child, .k-ui-namespace h4:last-child, .k-ui-namespace h5:last-child, .k-ui-namespace h6:last-child { margin-bottom: 0; }

.k-ui-namespace 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; }

.k-ui-namespace img { max-width: 100%; /* 1 */ height: auto; }

.k-ui-namespace img:only-child { vertical-align: middle; /* 2 */ backface-visibility: hidden; /* 3 */ }

.k-ui-namespace .k-image-16 { min-width: 16px; width: 16px; max-width: 16px; }

.k-ui-namespace input[type="search"] { box-sizing: border-box; /* 1 */ }

.k-ui-namespace input[type="radio"], .k-ui-namespace input[type="checkbox"] { margin: 4px 0 0; /* 2 */ line-height: normal; /* 2 */ }

.k-ui-namespace input[type="file"] { display: block; /* 2 */ }

.k-ui-namespace input[type="range"] { display: block; /* 3 */ width: 100%; /* 3 */ }

.k-ui-namespace input[type="file"]:focus, .k-ui-namespace input[type="radio"]:focus, .k-ui-namespace input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; /* 4 */ }

.k-ui-namespace select, .k-ui-namespace textarea, .k-ui-namespace input[type="text"], .k-ui-namespace input[type="password"], .k-ui-namespace input[type="datetime"], .k-ui-namespace input[type="datetime-local"], .k-ui-namespace input[type="date"], .k-ui-namespace input[type="month"], .k-ui-namespace input[type="time"], .k-ui-namespace input[type="week"], .k-ui-namespace input[type="number"], .k-ui-namespace input[type="email"], .k-ui-namespace input[type="url"], .k-ui-namespace input[type="search"], .k-ui-namespace input[type="tel"], .k-ui-namespace input[type="color"], .k-ui-namespace .uneditable-input { height: 32px; /* 5 */ }

.k-touchevents .k-ui-namespace select:focus, .k-touchevents .k-ui-namespace select:active, .k-touchevents .k-ui-namespace textarea:focus, .k-touchevents .k-ui-namespace textarea:active, .k-touchevents .k-ui-namespace input[type="text"]:focus, .k-touchevents .k-ui-namespace input[type="text"]:active, .k-touchevents .k-ui-namespace input[type="password"]:focus, .k-touchevents .k-ui-namespace input[type="password"]:active, .k-touchevents .k-ui-namespace input[type="datetime"]:focus, .k-touchevents .k-ui-namespace input[type="datetime"]:active, .k-touchevents .k-ui-namespace input[type="datetime-local"]:focus, .k-touchevents .k-ui-namespace input[type="datetime-local"]:active, .k-touchevents .k-ui-namespace input[type="date"]:focus, .k-touchevents .k-ui-namespace input[type="date"]:active, .k-touchevents .k-ui-namespace input[type="month"]:focus, .k-touchevents .k-ui-namespace input[type="month"]:active, .k-touchevents .k-ui-namespace input[type="time"]:focus, .k-touchevents .k-ui-namespace input[type="time"]:active, .k-touchevents .k-ui-namespace input[type="week"]:focus, .k-touchevents .k-ui-namespace input[type="week"]:active, .k-touchevents .k-ui-namespace input[type="number"]:focus, .k-touchevents .k-ui-namespace input[type="number"]:active, .k-touchevents .k-ui-namespace input[type="email"]:focus, .k-touchevents .k-ui-namespace input[type="email"]:active, .k-touchevents .k-ui-namespace input[type="url"]:focus, .k-touchevents .k-ui-namespace input[type="url"]:active, .k-touchevents .k-ui-namespace input[type="search"]:focus, .k-touchevents .k-ui-namespace input[type="search"]:active, .k-touchevents .k-ui-namespace input[type="tel"]:focus, .k-touchevents .k-ui-namespace input[type="tel"]:active, .k-touchevents .k-ui-namespace input[type="color"]:focus, .k-touchevents .k-ui-namespace input[type="color"]:active, .k-touchevents .k-ui-namespace .uneditable-input:focus, .k-touchevents .k-ui-namespace .uneditable-input:active { font-size: 16px !important; /* 6 */ }

[dir="rtl"] .k-ui-namespace select, [dir="rtl"] .k-ui-namespace textarea, [dir="rtl"] .k-ui-namespace input[type="text"], [dir="rtl"] .k-ui-namespace input[type="password"], [dir="rtl"] .k-ui-namespace input[type="datetime"], [dir="rtl"] .k-ui-namespace input[type="datetime-local"], [dir="rtl"] .k-ui-namespace input[type="date"], [dir="rtl"] .k-ui-namespace input[type="month"], [dir="rtl"] .k-ui-namespace input[type="time"], [dir="rtl"] .k-ui-namespace input[type="week"], [dir="rtl"] .k-ui-namespace input[type="number"], [dir="rtl"] .k-ui-namespace input[type="email"], [dir="rtl"] .k-ui-namespace input[type="url"], [dir="rtl"] .k-ui-namespace input[type="search"], [dir="rtl"] .k-ui-namespace input[type="tel"], [dir="rtl"] .k-ui-namespace input[type="color"], [dir="rtl"] .k-ui-namespace .uneditable-input { text-align: right; }

.k-ui-namespace .select2-selection--multiple, .k-ui-namespace select[multiple], .k-ui-namespace select[size] { height: auto; /* 7 */ }

.k-ui-namespace label { display: inline-block; vertical-align: middle; max-width: 100%; /* 1 */ margin-bottom: 4px; font-weight: 700; }

.k-ui-namespace label:last-child { margin-bottom: 0; }

.k-ui-namespace label + small { display: inline-block; vertical-align: middle; margin-bottom: 4px; }

.k-ui-namespace label + small:last-child { margin-bottom: 0; }

.k-ui-namespace legend { width: 100%; padding: 0; color: #222222; border: 0; display: block; margin: 0; border: none; border-bottom: 1px solid #e9e9e9; padding-top: 16px; padding-bottom: 4px; font-size: 21px; line-height: 28px; font-weight: 400; margin-bottom: 16px; /* 1 */ }

.k-ui-namespace legend:last-child { margin-bottom: 0; }

.k-ui-namespace legend:first-child { padding-top: 0; /* 2 */ }

.k-ui-namespace p { margin-top: 0; /* 1 */ margin-bottom: 16px; }

.k-ui-namespace p:last-child { margin-bottom: 0; }

.k-ui-namespace ul, .k-ui-namespace ol { margin-top: 0; margin-right: 0; margin-bottom: 16px; margin-left: 0; padding-left: 1.5em; }

.k-ui-namespace ul:last-child, .k-ui-namespace ol:last-child { margin-bottom: 0; }

[dir="rtl"] .k-ui-namespace ul, [dir="rtl"] .k-ui-namespace ol { padding-left: 0; padding-right: 1.5em; }

.k-ui-namespace .k-alert { position: relative; overflow: hidden; padding: 12px 40px 12px 12px; line-height: 20px; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 16px; }

.k-ui-namespace .k-alert:last-child { margin-bottom: 0; }

[dir="rtl"] .k-ui-namespace .k-alert { padding: 12px 12px 12px 40px; }

.k-ui-namespace .k-alert a { color: inherit; }

.k-ui-namespace .k-alert--overflow { overflow-y: auto; overflow-x: hidden; max-height: 200px; /** Add vh max-height unit for dynamic sizing */ }

@supports (max-height: 100vh) { .k-ui-namespace .k-alert--overflow { max-height: 25vh; } }

.k-ui-namespace .k-alert--fixed { position: fixed; z-index: 9999; top: 0; left: 50%; transform: translateX(-50%); }

.k-ui-namespace .k-alert--success { background-color: #27ae60; color: white; }

.k-ui-namespace .k-alert--success .alert-link { color: #e6e5e5; }

.k-ui-namespace .k-alert--info { background-color: #3498db; color: white; }

.k-ui-namespace .k-alert--info .alert-link { color: #e6e5e5; }

.k-ui-namespace .k-alert--warning { background-color: #e67e22; color: white; }

.k-ui-namespace .k-alert--warning .alert-link { color: #e6e5e5; }

.k-ui-namespace .k-alert--danger { background-color: #c0392b; color: white; }

.k-ui-namespace .k-alert--danger .alert-link { color: #e6e5e5; }

.k-ui-namespace .k-alert__close { margin: 0; padding: 0; list-style: none; border: none; background: transparent; position: absolute; top: 2px; right: 2px; overflow: hidden; width: 40px; height: 0; padding-top: 40px; color: inherit; font-size: 16px; }

.k-ui-namespace .k-alert__close:after { display: block; position: absolute; content: "✕"; line-height: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); }

[dir="rtl"] .k-ui-namespace .k-alert__close { right: auto; left: 2px; }

.k-ui-namespace .k-breadcrumb { border-bottom: 1px solid #d4d4d4; overflow: auto; /* 1 */ background: #f3f3f3; color: #222222; -ms-flex: 0 0 auto; flex: 0 0 auto; /* 3 */ /** List 1. Reset unordered list styling 2. Flexing items to get overflow ellipsis */ /** Styling list items 1. Set z-index to 0 so the :after pseudo element will be on top 2. Make room for the pseudo element separator 3. Make each item at least one breadcrumb size wide + including padding for pseudo element 4. Hide by default so we can show only a few on mobile / flexbox 5. Hide overflowing content 6. Proper spacing for non-flexbox use */ /** Links 1. Full background hover */ /** Home and active elements 1. Always display these items 2. No flexing for these items so they are fully readable */ /** One but last item Show this item on mobile to get a sense of where you are 1. Set 'missing' content 2. Reset to default content on wider screens */ /** Active item */ }

.k-is-resizing .k-ui-namespace .k-breadcrumb { overflow: hidden; /* 2 */ }

.k-ui-namespace .k-breadcrumb ul { margin: 0; padding: 0; list-style: none; border: none; background: transparent; /* 1 */ display: -ms-flexbox; display: flex; /* 2 */ }

.k-ui-namespace .k-breadcrumb li { position: relative; /* 1 */ z-index: 0; /* 1 */ padding-left: 20px; /* 2 */ min-width: 60px; /* 3 */ display: none; /* 4 */ overflow: hidden; /* 5 */ vertical-align: middle; /* 6 */ -ms-flex: 0 1 auto; flex: 0 1 auto; /** Display on larger screens */ /** List item separator */ position: relative; /** No separator on first item */ /** Hover 1. Reset flexbox so the whole item is visible No :focus since <li> can't be focused 2. Wrap the active item when another item is being hovered */ }

[dir="rtl"] .k-ui-namespace .k-breadcrumb li { padding-left: 0; padding-right: 20px; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-breadcrumb li { display: inline-block; } }

.k-ui-namespace .k-breadcrumb li:before { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 20px; padding-top: 10px; padding-bottom: 10px; text-align: center; line-height: 20px; content: "»"; }

[dir="rtl"] .k-ui-namespace .k-breadcrumb li:before { left: auto; right: 0; }

.k-ui-namespace .k-breadcrumb li:first-child { padding-left: 0; min-width: 40px; }

[dir="rtl"] .k-ui-namespace .k-breadcrumb li:first-child { padding-right: 0; }

.k-ui-namespace .k-breadcrumb li:first-child:before { display: none; }

.k-ui-namespace .k-breadcrumb li:hover { overflow: visible; -ms-flex: 0 0 auto; flex: 0 0 auto; /* 1 */ }

.k-ui-namespace .k-breadcrumb li:hover:not(.k-breadcrumb__home) ~ li { -ms-flex: 0 1 auto; flex: 0 1 auto; /* 2 */ }

.k-ui-namespace .k-breadcrumb a { color: #222222; cursor: pointer; }

.k-ui-namespace .k-breadcrumb a:focus, .k-ui-namespace .k-breadcrumb a:hover { background: #e1e1e1; /* 1 */ }

.k-ui-namespace .k-breadcrumb .k-breadcrumb__active, .k-ui-namespace .k-breadcrumb .k-breadcrumb__home { display: inline-block; /* 1 */ overflow: visible; /* 1 */ -ms-flex: 0 0 auto; flex: 0 0 auto; /* 2 */ }

.k-ui-namespace .k-breadcrumb li:nth-last-child(2) { display: inline-block; }

.k-ui-namespace .k-breadcrumb li:nth-last-child(2):before { content: "…"; /* 1 */ }

@media screen and (min-width: 768px) { .k-ui-namespace .k-breadcrumb li:nth-last-child(2):before { content: "»"; /* 2 */ } }

.k-ui-namespace .k-breadcrumb .k-breadcrumb__active .k-breadcrumb__content { font-weight: 700; }

.k-ui-namespace .k-breadcrumb__content { position: relative; z-index: 2; display: block; padding: 10px; min-width: 40px; min-height: 39px; overflow: hidden; text-align: center; line-height: 19px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; }

.k-ui-namespace .k-button { display: inline-block; margin-bottom: 0; /* 1 */ font-weight: 400; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; /* 2 */ border: 1px solid transparent; white-space: nowrap; box-shadow: none; text-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px; margin-right: 4px; font-size: 13px; line-height: 18px; padding: 6px 12px; /* Align checkbox properly inside button */ /* Aligning icons */ /* Align single icon buttons */ /* Properly align dropdown button in button */ }

.k-ui-namespace .k-button:last-child { margin-right: 0; }

[dir="rtl"] .k-ui-namespace .k-button { margin-right: 0; margin-left: 4px; }

[dir="rtl"] .k-ui-namespace .k-button:last-child { margin-left: 0; }

.k-ui-namespace .k-button, .k-ui-namespace .k-button:hover, .k-ui-namespace .k-button:focus, .k-ui-namespace .k-button:active { text-decoration: none; }

.k-ui-namespace .k-button:focus, .k-ui-namespace .k-button:active:focus, .k-ui-namespace .k-button.k-is-active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.k-ui-namespace .k-button:hover, .k-ui-namespace .k-button:focus { color: #222222; }

.k-ui-namespace .k-button:active, .k-ui-namespace .k-button.k-is-active { outline: 0; background-image: none; }

.k-ui-namespace .k-button[disabled], .k-ui-namespace .k-button.k-is-disabled { cursor: not-allowed; opacity: 0.65; pointer-events: none; }

.k-ui-namespace .k-button.k-button input[type="checkbox"] { margin: 0 -1px; vertical-align: top; }

.k-ui-namespace .k-button [class^="k-icon"] { display: inline-block; }

.k-ui-namespace .k-button [class^="k-icon"]:first-child { margin: 0 0.25em 0 0.1em; }

[dir="rtl"] .k-ui-namespace .k-button [class^="k-icon"]:first-child { margin: 0 0.1em 0 0.25em; }

.k-ui-namespace .k-button [class^="k-icon"]:last-child { margin: 0 0.1em 0 0.25em; }

[dir="rtl"] .k-ui-namespace .k-button [class^="k-icon"]:last-child { margin: 0 0.25em 0 0.1em; }

.k-ui-namespace .k-button [class*="icon-"]:only-child, .k-ui-namespace .k-button .k-visually-hidden + [class*="icon-"] { display: inline-block; margin: -4px; width: 14px; }

.k-ui-namespace .k-button .k-dropdown { /* Pullback so whole button becomes clickable */ /* Pull back to toggle button */ }

.k-ui-namespace .k-button .k-dropdown .k-dropdown__toggle { text-decoration: none; margin: -6px -12px; padding: 6px 12px; }

.k-ui-namespace .k-button .k-dropdown .k-dropdown__menu { margin-top: 4px; left: -6px; }

.k-ui-namespace .k-button--default { color: #222222; background-color: white; border-color: #cdcdcd; }

.k-ui-namespace .k-button--default:focus, .k-ui-namespace .k-button--default.k-has-focus { color: #222222; background-color: #e6e5e5; border-color: #8d8d8d; }

.k-ui-namespace .k-button--default:hover { color: #222222; background-color: #e6e5e5; border-color: #aeaeae; }

.k-ui-namespace .k-button--default:active, .k-ui-namespace .k-button--default.k-is-active, .k-is-open > .k-ui-namespace .k-button--default.dropdown-toggle { color: #222222; background-color: #e6e5e5; border-color: #aeaeae; box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.125); }

.k-ui-namespace .k-button--default:active:hover, .k-ui-namespace .k-button--default:active:focus, .k-ui-namespace .k-button--default:active.k-has-focus, .k-ui-namespace .k-button--default.k-is-active:hover, .k-ui-namespace .k-button--default.k-is-active:focus, .k-ui-namespace .k-button--default.k-is-active.k-has-focus, .k-is-open > .k-ui-namespace .k-button--default.dropdown-toggle:hover, .k-is-open > .k-ui-namespace .k-button--default.dropdown-toggle:focus, .k-is-open > .k-ui-namespace .k-button--default.dropdown-toggle.k-has-focus { color: #222222; background-color: #d4d4d4; border-color: #8d8d8d; }

.k-ui-namespace .k-button--default:active, .k-ui-namespace .k-button--default.k-is-active, .k-is-open > .k-ui-namespace .k-button--default.dropdown-toggle { background-image: none; }

.k-ui-namespace .k-button--default.k-is-disabled:hover, .k-ui-namespace .k-button--default.k-is-disabled:focus, .k-ui-namespace .k-button--default.k-is-disabled.k-has-focus, .k-ui-namespace .k-button--default[disabled]:hover, .k-ui-namespace .k-button--default[disabled]:focus, .k-ui-namespace .k-button--default[disabled].k-has-focus, fieldset[disabled] .k-ui-namespace .k-button--default:hover, fieldset[disabled] .k-ui-namespace .k-button--default:focus, fieldset[disabled] .k-ui-namespace .k-button--default.k-has-focus { background-color: white; border-color: #cdcdcd; }

.k-ui-namespace .k-button--primary { color: white; background-color: #3071a9; border-color: #2a6495; }

.k-ui-namespace .k-button--primary:focus, .k-ui-namespace .k-button--primary.k-has-focus { color: white; background-color: #255681; border-color: #0e2132; }

.k-ui-namespace .k-button--primary:hover { color: white; background-color: #255681; border-color: #1d4465; }

.k-ui-namespace .k-button--primary:active, .k-ui-namespace .k-button--primary.k-is-active, .k-is-open > .k-ui-namespace .k-button--primary.dropdown-toggle { color: white; background-color: #255681; border-color: #1d4465; box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.125); }

.k-ui-namespace .k-button--primary:active:hover, .k-ui-namespace .k-button--primary:active:focus, .k-ui-namespace .k-button--primary:active.k-has-focus, .k-ui-namespace .k-button--primary.k-is-active:hover, .k-ui-namespace .k-button--primary.k-is-active:focus, .k-ui-namespace .k-button--primary.k-is-active.k-has-focus, .k-is-open > .k-ui-namespace .k-button--primary.dropdown-toggle:hover, .k-is-open > .k-ui-namespace .k-button--primary.dropdown-toggle:focus, .k-is-open > .k-ui-namespace .k-button--primary.dropdown-toggle.k-has-focus { color: white; background-color: #1d4465; border-color: #0e2132; }

.k-ui-namespace .k-button--primary:active, .k-ui-namespace .k-button--primary.k-is-active, .k-is-open > .k-ui-namespace .k-button--primary.dropdown-toggle { background-image: none; }

.k-ui-namespace .k-button--primary.k-is-disabled:hover, .k-ui-namespace .k-button--primary.k-is-disabled:focus, .k-ui-namespace .k-button--primary.k-is-disabled.k-has-focus, .k-ui-namespace .k-button--primary[disabled]:hover, .k-ui-namespace .k-button--primary[disabled]:focus, .k-ui-namespace .k-button--primary[disabled].k-has-focus, fieldset[disabled] .k-ui-namespace .k-button--primary:hover, fieldset[disabled] .k-ui-namespace .k-button--primary:focus, fieldset[disabled] .k-ui-namespace .k-button--primary.k-has-focus { background-color: #3071a9; border-color: #2a6495; }

.k-ui-namespace .k-button--success { color: white; background-color: #27ae60; border-color: #229955; }

.k-ui-namespace .k-button--success:focus, .k-ui-namespace .k-button--success.k-has-focus { color: white; background-color: #1e8449; border-color: #0b311b; }

.k-ui-namespace .k-button--success:hover { color: white; background-color: #1e8449; border-color: #176739; }

.k-ui-namespace .k-button--success:active, .k-ui-namespace .k-button--success.k-is-active, .k-is-open > .k-ui-namespace .k-button--success.dropdown-toggle { color: white; background-color: #1e8449; border-color: #176739; box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.125); }

.k-ui-namespace .k-button--success:active:hover, .k-ui-namespace .k-button--success:active:focus, .k-ui-namespace .k-button--success:active.k-has-focus, .k-ui-namespace .k-button--success.k-is-active:hover, .k-ui-namespace .k-button--success.k-is-active:focus, .k-ui-namespace .k-button--success.k-is-active.k-has-focus, .k-is-open > .k-ui-namespace .k-button--success.dropdown-toggle:hover, .k-is-open > .k-ui-namespace .k-button--success.dropdown-toggle:focus, .k-is-open > .k-ui-namespace .k-button--success.dropdown-toggle.k-has-focus { color: white; background-color: #176739; border-color: #0b311b; }

.k-ui-namespace .k-button--success:active, .k-ui-namespace .k-button--success.k-is-active, .k-is-open > .k-ui-namespace .k-button--success.dropdown-toggle { background-image: none; }

.k-ui-namespace .k-button--success.k-is-disabled:hover, .k-ui-namespace .k-button--success.k-is-disabled:focus, .k-ui-namespace .k-button--success.k-is-disabled.k-has-focus, .k-ui-namespace .k-button--success[disabled]:hover, .k-ui-namespace .k-button--success[disabled]:focus, .k-ui-namespace .k-button--success[disabled].k-has-focus, fieldset[disabled] .k-ui-namespace .k-button--success:hover, fieldset[disabled] .k-ui-namespace .k-button--success:focus, fieldset[disabled] .k-ui-namespace .k-button--success.k-has-focus { background-color: #27ae60; border-color: #229955; }

.k-ui-namespace .k-button--info { color: white; background-color: #3498db; border-color: #258cd1; }

.k-ui-namespace .k-button--info:focus, .k-ui-namespace .k-button--info.k-has-focus { color: white; background-color: #217dbb; border-color: #124364; }

.k-ui-namespace .k-button--info:hover { color: white; background-color: #217dbb; border-color: #1c699d; }

.k-ui-namespace .k-button--info:active, .k-ui-namespace .k-button--info.k-is-active, .k-is-open > .k-ui-namespace .k-button--info.dropdown-toggle { color: white; background-color: #217dbb; border-color: #1c699d; box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.125); }

.k-ui-namespace .k-button--info:active:hover, .k-ui-namespace .k-button--info:active:focus, .k-ui-namespace .k-button--info:active.k-has-focus, .k-ui-namespace .k-button--info.k-is-active:hover, .k-ui-namespace .k-button--info.k-is-active:focus, .k-ui-namespace .k-button--info.k-is-active.k-has-focus, .k-is-open > .k-ui-namespace .k-button--info.dropdown-toggle:hover, .k-is-open > .k-ui-namespace .k-button--info.dropdown-toggle:focus, .k-is-open > .k-ui-namespace .k-button--info.dropdown-toggle.k-has-focus { color: white; background-color: #1c699d; border-color: #124364; }

.k-ui-namespace .k-button--info:active, .k-ui-namespace .k-button--info.k-is-active, .k-is-open > .k-ui-namespace .k-button--info.dropdown-toggle { background-image: none; }

.k-ui-namespace .k-button--info.k-is-disabled:hover, .k-ui-namespace .k-button--info.k-is-disabled:focus, .k-ui-namespace .k-button--info.k-is-disabled.k-has-focus, .k-ui-namespace .k-button--info[disabled]:hover, .k-ui-namespace .k-button--info[disabled]:focus, .k-ui-namespace .k-button--info[disabled].k-has-focus, fieldset[disabled] .k-ui-namespace .k-button--info:hover, fieldset[disabled] .k-ui-namespace .k-button--info:focus, fieldset[disabled] .k-ui-namespace .k-button--info.k-has-focus { background-color: #3498db; border-color: #258cd1; }

.k-ui-namespace .k-button--warning { color: white; background-color: #e67e22; border-color: #d67118; }

.k-ui-namespace .k-button--warning:focus, .k-ui-namespace .k-button--warning.k-has-focus { color: white; background-color: #bf6516; border-color: #64350b; }

.k-ui-namespace .k-button--warning:hover { color: white; background-color: #bf6516; border-color: #9f5412; }

.k-ui-namespace .k-button--warning:active, .k-ui-namespace .k-button--warning.k-is-active, .k-is-open > .k-ui-namespace .k-button--warning.dropdown-toggle { color: white; background-color: #bf6516; border-color: #9f5412; box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.125); }

.k-ui-namespace .k-button--warning:active:hover, .k-ui-namespace .k-button--warning:active:focus, .k-ui-namespace .k-button--warning:active.k-has-focus, .k-ui-namespace .k-button--warning.k-is-active:hover, .k-ui-namespace .k-button--warning.k-is-active:focus, .k-ui-namespace .k-button--warning.k-is-active.k-has-focus, .k-is-open > .k-ui-namespace .k-button--warning.dropdown-toggle:hover, .k-is-open > .k-ui-namespace .k-button--warning.dropdown-toggle:focus, .k-is-open > .k-ui-namespace .k-button--warning.dropdown-toggle.k-has-focus { color: white; background-color: #9f5412; border-color: #64350b; }

.k-ui-namespace .k-button--warning:active, .k-ui-namespace .k-button--warning.k-is-active, .k-is-open > .k-ui-namespace .k-button--warning.dropdown-toggle { background-image: none; }

.k-ui-namespace .k-button--warning.k-is-disabled:hover, .k-ui-namespace .k-button--warning.k-is-disabled:focus, .k-ui-namespace .k-button--warning.k-is-disabled.k-has-focus, .k-ui-namespace .k-button--warning[disabled]:hover, .k-ui-namespace .k-button--warning[disabled]:focus, .k-ui-namespace .k-button--warning[disabled].k-has-focus, fieldset[disabled] .k-ui-namespace .k-button--warning:hover, fieldset[disabled] .k-ui-namespace .k-button--warning:focus, fieldset[disabled] .k-ui-namespace .k-button--warning.k-has-focus { background-color: #e67e22; border-color: #d67118; }

.k-ui-namespace .k-button--danger { color: white; background-color: #c0392b; border-color: #ab3326; }

.k-ui-namespace .k-button--danger:focus, .k-ui-namespace .k-button--danger.k-has-focus { color: white; background-color: #962d22; border-color: #43140f; }

.k-ui-namespace .k-button--danger:hover { color: white; background-color: #962d22; border-color: #79241b; }

.k-ui-namespace .k-button--danger:active, .k-ui-namespace .k-button--danger.k-is-active, .k-is-open > .k-ui-namespace .k-button--danger.dropdown-toggle { color: white; background-color: #962d22; border-color: #79241b; box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.125); }

.k-ui-namespace .k-button--danger:active:hover, .k-ui-namespace .k-button--danger:active:focus, .k-ui-namespace .k-button--danger:active.k-has-focus, .k-ui-namespace .k-button--danger.k-is-active:hover, .k-ui-namespace .k-button--danger.k-is-active:focus, .k-ui-namespace .k-button--danger.k-is-active.k-has-focus, .k-is-open > .k-ui-namespace .k-button--danger.dropdown-toggle:hover, .k-is-open > .k-ui-namespace .k-button--danger.dropdown-toggle:focus, .k-is-open > .k-ui-namespace .k-button--danger.dropdown-toggle.k-has-focus { color: white; background-color: #79241b; border-color: #43140f; }

.k-ui-namespace .k-button--danger:active, .k-ui-namespace .k-button--danger.k-is-active, .k-is-open > .k-ui-namespace .k-button--danger.dropdown-toggle { background-image: none; }

.k-ui-namespace .k-button--danger.k-is-disabled:hover, .k-ui-namespace .k-button--danger.k-is-disabled:focus, .k-ui-namespace .k-button--danger.k-is-disabled.k-has-focus, .k-ui-namespace .k-button--danger[disabled]:hover, .k-ui-namespace .k-button--danger[disabled]:focus, .k-ui-namespace .k-button--danger[disabled].k-has-focus, fieldset[disabled] .k-ui-namespace .k-button--danger:hover, fieldset[disabled] .k-ui-namespace .k-button--danger:focus, fieldset[disabled] .k-ui-namespace .k-button--danger.k-has-focus { background-color: #c0392b; border-color: #ab3326; }

.k-ui-namespace .k-button--link { color: #222222; font-weight: normal; border-radius: 0; padding-left: 0; padding-right: 0; }

.k-ui-namespace .k-button--link, .k-ui-namespace .k-button--link:active, .k-ui-namespace .k-button--link.k-is-active, .k-ui-namespace .k-button--link[disabled], .k-ui-namespace .k-button--link.k-is-disabled { background-color: transparent; box-shadow: none; }

.k-ui-namespace .k-button--link, .k-ui-namespace .k-button--link:hover, .k-ui-namespace .k-button--link:focus, .k-ui-namespace .k-button--link:active { border-color: transparent; }

.k-ui-namespace .k-button--link:hover, .k-ui-namespace .k-button--link:focus { color: #222222; text-decoration: underline; background-color: transparent; }

.k-ui-namespace .k-button--link[disabled]:hover, .k-ui-namespace .k-button--link[disabled]:focus, .k-ui-namespace .k-button--link.k-is-disabled:hover, .k-ui-namespace .k-button--link.k-is-disabled:focus { color: #343434; text-decoration: none; }

.k-ui-namespace .k-button--block { display: block; width: 100%; }

.k-ui-namespace .k-button--tiny { border-radius: 3px; font-size: 8px; line-height: 12px; padding: 3px 4px; }

.k-ui-namespace .k-button--small { border-radius: 3px; font-size: 11px; line-height: 16px; padding: 5px 8px; }

.k-ui-namespace .k-button--large { border-radius: 6px; font-size: 17px; line-height: 22px; padding: 8px 16px; }

.k-ui-namespace .k-button--tiny [class*="icon-"]:only-child, .k-ui-namespace .k-button--tiny .k-visually-hidden + [class*="icon-"], .k-ui-namespace .k-button--small [class*="icon-"]:only-child, .k-ui-namespace .k-button--small .k-visually-hidden + [class*="icon-"] { width: 14px; margin-left: -2px; margin-right: -2px; }

.k-ui-namespace .k-button--block + .k-button--block { margin-top: 4px; }

.k-ui-namespace input[type="submit"].k-button--block, .k-ui-namespace input[type="reset"].k-button--block, .k-ui-namespace input[type="button"].k-button--block { width: 100%; }

.k-ui-namespace .k-button-group { position: relative; display: inline-block; vertical-align: middle; /** Prevent double borders when buttons are next to each other */ }

.k-ui-namespace .k-button-group > .k-button { position: relative; float: left; margin: 0; /** Bring the "active" button to the front */ }

[dir="rtl"] .k-ui-namespace .k-button-group > .k-button { float: right; }

.k-ui-namespace .k-button-group > .k-button:hover, .k-ui-namespace .k-button-group > .k-button:focus, .k-ui-namespace .k-button-group > .k-button:active, .k-ui-namespace .k-button-group > .k-button.k-is-active { z-index: 2; }

.k-ui-namespace .k-button-group .k-button + .k-button, .k-ui-namespace .k-button-group .k-button + .k-button-group, .k-ui-namespace .k-button-group .k-button-group + .k-button, .k-ui-namespace .k-button-group .k-button-group + .k-button-group { margin-left: -1px; }

.k-ui-namespace .k-button-group .k-button + .k-button:first-child, .k-ui-namespace .k-button-group .k-button + .k-button-group:first-child, .k-ui-namespace .k-button-group .k-button-group + .k-button:first-child, .k-ui-namespace .k-button-group .k-button-group + .k-button-group:first-child { margin-left: 0; }

[dir="rtl"] .k-ui-namespace .k-button-group .k-button + .k-button, [dir="rtl"] .k-ui-namespace .k-button-group .k-button + .k-button-group, [dir="rtl"] .k-ui-namespace .k-button-group .k-button-group + .k-button, [dir="rtl"] .k-ui-namespace .k-button-group .k-button-group + .k-button-group { margin-left: 0; margin-right: -1px; }

[dir="rtl"] .k-ui-namespace .k-button-group .k-button + .k-button:first-child, [dir="rtl"] .k-ui-namespace .k-button-group .k-button + .k-button-group:first-child, [dir="rtl"] .k-ui-namespace .k-button-group .k-button-group + .k-button:first-child, [dir="rtl"] .k-ui-namespace .k-button-group .k-button-group + .k-button-group:first-child { margin-right: 0; }

.k-ui-namespace .k-button-group > .k-button:not(:first-child):not(:last-child) { border-radius: 0; }

.k-ui-namespace .k-button-group > .k-button:first-child:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; }

[dir="rtl"] .k-ui-namespace .k-button-group > .k-button:first-child:not(:last-child) { border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; }

[dir="rtl"] .k-ui-namespace .k-button-group > .k-button:first-child:not(:last-child).k-button--tiny { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }

[dir="rtl"] .k-ui-namespace .k-button-group > .k-button:first-child:not(:last-child).k-button--small { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }

[dir="rtl"] .k-ui-namespace .k-button-group > .k-button:first-child:not(:last-child).k-button--large { border-bottom-right-radius: 6px; border-top-right-radius: 6px; }

.k-ui-namespace .k-button-group > .k-button:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; }

[dir="rtl"] .k-ui-namespace .k-button-group > .k-button:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; }

[dir="rtl"] .k-ui-namespace .k-button-group > .k-button:last-child:not(:first-child).k-button--tiny { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }

[dir="rtl"] .k-ui-namespace .k-button-group > .k-button:last-child:not(:first-child).k-button--small { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }

[dir="rtl"] .k-ui-namespace .k-button-group > .k-button:last-child:not(:first-child).k-button--large { border-bottom-left-radius: 6px; border-top-left-radius: 6px; }

.k-ui-namespace .k-card { position: relative; display: block; width: 100%; margin-bottom: 16px; }

.k-ui-namespace .k-card:last-child { margin-bottom: 0; }

.k-ui-namespace .k-card--center .k-card__body { text-align: center; }

.k-ui-namespace .k-card--rounded .k-card__body { border-radius: 4px; }

.k-ui-namespace .k-card--rounded .k-card__caption { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.k-ui-namespace .k-card--rounded .k-card__image, .k-ui-namespace .k-card--rounded .k-card__image--background, .k-ui-namespace .k-card--rounded .k-card__image--spaced-background, .k-ui-namespace .k-card--rounded .k-card__header, .k-ui-namespace .k-card--rounded .k-card__section, .k-ui-namespace .k-card--rounded .k-card__footer { overflow: hidden; }

.k-ui-namespace .k-card--rounded .k-card__image:only-child, .k-ui-namespace .k-card--rounded .k-card__image:only-child img, .k-ui-namespace .k-card--rounded .k-card__image--background:only-child, .k-ui-namespace .k-card--rounded .k-card__image--background:only-child img, .k-ui-namespace .k-card--rounded .k-card__image--spaced-background:only-child, .k-ui-namespace .k-card--rounded .k-card__image--spaced-background:only-child img, .k-ui-namespace .k-card--rounded .k-card__header:only-child, .k-ui-namespace .k-card--rounded .k-card__header:only-child img, .k-ui-namespace .k-card--rounded .k-card__section:only-child, .k-ui-namespace .k-card--rounded .k-card__section:only-child img, .k-ui-namespace .k-card--rounded .k-card__footer:only-child, .k-ui-namespace .k-card--rounded .k-card__footer:only-child img { border-radius: 3px; }

.k-ui-namespace .k-card--rounded .k-card__image:first-child, .k-ui-namespace .k-card--rounded .k-card__image:first-child img, .k-ui-namespace .k-card--rounded .k-card__image--background:first-child, .k-ui-namespace .k-card--rounded .k-card__image--background:first-child img, .k-ui-namespace .k-card--rounded .k-card__image--spaced-background:first-child, .k-ui-namespace .k-card--rounded .k-card__image--spaced-background:first-child img, .k-ui-namespace .k-card--rounded .k-card__header:first-child, .k-ui-namespace .k-card--rounded .k-card__header:first-child img, .k-ui-namespace .k-card--rounded .k-card__section:first-child, .k-ui-namespace .k-card--rounded .k-card__section:first-child img, .k-ui-namespace .k-card--rounded .k-card__footer:first-child, .k-ui-namespace .k-card--rounded .k-card__footer:first-child img { border-top-left-radius: 3px; border-top-right-radius: 3px; }

.k-ui-namespace .k-card--rounded .k-card__image:last-child, .k-ui-namespace .k-card--rounded .k-card__image:last-child img, .k-ui-namespace .k-card--rounded .k-card__image--background:last-child, .k-ui-namespace .k-card--rounded .k-card__image--background:last-child img, .k-ui-namespace .k-card--rounded .k-card__image--spaced-background:last-child, .k-ui-namespace .k-card--rounded .k-card__image--spaced-background:last-child img, .k-ui-namespace .k-card--rounded .k-card__header:last-child, .k-ui-namespace .k-card--rounded .k-card__header:last-child img, .k-ui-namespace .k-card--rounded .k-card__section:last-child, .k-ui-namespace .k-card--rounded .k-card__section:last-child img, .k-ui-namespace .k-card--rounded .k-card__footer:last-child, .k-ui-namespace .k-card--rounded .k-card__footer:last-child img { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.k-ui-namespace .k-card--rounded .k-card__image--background { border-radius: 3px; }

.k-ui-namespace .k-card--rounded .k-card__image--spaced-background { border-radius: 2px; }

.k-ui-namespace .k-card__body { position: relative; display: block; backface-visibility: hidden; background: white; border: 1px solid gainsboro; color: #222222; text-decoration: none; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-ui-namespace a.k-card__body:focus, .k-ui-namespace a.k-card__body:hover { border-color: #bdbdbd; }

.k-ui-namespace a.k-card__body:focus .k-card__header, .k-ui-namespace a.k-card__body:hover .k-card__header { border-color: #bdbdbd; }

.k-ui-namespace a.k-card__body:focus .k-card__footer, .k-ui-namespace a.k-card__body:hover .k-card__footer { border-color: #bdbdbd; }

.k-ui-namespace .k-card__image { z-index: 0; display: block; overflow: hidden; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-ui-namespace .k-card__image img { vertical-align: top; }

.k-ui-namespace .k-card__image--background { background-position: center; /* 1 */ background-repeat: no-repeat; /* 1 */ background-size: cover; /* 1 */ position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; /* 2 */ }

.k-ui-namespace .k-card__image--spaced-background { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; /* 3 */ }

.k-ui-namespace .k-card__header { position: relative; z-index: 1; display: block; padding: 8px; font-weight: 700; background: #fbfafa; border-bottom: 1px solid gainsboro; padding-bottom: 7px; color: #222222; text-decoration: none; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-ui-namespace .k-card__header:last-child { border-bottom: none; }

.k-ui-namespace .k-card__header:not(:first-child) { border-top: 1px solid gainsboro; padding-top: 7px; }

.k-ui-namespace .k-card__section { position: relative; z-index: 1; display: block; padding: 8px; text-decoration: none; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-ui-namespace .k-card__section--small-spacing { padding: 0; margin: 1px; /* 1 */ }

.k-ui-namespace .k-card__footer { position: relative; z-index: 1; display: block; padding: 8px; background: #fbfafa; border-top: 1px solid gainsboro; padding-top: 7px; color: #222222; text-decoration: none; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-ui-namespace .k-card__footer:first-child { border-top: none; }

.k-ui-namespace .k-card__footer:not(:last-child) { border-bottom: 1px solid gainsboro; }

.k-ui-namespace .k-card__caption { display: block; width: 100%; padding: 12px 8px; font-weight: 400; text-decoration: none; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-ui-namespace .k-card__caption--overflow { height: 3em; line-height: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.k-ui-namespace .k-card.k-is-selected .k-card__body { border-color: #3071a9; }

.k-ui-namespace .k-card.k-is-selected .k-card__body:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.k-ui-namespace .k-card.k-is-selected .k-card__body:only-child .k-card__header { background: #3071a9; color: white; }

.k-ui-namespace .k-card.k-is-selected .k-card__header, .k-ui-namespace .k-card.k-is-selected .k-card__footer, .k-ui-namespace .k-card.k-is-selected .k-card__caption { border-color: #3071a9; background: #3071a9; color: white; }

.k-ui-namespace .k-card--flex { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

.k-ui-namespace .k-card--flex .k-card__body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.k-ui-namespace .k-card--flex .k-card__flex-item { -ms-flex: 1 1 auto; flex: 1 1 auto; }

.k-ui-namespace .cke_chrome.cke_chrome, .k-ui-namespace .cke_inner.cke_inner, .k-ui-namespace .cke_contents.cke_contents, .k-ui-namespace .cke_source.cke_source { display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; height: auto !important; }

.k-ui-namespace .cke_chrome.cke_chrome iframe, .k-ui-namespace .cke_inner.cke_inner iframe, .k-ui-namespace .cke_contents.cke_contents iframe, .k-ui-namespace .cke_source.cke_source iframe { -ms-flex: 1 1 auto; flex: 1 1 auto; }

.k-ui-namespace .cke_resizer.cke_resizer { display: none; }

.k-ui-namespace .k-caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; }

[dir="rtl"] .k-ui-namespace .k-caret { margin-left: 0; margin-right: 2px; }

.k-ui-namespace .k-dropdown { position: relative; }

.k-ui-namespace .k-dropdown__toggle img { max-width: 16px; }

.k-ui-namespace .k-dropdown__menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; /* 1 */ float: left; min-width: 160px; text-align: left; /* 2 */ background-color: white; border: 1px solid #e0e0e0; border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; /** Winning over .k-ui-namespace ul */ /** Links within the dropdown menu 1. prevent links from randomly breaking onto new lines */ }

[dir="rtl"] .k-ui-namespace .k-dropdown__menu { left: auto; right: 0; float: right; text-align: right; }

.k-ui-namespace .k-dropdown__menu.k-dropdown__menu { padding: 5px 0; margin: 2px 0 0; list-style: none; }

.k-ui-namespace .k-dropdown__menu a { display: block; padding: 5px 15px; clear: both; font-weight: normal; line-height: 20px; color: #222222; white-space: nowrap; /* 1 */ }

.k-ui-namespace .k-dropdown__divider { height: 1px; margin: 5px 0; overflow: hidden; background-color: #e5e5e5; }

.k-ui-namespace .k-dropdown__menu a:hover, .k-ui-namespace .k-dropdown__menu a:focus { text-decoration: none; color: #151515; background-color: #e6e6e6; }

.k-ui-namespace .k-dropdown__menu .k-is-active a, .k-ui-namespace .k-dropdown__menu .k-is-active a:hover, .k-ui-namespace .k-dropdown__menu .k-is-active a:focus { color: white; text-decoration: none; outline: 0; background-color: #3071a9; }

.k-ui-namespace .k-dropdown__menu .k-is-disabled a { /** Nuke hover/focus effects 1. Remove CSS gradient */ }

.k-ui-namespace .k-dropdown__menu .k-is-disabled a, .k-ui-namespace .k-dropdown__menu .k-is-disabled a:hover, .k-ui-namespace .k-dropdown__menu .k-is-disabled a:focus { color: #343434; }

.k-ui-namespace .k-dropdown__menu .k-is-disabled a:hover, .k-ui-namespace .k-dropdown__menu .k-is-disabled a:focus { text-decoration: none; background-color: transparent; background-image: none; /* 1 */ cursor: not-allowed; }

.k-ui-namespace .k-dropdown.k-is-open { /** Show the menu */ /** Remove the outline when :focus is triggered */ }

.k-ui-namespace .k-dropdown.k-is-open > .k-dropdown__menu { display: block; }

.k-ui-namespace .k-dropdown.k-is-open > a { outline: 0; }

.k-ui-namespace .k-dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; }

.k-ui-namespace .k-dropdown--dropup { /** Reverse the caret */ /** Different positioning for bottom up menu */ }

.k-ui-namespace .k-dropdown--dropup .k-caret { border-top: 0; border-bottom: 4px dashed; content: ""; }

.k-ui-namespace .k-dropdown--dropup .k-dropdown__menu { top: auto; bottom: 100%; margin-bottom: 2px; }

.k-ui-namespace .k-dropdown__menu--grid { width: 212px; /** override above default settings */ }

.k-ui-namespace .k-dropdown__menu--grid.k-dropdown__menu--grid { padding: 5px; }

[dir="rtl"] .k-ui-namespace .k-dropdown__menu--grid.k-dropdown__menu--grid { padding: 5px; }

.k-ui-namespace .k-dropdown__menu--grid img { max-width: 16px; max-height: 16px; }

.k-ui-namespace .k-dropdown__menu--grid li { float: left; width: 40px; height: 40px; margin: 0; padding: 0; display: block; }

[dir="rtl"] .k-ui-namespace .k-dropdown__menu--grid li { float: right; }

.k-ui-namespace .k-dropdown__menu--grid li a { display: block; padding: 0; margin: 0; width: 40px; height: 40px; text-align: center; border-radius: 3px; float: left; }

.k-ui-namespace .k-dropdown__menu--grid li a [class^="k-icon-document-"], .k-ui-namespace .k-dropdown__menu--grid li a [class*=" k-icon-document-"] { display: block; vertical-align: middle; margin: 12px auto; }

.k-ui-namespace .k-dropdown__menu--grid .k-dropdown__block-item { min-width: 100%; clear: both; height: auto; margin: 5px 0 -5px; }

.k-ui-namespace .k-dropdown__menu--grid .k-dropdown__block-item a { position: relative; height: auto; width: auto; float: none; border-top: 1px solid #e5e5e5; text-align: left; margin: 0 -5px; padding: 5px 15px; border-radius: 0 0 4px 4px; }

[dir="rtl"] .k-ui-namespace .k-dropdown__menu--grid .k-dropdown__block-item a { text-align: right; }

.k-ui-namespace .k-empty-state { margin: 0; font-size: 17px; line-height: 24px; text-align: center; background: transparent; color: inherit; padding: 16px; display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; }

.k-ui-namespace .k-empty-state p { margin-bottom: 16px; }

.k-ui-namespace .k-empty-state p:last-child { margin-bottom: 0; }

.k-ui-namespace .k-empty-state p small { font-size: 80%; }

.k-ui-namespace .k-form-control { display: block; width: 100%; /* 1 */ max-width: 100%; /* 1 */ height: 32px; /* 2 */ padding: 6px 12px; font-size: 13px; line-height: 20px; color: #222222; background-color: white; background-image: none; /* 3 */ border: 1px solid #cdcdcd; border-radius: 4px; /* 4 */ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; /* 5 */ /** Placeholders */ /* 6 */ /** Disabled and read-only inputs */ }

.k-ui-namespace .k-form-control:focus { border-color: #3498db; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(52, 152, 219, 0.6); }

.k-ui-namespace .k-form-control::-moz-placeholder { color: #9a9a9a; opacity: 1; }

.k-ui-namespace .k-form-control:-ms-input-placeholder { color: #9a9a9a; }

.k-ui-namespace .k-form-control::-webkit-input-placeholder { color: #9a9a9a; }

.k-ui-namespace .k-form-control::-ms-expand { border: 0; background-color: transparent; }

.k-ui-namespace .k-form-control[disabled], .k-ui-namespace .k-form-control[readonly], fieldset[disabled] .k-ui-namespace .k-form-control { background-color: #ddd; opacity: 1; /* 7 */ }

.k-ui-namespace .k-form-control[disabled], fieldset[disabled] .k-ui-namespace .k-form-control { cursor: not-allowed; }

.k-ui-namespace textarea.k-form-control { height: auto; }

.k-ui-namespace input[type="search"] { -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .k-ui-namespace input[type="date"].k-form-control, .k-ui-namespace input[type="time"].k-form-control, .k-ui-namespace input[type="datetime-local"].k-form-control, .k-ui-namespace input[type="month"].k-form-control { line-height: 32px; }
  .k-input-group--small .k-ui-namespace input[type="date"], .k-input-group--small .k-ui-namespace input[type="time"], .k-input-group--small .k-ui-namespace input[type="datetime-local"], .k-input-group--small .k-ui-namespace input[type="month"] { line-height: 28px; }
  .k-input-group--large .k-ui-namespace input[type="date"], .k-input-group--large .k-ui-namespace input[type="time"], .k-input-group--large .k-ui-namespace input[type="datetime-local"], .k-input-group--large .k-ui-namespace input[type="month"] { line-height: 40px; } }

.k-appearance .k-ui-namespace { /** Put some space between the second box and the first label */ }

.k-appearance .k-ui-namespace input[type="checkbox"], .k-appearance .k-ui-namespace input[type="radio"] { /** 1. Resetting the default styling used by browsers. Don't do this for -moz- because the checkbox and radio box will look very ugly 2. Positioning relative to position pseudo before element nicely 5. Indicate that element is clickable */ -webkit-appearance: none; /* 1 */ /* -moz-appearance: don't set this; /* 1 */ position: relative; /* 2 */ height: 16px; width: 16px; margin: 0 .33em 0 0; border: 1px solid #9a9a9a; padding: 0; background: white; display: inline-block; vertical-align: middle; cursor: pointer; /* 5 */ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); transition: background 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; /** Hover to indicate element is clickable */ /** Set disabled border color a bit lighter so it won't appear to be larger */ /** 1. Position pseudo element absolute to have full control 2. Position top-left, margin, width and height will take care of centering 3. Initially hide the pseudo element 4. Show the pseudo element when item is checked */ }

.k-appearance .k-ui-namespace input[type="checkbox"]:hover, .k-appearance .k-ui-namespace input[type="radio"]:hover { background: #f1f1f1; }

.k-appearance .k-ui-namespace input[type="checkbox"]:disabled, .k-appearance .k-ui-namespace input[type="radio"]:disabled { border-color: #bbb; }

.k-appearance .k-ui-namespace input[type="checkbox"]:before, .k-appearance .k-ui-namespace input[type="radio"]:before { position: absolute; /* 1 */ top: 0; /* 2 */ left: 0; /* 2 */ visibility: hidden; /* 3 */ transform: scale(0, 0); /* 3 */ text-align: center; vertical-align: middle; background: transparent; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-appearance .k-ui-namespace input[type="checkbox"]:checked:before, .k-appearance .k-ui-namespace input[type="radio"]:checked:before { visibility: visible; /* 4 */ transform: scale(1, 1); /* 4 */ }

.k-appearance .k-ui-namespace label { /** <input id="example1" /> <label for="example1">Label 1</label> <input id="example2" /> <label for="example2">Label 2</label> */ /** <label><input id="example3" /> Label 1</label> <label><input id="example4" /> Label 2</label> */ }

.k-appearance .k-ui-namespace label + input[type="checkbox"], .k-appearance .k-ui-namespace label + input[type="radio"] { margin-left: 1em; }

.k-appearance .k-ui-namespace label + label { margin-left: 1em; }

[dir="rtl"].k-appearance .k-ui-namespace input[type="checkbox"], [dir="rtl"].k-appearance .k-ui-namespace input[type="radio"] { margin: 0 0 0 .33em; }

[dir="rtl"].k-appearance .k-ui-namespace input[type="checkbox"]:before, [dir="rtl"].k-appearance .k-ui-namespace input[type="radio"]:before { left: auto; right: 0; }

[dir="rtl"].k-appearance .k-ui-namespace label + input[type="checkbox"], [dir="rtl"].k-appearance .k-ui-namespace label + input[type="radio"] { margin-left: auto; margin-right: 1em; }

[dir="rtl"].k-appearance .k-ui-namespace label + label { margin-left: auto; margin-right: 1em; }

.k-appearance .k-ui-namespace input[type="checkbox"] { border-radius: 0; /* 1 */ }

.k-appearance .k-ui-namespace input[type="checkbox"]:before { content: ""; /* 2 */ width: 14px; /* 3 */ height: 14px; /* 3 */ line-height: 14px; /* 3 */ font-size: 12px; /* 4 */ color: #3071a9; /* 5 */ }

.k-appearance .k-ui-namespace input[type="radio"] { border-radius: 50%; /* 1 */ }

.k-appearance .k-ui-namespace input[type="radio"]:before { content: " "; /* 2 */ width: 8px; /* 3 */ height: 8px; /* 3 */ margin: 3px; /* 4 */ background: #3071a9; border-radius: 50%; /* 5 */ }

.k-ui-namespace .k-has-success .help-block, .k-ui-namespace .k-has-success .control-label, .k-ui-namespace .k-has-success .radio, .k-ui-namespace .k-has-success .checkbox, .k-ui-namespace .k-has-success .radio-inline, .k-ui-namespace .k-has-success .checkbox-inline, .k-ui-namespace .k-has-success.radio label, .k-ui-namespace .k-has-success.checkbox label, .k-ui-namespace .k-has-success.radio-inline label, .k-ui-namespace .k-has-success.checkbox-inline label { color: #209150; }

.k-ui-namespace .k-has-success .k-form-control { border-color: #209150; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.k-ui-namespace .k-has-success .k-form-control:focus { border-color: #176739; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #43d580; }

.k-ui-namespace .k-has-success .input-group-addon { color: #209150; border-color: #209150; background-color: #020705; }

.k-ui-namespace .k-has-success .k-form-control-feedback { color: #209150; }

.k-ui-namespace .k-has-warning .help-block, .k-ui-namespace .k-has-warning .control-label, .k-ui-namespace .k-has-warning .radio, .k-ui-namespace .k-has-warning .checkbox, .k-ui-namespace .k-has-warning .radio-inline, .k-ui-namespace .k-has-warning .checkbox-inline, .k-ui-namespace .k-has-warning.radio label, .k-ui-namespace .k-has-warning.checkbox label, .k-ui-namespace .k-has-warning.radio-inline label, .k-ui-namespace .k-has-warning.checkbox-inline label { color: #cd6d17; }

.k-ui-namespace .k-has-warning .k-form-control { border-color: #cd6d17; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.k-ui-namespace .k-has-warning .k-form-control:focus { border-color: #9f5412; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eda15e; }

.k-ui-namespace .k-has-warning .input-group-addon { color: #cd6d17; border-color: #cd6d17; background-color: white; }

.k-ui-namespace .k-has-warning .k-form-control-feedback { color: #cd6d17; }

.k-ui-namespace .k-has-error .help-block, .k-ui-namespace .k-has-error .control-label, .k-ui-namespace .k-has-error .radio, .k-ui-namespace .k-has-error .checkbox, .k-ui-namespace .k-has-error .radio-inline, .k-ui-namespace .k-has-error .checkbox-inline, .k-ui-namespace .k-has-error.radio label, .k-ui-namespace .k-has-error.checkbox label, .k-ui-namespace .k-has-error.radio-inline label, .k-ui-namespace .k-has-error.checkbox-inline label { color: #a33024; }

.k-ui-namespace .k-has-error .k-form-control { border-color: #a33024; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.k-ui-namespace .k-has-error .k-form-control:focus { border-color: #79241b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d96154; }

.k-ui-namespace .k-has-error .input-group-addon { color: #a33024; border-color: #a33024; background-color: #fbf0ef; }

.k-ui-namespace .k-has-error .k-form-control-feedback { color: #a33024; }

.k-ui-namespace .k-static-form-label { display: inline-block; vertical-align: middle; max-width: 100%; /* 1 */ font-weight: bold; margin-bottom: 5px; }

.k-ui-namespace .k-static-form-label:last-child { margin-bottom: 0; }

.k-ui-namespace .k-input-group { position: relative; /* 1 */ display: -ms-flexbox; display: flex; width: 100%; border-collapse: separate; /* 2 */ /** The form control */ /** The button */ }

.k-ui-namespace .k-input-group .k-form-control { /* 3 */ position: relative; z-index: 2; /* 4 */ float: left; width: auto; min-width: 15%; margin-bottom: 0; }

[dir="rtl"] .k-ui-namespace .k-input-group .k-form-control { float: right; }

.k-ui-namespace .k-input-group .k-form-control:focus { z-index: 3; /* 5 */ }

.k-ui-namespace .k-input-group .k-input-group__button .k-button { height: 32px; }

.k-ui-namespace .k-input-group--large > .k-form-control, .k-ui-namespace .k-input-group--large > .select2-container--bootstrap .select2-selection--single, .k-ui-namespace .k-input-group--large > .k-input-group__addon, .k-ui-namespace .k-input-group--large > .k-input-group__button > .k-button { height: 40px; padding: 8px 16px; font-size: 17px; line-height: 24px; border-radius: 6px; }

[dir="rtl"] .k-ui-namespace .k-input-group--large > .k-form-control, [dir="rtl"] .k-ui-namespace .k-input-group--large > .select2-container--bootstrap .select2-selection--single, [dir="rtl"] .k-ui-namespace .k-input-group--large > .k-input-group__addon, [dir="rtl"] .k-ui-namespace .k-input-group--large > .k-input-group__button > .k-button { border-radius: 6px; }

.k-ui-namespace .k-input-group--large > .select2-container--bootstrap .select2-selection--single .select2-selection--rendered { line-height: 24px; }

.k-ui-namespace .k-input-group--large select.k-form-control { height: 40px; line-height: 40px; }

[dir="rtl"] .k-ui-namespace .k-input-group--large select.k-form-control { direction: rtl; }

.k-ui-namespace .k-input-group--large textarea.k-form-control, .k-ui-namespace .k-input-group--large select[multiple].k-form-control { height: auto; }

.k-ui-namespace .k-input-group--small > .k-form-control, .k-ui-namespace .k-input-group--small > .select2-container--bootstrap .select2-selection--single, .k-ui-namespace .k-input-group--small > .k-input-group__addon, .k-ui-namespace .k-input-group--small > .k-input-group__button > .k-button { height: 28px; padding: 4px 8px; font-size: 11px; line-height: 20px; border-radius: 3px; }

[dir="rtl"] .k-ui-namespace .k-input-group--small > .k-form-control, [dir="rtl"] .k-ui-namespace .k-input-group--small > .select2-container--bootstrap .select2-selection--single, [dir="rtl"] .k-ui-namespace .k-input-group--small > .k-input-group__addon, [dir="rtl"] .k-ui-namespace .k-input-group--small > .k-input-group__button > .k-button { border-radius: 3px; }

.k-ui-namespace .k-input-group--small > .select2-container--bootstrap .select2-selection--single .select2-selection--rendered { line-height: 16px; }

.k-ui-namespace .k-input-group--small select.k-form-control { height: 28px; line-height: 28px; }

.k-ui-namespace .k-input-group--small textarea.k-form-control, .k-ui-namespace .k-input-group--small select[multiple].k-form-control { height: auto; }

.k-ui-namespace .k-input-group__addon, .k-ui-namespace .k-input-group__button, .k-ui-namespace .k-input-group .k-form-control { display: block; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; }

.k-ui-namespace .k-input-group__addon:not(:first-child):not(:last-child), .k-ui-namespace .k-input-group__button:not(:first-child):not(:last-child), .k-ui-namespace .k-input-group .k-form-control:not(:first-child):not(:last-child) { border-radius: 0; }

.k-ui-namespace .k-input-group .select2-container:not(:first-child):not(:last-child) .select2-selection--single { border-radius: 0; }

.k-ui-namespace .k-input-group .select2-container.select2-container--open, .k-ui-namespace .k-input-group .select2-container.select2-container--focus { z-index: 3; }

.k-ui-namespace .k-input-group__addon, .k-ui-namespace .k-input-group__button { white-space: nowrap; vertical-align: middle; /* 1 */ width: auto; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.k-ui-namespace .k-input-group__addon { font-size: 13px; line-height: 20px; height: 32px; padding: 6px 12px; font-weight: normal; color: #222222; text-align: center; background-color: #eeeeee; border: 1px solid #cdcdcd; border-radius: 4px; overflow: hidden; text-overflow: ellipsis; /** Nuke default margins from checkboxes and radios to vertically center within. */ }

.k-ui-namespace .k-input-group__addon input[type="radio"], .k-ui-namespace .k-input-group__addon input[type="checkbox"] { margin: -0.33em -2px 0; vertical-align: middle; }

html:not([dir="rtl"]) .k-input-group .k-form-control:first-child, html:not([dir="rtl"]) .k-input-group__addon:first-child, html:not([dir="rtl"]) .k-input-group__button:first-child > .k-button, html:not([dir="rtl"]) .k-input-group__button:first-child > .k-button-group > .k-button, html:not([dir="rtl"]) .k-input-group__button:first-child > .k-dropdown__toggle, html:not([dir="rtl"]) .k-input-group__button:last-child > .k-button:not(:last-child):not(.k-dropdown__toggle), html:not([dir="rtl"]) .k-input-group__button:last-child > .k-button-group:not(:last-child) > .k-button { border-bottom-right-radius: 0; border-top-right-radius: 0; }

[dir="rtl"] .k-ui-namespace .k-input-group .k-form-control:last-child, [dir="rtl"] .k-ui-namespace .k-input-group__addon:last-child, [dir="rtl"] .k-ui-namespace .k-input-group__button:last-child > .k-button, [dir="rtl"] .k-ui-namespace .k-input-group__button:last-child > .k-button-group > .k-button, [dir="rtl"] .k-ui-namespace .k-input-group__button:last-child > .k-dropdown__toggle, [dir="rtl"] .k-ui-namespace .k-input-group__button:first-child > .k-button:not(:first-child):not(.k-dropdown__toggle), [dir="rtl"] .k-ui-namespace .k-input-group__button:first-child > .k-button-group:not(:first-child) > .k-button { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.k-ui-namespace .k-input-group__addon:first-child { border-right: none; }

[dir="rtl"] .k-ui-namespace .k-input-group__addon:first-child { border-right: 1px solid #cdcdcd; border-left: none; }

html:not([dir="rtl"]) .k-input-group .k-form-control:last-child, html:not([dir="rtl"]) .k-input-group__addon:last-child, html:not([dir="rtl"]) .k-input-group__button:last-child > .k-button, html:not([dir="rtl"]) .k-input-group__button:last-child > .k-button-group > .k-button, html:not([dir="rtl"]) .k-input-group__button:last-child > .k-dropdown__toggle, html:not([dir="rtl"]) .k-input-group__button:first-child > .k-button:not(:first-child), html:not([dir="rtl"]) .k-input-group__button:first-child > .k-button-group:not(:first-child) > .k-button { border-bottom-left-radius: 0; border-top-left-radius: 0; }

[dir="rtl"] .k-ui-namespace .k-input-group .k-form-control:first-child, [dir="rtl"] .k-ui-namespace .k-input-group__addon:first-child, [dir="rtl"] .k-ui-namespace .k-input-group__button:first-child > .k-button, [dir="rtl"] .k-ui-namespace .k-input-group__button:first-child > .k-button-group > .k-button, [dir="rtl"] .k-ui-namespace .k-input-group__button:first-child > .k-dropdown__toggle, [dir="rtl"] .k-ui-namespace .k-input-group__button:last-child > .k-button:not(:last-child), [dir="rtl"] .k-ui-namespace .k-input-group__button:last-child > .k-button-group:not(:last-child) > .k-button { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.k-ui-namespace .k-input-group__addon:last-child { border-left: 1px solid #cdcdcd; }

[dir="rtl"] .k-ui-namespace .k-input-group__addon:last-child { border-left-width: 1px; border-right: none; }

.k-ui-namespace .k-input-group__button { position: relative; /* 1 */ font-size: 0; white-space: nowrap; /* 2 */ /* 4 */ }

.k-ui-namespace .k-input-group__button .k-button, .k-ui-namespace .k-input-group__button .k-dropdown__menu { font-size: 13px; }

.k-ui-namespace .k-input-group__button > .k-button { position: relative; font-size: 13px; margin: 0; /* 3 */ }

.k-ui-namespace .k-input-group__button > .k-button + .k-button { margin-left: -1px; }

.k-ui-namespace .k-input-group__button > .k-button:hover, .k-ui-namespace .k-input-group__button > .k-button:focus, .k-ui-namespace .k-input-group__button > .k-button:active { z-index: 2; }

.k-ui-namespace .k-input-group__button:first-child > .k-button, .k-ui-namespace .k-input-group__button:first-child > .k-button-group { margin-right: -1px; }

[dir="rtl"] .k-ui-namespace .k-input-group__button:first-child > .k-button, [dir="rtl"] .k-ui-namespace .k-input-group__button:first-child > .k-button-group { margin-right: 0; margin-left: -1px; }

.k-ui-namespace .k-input-group__button:last-child > .k-button, .k-ui-namespace .k-input-group__button:last-child > .k-button-group { z-index: 2; margin-left: -1px; }

[dir="rtl"] .k-ui-namespace .k-input-group__button:last-child > .k-button, [dir="rtl"] .k-ui-namespace .k-input-group__button:last-child > .k-button-group { margin-left: 0; margin-right: -1px; }

.k-ui-namespace .k-form-group { margin: 0; margin-bottom: 16px; }

.k-ui-namespace .k-form-group:last-child { margin-bottom: 0; }

.k-ui-namespace .k-form-group--small .k-form-control { font-size: 11px; height: 28px; padding: 4px 8px; line-height: 16px; border-radius: 3px; }

.k-ui-namespace .k-form-group--small select.k-form-control { height: 28px; line-height: 28px; }

.k-ui-namespace .k-form-group--small textarea.k-form-control, .k-ui-namespace .k-form-group--small select[multiple].k-form-control { height: auto; }

.k-ui-namespace .k-form-group--large .k-form-control { font-size: 17px; height: 40px; padding: 8px 16px; line-height: 24px; border-radius: 6px; }

.k-ui-namespace .k-form-group--large select.k-form-control { height: 40px; line-height: 40px; }

.k-ui-namespace .k-form-group--large textarea.k-form-control, .k-ui-namespace .k-form-group--large select[multiple].k-form-control { height: auto; }

.k-ui-namespace .k-inline-form-group { display: inline-block; margin-right: 1em; }

.k-ui-namespace .k-inline-form-group:last-child { margin-right: 0; }

[dir="rtl"] .k-ui-namespace .k-inline-form-group { margin-right: 0; margin-left: 1em; }

[dir="rtl"] .k-ui-namespace .k-inline-form-group:last-child { margin-left: 0; margin-right: 1em; }

.k-ui-namespace .k-inline-form-group .k-input-group, .k-ui-namespace .k-inline-form-group .k-button-group { display: block; }

.k-ui-namespace .k-form-row-group { display: table; /* 1 */ width: 100%; /* 1 */ background: white; border-radius: 5px; border: 1px solid #cdcdcd; margin-bottom: 16px; }

.k-ui-namespace .k-form-row-group:last-child { margin-bottom: 0; }

.k-ui-namespace .k-form-row { margin: 0; border-bottom: 1px solid #cdcdcd; padding-bottom: 10px; }

.k-ui-namespace .k-form-row:last-child { border-bottom: 0; }

@media screen and (min-width: 600px) { .k-ui-namespace .k-form-row { display: table; width: 100%; padding-bottom: 0; }
  [dir="rtl"] .k-ui-namespace .k-form-row { direction: rtl; }
  .k-ui-namespace .k-form-row:last-child { border-bottom: none; } }

.k-ui-namespace .k-form-row .k-form-row__header { width: 100%; background: #f3f3f3; padding: 10px; }

.k-ui-namespace .k-form-row .k-form-row__item { padding: 10px 10px 0 10px; }

@media screen and (min-width: 600px) { .k-ui-namespace .k-form-row .k-form-row__item { display: table-cell; vertical-align: middle; padding: 10px; border-right: 1px solid #cdcdcd; }
  [dir="rtl"] .k-ui-namespace .k-form-row .k-form-row__item { border-right: none; border-left: 1px solid #cdcdcd; } }

.k-ui-namespace .k-form-row .k-form-row__item:last-child { border-right: none; }

[dir="rtl"] .k-ui-namespace .k-form-row .k-form-row__item:last-child { border-left: none; }

.k-ui-namespace .k-form-row .k-form-row__item--button, .k-ui-namespace .k-form-row .k-form-row__item--label { width: 1%; white-space: nowrap; }

.k-ui-namespace .k-form-row .k-form-row__item--label { border-right: none; padding-right: 0; }

[dir="rtl"] .k-ui-namespace .k-form-row .k-form-row__item--label { border-left: none; padding-right: 10px; padding-left: 0; }

@media screen and (min-width: 600px) { .k-ui-namespace .k-form-row .k-form-row__item--input { padding: 5px; } }

.k-ui-namespace .k-form-row .k-form-control { margin: 0; }

.k-ui-namespace .k-form-row .k-form-row__message a { display: block; padding: 10px; }

.k-ui-namespace .k-form-row .k-form-row__message a:focus, .k-ui-namespace .k-form-row .k-form-row__message a:hover { background: #e6e6e6; }

.k-ui-namespace .k-form-row:first-child .k-form-row__message a { border-radius: 5px 5px 0 0; }

.k-ui-namespace .k-form-row:first-child .k-form-row__header { border-radius: 5px 5px 0 0; }

.k-ui-namespace .k-form-row:last-child .k-form-row__message a { border-radius: 0 0 5px 5px; }

.k-ui-namespace .k-form-row:last-child .k-form-row__header { border-radius: 0 0 5px 5px; }

.k-ui-namespace .k-form-info { margin-top: 0.75em; margin-bottom: 1em; color: #444444; }

.k-ui-namespace .k-form-info:last-child { margin-bottom: 0; }

.k-ui-namespace .k-form-block { background: white; border: 1px solid #e0e0e0; margin-bottom: 16px; }

.k-ui-namespace .k-form-block:last-child { margin-bottom: 0; }

.k-ui-namespace .k-form-block__header { border-bottom: 1px solid #d4d4d4; padding: 8px 8px 7px; background: #f3f3f3; font-weight: 700; }

.k-ui-namespace .k-form-block__content { padding: 7px 8px; }

.k-ui-namespace .k-gallery-container { margin-bottom: 16px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; }

.k-ui-namespace .k-gallery-container:last-child { margin-bottom: 0; }

.k-ui-namespace .k-gallery-container .k-gallery { -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; padding: 16px; }

.k-ui-namespace .k-gallery { overflow: hidden; }

.k-ui-namespace .k-gallery__items { margin: -8px; font-size: 0; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace .k-gallery__items { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; } }

@supports (display: grid) { .k-ui-namespace .k-gallery__items { display: grid; } }

.k-ui-namespace .k-gallery__item { padding: 8px; display: inline-block; vertical-align: middle; font-size: 1rem; /** Selected styling */ }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace .k-gallery__item { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; } }

.k-ui-namespace .k-gallery__item.k-is-selected .k-card__header { background: #3071a9; border-color: #225179; color: white; }

.k-ui-namespace .k-gallery__item.k-is-selected .k-card__header a { color: white; }

.k-ui-namespace .k-gallery__item.k-is-selected .k-card__body { color: white; border-color: #285e8d; }

.k-ui-namespace .k-gallery__item.k-is-selected:hover .k-card__header, .k-ui-namespace .k-gallery__item.k-is-selected:focus .k-card__header { background: #225179; }

.k-ui-namespace [data-gallery-items='1'] .k-gallery__item.k-gallery__item { width: 100%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='1'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 100%; flex-basis: 100%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='1'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='2'] .k-gallery__item.k-gallery__item { width: 50%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='2'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='2'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='3'] .k-gallery__item.k-gallery__item { width: 33.3333333333%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='3'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='3'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='4'] .k-gallery__item.k-gallery__item { width: 25%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='4'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 25%; flex-basis: 25%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='4'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='5'] .k-gallery__item.k-gallery__item { width: 20%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='5'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 20%; flex-basis: 20%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='5'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='6'] .k-gallery__item.k-gallery__item { width: 16.6666666667%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='6'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='6'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='7'] .k-gallery__item.k-gallery__item { width: 14.2857142857%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='7'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 14.2857142857%; flex-basis: 14.2857142857%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='7'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='8'] .k-gallery__item.k-gallery__item { width: 12.5%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='8'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='8'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='9'] .k-gallery__item.k-gallery__item { width: 11.1111111111%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='9'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 11.1111111111%; flex-basis: 11.1111111111%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='9'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='10'] .k-gallery__item.k-gallery__item { width: 10%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='10'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 10%; flex-basis: 10%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='10'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='11'] .k-gallery__item.k-gallery__item { width: 9.0909090909%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='11'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 9.0909090909%; flex-basis: 9.0909090909%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='11'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='12'] .k-gallery__item.k-gallery__item { width: 8.3333333333%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='12'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='12'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='13'] .k-gallery__item.k-gallery__item { width: 7.6923076923%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='13'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 7.6923076923%; flex-basis: 7.6923076923%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='13'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='14'] .k-gallery__item.k-gallery__item { width: 7.1428571429%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='14'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 7.1428571429%; flex-basis: 7.1428571429%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='14'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='15'] .k-gallery__item.k-gallery__item { width: 6.6666666667%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='15'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 6.6666666667%; flex-basis: 6.6666666667%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='15'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='16'] .k-gallery__item.k-gallery__item { width: 6.25%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='16'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 6.25%; flex-basis: 6.25%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='16'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='17'] .k-gallery__item.k-gallery__item { width: 5.8823529412%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='17'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 5.8823529412%; flex-basis: 5.8823529412%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='17'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='18'] .k-gallery__item.k-gallery__item { width: 5.5555555556%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='18'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 5.5555555556%; flex-basis: 5.5555555556%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='18'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='19'] .k-gallery__item.k-gallery__item { width: 5.2631578947%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='19'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 5.2631578947%; flex-basis: 5.2631578947%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='19'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='20'] .k-gallery__item.k-gallery__item { width: 5%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='20'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 5%; flex-basis: 5%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='20'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='21'] .k-gallery__item.k-gallery__item { width: 4.7619047619%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='21'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 4.7619047619%; flex-basis: 4.7619047619%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='21'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='22'] .k-gallery__item.k-gallery__item { width: 4.5454545455%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='22'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 4.5454545455%; flex-basis: 4.5454545455%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='22'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='23'] .k-gallery__item.k-gallery__item { width: 4.347826087%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='23'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 4.347826087%; flex-basis: 4.347826087%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='23'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace [data-gallery-items='24'] .k-gallery__item.k-gallery__item { width: 4.1666666667%; }

@supports ((display: -ms-flexbox) or (display: flex)) { .k-ui-namespace [data-gallery-items='24'] .k-gallery__item.k-gallery__item { -ms-flex-preferred-size: 4.1666666667%; flex-basis: 4.1666666667%; } }

@supports (display: grid) { .k-ui-namespace [data-gallery-items='24'] .k-gallery__item.k-gallery__item { width: 100%; } }

.k-ui-namespace .k-gallery .k-gallery__items { content: "176px"; }

@supports (display: grid) { .k-ui-namespace .k-gallery .k-gallery__items { grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); } }

.k-ui-namespace .k-gallery .k-gallery__item { width: 176px; }

@supports (display: grid) { .k-ui-namespace .k-gallery .k-gallery__item { width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto; } }

.k-ui-namespace .k-gallery--xxs .k-gallery__items { content: "64px"; }

@supports (display: grid) { .k-ui-namespace .k-gallery--xxs .k-gallery__items { grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); } }

.k-ui-namespace .k-gallery--xxs .k-gallery__item { width: 64px; }

@supports (display: grid) { .k-ui-namespace .k-gallery--xxs .k-gallery__item { width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto; } }

.k-ui-namespace .k-gallery--xs .k-gallery__items { content: "112px"; }

@supports (display: grid) { .k-ui-namespace .k-gallery--xs .k-gallery__items { grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); } }

.k-ui-namespace .k-gallery--xs .k-gallery__item { width: 112px; }

@supports (display: grid) { .k-ui-namespace .k-gallery--xs .k-gallery__item { width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto; } }

.k-ui-namespace .k-gallery--s .k-gallery__items { content: "144px"; }

@supports (display: grid) { .k-ui-namespace .k-gallery--s .k-gallery__items { grid-template-columns: repeat(auto-fill, minmax(144px, 1fr)); } }

.k-ui-namespace .k-gallery--s .k-gallery__item { width: 144px; }

@supports (display: grid) { .k-ui-namespace .k-gallery--s .k-gallery__item { width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto; } }

.k-ui-namespace .k-gallery--l .k-gallery__items { content: "224px"; }

@supports (display: grid) { .k-ui-namespace .k-gallery--l .k-gallery__items { grid-template-columns: repeat(auto-fill, minmax(224px, 1fr)); } }

.k-ui-namespace .k-gallery--l .k-gallery__item { width: 224px; }

@supports (display: grid) { .k-ui-namespace .k-gallery--l .k-gallery__item { width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto; } }

.k-ui-namespace .k-gallery--xl .k-gallery__items { content: "288px"; }

@supports (display: grid) { .k-ui-namespace .k-gallery--xl .k-gallery__items { grid-template-columns: repeat(auto-fill, minmax(288px, 1fr)); } }

.k-ui-namespace .k-gallery--xl .k-gallery__item { width: 288px; }

@supports (display: grid) { .k-ui-namespace .k-gallery--xl .k-gallery__item { width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto; } }

.k-ui-namespace .k-gallery--xxl .k-gallery__items { content: "352px"; }

@supports (display: grid) { .k-ui-namespace .k-gallery--xxl .k-gallery__items { grid-template-columns: repeat(auto-fill, minmax(352px, 1fr)); } }

.k-ui-namespace .k-gallery--xxl .k-gallery__item { width: 352px; }

@supports (display: grid) { .k-ui-namespace .k-gallery--xxl .k-gallery__item { width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto; } }

.k-ui-namespace .k-gallery-pagination { padding: 8px 8px 7px; background: #fbfafa; -ms-flex: 0 0 auto; flex: 0 0 auto; border-top: 1px solid gainsboro; box-shadow: 0 1px 0 gainsboro; /* 1 */ }

.k-ui-namespace .k-off-canvas-toggle-holder { display: none; /* 1 */ }

.k-js-enabled .k-ui-namespace .k-off-canvas-toggle-holder { display: block; /* 2 */ }

@media screen and (min-width: 768px) { .k-js-enabled .k-ui-namespace .k-off-canvas-toggle-holder--left.k-off-canvas-toggle-holder { display: none; /* 3 */ } }

@media screen and (min-width: 600px) { .k-js-enabled .k-ui-namespace .k-off-canvas-toggle-holder--right.k-off-canvas-toggle-holder { display: none; /* 3 */ } }

.k-ui-namespace .k-off-canvas-toggle { position: relative; z-index: 10; float: left; min-width: 32px; height: 32px; border: none; border-radius: 3px; margin: 8px 8px 7px; background: #3071a9; color: white; font-size: 13px; /** Set proper margins */ }

[dir="rtl"] .k-ui-namespace .k-off-canvas-toggle { left: auto; float: right; }

.k-ui-namespace .k-off-canvas-toggle.k-off-canvas-toggle--left { margin-right: 0; }

[dir="rtl"] .k-ui-namespace .k-off-canvas-toggle.k-off-canvas-toggle--left { margin-right: 10px; margin-left: 0; }

.k-ui-namespace .k-off-canvas-toggle.k-off-canvas-toggle--right { margin-left: 0; }

[dir="rtl"] .k-ui-namespace .k-off-canvas-toggle.k-off-canvas-toggle--right { margin-left: 10px; margin-right: 0; }

.k-ui-namespace .k-off-canvas-toggle--left .k-toggle-button-bar1, .k-ui-namespace .k-off-canvas-toggle--left .k-toggle-button-bar2, .k-ui-namespace .k-off-canvas-toggle--left .k-toggle-button-bar3, .k-ui-namespace .k-off-canvas-toggle--right .k-toggle-button-bar1, .k-ui-namespace .k-off-canvas-toggle--right .k-toggle-button-bar2, .k-ui-namespace .k-off-canvas-toggle--right .k-toggle-button-bar3 { position: absolute; display: block; background: white; vertical-align: middle; border-radius: 3px; transition: 0.3s 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-ui-namespace .k-off-canvas-toggle--left .k-toggle-button-bar1, .k-ui-namespace .k-off-canvas-toggle--left .k-toggle-button-bar2, .k-ui-namespace .k-off-canvas-toggle--left .k-toggle-button-bar3 { left: 9px; width: 15px; height: 3px; }

.k-ui-namespace .k-off-canvas-toggle--left .k-toggle-button-bar1 { top: 9px; }

.k-ui-namespace .k-off-canvas-toggle--left .k-toggle-button-bar2 { top: 15px; }

.k-ui-namespace .k-off-canvas-toggle--left .k-toggle-button-bar3 { top: 21px; }

.k-ui-namespace .k-show-left-menu .k-off-canvas-toggle--left .k-toggle-button-bar1 { top: 15px; transform: rotate(135deg); }

.k-ui-namespace .k-show-left-menu .k-off-canvas-toggle--left .k-toggle-button-bar2 { opacity: 0; transform: scale(0); }

.k-ui-namespace .k-show-left-menu .k-off-canvas-toggle--left .k-toggle-button-bar3 { top: 15px; transform: rotate(-135deg); }

.k-ui-namespace .k-off-canvas-toggle--right .k-toggle-button-bar1, .k-ui-namespace .k-off-canvas-toggle--right .k-toggle-button-bar2, .k-ui-namespace .k-off-canvas-toggle--right .k-toggle-button-bar3 { left: 13px; }

.k-ui-namespace .k-off-canvas-toggle--right .k-toggle-button-bar1 { width: 5px; height: 5px; top: 8px; }

.k-ui-namespace .k-off-canvas-toggle--right .k-toggle-button-bar2, .k-ui-namespace .k-off-canvas-toggle--right .k-toggle-button-bar3 { width: 5px; height: 10px; top: 14px; }

.k-ui-namespace .k-show-right-menu .k-off-canvas-toggle--right .k-toggle-button-bar1 { opacity: 0; transform: scale(0); }

.k-ui-namespace .k-show-right-menu .k-off-canvas-toggle--right .k-toggle-button-bar2 { top: 9px; left: 14px; height: 15px; transform: rotate(135deg); opacity: 1; width: 3px; }

.k-ui-namespace .k-show-right-menu .k-off-canvas-toggle--right .k-toggle-button-bar3 { top: 9px; left: 14px; transform: rotate(-135deg); height: 15px; width: 3px; }

.k-ui-namespace .k-heading { font-size: 21px; line-height: 28px; margin-bottom: 16px; }

.k-ui-namespace .k-heading:last-child { margin-bottom: 0; }

.k-ui-namespace .k-icon--accent { color: #3071a9; }

.k-ui-namespace .k-icon--success { color: #27ae60; }

.k-ui-namespace .k-icon--error { color: #c0392b; }

.k-ui-namespace .k-icon--size-tiny { font-size: 10px; }

.k-ui-namespace .k-icon--size-small { font-size: 13px; }

.k-ui-namespace .k-icon--size-default { font-size: 16px; }

.k-ui-namespace .k-icon--size-medium { font-size: 24px; }

.k-ui-namespace .k-icon--size-large { font-size: 32px; }

.k-ui-namespace .k-icon--size-xlarge { font-size: 48px; }

.k-ui-namespace .k-icon--size-huge { font-size: 64px; }

.k-ui-namespace .k-icon-text-item { display: inline-block; font-size: inherit !important; line-height: 20px; vertical-align: middle; margin-right: 4px; }

.k-ui-namespace [class^="k-icon-document-"]:before, .k-ui-namespace [class*=" k-icon-document-"]:before { background-size: cover; }

.k-ui-namespace .k-label { display: inline-block; padding: 0.33em 0.4em; font-size: 80%; font-weight: 700; line-height: 1; text-align: center; white-space: no-wrap; vertical-align: baseline; border-radius: 0.33em; background: rgba(0, 0, 0, 0.4); color: white; border: none; }

.k-ui-namespace .k-label[href], .k-ui-namespace .k-label[href]:hover, .k-ui-namespace .k-label[href]:focus { text-decoration: none; }

.k-ui-namespace .k-label--base { background: #2c3e50; color: white; }

.k-ui-namespace a.k-label--base:hover, .k-ui-namespace a.k-label--base:focus, .k-ui-namespace button.k-label--base:hover, .k-ui-namespace button.k-label--base:focus { background: #1f2c39; color: white; }

.k-ui-namespace .k-label--accent { background: #3071a9; color: white; }

.k-ui-namespace a.k-label--accent:hover, .k-ui-namespace a.k-label--accent:focus, .k-ui-namespace button.k-label--accent:hover, .k-ui-namespace button.k-label--accent:focus { background: #285e8d; color: white; }

.k-ui-namespace .k-label--success { background: #27ae60; color: white; }

.k-ui-namespace a.k-label--success:hover, .k-ui-namespace a.k-label--success:focus, .k-ui-namespace button.k-label--success:hover, .k-ui-namespace button.k-label--success:focus { background: #209150; color: white; }

.k-ui-namespace .k-label--neutral { background: #3498db; color: white; }

.k-ui-namespace a.k-label--neutral:hover, .k-ui-namespace a.k-label--neutral:focus, .k-ui-namespace button.k-label--neutral:hover, .k-ui-namespace button.k-label--neutral:focus { background: #2386c8; color: white; }

.k-ui-namespace .k-label--warning { background: #e67e22; color: white; }

.k-ui-namespace a.k-label--warning:hover, .k-ui-namespace a.k-label--warning:focus, .k-ui-namespace button.k-label--warning:hover, .k-ui-namespace button.k-label--warning:focus { background: #cd6d17; color: white; }

.k-ui-namespace .k-label--error { background: #c0392b; color: white; }

.k-ui-namespace a.k-label--error:hover, .k-ui-namespace a.k-label--error:focus, .k-ui-namespace button.k-label--error:hover, .k-ui-namespace button.k-label--error:focus { background: #a33024; color: white; }

.k-ui-namespace .k-label--float-end { float: right; }

[dir="rtl"] .k-ui-namespace .k-label--float-end { float: left; }

.k-ui-namespace .k-navigation .k-label { position: relative; top: -1px; left: 2px; margin: -2px 0; padding: 0 0.25em; font-size: 13px; line-height: 16px; vertical-align: middle; max-height: 16px; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4); }

.k-ui-namespace .k-navigation .k-label--base { box-shadow: 0 0 0 2px #2c3e50; }

.k-ui-namespace .k-navigation .k-label--accent { box-shadow: 0 0 0 2px #3071a9; }

.k-ui-namespace .k-navigation .k-label--success { box-shadow: 0 0 0 2px #27ae60; }

.k-ui-namespace .k-navigation .k-label--neutral { box-shadow: 0 0 0 2px #3498db; }

.k-ui-namespace .k-navigation .k-label--warning { box-shadow: 0 0 0 2px #e67e22; }

.k-ui-namespace .k-navigation .k-label--error { box-shadow: 0 0 0 2px #c0392b; }

.k-ui-namespace .k-navigation .k-label--float-end { position: static; margin: 0; }

.k-ui-namespace .k-list { padding: 0; list-style: none; border: none; background: transparent; /* 1 */ margin: 4px 0; /** Items */ /** Links 1. Make item fully clickable 2. removing underlines */ /** Active link */ /** Icons */ }

[dir="rtl"] .k-ui-namespace .k-list { /* Override for rtl ul-ol-li styling */ margin: 4px 0; padding: 0; }

.k-ui-namespace .k-list li { display: block; }

.k-ui-namespace .k-list a { display: block; /* 1 */ padding: 8px 16px; color: #222222; line-height: 20px; text-decoration: none; /* 2 */ /** Hover & focus state */ }

.k-ui-namespace .k-list a:hover, .k-ui-namespace .k-list a:focus { background: white; color: #222222; text-decoration: none; /* 2 */ }

.k-ui-namespace .k-list .k-is-active a { font-weight: 700; background: #eeeeee; color: #222222; }

.k-ui-namespace .k-list .k-is-active a:hover { background: transparent; cursor: default; }

.k-ui-namespace .k-list [class^="k-icon"] { display: inline-block; margin-right: 8px; }

[dir="rtl"] .k-ui-namespace .k-list [class^="k-icon"] { margin-right: auto; margin-left: 8px; }

.k-ui-namespace .k-loader-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; background: rgba(255, 255, 255, 0.8); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.k-cssanimations.k-boxshadow .k-ui-namespace .k-loader-container .k-loader { color: #3071a9; left: 0; }

.k-cssanimations.k-boxshadow .k-ui-namespace .k-loader { display: inline-block; font-size: 5px; margin: 0 1.5em 2em; position: relative; text-indent: -9999em; vertical-align: middle; /** Sizes */ }

.k-cssanimations.k-boxshadow .k-ui-namespace .k-loader, .k-cssanimations.k-boxshadow .k-ui-namespace .k-loader:before, .k-cssanimations.k-boxshadow .k-ui-namespace .k-loader:after { border-radius: 50%; width: 1em; height: 1em; animation-fill-mode: both; animation: k-loader 1.61s infinite ease-in-out; backface-visibility: visible; }

.k-cssanimations.k-boxshadow .k-ui-namespace .k-loader:before { left: -1.25em; animation-delay: -0.20125s; }

.k-cssanimations.k-boxshadow .k-ui-namespace .k-loader:after { left: 1.25em; animation-delay: 0.20125s; }

.k-cssanimations.k-boxshadow .k-ui-namespace .k-loader:before, .k-cssanimations.k-boxshadow .k-ui-namespace .k-loader:after { content: ''; position: absolute; top: 0; }

.k-cssanimations.k-boxshadow .k-ui-namespace .k-loader.k-loader--small { font-size: 5px; }

.k-cssanimations.k-boxshadow .k-ui-namespace .k-loader.k-loader--medium { font-size: 10px; }

.k-cssanimations.k-boxshadow .k-ui-namespace .k-loader.k-loader--large { font-size: 20px; }

@keyframes k-loader { 0%, 80%, 100% { box-shadow: 0 1em 0 -0.5em; }
  40% { box-shadow: 0 1em 0 0; } }

[dir="rtl"] .k-ui-namespace .k-loader { transform: scaleX(-1); }

.k-ui-namespace .k-button .k-loader-container, .k-ui-namespace .k-tabs .k-loader-container { background: inherit; /* 1 */ color: inherit; /* 1 */ border-radius: inherit; /* 1 */ display: block; text-align: center; transform: scale(0.001); /* 2 */ transform-origin: 50% 50%; }

.k-ui-namespace .k-button .k-loader-container:before, .k-ui-namespace .k-tabs .k-loader-container:before { position: absolute; content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: inherit; /* 1 */ opacity: 0.75; transform: scale(1000); /* 3 */ transform-origin: 50% 50%; border-radius: inherit; }

.k-cssanimations.k-boxshadow .k-ui-namespace .k-button .k-loader-container .k-loader, .k-cssanimations.k-boxshadow .k-ui-namespace .k-tabs .k-loader-container .k-loader { color: inherit; transform: scale(1000); transform-origin: 50% 50%; top: -1000em; /* 4 */ }

.k-cssanimations.k-boxshadow .k-ui-namespace .k-button .k-loader-container .k-loader:nth-child(n), .k-cssanimations.k-boxshadow .k-ui-namespace .k-tabs .k-loader-container .k-loader:nth-child(n) { margin-left: 1.5em; margin-right: 1.5em; }

.k-ui-namespace .k-button .k-loader:first-child, .k-ui-namespace .k-tabs .k-loader:first-child { margin-right: 3em; }

.k-ui-namespace .k-button .k-loader:not(first-child), .k-ui-namespace .k-tabs .k-loader:not(first-child) { margin-left: 3em; }

.k-ui-namespace .k-button .k-loader:last-child, .k-ui-namespace .k-tabs .k-loader:last-child { margin-right: 1.5em; margin-left: 3em; }

.k-ui-namespace .k-login { width: 100%; max-width: 360px; height: auto; margin: auto; display: inline-block; /* 1 */ vertical-align: middle; /* 1 */ -ms-flex: 0 0 auto; flex: 0 0 auto; }

.k-ui-namespace .k-login__brand { display: block; height: auto; width: auto; max-width: 100%; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 16px; font-size: 17px; }

.k-ui-namespace .k-login__brand img { max-height: 100%; vertical-align: middle; }

.k-ui-namespace .k-login__content { background: white; color: #222222; width: 100%; border-radius: 4px; padding: 16px; box-shadow: 0 6px 0 -4px rgba(0, 0, 0, 0.3); text-align: left; white-space: normal; }

[dir="rtl"] .k-ui-namespace .k-login__content { text-align: right; }

.k-ui-namespace .k-navigation { margin: 0; list-style: none; border: none; /* 1 */ border-bottom: 1px solid #c8c7c7; padding: 16px 0 15px; background: #e6e6e6; /** Override for rtl ul-ol-li styling */ /** Items */ /** Links 1. Make item fully clickable 2. removing underlines */ /** Active link */ }

[dir="rtl"] .k-ui-namespace .k-navigation { padding: 16px 0 15px; }

.k-ui-namespace .k-navigation li { display: block; line-height: 16px; }

.k-ui-namespace .k-navigation a { display: block; /* 1 */ padding-top: 8px; padding-bottom: 8px; padding-right: 16px; padding-left: 24px; font-size: 17px; color: #222222; text-decoration: none; /** Hover & focus state */ /** Faux border Adding a border to the left, using "after" pseudo since "before" is used for the icon */ position: relative; /** Hover & focus states */ }

[dir="rtl"] .k-ui-namespace .k-navigation a { padding-right: 24px; padding-left: 16px; }

.k-ui-namespace .k-navigation a:hover, .k-ui-namespace .k-navigation a:focus { background: #f8f8f8; color: #222222; text-decoration: none; /* 2 */ }

.k-ui-namespace .k-navigation a:after { display: block; position: absolute; content: " "; left: 0; top: 0; width: 5px; height: 100%; }

[dir="rtl"] .k-ui-namespace .k-navigation a:after { left: auto; right: 0; }

.k-ui-namespace .k-navigation a:hover, .k-ui-namespace .k-navigation a:focus { background: #f8f8f8; }

.k-ui-namespace .k-navigation a:hover:after, .k-ui-namespace .k-navigation a:focus:after { background: #3071a9; }

.k-ui-namespace .k-navigation .k-is-active a { background: #e6e6e6; color: #3071a9; font-weight: 700; }

.k-ui-namespace .k-navigation .k-is-active a:after { top: 12%; height: 76%; background: #3071a9; }

.k-ui-namespace .k-navigation .k-is-active a:hover { background: transparent; cursor: default; }

.k-checked .k-ui-namespace { /* Block element to clear from other floating / inline-block elements */ }

.k-checked .k-ui-namespace .k-optionlist { display: block; max-width: 100%; overflow: auto; /* "Inline" table to make element as wide as children */ }

.k-checked .k-ui-namespace .k-optionlist:before, .k-checked .k-ui-namespace .k-optionlist:after { display: table; content: " "; }

.k-checked .k-ui-namespace .k-optionlist:after { clear: both; }

.k-checked .k-ui-namespace .k-optionlist .k-optionlist__content { position: relative; margin: 0; border: 1px solid #cdcdcd; padding: 1px; border-radius: 4px; background: white; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; float: left; /* Hiding the input but keeping accessible */ /** Label styling 1. Display as table cell so the labels line up next to each other 2. Take one pixel off the radius to look smooth 3. Don't let the user select */ /** Styling label when checked 1. Transparent background for label itself 2. Show pseudo element */ /** Fake focus We need to create a separate element for the fake focus The children have position: relative so we can't just fill up the entire parent div 1. Position it on top of the parent element but behind the labels 2. Hide by default 3. Display on focus 4. Set border-radius same as parent */ /* Display on focus and active */ }

.k-checked .k-ui-namespace .k-optionlist .k-optionlist__content input[type=radio] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }

.k-checked .k-ui-namespace .k-optionlist .k-optionlist__content label { position: relative; z-index: 1; display: table-cell; /* 1 */ margin: 0; padding: 6px 10px; line-height: 1.25em; text-align: center; color: #222222; font-weight: 400; border-radius: 3px; /* 2 */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* 3 */ word-wrap: break-word; overflow-wrap: break-word; -ms-flex: 1 1 auto; flex: 1 1 auto; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; /** Fake background to be able to zoom in in from the center on select 1. Cover the entire parent 2. Low z-index so label content will stay on top 3. Hide the element by default 4. Same radius as parent 5. Scale to 0,0 */ /* A little darker background on hovering (no need for focus since this is a `<label>`) */ }

.k-checked .k-ui-namespace .k-optionlist .k-optionlist__content label:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* 1 */ z-index: -1; /* 2 */ display: block; content: " "; opacity: 0; /* 3 */ border-radius: 3px; /* 4 */ transform: scale(0, 0); /* 5 */ background: #3498db; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-checked .k-ui-namespace .k-optionlist .k-optionlist__content label:hover { background: rgba(0, 0, 0, 0.15); }

.k-checked .k-ui-namespace .k-optionlist .k-optionlist__content input:checked + label, .k-checked .k-ui-namespace .k-optionlist .k-optionlist__content input:checked + label:hover, .k-checked .k-ui-namespace .k-optionlist .k-optionlist__content input:checked + label:focus { background: transparent; /* 1 */ color: #fefefe; }

.k-checked .k-ui-namespace .k-optionlist .k-optionlist__content input:checked + label:before { transform: scale(1, 1); /* 2 */ opacity: 1; /* 2 */ }

.k-checked .k-ui-namespace .k-optionlist .k-optionlist__content .k-optionlist__focus { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; /* 1 */ z-index: 0; /* 1 */ outline: 0; display: block; opacity: 0; /* 2 */ visibility: hidden; /* 2 */ border-radius: 4px; /* 4 */ border: 1px solid #3498db; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(52, 152, 219, 0.6); }

.k-checked .k-ui-namespace .k-optionlist .k-optionlist__content input:active ~ .k-optionlist__focus, .k-checked .k-ui-namespace .k-optionlist .k-optionlist__content input:focus ~ .k-optionlist__focus { opacity: 1; /* 3 */ visibility: visible; /* 3 */ }

[dir="rtl"].k-checked .k-ui-namespace .k-optionlist__content { float: right; }

.k-checked .k-ui-namespace .k-optionlist--boolean input[value="1"] + label:before { background: #27ae60; /* 1 */ }

.k-checked .k-ui-namespace .k-optionlist--boolean input[value="0"] + label:before { background: #c0392b; /* 1 */ }

.k-checked .k-ui-namespace { /** Block element to clear from other floating / inline-block elements */ }

.k-checked .k-ui-namespace .k-optionlist--block .k-optionlist__content { width: 100%; float: none; }

.k-checked .k-ui-namespace .k-optionlist--block.k-optionlist--boolean label { width: 50%; }

.k-checked .k-ui-namespace { /** Block element to clear from other floating / inline-block elements */ }

.k-checked .k-ui-namespace .k-optionlist [disabled] + label { cursor: not-allowed; opacity: 0.6; }

.k-checked .k-ui-namespace .k-optionlist [disabled] + label:hover { background: transparent; }

.k-checked .k-ui-namespace .k-optionlist [disabled] + label:active ~ .k-optionlist__focus { border-color: #c0392b; }

.k-ui-namespace .k-pagination { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: center; align-content: center; /** Pagination 1. Remove list-style and block-level defaults 2. Collapse white-space */ /** Limit */ }

.k-ui-namespace .k-pagination .k-pagination__pages { padding: 0; margin: 0; border-radius: 4px; /** Override for rtl ul-ol-li styling */ /** Contents */ }

[dir="rtl"] .k-ui-namespace .k-pagination .k-pagination__pages { padding: 0; }

.k-ui-namespace .k-pagination .k-pagination__pages > li { display: inline; /* 1 */ }

.k-ui-namespace .k-pagination .k-pagination__pages > li > a, .k-ui-namespace .k-pagination .k-pagination__pages > li > span { display: block; position: relative; float: left; /* 2 */ padding: 6px 12px; line-height: 18px; text-decoration: none; color: #3071a9; background-color: white; border: 1px solid gainsboro; margin-left: -1px; }

[dir="rtl"] .k-ui-namespace .k-pagination .k-pagination__pages > li > a, [dir="rtl"] .k-ui-namespace .k-pagination .k-pagination__pages > li > span { float: right; margin-left: 0; margin-right: -1px; }

.k-ui-namespace .k-pagination .k-pagination__pages > li:first-child > a, .k-ui-namespace .k-pagination .k-pagination__pages > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }

[dir="rtl"] .k-ui-namespace .k-pagination .k-pagination__pages > li:first-child > a, [dir="rtl"] .k-ui-namespace .k-pagination .k-pagination__pages > li:first-child > span { margin-right: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }

.k-ui-namespace .k-pagination .k-pagination__pages > li:last-child > a, .k-ui-namespace .k-pagination .k-pagination__pages > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }

[dir="rtl"] .k-ui-namespace .k-pagination .k-pagination__pages > li:last-child > a, .k-ui-namespace .k-pagination .k-pagination__pages > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }

.k-ui-namespace .k-pagination .k-pagination__pages > li > a:hover, .k-ui-namespace .k-pagination .k-pagination__pages > li > a:focus, .k-ui-namespace .k-pagination .k-pagination__pages > li > span:hover, .k-ui-namespace .k-pagination .k-pagination__pages > li > span:focus { z-index: 2; color: #285e8d; background-color: #eeeeee; border-color: gainsboro; }

.k-ui-namespace .k-pagination .k-pagination__pages > .k-is-active > a, .k-ui-namespace .k-pagination .k-pagination__pages > .k-is-active > a:hover, .k-ui-namespace .k-pagination .k-pagination__pages > .k-is-active > a:focus, .k-ui-namespace .k-pagination .k-pagination__pages > .k-is-active > span, .k-ui-namespace .k-pagination .k-pagination__pages > .k-is-active > span:hover, .k-ui-namespace .k-pagination .k-pagination__pages > .k-is-active > span:focus { z-index: 3; color: white; background-color: #3071a9; border-color: #285e8d; cursor: default; }

.k-ui-namespace .k-pagination select { height: 32px; width: auto; margin: 0; margin-right: 8px; }

[dir="rtl"] .k-ui-namespace .k-pagination select { margin-right: auto; margin-left: 8px; }

.k-ui-namespace .k-scopebar { background: #f3f3f3; color: #222222; min-width: 100%; box-shadow: inset 0 -1px 0 #d4d4d4; /* 1 */ display: -ms-flexbox; display: flex; width: auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.k-ui-namespace .k-scopebar:before, .k-ui-namespace .k-scopebar:after { display: table; content: " "; }

.k-ui-namespace .k-scopebar:after { clear: both; }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-scopebar { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

.k-ui-namespace .k-scopebar__item { border-bottom: 1px solid #d4d4d4; min-width: 0; /* 1 */ box-shadow: 0 -1px 0 #d4d4d4; -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto; /** Floating nicely */ }

.k-ui-namespace .k-scopebar__item:before, .k-ui-namespace .k-scopebar__item:after { display: table; content: " "; }

.k-ui-namespace .k-scopebar__item:after { clear: both; }

@media screen and (min-width: 400px) { .k-ui-namespace .k-scopebar__item { float: left; } }

.k-ui-namespace .k-scopebar__item--static { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.k-ui-namespace .k-scopebar__item--toggle-buttons { /* 1 */ padding-left: 4px; /* 2 */ -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-order: 15; order: 15; width: auto; /** Hide on larger screens */ /** Buttons */ }

.k-ui-namespace .k-scopebar__item--toggle-buttons:before, .k-ui-namespace .k-scopebar__item--toggle-buttons:after { display: table; content: " "; }

.k-ui-namespace .k-scopebar__item--toggle-buttons:after { clear: both; }

@media screen and (min-width: 600px) { .k-ui-namespace .k-scopebar__item--toggle-buttons { -ms-flex: 0 0 auto; flex: 0 0 auto; } }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-scopebar__item--toggle-buttons { display: none; } }

[dir="rtl"] .k-ui-namespace .k-scopebar__item--toggle-buttons { padding-left: 0; padding-right: 4px; }

.k-ui-namespace .k-scopebar__item--toggle-buttons .k-toggle-scopebar-filters, .k-ui-namespace .k-scopebar__item--toggle-buttons .k-toggle-scopebar-breadcrumbs { display: block; float: left; }

@media screen and (min-width: 600px) { .k-ui-namespace .k-scopebar__item--toggle-buttons .k-toggle-scopebar-filters, .k-ui-namespace .k-scopebar__item--toggle-buttons .k-toggle-scopebar-breadcrumbs { display: none; } }

.k-ui-namespace .k-scopebar__item--toggle-buttons .k-toggle-scopebar-search { display: block; float: right; }

[dir="rtl"] .k-ui-namespace .k-scopebar__item--toggle-buttons .k-toggle-scopebar-search { float: left; }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-scopebar__item--toggle-buttons .k-toggle-scopebar-search { display: none; } }

.k-ui-namespace .k-scopebar--breadcrumbs .k-scopebar__item--toggle-buttons { -ms-flex: 0 0 auto; flex: 0 0 auto; }

.k-ui-namespace .k-scopebar__item--filters { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-order: 10; order: 10; /** Hide when JS is enabled */ /** 1. Reset order */ }

.k-js-enabled .k-ui-namespace .k-scopebar__item--filters { display: none; /** Show on larger screens */ }

@media screen and (min-width: 400px) { .k-js-enabled .k-ui-namespace .k-scopebar__item--filters { width: 100%; } }

@media screen and (min-width: 600px) { .k-js-enabled .k-ui-namespace .k-scopebar__item--filters { width: auto; display: block; } }

@media screen and (min-width: 600px) { .k-ui-namespace .k-scopebar__item--filters { width: auto; -ms-flex-order: 0; order: 0; /* 1 */ } }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-scopebar__item--filters { display: block; } }

.k-ui-namespace .k-scopebar__filters { /* 1 */ position: relative; /* 2 */ z-index: 2; /* 2 */ }

.k-ui-namespace .k-scopebar__filters:before, .k-ui-namespace .k-scopebar__filters:after { display: table; content: " "; }

.k-ui-namespace .k-scopebar__filters:after { clear: both; }

.k-ui-namespace .k-scopebar__item--filter { display: block; float: left; width: auto; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; margin-bottom: -1px; }

@media screen and (min-width: 600px) { .k-ui-namespace .k-scopebar__item--filter { position: relative; } }

[dir="rtl"] .k-ui-namespace .k-scopebar__item--filter { border-right: none; border-left: 1px solid #ccc; float: right; }

.k-ui-namespace .k-scopebar__item--filter__title, .k-ui-namespace .k-scopebar__item--filter__icon { display: inline-block; vertical-align: middle; }

.k-ui-namespace .k-scopebar__item--filter__icon { margin-left: 2px; }

[dir="rtl"] .k-ui-namespace .k-scopebar__item--filter__icon { margin-left: 0; margin-right: 2px; }

@media screen and (min-width: 600px) { .k-ui-namespace .k-scopebar__item--filter__icon { margin-left: 4px; }
  [dir="rtl"] .k-ui-namespace .k-scopebar__item--filter__icon { margin-left: 0; margin-right: 4px; } }

.k-ui-namespace .k-scopebar__item-label { position: absolute; z-index: 2; top: 2px; right: 2px; min-width: 16px; height: 16px; border-radius: 50%; background: #c0392b; color: white; font-size: 11px; line-height: 16px; text-align: center; vertical-align: middle; font-weight: 700; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); pointer-events: none; }

[dir="rtl"] .k-ui-namespace .k-scopebar__item-label { right: auto; left: 2px; }

@media screen and (min-width: 600px) { .k-ui-namespace .k-scopebar__item-label { top: 6px; right: 4px; }
  [dir="rtl"] .k-ui-namespace .k-scopebar__item-label { right: auto; left: 4px; } }

.k-ui-namespace .k-scopebar__item-label--numberless { top: 0; right: 0; }

[dir="rtl"] .k-ui-namespace .k-scopebar__item-label--numberless { right: auto; left: 0; }

.k-ui-namespace .k-scopebar__item-label--numberless:after { display: block; content: " "; width: 5px; height: 5px; background: white; position: absolute; top: 5px; left: 5px; border-radius: 50%; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }

.k-ui-namespace .k-scopebar-dropdown { overflow: hidden; }

@media screen and (min-width: 600px) { .k-ui-namespace .k-scopebar-dropdown { position: relative; z-index: 2; } }

.k-ui-namespace .k-scopebar-dropdown.k-is-active { overflow: visible; z-index: 3; }

.k-ui-namespace .k-scopebar-dropdown.k-is-active .k-scopebar-dropdown__body { visibility: visible; }

.k-ui-namespace .k-scopebar-dropdown.k-is-active .k-scopebar__item--filter__title { text-decoration: underline; }

.k-ui-namespace .k-scopebar-dropdown.k-is-active .k-scopebar-dropdown__button { background: #ededed; }

.k-ui-namespace .k-scopebar-dropdown__button { position: relative; border: none; background: transparent; margin: 0; padding: 0 6px; line-height: 39px; height: 39px; font-size: 13px; cursor: pointer; }

.k-ui-namespace .k-scopebar-dropdown__button:hover, .k-ui-namespace .k-scopebar-dropdown__button:focus { background: #ededed; }

@media screen and (min-width: 600px) { .k-ui-namespace .k-scopebar-dropdown__button { padding: 0 12px; } }

.k-ui-namespace .k-scopebar-dropdown__body { position: absolute; visibility: hidden; background: white; border: 1px solid #e0e0e0; color: #222222; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); border-radius: 0 0 5px 5px; min-width: 200px; left: 0; right: 0; top: 100%; }

@media screen and (min-width: 600px) { .k-ui-namespace .k-scopebar-dropdown__body { min-width: 300px; right: auto; left: -1px; }
  [dir="rtl"] .k-ui-namespace .k-scopebar-dropdown__body { left: auto; right: -1px; } }

.k-ui-namespace .k-scopebar-dropdown__body .select2 { min-width: 100%; }

.k-ui-namespace .k-scopebar-dropdown__body__content { padding: 5px; }

.k-ui-namespace .k-scopebar-dropdown__body__buttons { line-height: 14px; border-top: 1px solid #e0e0e0; background: #fbfafa; color: #222222; padding: 8px 5px; text-align: center; border-radius: 0 0 5px 5px; }

.k-ui-namespace .k-scopebar-dropdown__body__buttons .btn { padding: 4px 30px; line-height: 16px; }

.k-ui-namespace .k-scopebar__item--breadcrumbs { width: auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-order: -1; order: -1; display: block; /** Adjusted styling to display nicely inside the scopebar */ }

@media screen and (min-width: 600px) { .k-ui-namespace .k-scopebar__item--breadcrumbs { width: auto; -ms-flex-order: 0; order: 0; /* 1 */ } }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-scopebar__item--breadcrumbs { display: -ms-flexbox !important; display: flex !important; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; overflow: hidden; } }

.k-ui-namespace .k-scopebar__item--breadcrumbs .k-breadcrumb { position: static; top: auto; bottom: auto; visibility: visible; border-bottom: none; overflow: auto; text-overflow: ellipsis; white-space: nowrap; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.k-ui-namespace .k-scopebar__item--buttons { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; /** Floating nicely */ }

@media screen and (min-width: 400px) { .k-ui-namespace .k-scopebar__item--buttons { float: right; } }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-scopebar__item--buttons { float: none; } }

.k-ui-namespace .k-scopebar__button { margin: 0; padding: 0; list-style: none; border: none; background: transparent; position: relative; display: block; float: left; height: 32px; margin: 4px 4px 3px 4px; margin-left: 0; padding-left: 7px; padding-right: 7px; border-radius: 2px; text-align: center; line-height: 32px; cursor: pointer; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; border: 1px solid transparent; /** 1. Absolute center */ }

[dir="rtl"] .k-ui-namespace .k-scopebar__button { float: right; margin-left: 4px; margin-right: 0; }

.k-ui-namespace .k-scopebar__button:hover { border-color: #d4d4d4; background: white; }

.k-ui-namespace .k-scopebar__button.k-is-active { border-color: #d4d4d4; background: white; }

.k-ui-namespace .k-scopebar__button [class^="k-icon"] { display: block; margin-top: 7px; /* 1 */ margin-bottom: 7px; /* 1 */ width: 16px; height: 16px; line-height: 0; font-size: 0; vertical-align: middle; }

.k-ui-namespace .k-scopebar__button [class^="k-icon"]:before { font-size: 16px; line-height: 16px; }

.k-ui-namespace .k-scopebar__item--search { position: relative; /* 1 */ margin-left: auto; /* 2 */ -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-order: 20; order: 20; /** Hide when JS is enabled */ /** 1. Reset order 2. Set proper widths */ /** Label */ /** The search field */ /** Search buttons */ /** The search submit button */ /** The search empty / reset button */ /** The active search label */ }

[dir="rtl"] .k-ui-namespace .k-scopebar__item--search { margin-left: 0; margin-right: auto; }

.k-js-enabled .k-ui-namespace .k-scopebar__item--search { display: none; width: 100%; }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-scopebar__item--search { display: block !important; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-order: 0; order: 0; /* 1 */ } }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-scopebar__item--search { min-width: 221px; width: 221px; max-width: 221px; /* 2 */ } }

@media screen and (min-width: 1200px) { .k-ui-namespace .k-scopebar__item--search { min-width: 286px; width: 286px; max-width: 286px; /* 2 */ } }

.k-ui-namespace .k-scopebar__item--search .k-search { width: 100%; position: relative; }

.k-ui-namespace .k-scopebar__item--search .k-search--has-search-button .k-search__field { padding-left: 26px; }

[dir="rtl"] .k-ui-namespace .k-scopebar__item--search .k-search--has-search-button .k-search__field { padding-left: 0; padding-right: 26px; }

.k-ui-namespace .k-scopebar__item--search .k-search--has-empty-button .k-search__field { padding-right: 20px; }

[dir="rtl"] .k-ui-namespace .k-scopebar__item--search .k-search--has-empty-button .k-search__field { padding-right: 0; padding-left: 20px; }

.k-ui-namespace .k-scopebar__item--search .k-search--has-both-buttons .k-search__field { padding-left: 26px; padding-right: 20px; }

[dir="rtl"] .k-ui-namespace .k-scopebar__item--search .k-search--has-both-buttons .k-search__field { padding-left: 20px; padding-right: 26px; }

.k-ui-namespace .k-scopebar__item--search label { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }

.k-ui-namespace .k-scopebar__item--search .k-search__field { margin: 0; padding: 0; list-style: none; border: none; background: transparent; margin: 0; display: block; width: 100%; max-width: none; height: 40px; border-radius: 0; padding: 4px; padding-right: 40px; background: white; color: #222222; box-shadow: none; -webkit-appearance: none; }

[dir="rtl"] .k-ui-namespace .k-scopebar__item--search .k-search__field { padding-right: 0; padding-left: 40px; }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-scopebar__item--search .k-search__field { border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; margin-bottom: -1px; }
  [dir="rtl"] .k-ui-namespace .k-scopebar__item--search .k-search__field { border-left: none; border-right: 1px solid #d4d4d4; } }

.k-ui-namespace .k-scopebar__item--search .k-search__submit, .k-ui-namespace .k-scopebar__item--search .k-search__empty { margin: 0; padding: 0; list-style: none; border: none; background: transparent; position: absolute; top: 50%; width: 20px; height: 20px; margin-top: -10px; vertical-align: middle; line-height: 1; cursor: pointer; color: #555555; }

.k-ui-namespace .k-scopebar__item--search .k-search__submit [class*="k-icon-"], .k-ui-namespace .k-scopebar__item--search .k-search__empty [class*="k-icon-"] { vertical-align: middle; }

.k-ui-namespace .k-scopebar__item--search .k-search__submit:focus, .k-ui-namespace .k-scopebar__item--search .k-search__submit:hover, .k-ui-namespace .k-scopebar__item--search .k-search__empty:focus, .k-ui-namespace .k-scopebar__item--search .k-search__empty:hover { color: #222222; }

.k-ui-namespace .k-scopebar__item--search .k-search__submit.k-is-visible, .k-ui-namespace .k-scopebar__item--search .k-search__empty.k-is-visible { display: inline-block; }

.k-ui-namespace .k-scopebar__item--search .k-search__submit { left: 3px; font-size: 13px; }

[dir="rtl"] .k-ui-namespace .k-scopebar__item--search .k-search__submit { left: auto; right: 3px; }

.k-ui-namespace .k-scopebar__item--search .k-search__empty { display: none; right: 0px; font-size: 10px; }

[dir="rtl"] .k-ui-namespace .k-scopebar__item--search .k-search__empty { right: auto; left: 0px; }

.k-ui-namespace .k-scopebar__item--search .k-search__empty.k-is-visible { display: inline-block; }

.k-ui-namespace .k-scopebar__item--search .k-scopebar__item-label--numberless { position: absolute; right: auto; left: 13px; top: 5px; }

[dir="rtl"] .k-ui-namespace .k-scopebar__item--search .k-scopebar__item-label--numberless { left: auto; right: 13px; }

.k-ui-namespace .k-sidebar-item { /** On mobile */ /** Overflowing items 1. Set container to overflow it's items */ }

.k-ui-namespace .k-sidebar-item + .k-ui-namespace .k-sidebar-item { margin-top: 16px; }

.k-ui-namespace .k-sidebar-item--flex { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 0 1 auto; flex: 0 1 auto; max-height: 100%; overflow: hidden; min-height: 96px; }

.k-ui-namespace .k-sidebar-item--flex div { -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; }

.k-ui-namespace .k-sidebar-item--flex .k-sidebar-item__header { -ms-flex: 0 0 auto; flex: 0 0 auto; }

.k-ui-namespace .k-sidebar-item--overflow { overflow: auto; /* 1 */ width: 100%; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.k-is-resizing .k-ui-namespace .k-sidebar-item--overflow { overflow: hidden; }

.k-ui-namespace .k-sidebar-item--toggle { padding-bottom: 16px; }

.k-ui-namespace .k-sidebar-item--toggle .k-sidebar-item__header { position: relative; }

.k-ui-namespace .k-sidebar-item--toggle .k-sidebar-item__toggle { position: absolute; top: 16px; right: 16px; }

.k-ui-namespace .k-sidebar-item--toggle .k-sidebar-item__toggle:after { content: ""; display: block; background: white; border: 1px solid #ddd; border-radius: 10px; width: 20px; line-height: 18px; /* 1 */ text-align: center; vertical-align: middle; font-size: 8px; cursor: pointer; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-ui-namespace .k-sidebar-item--toggle .k-sidebar-item__toggle.k-is-active:after { transform: rotate(180deg); }

[dir="rtl"] .k-ui-namespace .k-sidebar-item--toggle .k-sidebar-item__toggle { right: auto; left: 16px; }

.k-ui-namespace .k-sidebar-item__header { padding: 16px 16px 0; font-weight: 700; text-transform: uppercase; font-size: 11px; line-height: 24px; }

.k-ui-namespace .k-sidebar-item__content { padding: 16px; }

.k-ui-namespace .k-sidebar-item__content--small { padding: 8px 16px; }

.k-ui-namespace .k-sidebar-item__content--horizontal { padding: 0 16px; }

.k-ui-namespace .k-file-input { position: relative; display: inline-block; /* The original file input select */ /** The button */ /** Selected files container */ }

.k-ui-namespace .k-file-input input { /** 1. Style only when JS is enabled / addEventlistener is available We want to show it regularly when we don't have addEventListener for usability sake 2. Hide the label by default and only show it when addEventListener is available (e.g. when file input is hidden) 3. Display label when file input is hidden */ /** Styling the label, holding both the button and the selected files container */ /** Focus state */ /** Hover / focus state */ }

.k-eventlistener .k-ui-namespace .k-file-input input { position: absolute; top: 0; right: 0; bottom: 0; margin: 0; padding: 0; cursor: pointer; font-size: 99px; opacity: 0; filter: alpha(opacity=0); }

.k-ui-namespace .k-file-input input + label { display: none; /* 2 */ }

.k-eventlistener .k-ui-namespace .k-file-input input + label { display: inline-block; /* 3 */ }

.k-ui-namespace .k-file-input input + label { max-width: 100%; font-size: 13px; line-height: 20px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; overflow: hidden; vertical-align: middle; color: #3071a9; padding: 0; text-align: center; }

.k-ui-namespace .k-file-input input:focus, .k-ui-namespace .k-file-input input.k-has-focus { outline: none; }

.k-ui-namespace .k-file-input input:focus + label, .k-ui-namespace .k-file-input input.k-has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }

.k-ui-namespace .k-file-input input:focus, .k-ui-namespace .k-file-input input.k-has-focus, .k-ui-namespace .k-file-input input.k-has-drop-focus, .k-ui-namespace .k-file-input input:hover { cursor: pointer; }

.k-ui-namespace .k-file-input input:focus + label .k-file-input__button, .k-ui-namespace .k-file-input input:focus + label .k-file-input__button:hover, .k-ui-namespace .k-file-input input:focus + label .k-file-input__button:focus, .k-ui-namespace .k-file-input input.k-has-focus + label .k-file-input__button, .k-ui-namespace .k-file-input input.k-has-focus + label .k-file-input__button:hover, .k-ui-namespace .k-file-input input.k-has-focus + label .k-file-input__button:focus, .k-ui-namespace .k-file-input input.k-has-drop-focus + label .k-file-input__button, .k-ui-namespace .k-file-input input.k-has-drop-focus + label .k-file-input__button:hover, .k-ui-namespace .k-file-input input.k-has-drop-focus + label .k-file-input__button:focus, .k-ui-namespace .k-file-input input:hover + label .k-file-input__button, .k-ui-namespace .k-file-input input:hover + label .k-file-input__button:hover, .k-ui-namespace .k-file-input input:hover + label .k-file-input__button:focus { background-color: #255681; }

.k-ui-namespace .k-file-input .k-file-input__button { display: block; background-color: #3071a9; color: white; pointer-events: none; vertical-align: middle; font-weight: 400; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; /* 2 */ border: 1px solid transparent; white-space: nowrap; box-shadow: none; text-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 0; border-radius: 6px; font-size: 17px; line-height: 24px; padding: 8px 16px; }

.k-ui-namespace .k-file-input .k-file-input__files { width: 100%; height: 20px; line-height: 20px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; text-align: center; }

.k-ui-namespace .k-file-input .k-file-input__files:empty { display: none; }

.k-ui-namespace .k-tabs-container { overflow: visible; width: 100%; margin: 0 auto; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; /** When resizing */ }

.k-ui-namespace .k-tabs-container:before, .k-ui-namespace .k-tabs-container:after { display: table; content: " "; }

.k-ui-namespace .k-tabs-container:after { clear: both; }

.k-is-resizing .k-ui-namespace .k-tabs-container { overflow: hidden; }

.k-ui-namespace .k-tabs-container:not(:first-child) .k-tabs-scroller .k-tabs { border-top: 1px solid gainsboro; padding-top: 11px; }

.k-ui-namespace .k-tabs-container > .k-tabs-content { display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.k-ui-namespace .k-tabs-container > .k-tabs-content:before, .k-ui-namespace .k-tabs-container > .k-tabs-content:after { display: table; content: " "; }

.k-ui-namespace .k-tabs-container > .k-tabs-content:after { clear: both; }

.k-ui-namespace .k-tabs-container > .k-tabs-content > .k-tab { -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0; }

.k-ui-namespace .k-tabs-wrapper { position: relative; height: 48px; overflow: hidden; -ms-flex: 0 0 auto; flex: 0 0 auto; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-ui-namespace .k-tabs-scroller { height: 72px; overflow: auto; }

.k-ui-namespace .k-tabs-scroller > .k-tabs { padding: 12px 8px 0; background: white; white-space: nowrap; display: inline-block; min-width: 100%; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-tabs-scroller > .k-tabs { padding-left: 16px; padding-right: 16px; } }

.k-ui-namespace .k-tabs-scroller > .k-tabs li.k-is-active a { background: #fbfafa; color: #222222; }

.k-ui-namespace .k-tabs-scroller > .k-tabs li.k-is-active a:focus { border-color: #cacaca; border-bottom-color: transparent; }

.k-ui-namespace .k-tabs { position: relative; /* 1 */ margin: 0; padding: 0; list-style: none; border-bottom: 1px solid gainsboro; font-size: 0; /** 1. Make the list-items overlay the bottom border */ /** Disabled state sets text to gray and nukes hover/tab effects */ /** Active state, and its :hover to override normal :hover */ /** Links */ }

.k-ui-namespace .k-tabs li { position: relative; display: inline-block; margin-bottom: -1px; /* 1 */ margin-right: 2px; }

.k-ui-namespace .k-tabs li:last-child { margin-right: 0; }

[dir="rtl"] .k-ui-namespace .k-tabs li { margin-right: auto; margin-left: 2px; }

[dir="rtl"] .k-ui-namespace .k-tabs li:last-child { margin-left: 0; }

.k-ui-namespace .k-tabs .k-is-disabled a { color: #343434; cursor: not-allowed; pointer-events: none; }

.k-ui-namespace .k-tabs .k-is-disabled a:hover, .k-ui-namespace .k-tabs .k-is-disabled a:focus { color: inherit; text-decoration: none; background-color: transparent; cursor: not-allowed; }

.k-ui-namespace .k-tabs .k-is-active a, .k-ui-namespace .k-tabs .k-is-active a:hover, .k-ui-namespace .k-tabs .k-is-active a:focus { color: #222222; background-color: white; border: 1px solid gainsboro; border-bottom-color: transparent; cursor: default; }

.k-ui-namespace .k-tabs .k-is-active a:focus { box-shadow: inset 0 1px 0 0 #cacaca; }

.k-ui-namespace .k-tabs a { position: relative; display: block; padding: 8px 16px 6px; line-height: 20px; border: 1px solid transparent; border-radius: 4px 4px 0 0; text-decoration: none; font-size: 13px; cursor: pointer; }

.k-ui-namespace .k-tabs a:hover, .k-ui-namespace .k-tabs a:focus { text-decoration: none; background-color: #eeeeee; border-color: gainsboro; outline: none; }

.k-ui-namespace .k-tabs--transparent { background-color: inherit; }

.k-ui-namespace .k-tabs--transparent li, .k-ui-namespace .k-tabs--transparent a { background-color: transparent; }

.k-ui-namespace .k-tabs--transparent .k-is-active, .k-ui-namespace .k-tabs--transparent .k-is-active:hover, .k-ui-namespace .k-tabs--transparent .k-is-active:focus, .k-ui-namespace .k-tabs--transparent .k-is-active a, .k-ui-namespace .k-tabs--transparent .k-is-active a:hover, .k-ui-namespace .k-tabs--transparent .k-is-active a:focus { background-color: inherit; }

.k-ui-namespace .k-tabs-content > .k-tab { padding: 12px; /** Hide tab when it does not have the active class */ }

.k-ui-namespace .k-tabs-content > .k-tab:not(.k-is-active) { display: none !important; }

.k-ui-namespace .k-tabs-content > .k-is-active { display: -ms-flexbox; display: flex; }

.k-ui-namespace .k-tabs-scroller-prev, .k-ui-namespace .k-tabs-scroller-next { margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; width: 32px; overflow: hidden; display: none; opacity: 0; background: white; border: 1px solid gainsboro; border-radius: 0; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-ui-namespace .k-tabs-scroller-prev:focus, .k-ui-namespace .k-tabs-scroller-prev:hover, .k-ui-namespace .k-tabs-scroller-next:focus, .k-ui-namespace .k-tabs-scroller-next:hover { background-color: #eeeeee; }

.k-ui-namespace .k-tabs-scroller-prev span, .k-ui-namespace .k-tabs-scroller-next span { transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

[dir="rtl"] .k-ui-namespace .k-tabs-scroller-prev span:before, [dir="rtl"] .k-ui-namespace .k-tabs-scroller-next span:before { transform: scaleX(1); }

.k-ui-namespace .k-tabs-scroller-prev { left: 0; border-left: none; transform: translateX(-100%); }

.k-ui-namespace .k-tabs-scroller-next { right: 0; border-right: none; transform: translateX(100%); }

.k-ui-namespace .k-has-tabs-overflow { padding-left: 32px; padding-right: 32px; }

.k-ui-namespace .k-has-tabs-overflow .k-tabs-scroller-prev, .k-ui-namespace .k-has-tabs-overflow .k-tabs-scroller-next { transform: translateX(0); cursor: no-drop; opacity: 1; display: block; }

.k-ui-namespace .k-has-tabs-overflow .k-tabs-scroller-prev span, .k-ui-namespace .k-has-tabs-overflow .k-tabs-scroller-next span { opacity: 0.33; }

.k-ui-namespace .k-has-tabs-left-overflow .k-tabs-scroller-prev { opacity: 1; cursor: pointer; }

.k-ui-namespace .k-has-tabs-left-overflow .k-tabs-scroller-prev span { opacity: 1; }

.k-ui-namespace .k-has-tabs-right-overflow .k-tabs-scroller-next { opacity: 1; cursor: pointer; }

.k-ui-namespace .k-has-tabs-right-overflow .k-tabs-scroller-next span { opacity: 1; }

.k-ui-namespace .k-table-container { background: white; display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-direction: column; flex-direction: column; overflow: hidden; }

.k-is-resizing .k-ui-namespace .k-table-container { overflow: hidden; }

.k-ui-namespace .k-table { overflow: auto; backface-visibility: hidden; will-change: overflow; -ms-flex: 1 1 auto; flex: 1 1 auto; /* 1 */ }

.k-ui-namespace .k-table-container { /** Cells 1. Position checkbox 2. Remove default margin */ /** Sticky header 1. Set top to 0 because there's no default yet 2. Set z-index to 1 to make sure it covers the tbody */ /** Head 1. Don't set a vertical padding on table headers. Set padding on table heading children We do this so <a> elements are fully clickable for sorting 2. Don't use long header titles since they won't be wrapped 3. Whole <th> should be clickable 4. Set padding here */ /** Body 1. Small extra info below title display:block to display below title */ /** Hover background */ }

.k-ui-namespace .k-table-container table { margin: 0; padding: 0; width: 100%; text-align: left; border-collapse: separate; border-spacing: 0; font-size: inherit; /* 1 */ min-width: 0 !important; -ms-flex: 1 1 auto; flex: 1 1 auto; }

[dir="rtl"] .k-ui-namespace .k-table-container table { text-align: right; }

.k-ui-namespace .k-table-container th, .k-ui-namespace .k-table-container td { border: none; position: relative; height: 40px; vertical-align: middle; text-align: left; line-height: 1; }

.k-ui-namespace .k-table-container th input, .k-ui-namespace .k-table-container td input { display: inline-block; /* 1 */ vertical-align: middle; /* 1 */ margin: 0; /* 2 */ }

[dir="rtl"] .k-ui-namespace .k-table-container th, [dir="rtl"] .k-ui-namespace .k-table-container td { text-align: right; }

.k-ui-namespace .k-table-container th { position: -webkit-sticky; position: sticky; top: 0; z-index: 1; }

.k-ui-namespace .k-table-container th { border-bottom: 1px solid gainsboro; z-index: 1; padding: 0 8px; /* 1 */ white-space: nowrap; /* 2 */ background: #fbfafa; font-weight: 400; /** Size icons accordingly */ }

.k-ui-namespace .k-table-container th a { display: block; /* 3 */ padding: 6px 8px; /* 4 */ margin-left: -8px; margin-right: -8px; line-height: 27px; text-decoration: none; }

.k-ui-namespace .k-table-container th a:focus, .k-ui-namespace .k-table-container th a:hover { background: #f3f3f3; }

.k-ui-namespace .k-table-container th [class*="k-icon"] { font-size: 16px; line-height: 1; vertical-align: middle; }

.k-ui-namespace .k-table-container td { border-bottom: 1px solid #ededed; padding: 6px 8px; background: white; }

.k-ui-namespace .k-table-container tr:last-child td { border-bottom: none; }

.k-ui-namespace .k-table-container tr:nth-child(odd) td { background: white; }

.k-ui-namespace .k-table-container tr:focus td, .k-ui-namespace .k-table-container tr:hover td, .k-ui-namespace .k-table-container tr:nth-child(n):focus td, .k-ui-namespace .k-table-container tr:nth-child(n):hover td { background: #fbfafa; }

.k-ui-namespace .k-table-container [class*="k-icon"] { display: inline-block; }

.k-ui-namespace .k-table-container a { color: inherit; }

.k-ui-namespace .k-table-container a { display: inline-block; vertical-align: middle; text-decoration: none; }

.k-ui-namespace .k-table-container a:hover, .k-ui-namespace .k-table-container a:focus { text-decoration: underline; }

.k-ui-namespace .k-table-container small { display: block; font-size: 11px; line-height: 16px; padding-top: 1px; }

.k-ui-namespace .k-table-container .k-table-data--right { text-align: right; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table-data--right { text-align: left; }

.k-ui-namespace .k-table-container .k-table-data--center { text-align: center; }

.k-ui-namespace .k-table-container .k-table-data--nowrap { white-space: nowrap; }

.k-ui-namespace .k-table-container .k-table-data--wrap { word-break: break-all; }

.k-ui-namespace .k-table-container .k-table-data--toggle, .k-ui-namespace .k-table-container .k-table-data--form, .k-ui-namespace .k-table-container .k-table-data--icon { white-space: nowrap; line-height: 1; vertical-align: middle; }

.k-ui-namespace .k-table-container .k-table-data--toggle a, .k-ui-namespace .k-table-container .k-table-data--toggle span, .k-ui-namespace .k-table-container .k-table-data--toggle input, .k-ui-namespace .k-table-container .k-table-data--toggle svg, .k-ui-namespace .k-table-container .k-table-data--toggle div, .k-ui-namespace .k-table-container .k-table-data--toggle small, .k-ui-namespace .k-table-container .k-table-data--toggle img, .k-ui-namespace .k-table-container .k-table-data--form a, .k-ui-namespace .k-table-container .k-table-data--form span, .k-ui-namespace .k-table-container .k-table-data--form input, .k-ui-namespace .k-table-container .k-table-data--form svg, .k-ui-namespace .k-table-container .k-table-data--form div, .k-ui-namespace .k-table-container .k-table-data--form small, .k-ui-namespace .k-table-container .k-table-data--form img, .k-ui-namespace .k-table-container .k-table-data--icon a, .k-ui-namespace .k-table-container .k-table-data--icon span, .k-ui-namespace .k-table-container .k-table-data--icon input, .k-ui-namespace .k-table-container .k-table-data--icon svg, .k-ui-namespace .k-table-container .k-table-data--icon div, .k-ui-namespace .k-table-container .k-table-data--icon small, .k-ui-namespace .k-table-container .k-table-data--icon img { vertical-align: middle; line-height: 1; }

.k-ui-namespace .k-table-container .k-table-data--toggle [class*="k-icon"], .k-ui-namespace .k-table-container .k-table-data--form [class*="k-icon"], .k-ui-namespace .k-table-container .k-table-data--icon [class*="k-icon"] { font-size: 16px; }

.k-ui-namespace .k-table-container .k-table-data--multiline { /** Give anchors underlines to set them apart from default text */ }

.k-ui-namespace .k-table-container .k-table-data--multiline a, .k-ui-namespace .k-table-container .k-table-data--multiline span, .k-ui-namespace .k-table-container .k-table-data--multiline input, .k-ui-namespace .k-table-container .k-table-data--multiline svg, .k-ui-namespace .k-table-container .k-table-data--multiline small, .k-ui-namespace .k-table-container .k-table-data--multiline img { display: inline; vertical-align: baseline; }

.k-ui-namespace .k-table-container .k-table-data--multiline a { text-decoration: underline; }

.k-ui-namespace .k-table-container .k-table-data--multiline a:hover, .k-ui-namespace .k-table-container .k-table-data--multiline a:focus { text-decoration: none; }

.k-ui-namespace .k-table-container .k-table-data--toggle { padding: 0; font-size: 0; line-height: 0; overflow: hidden; width: 0; visibility: visible; }

.k-ui-namespace .k-table-container .k-table-data--toggle--hidden { padding: 0; }

.k-ui-namespace .k-table-container .k-table-data--toggle--hidden span, .k-ui-namespace .k-table-container .k-table-data--toggle--hidden div, .k-ui-namespace .k-table-container .k-table-data--toggle--hidden img, .k-ui-namespace .k-table-container .k-table-data--toggle--hidden a { display: none !important; }

.k-ui-namespace .k-table-container .footable.breakpoint .k-table-data--toggle { width: 1%; padding-left: 8px; padding-right: 8px; }

.k-ui-namespace .k-table-container .k-table-data--form input { margin: 0 !important; }

.k-ui-namespace .k-table-container .k-table-data--icon img { min-width: 16px; width: 16px; max-width: 16px; }

.k-ui-namespace .k-table-container th.k-table-data--icon a { line-height: 27px; }

.k-ui-namespace .k-table-container .k-table-data--ellipsis { max-width: 0; overflow: hidden; }

.k-ui-namespace .k-table-container .k-table-data--ellipsis a, .k-ui-namespace .k-table-container .k-table-data--ellipsis span, .k-ui-namespace .k-table-container .k-table-data--ellipsis input, .k-ui-namespace .k-table-container .k-table-data--ellipsis svg, .k-ui-namespace .k-table-container .k-table-data--ellipsis div, .k-ui-namespace .k-table-container .k-table-data--ellipsis small { vertical-align: middle; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.k-ui-namespace .k-table-container .k-table__item--state { /** pointers for clickable elements */ }

.k-ui-namespace .k-table-container .k-table__item--state button.k-ui-namespace .k-table-container .k-table__item--state, .k-ui-namespace .k-table-container .k-table__item--state a.k-ui-namespace .k-table-container .k-table__item--state { cursor: pointer; }

.k-ui-namespace .k-table-container .k-table__item--state button.k-ui-namespace .k-table-container .k-table__item--state:focus, .k-ui-namespace .k-table-container .k-table__item--state button.k-ui-namespace .k-table-container .k-table__item--state:hover, .k-ui-namespace .k-table-container .k-table__item--state a.k-ui-namespace .k-table-container .k-table__item--state:focus, .k-ui-namespace .k-table-container .k-table__item--state a.k-ui-namespace .k-table-container .k-table__item--state:hover { text-decoration: underline; }

.k-ui-namespace .k-table-container .k-table__item--state-pending { color: #e67e22; }

.k-ui-namespace .k-table-container .k-table__item--state-expired { color: #3498db; }

.k-ui-namespace .k-table-container .k-table__item--state-unpublished { color: #c0392b; }

.k-ui-namespace .k-table-container .k-table__item--state-published { color: #27ae60; }

.k-ui-namespace .k-table-container { /** Only set top when a thead is found */ }

.k-ui-namespace .k-table-container .k-table__sub-header th { padding: 0.7em 8px 0.5em; height: auto; font-size: 11px; line-height: 16px; font-weight: 700; vertical-align: middle; text-transform: uppercase; white-space: nowrap; background: #fbfafa; border-bottom-color: #ededed; }

@supports ((position: -webkit-sticky) or (position: sticky)) { .k-ui-namespace .k-table-container thead ~ tbody .k-table__sub-header th { top: 40px; } }

.k-ui-namespace .k-table-container { /** Set proper spacing before levels */ /** Do not display the level icon for the first level items */ /** Space icons away from text */ }

.k-ui-namespace .k-table-container .k-table__item-level { white-space: nowrap; }

.k-ui-namespace .k-table-container .k-table__item-level:before { content: " "; display: block; width: 6px; height: 6px; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; position: absolute; top: 50%; margin-top: -3px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level:before { border-left: none; border-right: 1px solid #bbb; }

.k-ui-namespace .k-table-container .k-table__item-level1 { padding-left: 8px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level1 { padding-left: 0; padding-right: 8px; }

.k-ui-namespace .k-table-container .k-table__item-level1:before { left: -10px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level1:before { left: auto; right: -10px; }

.k-ui-namespace .k-table-container .k-table__item-level2 { padding-left: 32px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level2 { padding-left: 0; padding-right: 32px; }

.k-ui-namespace .k-table-container .k-table__item-level2:before { left: 14px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level2:before { left: auto; right: 14px; }

.k-ui-namespace .k-table-container .k-table__item-level3 { padding-left: 56px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level3 { padding-left: 0; padding-right: 56px; }

.k-ui-namespace .k-table-container .k-table__item-level3:before { left: 38px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level3:before { left: auto; right: 38px; }

.k-ui-namespace .k-table-container .k-table__item-level4 { padding-left: 80px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level4 { padding-left: 0; padding-right: 80px; }

.k-ui-namespace .k-table-container .k-table__item-level4:before { left: 62px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level4:before { left: auto; right: 62px; }

.k-ui-namespace .k-table-container .k-table__item-level5 { padding-left: 104px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level5 { padding-left: 0; padding-right: 104px; }

.k-ui-namespace .k-table-container .k-table__item-level5:before { left: 86px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level5:before { left: auto; right: 86px; }

.k-ui-namespace .k-table-container .k-table__item-level6 { padding-left: 128px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level6 { padding-left: 0; padding-right: 128px; }

.k-ui-namespace .k-table-container .k-table__item-level6:before { left: 110px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level6:before { left: auto; right: 110px; }

.k-ui-namespace .k-table-container .k-table__item-level7 { padding-left: 152px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level7 { padding-left: 0; padding-right: 152px; }

.k-ui-namespace .k-table-container .k-table__item-level7:before { left: 134px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level7:before { left: auto; right: 134px; }

.k-ui-namespace .k-table-container .k-table__item-level8 { padding-left: 176px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level8 { padding-left: 0; padding-right: 176px; }

.k-ui-namespace .k-table-container .k-table__item-level8:before { left: 158px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level8:before { left: auto; right: 158px; }

.k-ui-namespace .k-table-container .k-table__item-level9 { padding-left: 200px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level9 { padding-left: 0; padding-right: 200px; }

.k-ui-namespace .k-table-container .k-table__item-level9:before { left: 182px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level9:before { left: auto; right: 182px; }

.k-ui-namespace .k-table-container .k-table__item-level10 { padding-left: 224px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level10 { padding-left: 0; padding-right: 224px; }

.k-ui-namespace .k-table-container .k-table__item-level10:before { left: 206px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level10:before { left: auto; right: 206px; }

.k-ui-namespace .k-table-container .k-table__item-level11 { padding-left: 248px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level11 { padding-left: 0; padding-right: 248px; }

.k-ui-namespace .k-table-container .k-table__item-level11:before { left: 230px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level11:before { left: auto; right: 230px; }

.k-ui-namespace .k-table-container .k-table__item-level12 { padding-left: 272px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level12 { padding-left: 0; padding-right: 272px; }

.k-ui-namespace .k-table-container .k-table__item-level12:before { left: 254px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level12:before { left: auto; right: 254px; }

.k-ui-namespace .k-table-container .k-table__item-level13 { padding-left: 296px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level13 { padding-left: 0; padding-right: 296px; }

.k-ui-namespace .k-table-container .k-table__item-level13:before { left: 278px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level13:before { left: auto; right: 278px; }

.k-ui-namespace .k-table-container .k-table__item-level14 { padding-left: 320px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level14 { padding-left: 0; padding-right: 320px; }

.k-ui-namespace .k-table-container .k-table__item-level14:before { left: 302px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level14:before { left: auto; right: 302px; }

.k-ui-namespace .k-table-container .k-table__item-level15 { padding-left: 344px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level15 { padding-left: 0; padding-right: 344px; }

.k-ui-namespace .k-table-container .k-table__item-level15:before { left: 326px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level15:before { left: auto; right: 326px; }

.k-ui-namespace .k-table-container .k-table__item-level1:before { display: none; }

.k-ui-namespace .k-table-container .k-table__item-level__icon-item { position: relative; padding-left: 20px; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level__icon-item { padding-left: 0; padding-right: 20px; }

.k-ui-namespace .k-table-container .k-table__item-level__icon-item [class*="k-icon"], .k-ui-namespace .k-table-container .k-table__item-level__icon-item [class*="k-image"] { position: absolute; left: 0; }

[dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level__icon-item [class*="k-icon"], [dir="rtl"] .k-ui-namespace .k-table-container .k-table__item-level__icon-item [class*="k-image"] { left: auto; right: 0; }

.k-ui-namespace .k-table-container .k-table__item-level__icon-item [class*="k-icon"] { top: 50%; font-size: 16px; margin-top: -8px; }

.k-ui-namespace .k-table-container .k-table__item-level__icon-item [class*="k-image"] { height: 16px; line-height: 16px; vertical-align: middle; }

.k-ui-namespace .k-table-container tr.k-is-selected { /** Re-set background on td's while hovering th */ }

.k-ui-namespace .k-table-container tr.k-is-selected > td { background: #3071a9; color: white; }

.k-ui-namespace .k-table-container tr.k-is-selected > td a, .k-ui-namespace .k-table-container tr.k-is-selected > td i, .k-ui-namespace .k-table-container tr.k-is-selected > td span { color: white; }

.k-ui-namespace .k-table-container tr.k-is-selected:hover > td, .k-ui-namespace .k-table-container tr.k-is-selected:focus > td { background-color: #255681; }

.k-ui-namespace .k-table-container .k-is-active { /** Set font weight */ /** Set background but not for also selected rows */ }

.k-ui-namespace .k-table-container .k-is-active > td { font-weight: bold; }

.k-ui-namespace .k-table-container .k-is-active:not(.k-is-selected) > td:nth-child(n) { background: #fbfafa; }

.k-ui-namespace .k-positioner { display: inline-block; vertical-align: middle; width: 16px; height: 4px; margin-top: 6px; margin-bottom: 6px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; cursor: no-drop; position: relative; }

.k-ui-namespace .k-positioner.k-is-active { cursor: move; }

.k-ui-namespace .k-positioner:before { display: block; position: absolute; content: " "; width: 16px; height: 10px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; top: -4px; }

.k-ui-namespace .k-positioner:after { position: absolute; width: 32px; height: 32px; top: -15px; left: -8px; content: attr(data-position); text-indent: 3px; vertical-align: bottom; color: #333; text-shadow: 0 0 3px white; }

.k-ui-namespace .k-table-container tr.k-is-selected .k-positioner:after { color: white; text-shadow: none; }

.k-ui-namespace .k-sort-ascending, .k-ui-namespace .k-sort-descending { position: relative; display: inline-block; width: 6px; height: 3px; background: transparent; }

.k-ui-namespace .k-sort-ascending:before, .k-ui-namespace .k-sort-ascending:after, .k-ui-namespace .k-sort-descending:before, .k-ui-namespace .k-sort-descending:after { display: block; content: " "; position: absolute; opacity: 0.33; }

.k-ui-namespace .k-sort-ascending:before, .k-ui-namespace .k-sort-descending:before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid; bottom: 100%; }

.k-ui-namespace .k-sort-ascending:after, .k-ui-namespace .k-sort-descending:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; top: 100%; }

.k-ui-namespace .k-sort-ascending:before { opacity: 1; }

.k-ui-namespace .k-sort-descending:after { opacity: 1; }

.k-ui-namespace th .k-sort-ascending, .k-ui-namespace th .k-sort-descending { margin-left: 0.66em; vertical-align: middle; }

[dir="rtl"] .k-ui-namespace th .k-sort-ascending, [dir="rtl"] .k-ui-namespace th .k-sort-descending { margin-left: 0; margin-right: 0.66em; }

.k-ui-namespace th a:focus .k-sort-ascending:after, .k-ui-namespace th a:hover .k-sort-ascending:after { opacity: 0.66; }

.k-ui-namespace th a:focus .k-sort-descending:before, .k-ui-namespace th a:hover .k-sort-descending:before { opacity: 0.66; }

.k-ui-namespace .k-table-pagination { padding: 8px 8px 7px; background: #fbfafa; -ms-flex: 0 0 auto; flex: 0 0 auto; border-top: 1px solid gainsboro; box-shadow: 0 1px 0 gainsboro; /* 1 */ }

.k-ui-namespace .k-title-bar { border-bottom: 1px solid #d2d2d2; position: relative; /* 1 */ z-index: 10; /* 1 */ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; width: 100%; background: #f0f0f0; /* 2 */ color: #222222; font-size: 21px; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.k-ui-namespace .k-title-bar .k-off-canvas-toggle-holder, .k-ui-namespace .k-title-bar .k-title-bar__heading { -ms-flex: 0 0 auto; flex: 0 0 auto; }

.k-ui-namespace .k-title-bar .k-off-canvas-toggle-holder { white-space: nowrap; }

.k-ui-namespace .k-title-bar .k-title-bar__heading { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 8px 8px 7px; line-height: 32px; text-align: center; }

.k-ui-namespace .k-title-bar .k-title-bar__heading:first-child { margin-left: 48px; }

.k-ui-namespace .k-title-bar .k-title-bar__heading:last-child { margin-right: 48px; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-title-bar .k-title-bar__heading { text-align: left; }
  .k-ui-namespace .k-title-bar .k-title-bar__heading:first-child { margin-left: 0; }
  .k-ui-namespace .k-title-bar .k-title-bar__heading:last-child { margin-right: 0; }
  [dir="rtl"] .k-ui-namespace .k-title-bar .k-title-bar__heading { text-align: right; } }

.k-ui-namespace .k-title-bar--mobile { border-bottom: 1px solid #d2d2d2; background: #f0f0f0; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-title-bar--mobile { display: none; } }

.k-ui-namespace .k-toolbar { border-bottom: 1px solid #d2d2d2; background: #f0f0f0; min-height: 40px; padding-bottom: 8px; /* 1 */ padding-right: 8px; /* 2 */ -ms-flex: 0 0 auto; flex: 0 0 auto; }

[dir="rtl"] .k-ui-namespace .k-toolbar { padding-right: 0; padding-left: 8px; /* 2 */ }

.k-ui-namespace .k-toolbar { /** Autosave indicator Position of the autosave indicator Use a k-loader for the indicator itself */ /** Position the icons */ }

.k-ui-namespace .k-toolbar .k-button { margin: 7px 0 0 8px; padding: 7px; min-width: 32px; line-height: 16px; /** Make buttons square Only make them square if media queries are supported By default we just want them as buttons */ /** Properly align dropdown button in button */ }

.k-ui-namespace .k-toolbar .k-button:not(.k-toolbar-fullbutton) { /** Icon on the toolbar button */ /** Text on the toolbar button */ }

@media screen and (min-width: 0) and (max-width: 768px) { .k-ui-namespace .k-toolbar .k-button:not(.k-toolbar-fullbutton) { overflow: hidden; width: 32px; height: 32px; text-align: center; } }

@media screen and (min-width: 0) and (max-width: 768px) { .k-ui-namespace .k-toolbar .k-button:not(.k-toolbar-fullbutton) [class^="k-icon"] { display: block; margin: 0 0 8px; width: 17px; height: 17px; font-size: 17px; line-height: 17px; } }

@media screen and (min-width: 0) and (max-width: 768px) { .k-ui-namespace .k-toolbar .k-button:not(.k-toolbar-fullbutton) .k-toolbar__text { position: relative; z-index: -1; visibility: hidden; } }

.k-ui-namespace .k-toolbar .k-button .k-dropdown { /** Pullback so whole button becomes clickable */ /** Pull back to toggle button */ }

.k-ui-namespace .k-toolbar .k-button .k-dropdown .k-dropdown__toggle { text-decoration: none; margin: -7px; padding: 7px; }

.k-ui-namespace .k-toolbar .k-button .k-dropdown .k-dropdown__menu { margin-top: 6px; left: -8px; }

[dir="rtl"] .k-ui-namespace .k-toolbar .k-button .k-dropdown .k-dropdown__menu { left: auto; right: -8px; }

[dir="rtl"] .k-ui-namespace .k-toolbar .k-button { margin-left: 0; margin-right: 8px; }

.k-ui-namespace .k-toolbar .k-autosave-indicator { margin: 8px 0 0 8px; display: inline-block; vertical-align: middle; padding: 4px; }

[dir="rtl"] .k-ui-namespace .k-toolbar .k-autosave-indicator { margin: 8px 8px 0 0; }

.k-ui-namespace .k-toolbar .k-off-canvas-toggle-holder { display: inline-block; vertical-align: middle; margin: 7px 0 0 8px; }

[dir="rtl"] .k-ui-namespace .k-toolbar .k-off-canvas-toggle-holder { margin: 7px 8px 0 0; }

.k-ui-namespace .k-toolbar .k-off-canvas-toggle-holder .k-off-canvas-toggle { margin: 0; }

.k-ui-namespace .k-toolbar .k-off-canvas-toggle-holder--right { float: right; }

[dir="rtl"] .k-ui-namespace .k-toolbar .k-off-canvas-toggle-holder--right { float: left; }

.k-ui-namespace .k-tooltip { position: absolute; z-index: 1070; display: block; font-size: 11px; /* 1 */ opacity: 0; }

.k-ui-namespace .k-tooltip.in { opacity: 0.9; }

.k-ui-namespace .k-tooltip.top { margin-top: -3px; padding: 5px 0; }

.k-ui-namespace .k-tooltip.right { margin-left: 3px; padding: 0 5px; }

.k-ui-namespace .k-tooltip.bottom { margin-top: 3px; padding: 5px 0; }

.k-ui-namespace .k-tooltip.left { margin-left: -3px; padding: 0 5px; }

.k-ui-namespace .k-tooltip__inner { max-width: 264px; padding: 4px 8px; color: white; text-align: center; background-color: black; border-radius: 4px; }

.k-ui-namespace .k-tooltip__arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.k-ui-namespace .k-tooltip.top .k-tooltip__arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: black; }

.k-ui-namespace .k-tooltip.top-left .k-tooltip__arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: black; }

.k-ui-namespace .k-tooltip.top-right .k-tooltip__arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: black; }

.k-ui-namespace .k-tooltip.right .k-tooltip__arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: black; }

.k-ui-namespace .k-tooltip.left .k-tooltip__arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: black; }

.k-ui-namespace .k-tooltip.bottom .k-tooltip__arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: black; }

.k-ui-namespace .k-tooltip.bottom-left .k-tooltip__arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: black; }

.k-ui-namespace .k-tooltip.bottom-right .k-tooltip__arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: black; }

.k-ui-namespace .k-top-container { background: #2c3e50; color: white; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-top-container { position: relative; z-index: 11; display: -ms-flexbox; display: flex; } }

.k-ui-namespace .k-top-container__logo { height: 48px; }

.k-ui-namespace .k-top-container__logo a, .k-ui-namespace .k-top-container__logo img { display: inline-block; vertical-align: middle; width: auto; }

.k-ui-namespace .k-top-container__logo a { padding: 12px; font-size: 17px; font-weight: 700; line-height: 24px; text-decoration: none; color: inherit; }

.k-ui-namespace .k-top-container__logo a:focus, .k-ui-namespace .k-top-container__logo a:hover { background: #1f2c39; text-decoration: none; color: inherit; }

.k-ui-namespace .k-top-container__logo img { max-height: 24px; }

.k-ui-namespace .k-top-container__navigation { position: absolute; top: 48px; right: 0; bottom: 0; width: 276px; display: none; background: #2c3e50; overflow: auto; box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.1); /** On desktop */ /** First level */ /** Right aligned navigation */ }

[dir="rtl"] .k-ui-namespace .k-top-container__navigation { right: auto; left: 0; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-top-container__navigation { position: static; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; box-shadow: none; height: 48px; width: auto; overflow: visible; -ms-flex: 1 1 auto; flex: 1 1 auto; } }

.k-ui-namespace .k-top-container__navigation ul { list-style: none; margin: 0; padding: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.k-ui-namespace .k-top-container__navigation li { position: relative; margin: 0; padding: 0; /** Second level */ }

@media screen and (min-width: 768px) { .k-ui-namespace .k-top-container__navigation li { float: left; } }

@media screen and (min-width: 768px) { [dir="rtl"] .k-ui-namespace .k-top-container__navigation li { float: right; } }

.k-ui-namespace .k-top-container__navigation li.k-is-disabled { opacity: 0.65; cursor: not-allowed; }

.k-ui-namespace .k-top-container__navigation li.k-is-disabled a { pointer-events: none; }

.k-ui-namespace .k-top-container__navigation li > a { line-height: 40px; position: relative; z-index: 0; display: block; padding: 0 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); color: inherit; text-shadow: none; text-decoration: none; /** Basic fallback for parent items */ }

.k-ui-namespace .k-top-container__navigation li > a.has-open-submenu { z-index: 1; background: #1f2c39; text-decoration: none; }

.k-ui-namespace .k-top-container__navigation li > a:focus, .k-ui-namespace .k-top-container__navigation li > a:hover { text-decoration: none; background: #1f2c39; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-top-container__navigation li > a { height: 48px; border-bottom: none; line-height: 48px; padding: 0 12px; } }

@media screen and (min-width: 1024px) { .k-ui-namespace .k-top-container__navigation li > a { padding: 0 12px; } }

.k-ui-namespace .k-top-container__navigation li > a:not(:only-child):after { display: inline-block; content: " "; border-top: 4px solid; border-right: 4px solid transparent; border-bottom: 2px solid transparent; border-left: 4px solid transparent; margin-left: 8px; }

[dir="rtl"] .k-ui-namespace .k-top-container__navigation li > a:not(:only-child):after { border-right: 4px solid transparent; border-left: 2px solid transparent; margin-left: 0; margin-right: 8px; }

.k-ui-namespace .k-top-container__navigation li ul { display: none; border-bottom: 1px solid rgba(255, 255, 255, 0.25); padding: 4px 0; background: #395067; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-top-container__navigation li ul { background: white; box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.33); position: absolute; z-index: 0; top: 100%; left: 1px; width: 180px; border-bottom: none; padding: 2px; }
  [dir="rtl"] .k-ui-namespace .k-top-container__navigation li ul { left: auto; right: 1px; } }

.k-ui-namespace .k-top-container__navigation li ul li { float: none; background: transparent; }

.k-ui-namespace .k-top-container__navigation li ul li:focus, .k-ui-namespace .k-top-container__navigation li ul li:hover { background: rgba(0, 0, 0, 0.1); }

.k-ui-namespace .k-top-container__navigation li ul li:focus > ul, .k-ui-namespace .k-top-container__navigation li ul li:hover > ul { display: block; }

[dir="rtl"] .k-ui-namespace .k-top-container__navigation li ul li { float: none; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-top-container__navigation li ul li ul { top: -2px; left: 100%; }
  [dir="rtl"] .k-ui-namespace .k-top-container__navigation li ul li ul { left: auto; right: 100%; } }

.k-ui-namespace .k-top-container__navigation li ul a { height: 32px; line-height: 32px; border-bottom: none; /** Basic fallback for parent items */ }

.k-ui-namespace .k-top-container__navigation li ul a:focus, .k-ui-namespace .k-top-container__navigation li ul a:hover { background: rgba(0, 0, 0, 0.1); }

.k-ui-namespace .k-top-container__navigation li ul a:focus + ul, .k-ui-namespace .k-top-container__navigation li ul a:hover + ul { display: block; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-top-container__navigation li ul a { color: #2c3e50; } }

.k-ui-namespace .k-top-container__navigation li ul a:not(:only-child):after { position: absolute; top: 50%; right: 8px; border-top: 4px solid transparent; border-right: none; border-bottom: 4px solid transparent; border-left: 4px solid; margin-top: -4px; }

[dir="rtl"] .k-ui-namespace .k-top-container__navigation li ul a:not(:only-child):after { right: auto; left: 8px; border-left: none; border-right: 4px solid; }

.k-ui-namespace .k-top-container__navigation li .has-open-submenu + ul { display: block; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-top-container__navigation .k-navigation-right { float: right; margin-left: auto; } }

@media screen and (min-width: 768px) and (min-width: 768px) { .k-ui-namespace .k-top-container__navigation .k-navigation-right li ul { left: auto; right: 0; } }

@media screen and (min-width: 768px) and (min-width: 768px) { .k-ui-namespace .k-top-container__navigation .k-navigation-right li li ul { left: auto; right: 100%; } }

@media screen and (min-width: 768px) { [dir="rtl"] .k-ui-namespace .k-top-container__navigation .k-navigation-right { float: left; margin-left: 0; margin-right: auto; }
  [dir="rtl"] .k-ui-namespace .k-top-container__navigation .k-navigation-right li ul { left: 0; right: auto; }
  [dir="rtl"] .k-ui-namespace .k-top-container__navigation .k-navigation-right li li ul { left: 100%; right: auto; } }

.k-ui-namespace.k-is-opened-top { overflow: visible; }

.k-ui-namespace.k-is-opened-top .k-top-container__navigation { display: block; }

.k-ui-namespace.k-is-opened-top .k-wrapper .k-off-canvas-overlay-top { z-index: 10; }

@media screen and (min-width: 768px) { .k-ui-namespace.k-is-opened-top .k-wrapper .k-off-canvas-overlay-top { z-index: -1; } }

.k-ui-namespace.k-show-top-menu .k-wrapper { transform: translateX(-276px); }

[dir="rtl"] .k-ui-namespace.k-show-top-menu .k-wrapper { transform: translateX(276px); }

@media screen and (min-width: 768px) { .k-ui-namespace.k-show-top-menu .k-wrapper { transform: translateX(0); } }

.k-ui-namespace.k-show-top-menu .k-wrapper .k-off-canvas-overlay-top { opacity: 0.75; }

@media screen and (min-width: 768px) { .k-ui-namespace.k-show-top-menu .k-wrapper .k-off-canvas-overlay-top { opacity: 0; } }

.k-ui-namespace .k-top-navigation-toggle { position: absolute; top: 0; right: 0; color: white; border: 1px solid white; background: transparent; border-radius: 4px; padding: 7px; margin: 8px; }

[dir="rtl"] .k-ui-namespace .k-top-navigation-toggle { right: auto; left: 0; }

@media screen and (min-width: 768px) { .k-ui-namespace .k-top-navigation-toggle { display: none; } }

.k-ui-namespace .k-well { padding: 12px; background-color: #f3f3f3; border: 1px solid #e1e1e1; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 16px; }

.k-ui-namespace .k-well:last-child { margin-bottom: 0; }

.k-ui-namespace .k-well p { margin-bottom: 12px; }

.k-ui-namespace .k-well p:last-child { margin-bottom: 0; }

.k-ui-namespace .k-well__content { padding: 12px; background: white; border: 1px solid #e1e1e1; border-radius: 4px; }

.k-ui-namespace .k-well .k-tabs-content { margin: 0; background: white; border: 1px solid #e1e1e1; border-top: none; border-radius: 0 0 4px 4px; }

.k-ui-namespace .k-align-left { text-align: left; -ms-flex-item-align: start; align-self: flex-start; margin-right: auto; }

[dir="rtl"] .k-ui-namespace .k-align-left { text-align: right; margin-right: 0; margin-left: auto; }

.k-ui-namespace .k-align-center { text-align: center; -ms-flex-item-align: center; align-self: center; margin-left: auto; margin-right: auto; }

.k-ui-namespace .k-align-right { text-align: right; -ms-flex-item-align: end; align-self: flex-end; margin-left: auto; }

[dir="rtl"] .k-ui-namespace .k-align-right { text-align: left; margin-left: 0; margin-right: auto; }

.k-ui-namespace .k-background-type { background: #222222; }

.k-ui-namespace .k-background-base { background: #2c3e50; color: white; }

.k-ui-namespace .k-background-accent { background: #3071a9; color: white; }

.k-ui-namespace .k-background-success { background: #27ae60; color: white; }

.k-ui-namespace .k-background-neutral { background: #3498db; color: white; }

.k-ui-namespace .k-background-warning { background: #e67e22; color: white; }

.k-ui-namespace .k-background-error { background: #c0392b; color: white; }

.k-ui-namespace .k-background-transparent { background: transparent; color: inherit; }

.k-ui-namespace .k-background-inherit { background: inherit; color: inherit; }

.k-ui-namespace .k-color-type { color: #222222; }

.k-ui-namespace .k-color-base { color: #2c3e50; }

.k-ui-namespace .k-color-accent { color: #3071a9; }

.k-ui-namespace .k-color-success { color: #27ae60; }

.k-ui-namespace .k-color-neutral { color: #3498db; }

.k-ui-namespace .k-color-warning { color: #e67e22; }

.k-ui-namespace .k-color-error { color: #c0392b; }

.k-ui-namespace .k-color-inherit { color: inherit; }

.k-ui-namespace .k-color-white { color: white; }

.k-ui-namespace .fade { opacity: 0; transition: opacity 0.5s cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.k-ui-namespace .fade.in { opacity: 1; }

.k-ui-namespace .k-content-block { margin-bottom: 16px; }

.k-ui-namespace .k-content-block:last-child { margin-bottom: 0; }

.k-ui-namespace .k-content-block--small { margin-bottom: 1em; }

.k-ui-namespace .k-content-block--small:last-child { margin-bottom: 0; }

.k-ui-namespace .k-content-block-top { margin-top: 16px; }

.k-ui-namespace .k-content-block-top:first-child { margin-top: 0; }

.k-ui-namespace .k-content-block-top--small { margin-top: 1em; }

.k-ui-namespace .k-content-block-top--small:first-child { margin-top: 0; }

.k-ui-namespace .k-link-coverall:after { display: block; position: absolute; content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.k-ui-namespace .k-coverall-ontop, .k-ui-namespace .k-link-ontop { position: relative; z-index: 1; }

.k-ui-namespace .k-dynamic-content-holder.k-dynamic-content-holder.k-dynamic-content-holder { display: none; }

.k-ui-namespace .k-ellipsis { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.k-ui-namespace .k-ellipsis a, .k-ui-namespace .k-ellipsis span, .k-ui-namespace .k-ellipsis input, .k-ui-namespace .k-ellipsis svg, .k-ui-namespace .k-ellipsis div, .k-ui-namespace .k-ellipsis small { display: inline-block; vertical-align: middle; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.k-ui-namespace .k-flag-object { display: -ms-flexbox; display: flex; }

.k-ui-namespace .k-flag-object__aside { -ms-flex-negative: 0; flex-shrink: 0; }

.k-ui-namespace .k-flag-object__aside + .k-flag-object__body { padding-left: 16px; }

[dir="rtl"] .k-ui-namespace .k-flag-object__aside + .k-flag-object__body { padding-left: 0; padding-right: 16px; }

.k-ui-namespace .k-flag-object__body { -ms-flex-positive: 1; flex-grow: 1; }

.k-ui-namespace .k-flag-object__body + .k-flag-object__aside { padding-left: 16px; }

[dir="rtl"] .k-ui-namespace .k-flag-object__body + .k-flag-object__aside { padding-left: 0; padding-right: 16px; }

.k-ui-namespace .k-flexbox.k-flexbox.k-flexbox { display: -ms-flexbox; display: flex; }

.k-ui-namespace .k-flexbox-column.k-flexbox-column.k-flexbox-column { -ms-flex-direction: column; flex-direction: column; }

.k-ui-namespace .k-dont-flex.k-dont-flex.k-dont-flex { -ms-flex: 0 0 auto; flex: 0 0 auto; }

.k-ui-namespace .k-do-flex.k-do-flex.k-do-flex { -ms-flex: 1 1 auto; flex: 1 1 auto; }

@media screen and (min-width: 600px) { .k-ui-namespace .k-flexbox-from-beta.k-flexbox-from-beta.k-flexbox-from-beta { display: -ms-flexbox; display: flex; }
  .k-ui-namespace .k-flexbox-column-from-beta.k-flexbox-column-from-beta.k-flexbox-column-from-beta { -ms-flex-direction: column; flex-direction: column; }
  .k-ui-namespace .k-do-flex-from-beta.k-do-flex-from-beta.k-do-flex-from-beta { -ms-flex: 1 1 auto; flex: 1 1 auto; }
  .k-ui-namespace .k-dont-flex-from-beta.k-dont-flex-from-beta.k-dont-flex-from-beta { -ms-flex: 0 0 auto; flex: 0 0 auto; } }

@media screen and (min-width: 768px) { .k-ui-namespace .k-flexbox-from-charlie.k-flexbox-from-charlie.k-flexbox-from-charlie { display: -ms-flexbox; display: flex; }
  .k-ui-namespace .k-flexbox-column-from-charlie.k-flexbox-column-from-charlie.k-flexbox-column-from-charlie { -ms-flex-direction: column; flex-direction: column; }
  .k-ui-namespace .k-do-flex-from-charlie.k-do-flex-from-charlie.k-do-flex-from-charlie { -ms-flex: 1 1 auto; flex: 1 1 auto; }
  .k-ui-namespace .k-dont-flex-from-charlie.k-dont-flex-from-charlie.k-dont-flex-from-charlie { -ms-flex: 0 0 auto; flex: 0 0 auto; } }

.k-ui-namespace .k-hidden.k-hidden.k-hidden, .k-ui-namespace .k-is-hidden.k-is-hidden.k-is-hidden { display: none; }

.k-ui-namespace .k-no-margin.k-no-margin.k-no-margin { margin: 0; }

.k-ui-namespace .k-no-margin-horizontal.k-no-margin-horizontal.k-no-margin-horizontal { margin-right: 0; margin-left: 0; }

.k-ui-namespace .k-no-margin-vertical.k-no-margin-vertical.k-no-margin-vertical { margin-top: 0; margin-bottom: 0; }

.k-ui-namespace .k-no-margin-top.k-no-margin-top.k-no-margin-top { margin-top: 0; }

.k-ui-namespace .k-no-margin-bottom.k-no-margin-bottom.k-no-margin-bottom { margin-bottom: 0; }

html:not([dir="rtl"]) .k-no-margin-right.k-no-margin-right.k-no-margin-right { margin-right: 0; }

[dir="rtl"] .k-ui-namespace .k-no-margin-right.k-no-margin-right.k-no-margin-right { margin-left: 0; }

html:not([dir="rtl"]) .k-no-margin-left.k-no-margin-left.k-no-margin-left { margin-left: 0; }

[dir="rtl"] .k-ui-namespace .k-no-margin-left.k-no-margin-left.k-no-margin-left { margin-right: 0; }

.k-ui-namespace .k-no-padding.k-no-padding.k-no-padding { padding: 0; }

.k-ui-namespace .k-no-padding-horizontal.k-no-padding-horizontal.k-no-padding-horizontal { padding-right: 0; padding-left: 0; }

.k-ui-namespace .k-no-padding-vertical.k-no-padding-vertical.k-no-padding-vertical { padding-top: 0; padding-bottom: 0; }

.k-ui-namespace .k-no-padding-top.k-no-padding-top.k-no-padding-top { padding-top: 0; }

.k-ui-namespace .k-no-padding-bottom.k-no-padding-bottom.k-no-padding-bottom { padding-bottom: 0; }

html:not([dir="rtl"]) .k-no-padding-right.k-no-padding-right.k-no-padding-right { padding-right: 0; }

[dir="rtl"] .k-ui-namespace .k-no-padding-right.k-no-padding-right.k-no-padding-right { padding-left: 0; }

html:not([dir="rtl"]) .k-no-padding-left.k-no-padding-left.k-no-padding-left { padding-left: 0; }

[dir="rtl"] .k-ui-namespace .k-no-padding-left.k-no-padding-left.k-no-padding-left { padding-right: 0; }

.k-ui-namespace .k-no-transition.k-no-transition.k-no-transition { transition: none; }

.k-ui-namespace .k-no-wrap.k-no-wrap.k-no-wrap { white-space: nowrap; }

.k-ui-namespace .k-overflow.k-overflow.k-overflow { overflow: auto; }

.k-ui-namespace .k-overflow-hidden.k-overflow-hidden.k-overflow-hidden { overflow: hidden; }

.k-ui-namespace .k-position-static { position: static; }

.k-ui-namespace .k-position-relative { position: relative; }

.k-ui-namespace .k-position-absolute { position: absolute; }

.k-ui-namespace .k-position-fixed { position: fixed; }

.k-ui-namespace .k-position-sticky { position: -webkit-sticky; position: sticky; top: 0; }

.k-ui-namespace .k-ratio-block { position: relative; width: 100%; }

.k-ui-namespace .k-ratio-block--16-to-9 { position: relative; }

.k-ui-namespace .k-ratio-block--16-to-9:before { display: block; content: " "; padding-top: 56.25%; }

.k-ui-namespace .k-ratio-block--4-to-3 { position: relative; }

.k-ui-namespace .k-ratio-block--4-to-3:before { display: block; content: " "; padding-top: 75%; }

.k-ui-namespace .k-ratio-block--3-to-2 { position: relative; }

.k-ui-namespace .k-ratio-block--3-to-2:before { display: block; content: " "; padding-top: 66.6666666667%; }

.k-ui-namespace .k-ratio-block--2-to-3 { position: relative; }

.k-ui-namespace .k-ratio-block--2-to-3:before { display: block; content: " "; padding-top: 150%; }

.k-ui-namespace .k-ratio-block--2-to-1 { position: relative; }

.k-ui-namespace .k-ratio-block--2-to-1:before { display: block; content: " "; padding-top: 50%; }

.k-ui-namespace .k-ratio-block--1-to-2 { position: relative; }

.k-ui-namespace .k-ratio-block--1-to-2:before { display: block; content: " "; padding-top: 200%; }

.k-ui-namespace .k-ratio-block--1-to-1 { position: relative; }

.k-ui-namespace .k-ratio-block--1-to-1:before { display: block; content: " "; padding-top: 100%; }

.k-ui-namespace .k-ratio-block.k-is-loaded .k-loader.k-loader { opacity: 0; }

.k-ui-namespace .k-ratio-block .k-loader.k-loader { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); }

.k-ui-namespace .k-ratio-block .k-ratio-block__body { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.k-ui-namespace .k-this-or-that { display: inline-block; margin-right: 4px; vertical-align: middle; }

[dir="rtl"] .k-ui-namespace .k-this-or-that { margin-right: 0; margin-left: 4px; }

.k-touchevents .k-ui-namespace .k-touchevents-hidden { display: none !important; }

.k-ui-namespace .k-unavailable, .k-ui-namespace .k-is-unavailable { filter: grayscale(100%); opacity: 0.5; pointer-events: none; cursor: no-drop; }

.k-ui-namespace.k-unresponsive, .k-ui-namespace.k-unresponsive *:not(.k-pane-resizer), .k-ui-namespace.k-is-unresponsive, .k-ui-namespace.k-is-unresponsive *:not(.k-pane-resizer), .k-ui-namespace .k-unresponsive, .k-ui-namespace .k-unresponsive *:not(.k-pane-resizer), .k-ui-namespace .k-is-unresponsive, .k-ui-namespace .k-is-unresponsive *:not(.k-pane-resizer) { pointer-events: none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; user-focus: none; }

.k-ui-namespace .k-visually-hidden.k-visually-hidden.k-visually-hidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }

.k-ui-namespace .k-visually-shown.k-visually-shown.k-visually-shown { position: static; overflow: visible; clip: auto; height: auto; width: auto; margin: 0; }

/* CSS errors ========================================================================== */
/** Since the way the layout is built is important, we've added errors by default when using them in a wrong way. Disable by setting the $k-css-errors variable to false when compiling the CSS or simply add k-no-css-errors class to the k-ui-container element. */
.k-ui-container:not(.k-no-css-errors) .k-top-container, .k-ui-container:not(.k-no-css-errors) .k-wrapper, .k-ui-container:not(.k-no-css-errors) .k-content-wrapper, .k-ui-container:not(.k-no-css-errors) .k-content-area, .k-ui-container:not(.k-no-css-errors) .k-content-area__child, .k-ui-container:not(.k-no-css-errors) .k-content, .k-ui-container:not(.k-no-css-errors) .k-subcontent, .k-ui-container:not(.k-no-css-errors) .k-subcontent__child, .k-ui-container:not(.k-no-css-errors) .k-component-wrapper, .k-ui-container:not(.k-no-css-errors) .k-component, .k-ui-container:not(.k-no-css-errors) .k-sidebar-left, .k-ui-container:not(.k-no-css-errors) .k-sidebar-right { outline: 4px solid red; outline-offset: -2px; }

.k-ui-container:not(.k-no-css-errors) .k-top-container:after, .k-ui-container:not(.k-no-css-errors) .k-wrapper:after, .k-ui-container:not(.k-no-css-errors) .k-content-wrapper:after, .k-ui-container:not(.k-no-css-errors) .k-content-area:after, .k-ui-container:not(.k-no-css-errors) .k-content-area__child:after, .k-ui-container:not(.k-no-css-errors) .k-content:after, .k-ui-container:not(.k-no-css-errors) .k-subcontent:after, .k-ui-container:not(.k-no-css-errors) .k-subcontent__child:after, .k-ui-container:not(.k-no-css-errors) .k-component-wrapper:after, .k-ui-container:not(.k-no-css-errors) .k-component:after, .k-ui-container:not(.k-no-css-errors) .k-sidebar-left:after, .k-ui-container:not(.k-no-css-errors) .k-sidebar-right:after { position: absolute; z-index: 9999; top: 0; left: 0; content: "There's something wrong in your markup. See UI documentation or add 'k-no-css-errors' class to '.k-ui-container'"; background: #c0392b; color: white; padding: 4px; }

.k-ui-container:not(.k-no-css-errors) > .k-top-container, .k-ui-container:not(.k-no-css-errors) > .k-wrapper, .k-ui-container:not(.k-no-css-errors) .k-wrapper > .k-content-wrapper, .k-ui-container:not(.k-no-css-errors) .k-content-wrapper > .k-content-area, .k-ui-container:not(.k-no-css-errors) .k-content-area > .k-content-area__child, .k-ui-container:not(.k-no-css-errors) .k-content-wrapper > .k-content, .k-ui-container:not(.k-no-css-errors) .k-content-area__child > .k-content, .k-ui-container:not(.k-no-css-errors) .k-content-area__child > .k-subcontent, .k-ui-container:not(.k-no-css-errors) .k-subcontent > .k-subcontent__child, .k-ui-container:not(.k-no-css-errors) .k-content > .k-component-wrapper, .k-ui-container:not(.k-no-css-errors) .k-content-area__child > .k-component-wrapper, .k-ui-container:not(.k-no-css-errors) .k-subcontent__child > .k-component-wrapper, .k-ui-container:not(.k-no-css-errors) .k-component-wrapper > .k-component, .k-ui-container:not(.k-no-css-errors) .k-flex-wrapper:not(:only-child), .k-ui-container:not(.k-no-css-errors) .k-content-wrapper > .k-sidebar-left:first-child, .k-ui-container:not(.k-no-css-errors) .k-component + .k-sidebar-right { outline: none; }

.k-ui-container:not(.k-no-css-errors) > .k-top-container:after, .k-ui-container:not(.k-no-css-errors) > .k-wrapper:after, .k-ui-container:not(.k-no-css-errors) .k-wrapper > .k-content-wrapper:after, .k-ui-container:not(.k-no-css-errors) .k-content-wrapper > .k-content-area:after, .k-ui-container:not(.k-no-css-errors) .k-content-area > .k-content-area__child:after, .k-ui-container:not(.k-no-css-errors) .k-content-wrapper > .k-content:after, .k-ui-container:not(.k-no-css-errors) .k-content-area__child > .k-content:after, .k-ui-container:not(.k-no-css-errors) .k-content-area__child > .k-subcontent:after, .k-ui-container:not(.k-no-css-errors) .k-subcontent > .k-subcontent__child:after, .k-ui-container:not(.k-no-css-errors) .k-content > .k-component-wrapper:after, .k-ui-container:not(.k-no-css-errors) .k-content-area__child > .k-component-wrapper:after, .k-ui-container:not(.k-no-css-errors) .k-subcontent__child > .k-component-wrapper:after, .k-ui-container:not(.k-no-css-errors) .k-component-wrapper > .k-component:after, .k-ui-container:not(.k-no-css-errors) .k-flex-wrapper:not(:only-child):after, .k-ui-container:not(.k-no-css-errors) .k-content-wrapper > .k-sidebar-left:first-child:after, .k-ui-container:not(.k-no-css-errors) .k-component + .k-sidebar-right:after { display: none; }

/* Responsive table ========================================================================== */
.footable.breakpoint { /** Reset padding, and re-set them on individual divs */ /** 1. Just like table cells 2. Almost as tall as the main table rows 3. Same spacing as on table cells */ /* Hide toggle button for sub headings */ }

.footable.breakpoint .footable-toggle { content: " "; display: inline-block; width: 20px; height: 20px; line-height: 18px; border: 1px solid #a2a1a1; border-radius: 50%; text-align: center; vertical-align: middle; }

.footable.breakpoint .footable-toggle:after { content: ""; display: inline-block; width: 10px; height: 10px; margin: 4px; color: #a2a1a1; font-size: 10px; line-height: 1.3em; transform: rotate(-90deg); transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

[dir="rtl"] .footable.breakpoint .footable-toggle:after { transform: rotate(90deg); }

.footable.breakpoint tr.k-is-selected .footable-toggle { border-color: white; }

.footable.breakpoint tr.k-is-selected .footable-toggle:after { color: white; }

.footable.breakpoint .footable-row-detail-cell { padding: 0; }

.footable.breakpoint tr.footable-detail-show .footable-toggle:after { transform: rotate(0deg); }

.footable.breakpoint .footable-row-detail-row { margin-bottom: 6px; }

.footable.breakpoint .footable-row-detail-row:before, .footable.breakpoint .footable-row-detail-row:after { display: table; content: " "; }

.footable.breakpoint .footable-row-detail-row:after { clear: both; }

.footable.breakpoint .footable-row-detail-row:last-child { margin-bottom: 0; }

.footable.breakpoint .footable-row-detail-name { font-weight: 700; }

.footable.breakpoint .footable-row-detail-name, .footable.breakpoint .footable-row-detail-value { position: relative; /* 1 */ min-height: 30px; /* 2 */ padding: 6px 8px; /* 3 */ }

.footable.breakpoint th .footable-toggle { display: none; }

/* Tree ========================================================================== */
.k-tree { margin: 4px 0; overflow: auto; display: -ms-flexbox; display: flex; }

.k-tree:before, .k-tree:after { display: table; content: " "; }

.k-tree:after { clear: both; }

.k-tree:last-child { margin-bottom: 0; }

.k-tree .jqtree-element { padding: 0 12px 0 16px; }

[dir="rtl"] .k-tree .jqtree-element { padding: 0 16px 0 12px; }

.k-tree .jqtree-element:hover, .k-tree .jqtree-element:focus { background: white; }

.k-tree > .jqtree-tree { margin: 0; padding: 0; }

.k-tree > .jqtree-tree > .jqtree_common > .jqtree-element { padding-left: 15px; }

[dir="rtl"] .k-tree > .jqtree-tree > .jqtree_common > .jqtree-element { padding-left: 12px; padding-right: 15px; }

.k-tree .jqtree-selected > .jqtree-element { background: #3071a9; color: white; }

.k-tree .jqtree-selected:hover > .jqtree-element { background: #2d699d; }

.k-sidebar-item .k-tree > .jqtree-tree > .jqtree-folder .jqtree-element { padding-left: 16px; }

[dir="rtl"] .k-sidebar-item .k-tree > .jqtree-tree > .jqtree-folder .jqtree-element { padding-left: 12px; padding-right: 16px; }

.jqtree-tree { margin: 0; padding: 0; list-style: none; border: none; background: transparent; -ms-flex-positive: 1; flex-grow: 1; /* Reset default ul li styling */ }

.jqtree-tree ul { margin: 0; padding: 0; list-style: none; border: none; background: transparent; float: left; min-width: 100%; }

.jqtree-tree ul:before, .jqtree-tree ul:after { display: table; content: " "; }

.jqtree-tree ul:after { clear: both; }

[dir="rtl"] .jqtree-tree.jqtree-tree { padding: 0; }

[dir="rtl"] .jqtree-tree, [dir="rtl"] .jqtree-tree ul { float: right; padding: 0; }

.jqtree-folder:before, .jqtree-folder:after { display: table; content: " "; }

.jqtree-folder:after { clear: both; }

.jqtree-element { position: relative; display: block; width: 100%; font-size: 0; padding: 0; white-space: nowrap; height: auto; cursor: pointer; }

.jqtree-element a { padding: 0; background: transparent; }

.jqtree-element .jqtree-toggler { height: 0; padding-top: 28px; overflow: hidden; color: inherit; }

.jqtree-whitespace, .jqtree-toggler, .jqtree-icon, .jqtree-title { display: inline-block; font-size: 13px; line-height: 28px; height: 28px; vertical-align: middle; }

.jqtree-whitespace, .jqtree-toggler, .jqtree-icon { width: 28px; text-align: center; }

.jqtree-icon:before { line-height: 28px; }

.k-tree li li .jqtree-whitespace + .jqtree_common:not(.jqtree-toggler) { position: relative; }

.k-tree li li .jqtree-whitespace + .jqtree_common:not(.jqtree-toggler):after { display: block; position: absolute; content: " "; width: 6px; height: 6px; border-left: 1px solid; border-bottom: 1px solid #aaa; top: 50%; margin-top: -3px; left: -17px; }

[dir="rtl"] .k-tree li li .jqtree-whitespace + .jqtree_common:not(.jqtree-toggler):after { border-left: none; border-right: 1px solid #aaa; left: auto; right: -17px; }

.jqtree-toggler { position: relative; }

.jqtree-toggler:before { display: block; position: absolute; content: " "; top: 50%; left: 50%; margin-top: -1px; margin-left: -4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; transition: all 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

.jqtree-toggler:hover:before, .jqtree-toggler:focus:before { border-top-color: black; }

.jqtree-toggler.jqtree-closed:before { transform: rotate(-90deg); }

[dir="rtl"] .jqtree-toggler.jqtree-closed:before { transform: rotate(90deg); }

.jqtree-selected > .jqtree-element { font-weight: 700; }

.jqtree-selected > .jqtree_common > .jqtree-toggler:hover { color: white; }

.jqtree-selected > .jqtree_common > .jqtree-toggler:hover:before { border-top-color: white; }

.jqtree-closed ul { display: none; }

.jqtree--one-level .jqtree-whitespace { display: none; }

/* Modal ========================================================================== */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }

[dir="rtl"] .mfp-bg { left: auto; right: 0; }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; -webkit-backface-visibility: hidden; }

[dir="rtl"] .mfp-wrap { left: auto; right: 0; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; max-height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; min-height: 420px; }

[dir="rtl"] .mfp-container { left: auto; right: 0; }

.mfp-container.mfp-inline-holder { padding-top: 40px; padding-bottom: 40px; white-space: nowrap; }

.mfp-container .mfp-inline { display: block; width: auto; height: auto; padding: 15px; }

.mfp-container .mfp-iframe-scaler .mfp-iframe, .mfp-container .mfp-inline { background: white; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.mfp-container:before { content: ' '; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; min-width: 280px; max-width: 100% !important; max-height: 100% !important; }

[dir="rtl"] .mfp-content { text-align: right; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { cursor: auto; max-width: 100% !important; width: auto; height: auto; max-height: 100%; margin: 0 auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #cccccc; }

.mfp-preloader a:hover { color: white; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 1046; box-shadow: none; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { position: absolute; text-decoration: none; opacity: 0.65; margin: 0; padding: 0; color: white; text-align: center; width: 40px; height: 40px; top: -40px; font-size: 21px; line-height: 28px; right: -14px; }

[dir="rtl"] .mfp-close { right: auto; left: -14px; }

.mfp-close:hover, .mfp-close:focus { border: none; background: transparent; margin: 0; padding: 0; color: white; opacity: 1; }

.mfp-close-btn-in .mfp-close { color: white; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; }

[dir="rtl"] .mfp-counter { right: auto; left: 0; }

.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

[dir="rtl"] .mfp-arrow:before, [dir="rtl"] .mfp-arrow:after, [dir="rtl"] .mfp-arrow .mfp-b, [dir="rtl"] .mfp-arrow .mfp-a { left: auto; right: 0; margin-left: 0; margin-right: 35px; }

.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; }

.mfp-arrow-left { left: 0; }

[dir="rtl"] .mfp-arrow-left { left: auto; right: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; }

[dir="rtl"] .mfp-arrow-left:after, [dir="rtl"] .mfp-arrow-left .mfp-a { border-right: none; border-left: 17px solid white; margin-left: 0; margin-right: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { border-right: 27px solid #3f3f3f; margin-left: 25px; }

[dir="rtl"] .mfp-arrow-left:before, [dir="rtl"] .mfp-arrow-left .mfp-b { border-right: none; border-left: 27px solid #3f3f3f; margin-left: 0; margin-right: 25px; }

.mfp-arrow-right { right: 0; }

[dir="rtl"] .mfp-arrow-right { right: auto; left: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; }

[dir="rtl"] .mfp-arrow-right:after, [dir="rtl"] .mfp-arrow-right .mfp-a { border-left: none; border-right: 17px solid white; margin-left: 0; margin-right: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }

[dir="rtl"] .mfp-arrow-right:before, [dir="rtl"] .mfp-arrow-right .mfp-b { border-left: none; border-right: 27px solid #3f3f3f; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; height: 100%; max-width: 1080px !important; max-height: 800px !important; }

.mfp-iframe-scaler:before, .mfp-iframe-scaler:after { display: table; content: " "; }

.mfp-iframe-scaler:after { clear: both; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }

[dir="rtl"] .mfp-iframe-scaler iframe { left: auto; right: 0; }

.mfp-iframe-holder .mfp-close { top: -40px; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure:after { content: ''; position: absolute; left: 0; right: 0; top: 40px; bottom: 40px; display: block; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; }

.mfp-figure { line-height: 0; }

.mfp-figure figure { margin: 0; padding: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

[dir="rtl"] .mfp-bottom-bar { left: auto; right: 0; }

.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; padding-right: 36px; }

[dir="rtl"] .mfp-title { text-align: right; padding-right: 0; padding-left: 36px; }

.mfp-figure small { color: #bdbdbd; display: block; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /* Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  [dir="rtl"] .mfp-img-mobile .mfp-counter { right: auto; left: 5px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
  [dir="rtl"] .mfp-img-mobile .mfp-close { right: auto; left: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  [dir="rtl"] .mfp-img-mobile .mfp-figure small { margin-left: 0; margin-right: 5px; } }

@media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75); }
  .mfp-arrow-left { transform-origin: 0; }
  .mfp-arrow-right { transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }

.mfp-ie7 .mfp-img { padding: 0; }

.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }

[dir="rtl"] .mfp-ie7 .mfp-bottom-bar { left: auto; right: 50%; margin-left: 0; margin-right: -300px; }

.mfp-ie7 .mfp-container { padding: 0; }

.mfp-ie7 .mfp-content { padding-top: 44px; }

.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

[dir="rtl"] .mfp-ie7 .mfp-close { right: auto; left: 0; }

/** Custom styling for inline modals */
.k-small-inline-modal-holder { position: relative; max-width: 480px !important; width: 100%; margin: auto; }

.k-huge-inline-modal-holder { position: relative; max-width: 100% !important; max-height: 100% !important; width: 100%; margin: auto; }

.k-huge-inline-modal-holder .k-inline-modal { max-width: 100% !important; max-height: 100% !important; }

.k-inline-modal { padding: 16px; background: white; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); width: 100%; box-sizing: border-box; max-width: 1080px !important; max-height: none !important; white-space: normal; margin-top: 32px; }

.k-inline-modal:first-child { margin-top: 0; }

.k-inline-modal form { margin: 0; }

.k-inline-modal__title { margin-bottom: 16px; margin-top: 0; font-weight: 400; font-size: 17px; line-height: 24px; }

.k-inline-modal__title:last-child { margin-bottom: 0; }

/* Select2 overrides ========================================================================== */
.select2.select2-container--bootstrap { width: 100% !important; max-width: 100% !important; }

/* Datepicker ========================================================================== */
.datepicker { direction: ltr; /** Inline display inside a table presents some problems with border and background colors. */ /* Basic styling for calendar-week cells */ }

.datepicker.datepicker-inline { width: 224px; }

.datepicker.datepicker-rtl { direction: rtl; }

.datepicker.datepicker-rtl table tr td span { float: right; }

.datepicker.datepicker-dropdown { position: absolute; top: 0; left: 0; z-index: 1000; padding: 5px; margin: 2px 0 0; list-style: none; background-color: white; border: 1px solid #e0e0e0; border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; }

.datepicker.datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; }

.datepicker.datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; border-top: 0; position: absolute; }

.datepicker.datepicker-dropdown.datepicker-orient-left:before { left: 6px; }

.datepicker.datepicker-dropdown.datepicker-orient-left:after { left: 7px; }

.datepicker.datepicker-dropdown.datepicker-orient-right:before { right: 6px; }

.datepicker.datepicker-dropdown.datepicker-orient-right:after { right: 7px; }

.datepicker.datepicker-dropdown.datepicker-orient-top:before { top: -7px; }

.datepicker.datepicker-dropdown.datepicker-orient-top:after { top: -6px; }

.datepicker.datepicker-dropdown.datepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; }

.datepicker.datepicker-dropdown.datepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid white; }

.datepicker > div { display: none; }

.datepicker.days div.datepicker-days { display: block; }

.datepicker.months div.datepicker-months { display: block; }

.datepicker.years div.datepicker-years { display: block; }

.datepicker table { margin: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; border: none; }

.datepicker tr { background: transparent; border: none; }

.datepicker tr:nth-child(n) { background: transparent; border: none; }

.datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; border: none; border-radius: 4px; background: transparent; padding: 4px 8px; }

.datepicker td:nth-child(n), .datepicker th:nth-child(n) { background: transparent; border: none; }

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; }

.datepicker table tr td { /** 1. Add last */ /* Thank bootstrap 2.0 for this selector... */ }

.datepicker table tr td.day:hover { background: #eeeeee; cursor: pointer; }

.datepicker table tr td.old, .datepicker table tr td.new { color: #343434; }

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #343434; cursor: default; opacity: 0.5; }

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background: #ffdb99; color: #000; /* 1 */ }

.datepicker table tr td.today:hover:hover { color: #000; }

.datepicker table tr td.today.active:hover { color: #fff; }

.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eeeeee; border-radius: 0; }

.datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { background: #f6c977; border-radius: 0; }

.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #4d4d4d; }

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #3071a9; }

.datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; }

.datepicker table tr td span:hover { background: #eeeeee; }

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #343434; cursor: default; }

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #3071a9; }

.datepicker table tr td span.old, .datepicker table tr td span.new { color: #343434; }

.datepicker th.datepicker-switch { width: 145px; }

.datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; }

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #eeeeee; }

.datepicker .cw { font-size: 11px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; }

.datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent; }

.input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; }

.input-daterange input { text-align: center; }

.input-daterange input:first-child { border-radius: 3px 0 0 3px; }

.input-daterange input:last-child { border-radius: 0 3px 3px 0; }

.input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 20px; padding: 4px 5px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 white; vertical-align: middle; background-color: #eeeeee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px; }

html { /*! Select2 Bootstrap Theme v0.1.0-beta.9 | MIT License | github.com/select2/select2-bootstrap-theme */ /*------------------------------------*\ #ADDITIONAL GOODIES \*------------------------------------*/ /** Address Bootstrap's validation states If a Select2 widget parent has one of Bootstrap's validation state modifier classes, adjust Select2's border colors and focus states accordingly. You may apply said classes to the Select2 dropdown (body > .select2-container) via JavaScript match Bootstraps' to make its styles match. @see http://getbootstrap.com/css/#forms-control-validation */ /** Select2 widgets in Bootstrap Input Groups When Select2 widgets are combined with other elements using Bootstraps "Input Group" component, we don't want specific edges of the Select2 container to have a border-radius. Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group to let the contained Select2 widget know which edges should not be rounded as they are directly followed by another element. @see http://getbootstrap.com/components/#input-groups */ /** Mimick Bootstraps .input-group .form-control styles. @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less */ /** Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address Multi Select2's height which - depending on how many elements have been selected - may grow taller than its initial size. @see http://getbootstrap.com/components/#input-groups */ /** Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9 Provides `!important` for certain properties of the class applied to the original `<select>` element to hide it. @see https://github.com/select2/select2/pull/3301 @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada */ /** Display override for inline forms */ }

html .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }

html .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

html .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

html .select2-container .select2-selection--single .select2-selection__clear { position: relative; }

html .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }

html .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

html .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }

html .select2-container .select2-search--inline { float: left; }

html .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }

html .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

html .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }

html .select2-results { display: block; }

html .select2-results__options { list-style: none; margin: 0; padding: 0; }

html .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

html .select2-results__option[aria-selected] { cursor: pointer; }

html .select2-container--open .select2-dropdown { left: 0; }

html .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

html .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

html .select2-search--dropdown { display: block; padding: 4px; }

html .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; }

html .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

html .select2-search--dropdown.select2-search--hide { display: none; }

html .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }

html .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }

html .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; }

html .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

html .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; }

html .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }

html .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }

html .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

html .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

html .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }

html .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }

html .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }

html .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

html .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; }

html .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }

html .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; }

html .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; }

html .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; }

html .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

html .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

html .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }

html .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, html .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, html .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; }

html .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

html .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

html .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }

html .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }

html .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }

html .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, html .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; }

html .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, html .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

html .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }

html .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; }

html .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

html .select2-container--default .select2-results__option[role=group] { padding: 0; }

html .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }

html .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; }

html .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }

html .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }

html .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }

html .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }

html .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }

html .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }

html .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }

html .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; }

html .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }

html .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

html .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }

html .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

html .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }

html .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }

html .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

html .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

html .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

html .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }

html .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }

html .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }

html .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

html .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

html .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

html .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; }

html .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }

html .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }

html .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }

html .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

html .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

html .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }

html .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; }

html .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

html .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

html .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }

html .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

html .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

html .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }

html .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; }

html .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; }

html .select2-container--classic .select2-dropdown--above { border-bottom: none; }

html .select2-container--classic .select2-dropdown--below { border-top: none; }

html .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

html .select2-container--classic .select2-results__option[role=group] { padding: 0; }

html .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; }

html .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; }

html .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }

html .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }

html .select2-container--bootstrap { display: block; /*------------------------------------*\ #COMMON STYLES \*------------------------------------*/ /** Search field in the Select2 dropdown. */ /** No outline for all search fields - in the dropdown and inline in multi Select2s. */ /** Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles. @see http://getbootstrap.com/components/#dropdowns */ /** Clear the selection. */ /** Address disabled Select2 styles. @see https://select2.github.io/examples.html#disabled @see http://getbootstrap.com/css/#forms-control-disabled */ /*------------------------------------*\ #DROPDOWN \*------------------------------------*/ /** Dropdown border color and box-shadow. */ /** Limit the dropdown height. */ /*------------------------------------*\ #SINGLE SELECT2 \*------------------------------------*/ /*------------------------------------*\ #MULTIPLE SELECT2 \*------------------------------------*/ /** Address Bootstrap control sizing classes 1. Reset Bootstrap defaults. 2. Adjust the dropdown arrow button icon position. @see http://getbootstrap.com/css/#forms-control-sizes */ /* 1 */ /*------------------------------------*\ #RTL SUPPORT \*------------------------------------*/ }

html .select2-container--bootstrap .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color: white; border: 1px solid #cdcdcd; border-radius: 4px; color: #222222; font-size: 13px; outline: 0; }

html .select2-container--bootstrap .select2-selection.form-control { border-radius: 4px; }

html .select2-container--bootstrap .select2-search--dropdown .select2-search__field { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color: white; border: 1px solid #cdcdcd; border-radius: 4px; color: #222222; font-size: 13px; }

html .select2-container--bootstrap .select2-search__field { outline: 0; /* Firefox 18- */ /** Firefox 19+ @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox */ }

html .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder { color: #9a9a9a; }

html .select2-container--bootstrap .select2-search__field:-moz-placeholder { color: #9a9a9a; }

html .select2-container--bootstrap .select2-search__field::-moz-placeholder { color: #9a9a9a; opacity: 1; }

html .select2-container--bootstrap .select2-search__field:-ms-input-placeholder { color: #9a9a9a; }

html .select2-container--bootstrap .select2-results__option { padding: 6px 12px; /** Disabled results. @see https://select2.github.io/examples.html#disabled-results */ /** Hover state. */ /** Selected state. */ }

html .select2-container--bootstrap .select2-results__option[role=group] { padding: 0; }

html .select2-container--bootstrap .select2-results__option[aria-disabled=true] { color: #343434; cursor: not-allowed; }

html .select2-container--bootstrap .select2-results__option[aria-selected=true] { background-color: #e6e6e6; color: #151515; }

html .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color: #3071a9; color: white; }

html .select2-container--bootstrap .select2-results__option .select2-results__option { padding: 6px 12px; }

html .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }

html .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option { margin-left: -12px; padding-left: 24px; }

html .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -24px; padding-left: 36px; }

html .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -36px; padding-left: 48px; }

html .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -48px; padding-left: 60px; }

html .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -60px; padding-left: 72px; }

html .select2-container--bootstrap .select2-results__group { color: #343434; display: block; padding: 6px 12px; font-size: 11px; line-height: 20px; white-space: nowrap; }

html .select2-container--bootstrap.select2-container--focus .select2-selection, html .select2-container--bootstrap.select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(52, 152, 219, 0.6); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; border-color: #3498db; }

html .select2-container--bootstrap.select2-container--open { /** Make the dropdown arrow point up while the dropdown is visible. */ /** Handle border radii of the container when the dropdown is showing. */ }

html .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b { border-color: transparent transparent #9a9a9a transparent; border-width: 0 4px 4px 4px; }

html .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-color: transparent; }

html .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection { border-top-right-radius: 0; border-top-left-radius: 0; border-top-color: transparent; }

html .select2-container--bootstrap .select2-selection__clear { color: #9a9a9a; cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }

html .select2-container--bootstrap .select2-selection__clear:hover { color: #222222; }

html .select2-container--bootstrap.select2-container--disabled .select2-selection { border-color: #cdcdcd; box-shadow: none; }

html .select2-container--bootstrap.select2-container--disabled .select2-selection, html .select2-container--bootstrap.select2-container--disabled .select2-search__field { cursor: not-allowed; }

html .select2-container--bootstrap.select2-container--disabled .select2-selection, html .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #ddd; }

html .select2-container--bootstrap.select2-container--disabled .select2-selection__clear, html .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove { display: none; }

html .select2-container--bootstrap .select2-dropdown { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); border-color: #3498db; overflow-x: hidden; margin-top: -1px; }

html .select2-container--bootstrap .select2-dropdown--above { box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175); margin-top: 1px; }

html .select2-container--bootstrap .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

html .select2-container--bootstrap .select2-selection--single { height: 32px; line-height: 20px; padding: 6px 24px 6px 12px; /** Adjust the single Select2's dropdown arrow button appearance. */ }

html .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { position: absolute; bottom: 0; right: 12px; top: 0; width: 4px; }

html .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-color: #9a9a9a transparent transparent transparent; border-style: solid; border-width: 4px 4px 0 4px; height: 0; left: 0; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

html .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #222222; padding: 0; }

html .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder { color: #9a9a9a; }

html .select2-container--bootstrap .select2-selection--multiple { min-height: 32px; padding: 0; height: auto; /** Make Multi Select2's choices match Bootstrap 3's default button styles. */ /** Minus 2px borders. */ /** Clear the selection. */ }

html .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; display: block; line-height: 20px; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; text-overflow: ellipsis; white-space: nowrap; }

html .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder { color: #9a9a9a; float: left; margin-top: 5px; }

html .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { color: #222222; background: white; border: 1px solid #cdcdcd; border-radius: 4px; cursor: default; float: left; margin: 5px 0 0 6px; padding: 0 6px; }

html .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { background: transparent; padding: 0 12px; height: 30px; line-height: 20px; margin-top: 0; min-width: 5em; }

html .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { color: #9a9a9a; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 3px; }

html .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { color: #222222; }

html .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 6px; }

html .select2-container--bootstrap .select2-selection--single.input-sm, .input-group-sm html .select2-container--bootstrap .select2-selection--single, .form-group-sm html .select2-container--bootstrap .select2-selection--single { border-radius: 3px; font-size: 11px; height: 28px; line-height: 16px; padding: 4px 16px 4px 4px; /* 2 */ }

html .select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b, .input-group-sm html .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-sm html .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { margin-left: -4px; }

html .select2-container--bootstrap .select2-selection--multiple.input-sm, .input-group-sm html .select2-container--bootstrap .select2-selection--multiple, .form-group-sm html .select2-container--bootstrap .select2-selection--multiple { min-height: 28px; border-radius: 3px; }

html .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice, .input-group-sm html .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-sm html .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 11px; line-height: 16px; margin: 3px 0 0 2px; padding: 0 4px; }

html .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field, .input-group-sm html .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm html .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 4px; font-size: 11px; height: 26px; line-height: 16px; }

html .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear, .input-group-sm html .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-sm html .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 4px; }

html .select2-container--bootstrap .select2-selection--single.input-lg, .input-group-lg html .select2-container--bootstrap .select2-selection--single, .form-group-lg html .select2-container--bootstrap .select2-selection--single { border-radius: 6px; font-size: 17px; height: 40px; line-height: 24px; padding: 8px 31px 8px 16px; /* 1 */ }

html .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow, .input-group-lg html .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-group-lg html .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { width: 5px; }

html .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b, .input-group-lg html .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-lg html .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-width: 5px 5px 0 5px; margin-left: -5px; margin-left: -8px; margin-top: -2.5px; }

html .select2-container--bootstrap .select2-selection--multiple.input-lg, .input-group-lg html .select2-container--bootstrap .select2-selection--multiple, .form-group-lg html .select2-container--bootstrap .select2-selection--multiple { min-height: 40px; border-radius: 6px; }

html .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice, .input-group-lg html .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-lg html .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 17px; line-height: 24px; border-radius: 4px; margin: 7px 0 0 8px; padding: 0 8px; }

html .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field, .input-group-lg html .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-lg html .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 16px; font-size: 17px; height: 38px; line-height: 24px; }

html .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear, .input-group-lg html .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-lg html .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 8px; }

html .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single { /** Make the dropdown arrow point up while the dropdown is visible. */ }

html .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #9a9a9a transparent; border-width: 0 5px 5px 5px; }

.input-group-lg html .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single { /** Make the dropdown arrow point up while the dropdown is visible. */ }

.input-group-lg html .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #9a9a9a transparent; border-width: 0 5px 5px 5px; }

html .select2-container--bootstrap[dir="rtl"] { /** Single Select2 1. Makes sure that .select2-selection__placeholder is positioned correctly. */ /** Multiple Select2 */ }

html .select2-container--bootstrap[dir="rtl"] .select2-selection--single { padding-left: 24px; padding-right: 12px; }

html .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 0; padding-left: 0; text-align: right; /* 1 */ }

html .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

html .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 12px; right: auto; }

html .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b { margin-left: 0; }

html .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice, html .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right; }

html .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 0; margin-right: 6px; }

html .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

html .has-warning .select2-dropdown, html .has-warning .select2-selection { border-color: #cd6d17; }

html .has-warning .select2-container--focus .select2-selection, html .has-warning .select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eda15e; border-color: #9f5412; }

html .has-warning.select2-drop-active { border-color: #9f5412; }

html .has-warning.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #9f5412; }

html .has-error .select2-dropdown, html .has-error .select2-selection { border-color: #a33024; }

html .has-error .select2-container--focus .select2-selection, html .has-error .select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d96154; border-color: #79241b; }

html .has-error.select2-drop-active { border-color: #79241b; }

html .has-error.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #79241b; }

html .has-success .select2-dropdown, html .has-success .select2-selection { border-color: #209150; }

html .has-success .select2-container--focus .select2-selection, html .has-success .select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #43d580; border-color: #176739; }

html .has-success.select2-drop-active { border-color: #176739; }

html .has-success.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #176739; }

html .input-group .select2-container--bootstrap { display: table; table-layout: fixed; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; /** Adjust z-index like Bootstrap does to show the focus-box-shadow above appended buttons in .input-group and .form-group. */ }

html .input-group .select2-container--bootstrap.select2-container--open, html .input-group .select2-container--bootstrap.select2-container--focus { z-index: 3; }

html .input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection { border-bottom-left-radius: 0; border-top-left-radius: 0; }

html .input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection { border-bottom-right-radius: 0; border-top-right-radius: 0; }

html .select2-bootstrap-append .select2-container--bootstrap, html .select2-bootstrap-append .input-group-btn, html .select2-bootstrap-append .input-group-btn .btn, html .select2-bootstrap-prepend .select2-container--bootstrap, html .select2-bootstrap-prepend .input-group-btn, html .select2-bootstrap-prepend .input-group-btn .btn { vertical-align: top; }

html .form-control.select2-hidden-accessible { position: absolute !important; width: 1px !important; }

html .form-inline .select2-container--bootstrap { display: inline-block; }

.k-bs-container-fluid, .k-bs-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 400px) { .k-bs-maxwidth-container { max-width: 370px; } }

@media (min-width: 600px) { .k-bs-maxwidth-container { max-width: 570px; } }

@media (min-width: 768px) { .k-bs-maxwidth-container { max-width: 738px; } }

@media (min-width: 1024px) { .k-bs-maxwidth-container { max-width: 994px; } }

@media (min-width: 1200px) { .k-bs-maxwidth-container { max-width: 1170px; } }

.k-bs-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.k-bs-no-gutters { margin-right: 0; margin-left: 0; }

.k-bs-no-gutters > .k-bs-col, .k-bs-no-gutters > [class*="k-bs-col-"] { padding-right: 0; padding-left: 0; }

.k-bs-col-1, .k-bs-col-2, .k-bs-col-3, .k-bs-col-4, .k-bs-col-5, .k-bs-col-6, .k-bs-col-7, .k-bs-col-8, .k-bs-col-9, .k-bs-col-10, .k-bs-col-11, .k-bs-col-12, .k-bs-col, .k-bs-col-auto, .k-bs-col-s-1, .k-bs-col-s-2, .k-bs-col-s-3, .k-bs-col-s-4, .k-bs-col-s-5, .k-bs-col-s-6, .k-bs-col-s-7, .k-bs-col-s-8, .k-bs-col-s-9, .k-bs-col-s-10, .k-bs-col-s-11, .k-bs-col-s-12, .k-bs-col-s, .k-bs-col-s-auto, .k-bs-col-sm-1, .k-bs-col-sm-2, .k-bs-col-sm-3, .k-bs-col-sm-4, .k-bs-col-sm-5, .k-bs-col-sm-6, .k-bs-col-sm-7, .k-bs-col-sm-8, .k-bs-col-sm-9, .k-bs-col-sm-10, .k-bs-col-sm-11, .k-bs-col-sm-12, .k-bs-col-sm, .k-bs-col-sm-auto, .k-bs-col-md-1, .k-bs-col-md-2, .k-bs-col-md-3, .k-bs-col-md-4, .k-bs-col-md-5, .k-bs-col-md-6, .k-bs-col-md-7, .k-bs-col-md-8, .k-bs-col-md-9, .k-bs-col-md-10, .k-bs-col-md-11, .k-bs-col-md-12, .k-bs-col-md, .k-bs-col-md-auto, .k-bs-col-lg-1, .k-bs-col-lg-2, .k-bs-col-lg-3, .k-bs-col-lg-4, .k-bs-col-lg-5, .k-bs-col-lg-6, .k-bs-col-lg-7, .k-bs-col-lg-8, .k-bs-col-lg-9, .k-bs-col-lg-10, .k-bs-col-lg-11, .k-bs-col-lg-12, .k-bs-col-lg, .k-bs-col-lg-auto, .k-bs-col-xl-1, .k-bs-col-xl-2, .k-bs-col-xl-3, .k-bs-col-xl-4, .k-bs-col-xl-5, .k-bs-col-xl-6, .k-bs-col-xl-7, .k-bs-col-xl-8, .k-bs-col-xl-9, .k-bs-col-xl-10, .k-bs-col-xl-11, .k-bs-col-xl-12, .k-bs-col-xl, .k-bs-col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.k-bs-col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.k-bs-col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }

.k-bs-col-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.k-bs-col-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.k-bs-col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.k-bs-col-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.k-bs-col-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

.k-bs-col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.k-bs-col-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.k-bs-col-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

.k-bs-col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }

.k-bs-col-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }

.k-bs-col-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.k-bs-col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.k-bs-order-first { -ms-flex-order: -1; order: -1; }

.k-bs-order-last { -ms-flex-order: 13; order: 13; }

.k-bs-order-0 { -ms-flex-order: 0; order: 0; }

.k-bs-order-1 { -ms-flex-order: 1; order: 1; }

.k-bs-order-2 { -ms-flex-order: 2; order: 2; }

.k-bs-order-3 { -ms-flex-order: 3; order: 3; }

.k-bs-order-4 { -ms-flex-order: 4; order: 4; }

.k-bs-order-5 { -ms-flex-order: 5; order: 5; }

.k-bs-order-6 { -ms-flex-order: 6; order: 6; }

.k-bs-order-7 { -ms-flex-order: 7; order: 7; }

.k-bs-order-8 { -ms-flex-order: 8; order: 8; }

.k-bs-order-9 { -ms-flex-order: 9; order: 9; }

.k-bs-order-10 { -ms-flex-order: 10; order: 10; }

.k-bs-order-11 { -ms-flex-order: 11; order: 11; }

.k-bs-order-12 { -ms-flex-order: 12; order: 12; }

.k-bs-offset-1 { margin-left: 8.3333333333%; }

.k-bs-offset-2 { margin-left: 16.6666666667%; }

.k-bs-offset-3 { margin-left: 25%; }

.k-bs-offset-4 { margin-left: 33.3333333333%; }

.k-bs-offset-5 { margin-left: 41.6666666667%; }

.k-bs-offset-6 { margin-left: 50%; }

.k-bs-offset-7 { margin-left: 58.3333333333%; }

.k-bs-offset-8 { margin-left: 66.6666666667%; }

.k-bs-offset-9 { margin-left: 75%; }

.k-bs-offset-10 { margin-left: 83.3333333333%; }

.k-bs-offset-11 { margin-left: 91.6666666667%; }

@media (min-width: 400px) { .k-bs-col-s { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .k-bs-col-s-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .k-bs-col-s-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .k-bs-col-s-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .k-bs-col-s-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .k-bs-col-s-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .k-bs-col-s-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .k-bs-col-s-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .k-bs-col-s-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .k-bs-col-s-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .k-bs-col-s-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .k-bs-col-s-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .k-bs-col-s-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .k-bs-col-s-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .k-bs-order-s-first { -ms-flex-order: -1; order: -1; }
  .k-bs-order-s-last { -ms-flex-order: 13; order: 13; }
  .k-bs-order-s-0 { -ms-flex-order: 0; order: 0; }
  .k-bs-order-s-1 { -ms-flex-order: 1; order: 1; }
  .k-bs-order-s-2 { -ms-flex-order: 2; order: 2; }
  .k-bs-order-s-3 { -ms-flex-order: 3; order: 3; }
  .k-bs-order-s-4 { -ms-flex-order: 4; order: 4; }
  .k-bs-order-s-5 { -ms-flex-order: 5; order: 5; }
  .k-bs-order-s-6 { -ms-flex-order: 6; order: 6; }
  .k-bs-order-s-7 { -ms-flex-order: 7; order: 7; }
  .k-bs-order-s-8 { -ms-flex-order: 8; order: 8; }
  .k-bs-order-s-9 { -ms-flex-order: 9; order: 9; }
  .k-bs-order-s-10 { -ms-flex-order: 10; order: 10; }
  .k-bs-order-s-11 { -ms-flex-order: 11; order: 11; }
  .k-bs-order-s-12 { -ms-flex-order: 12; order: 12; }
  .k-bs-offset-s-0 { margin-left: 0; }
  .k-bs-offset-s-1 { margin-left: 8.3333333333%; }
  .k-bs-offset-s-2 { margin-left: 16.6666666667%; }
  .k-bs-offset-s-3 { margin-left: 25%; }
  .k-bs-offset-s-4 { margin-left: 33.3333333333%; }
  .k-bs-offset-s-5 { margin-left: 41.6666666667%; }
  .k-bs-offset-s-6 { margin-left: 50%; }
  .k-bs-offset-s-7 { margin-left: 58.3333333333%; }
  .k-bs-offset-s-8 { margin-left: 66.6666666667%; }
  .k-bs-offset-s-9 { margin-left: 75%; }
  .k-bs-offset-s-10 { margin-left: 83.3333333333%; }
  .k-bs-offset-s-11 { margin-left: 91.6666666667%; } }

@media (min-width: 600px) { .k-bs-col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .k-bs-col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .k-bs-col-sm-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .k-bs-col-sm-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .k-bs-col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .k-bs-col-sm-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .k-bs-col-sm-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .k-bs-col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .k-bs-col-sm-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .k-bs-col-sm-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .k-bs-col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .k-bs-col-sm-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .k-bs-col-sm-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .k-bs-col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .k-bs-order-sm-first { -ms-flex-order: -1; order: -1; }
  .k-bs-order-sm-last { -ms-flex-order: 13; order: 13; }
  .k-bs-order-sm-0 { -ms-flex-order: 0; order: 0; }
  .k-bs-order-sm-1 { -ms-flex-order: 1; order: 1; }
  .k-bs-order-sm-2 { -ms-flex-order: 2; order: 2; }
  .k-bs-order-sm-3 { -ms-flex-order: 3; order: 3; }
  .k-bs-order-sm-4 { -ms-flex-order: 4; order: 4; }
  .k-bs-order-sm-5 { -ms-flex-order: 5; order: 5; }
  .k-bs-order-sm-6 { -ms-flex-order: 6; order: 6; }
  .k-bs-order-sm-7 { -ms-flex-order: 7; order: 7; }
  .k-bs-order-sm-8 { -ms-flex-order: 8; order: 8; }
  .k-bs-order-sm-9 { -ms-flex-order: 9; order: 9; }
  .k-bs-order-sm-10 { -ms-flex-order: 10; order: 10; }
  .k-bs-order-sm-11 { -ms-flex-order: 11; order: 11; }
  .k-bs-order-sm-12 { -ms-flex-order: 12; order: 12; }
  .k-bs-offset-sm-0 { margin-left: 0; }
  .k-bs-offset-sm-1 { margin-left: 8.3333333333%; }
  .k-bs-offset-sm-2 { margin-left: 16.6666666667%; }
  .k-bs-offset-sm-3 { margin-left: 25%; }
  .k-bs-offset-sm-4 { margin-left: 33.3333333333%; }
  .k-bs-offset-sm-5 { margin-left: 41.6666666667%; }
  .k-bs-offset-sm-6 { margin-left: 50%; }
  .k-bs-offset-sm-7 { margin-left: 58.3333333333%; }
  .k-bs-offset-sm-8 { margin-left: 66.6666666667%; }
  .k-bs-offset-sm-9 { margin-left: 75%; }
  .k-bs-offset-sm-10 { margin-left: 83.3333333333%; }
  .k-bs-offset-sm-11 { margin-left: 91.6666666667%; } }

@media (min-width: 768px) { .k-bs-col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .k-bs-col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .k-bs-col-md-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .k-bs-col-md-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .k-bs-col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .k-bs-col-md-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .k-bs-col-md-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .k-bs-col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .k-bs-col-md-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .k-bs-col-md-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .k-bs-col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .k-bs-col-md-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .k-bs-col-md-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .k-bs-col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .k-bs-order-md-first { -ms-flex-order: -1; order: -1; }
  .k-bs-order-md-last { -ms-flex-order: 13; order: 13; }
  .k-bs-order-md-0 { -ms-flex-order: 0; order: 0; }
  .k-bs-order-md-1 { -ms-flex-order: 1; order: 1; }
  .k-bs-order-md-2 { -ms-flex-order: 2; order: 2; }
  .k-bs-order-md-3 { -ms-flex-order: 3; order: 3; }
  .k-bs-order-md-4 { -ms-flex-order: 4; order: 4; }
  .k-bs-order-md-5 { -ms-flex-order: 5; order: 5; }
  .k-bs-order-md-6 { -ms-flex-order: 6; order: 6; }
  .k-bs-order-md-7 { -ms-flex-order: 7; order: 7; }
  .k-bs-order-md-8 { -ms-flex-order: 8; order: 8; }
  .k-bs-order-md-9 { -ms-flex-order: 9; order: 9; }
  .k-bs-order-md-10 { -ms-flex-order: 10; order: 10; }
  .k-bs-order-md-11 { -ms-flex-order: 11; order: 11; }
  .k-bs-order-md-12 { -ms-flex-order: 12; order: 12; }
  .k-bs-offset-md-0 { margin-left: 0; }
  .k-bs-offset-md-1 { margin-left: 8.3333333333%; }
  .k-bs-offset-md-2 { margin-left: 16.6666666667%; }
  .k-bs-offset-md-3 { margin-left: 25%; }
  .k-bs-offset-md-4 { margin-left: 33.3333333333%; }
  .k-bs-offset-md-5 { margin-left: 41.6666666667%; }
  .k-bs-offset-md-6 { margin-left: 50%; }
  .k-bs-offset-md-7 { margin-left: 58.3333333333%; }
  .k-bs-offset-md-8 { margin-left: 66.6666666667%; }
  .k-bs-offset-md-9 { margin-left: 75%; }
  .k-bs-offset-md-10 { margin-left: 83.3333333333%; }
  .k-bs-offset-md-11 { margin-left: 91.6666666667%; } }

@media (min-width: 1024px) { .k-bs-col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .k-bs-col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .k-bs-col-lg-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .k-bs-col-lg-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .k-bs-col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .k-bs-col-lg-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .k-bs-col-lg-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .k-bs-col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .k-bs-col-lg-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .k-bs-col-lg-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .k-bs-col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .k-bs-col-lg-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .k-bs-col-lg-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .k-bs-col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .k-bs-order-lg-first { -ms-flex-order: -1; order: -1; }
  .k-bs-order-lg-last { -ms-flex-order: 13; order: 13; }
  .k-bs-order-lg-0 { -ms-flex-order: 0; order: 0; }
  .k-bs-order-lg-1 { -ms-flex-order: 1; order: 1; }
  .k-bs-order-lg-2 { -ms-flex-order: 2; order: 2; }
  .k-bs-order-lg-3 { -ms-flex-order: 3; order: 3; }
  .k-bs-order-lg-4 { -ms-flex-order: 4; order: 4; }
  .k-bs-order-lg-5 { -ms-flex-order: 5; order: 5; }
  .k-bs-order-lg-6 { -ms-flex-order: 6; order: 6; }
  .k-bs-order-lg-7 { -ms-flex-order: 7; order: 7; }
  .k-bs-order-lg-8 { -ms-flex-order: 8; order: 8; }
  .k-bs-order-lg-9 { -ms-flex-order: 9; order: 9; }
  .k-bs-order-lg-10 { -ms-flex-order: 10; order: 10; }
  .k-bs-order-lg-11 { -ms-flex-order: 11; order: 11; }
  .k-bs-order-lg-12 { -ms-flex-order: 12; order: 12; }
  .k-bs-offset-lg-0 { margin-left: 0; }
  .k-bs-offset-lg-1 { margin-left: 8.3333333333%; }
  .k-bs-offset-lg-2 { margin-left: 16.6666666667%; }
  .k-bs-offset-lg-3 { margin-left: 25%; }
  .k-bs-offset-lg-4 { margin-left: 33.3333333333%; }
  .k-bs-offset-lg-5 { margin-left: 41.6666666667%; }
  .k-bs-offset-lg-6 { margin-left: 50%; }
  .k-bs-offset-lg-7 { margin-left: 58.3333333333%; }
  .k-bs-offset-lg-8 { margin-left: 66.6666666667%; }
  .k-bs-offset-lg-9 { margin-left: 75%; }
  .k-bs-offset-lg-10 { margin-left: 83.3333333333%; }
  .k-bs-offset-lg-11 { margin-left: 91.6666666667%; } }

@media (min-width: 1200px) { .k-bs-col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .k-bs-col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .k-bs-col-xl-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .k-bs-col-xl-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .k-bs-col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .k-bs-col-xl-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .k-bs-col-xl-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .k-bs-col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .k-bs-col-xl-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .k-bs-col-xl-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .k-bs-col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .k-bs-col-xl-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .k-bs-col-xl-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .k-bs-col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .k-bs-order-xl-first { -ms-flex-order: -1; order: -1; }
  .k-bs-order-xl-last { -ms-flex-order: 13; order: 13; }
  .k-bs-order-xl-0 { -ms-flex-order: 0; order: 0; }
  .k-bs-order-xl-1 { -ms-flex-order: 1; order: 1; }
  .k-bs-order-xl-2 { -ms-flex-order: 2; order: 2; }
  .k-bs-order-xl-3 { -ms-flex-order: 3; order: 3; }
  .k-bs-order-xl-4 { -ms-flex-order: 4; order: 4; }
  .k-bs-order-xl-5 { -ms-flex-order: 5; order: 5; }
  .k-bs-order-xl-6 { -ms-flex-order: 6; order: 6; }
  .k-bs-order-xl-7 { -ms-flex-order: 7; order: 7; }
  .k-bs-order-xl-8 { -ms-flex-order: 8; order: 8; }
  .k-bs-order-xl-9 { -ms-flex-order: 9; order: 9; }
  .k-bs-order-xl-10 { -ms-flex-order: 10; order: 10; }
  .k-bs-order-xl-11 { -ms-flex-order: 11; order: 11; }
  .k-bs-order-xl-12 { -ms-flex-order: 12; order: 12; }
  .k-bs-offset-xl-0 { margin-left: 0; }
  .k-bs-offset-xl-1 { margin-left: 8.3333333333%; }
  .k-bs-offset-xl-2 { margin-left: 16.6666666667%; }
  .k-bs-offset-xl-3 { margin-left: 25%; }
  .k-bs-offset-xl-4 { margin-left: 33.3333333333%; }
  .k-bs-offset-xl-5 { margin-left: 41.6666666667%; }
  .k-bs-offset-xl-6 { margin-left: 50%; }
  .k-bs-offset-xl-7 { margin-left: 58.3333333333%; }
  .k-bs-offset-xl-8 { margin-left: 66.6666666667%; }
  .k-bs-offset-xl-9 { margin-left: 75%; }
  .k-bs-offset-xl-10 { margin-left: 83.3333333333%; }
  .k-bs-offset-xl-11 { margin-left: 91.6666666667%; } }

.k-bs-d-none { display: none !important; }

.k-bs-d-inline { display: inline !important; }

.k-bs-d-inline-block { display: inline-block !important; }

.k-bs-d-block { display: block !important; }

.k-bs-d-table { display: table !important; }

.k-bs-d-table-row { display: table-row !important; }

.k-bs-d-table-cell { display: table-cell !important; }

.k-bs-d-flex { display: -ms-flexbox !important; display: flex !important; }

.k-bs-d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

@media (min-width: 400px) { .k-bs-d-s-none { display: none !important; }
  .k-bs-d-s-inline { display: inline !important; }
  .k-bs-d-s-inline-block { display: inline-block !important; }
  .k-bs-d-s-block { display: block !important; }
  .k-bs-d-s-table { display: table !important; }
  .k-bs-d-s-table-row { display: table-row !important; }
  .k-bs-d-s-table-cell { display: table-cell !important; }
  .k-bs-d-s-flex { display: -ms-flexbox !important; display: flex !important; }
  .k-bs-d-s-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 600px) { .k-bs-d-sm-none { display: none !important; }
  .k-bs-d-sm-inline { display: inline !important; }
  .k-bs-d-sm-inline-block { display: inline-block !important; }
  .k-bs-d-sm-block { display: block !important; }
  .k-bs-d-sm-table { display: table !important; }
  .k-bs-d-sm-table-row { display: table-row !important; }
  .k-bs-d-sm-table-cell { display: table-cell !important; }
  .k-bs-d-sm-flex { display: -ms-flexbox !important; display: flex !important; }
  .k-bs-d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 768px) { .k-bs-d-md-none { display: none !important; }
  .k-bs-d-md-inline { display: inline !important; }
  .k-bs-d-md-inline-block { display: inline-block !important; }
  .k-bs-d-md-block { display: block !important; }
  .k-bs-d-md-table { display: table !important; }
  .k-bs-d-md-table-row { display: table-row !important; }
  .k-bs-d-md-table-cell { display: table-cell !important; }
  .k-bs-d-md-flex { display: -ms-flexbox !important; display: flex !important; }
  .k-bs-d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 1024px) { .k-bs-d-lg-none { display: none !important; }
  .k-bs-d-lg-inline { display: inline !important; }
  .k-bs-d-lg-inline-block { display: inline-block !important; }
  .k-bs-d-lg-block { display: block !important; }
  .k-bs-d-lg-table { display: table !important; }
  .k-bs-d-lg-table-row { display: table-row !important; }
  .k-bs-d-lg-table-cell { display: table-cell !important; }
  .k-bs-d-lg-flex { display: -ms-flexbox !important; display: flex !important; }
  .k-bs-d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 1200px) { .k-bs-d-xl-none { display: none !important; }
  .k-bs-d-xl-inline { display: inline !important; }
  .k-bs-d-xl-inline-block { display: inline-block !important; }
  .k-bs-d-xl-block { display: block !important; }
  .k-bs-d-xl-table { display: table !important; }
  .k-bs-d-xl-table-row { display: table-row !important; }
  .k-bs-d-xl-table-cell { display: table-cell !important; }
  .k-bs-d-xl-flex { display: -ms-flexbox !important; display: flex !important; }
  .k-bs-d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

.k-bs-flex-row { -ms-flex-direction: row !important; flex-direction: row !important; }

.k-bs-flex-column { -ms-flex-direction: column !important; flex-direction: column !important; }

.k-bs-flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }

.k-bs-flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }

.k-bs-flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }

.k-bs-flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }

.k-bs-flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }

.k-bs-flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }

.k-bs-flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }

.k-bs-flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }

.k-bs-flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }

.k-bs-flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }

.k-bs-justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }

.k-bs-justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }

.k-bs-justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; }

.k-bs-justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }

.k-bs-justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }

.k-bs-align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; }

.k-bs-align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; }

.k-bs-align-items-center { -ms-flex-align: center !important; align-items: center !important; }

.k-bs-align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }

.k-bs-align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }

.k-bs-align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }

.k-bs-align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }

.k-bs-align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; }

.k-bs-align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }

.k-bs-align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }

.k-bs-align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }

.k-bs-align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }

.k-bs-align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }

.k-bs-align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }

.k-bs-align-self-center { -ms-flex-item-align: center !important; align-self: center !important; }

.k-bs-align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }

.k-bs-align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }

@media (min-width: 400px) { .k-bs-flex-s-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .k-bs-flex-s-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .k-bs-flex-s-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .k-bs-flex-s-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .k-bs-flex-s-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .k-bs-flex-s-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .k-bs-flex-s-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .k-bs-flex-s-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .k-bs-flex-s-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .k-bs-flex-s-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .k-bs-flex-s-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .k-bs-flex-s-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .k-bs-justify-content-s-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .k-bs-justify-content-s-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .k-bs-justify-content-s-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .k-bs-justify-content-s-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .k-bs-justify-content-s-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .k-bs-align-items-s-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .k-bs-align-items-s-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .k-bs-align-items-s-center { -ms-flex-align: center !important; align-items: center !important; }
  .k-bs-align-items-s-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .k-bs-align-items-s-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .k-bs-align-content-s-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .k-bs-align-content-s-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .k-bs-align-content-s-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .k-bs-align-content-s-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .k-bs-align-content-s-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .k-bs-align-content-s-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .k-bs-align-self-s-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .k-bs-align-self-s-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .k-bs-align-self-s-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .k-bs-align-self-s-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .k-bs-align-self-s-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .k-bs-align-self-s-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 600px) { .k-bs-flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .k-bs-flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .k-bs-flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .k-bs-flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .k-bs-flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .k-bs-flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .k-bs-flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .k-bs-flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .k-bs-flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .k-bs-flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .k-bs-flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .k-bs-flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .k-bs-justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .k-bs-justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .k-bs-justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .k-bs-justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .k-bs-justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .k-bs-align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .k-bs-align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .k-bs-align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; }
  .k-bs-align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .k-bs-align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .k-bs-align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .k-bs-align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .k-bs-align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .k-bs-align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .k-bs-align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .k-bs-align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .k-bs-align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .k-bs-align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .k-bs-align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .k-bs-align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .k-bs-align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .k-bs-align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 768px) { .k-bs-flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .k-bs-flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .k-bs-flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .k-bs-flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .k-bs-flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .k-bs-flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .k-bs-flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .k-bs-flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .k-bs-flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .k-bs-flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .k-bs-flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .k-bs-flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .k-bs-justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .k-bs-justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .k-bs-justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .k-bs-justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .k-bs-justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .k-bs-align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .k-bs-align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .k-bs-align-items-md-center { -ms-flex-align: center !important; align-items: center !important; }
  .k-bs-align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .k-bs-align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .k-bs-align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .k-bs-align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .k-bs-align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .k-bs-align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .k-bs-align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .k-bs-align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .k-bs-align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .k-bs-align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .k-bs-align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .k-bs-align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .k-bs-align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .k-bs-align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 1024px) { .k-bs-flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .k-bs-flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .k-bs-flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .k-bs-flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .k-bs-flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .k-bs-flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .k-bs-flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .k-bs-flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .k-bs-flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .k-bs-flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .k-bs-flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .k-bs-flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .k-bs-justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .k-bs-justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .k-bs-justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .k-bs-justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .k-bs-justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .k-bs-align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .k-bs-align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .k-bs-align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; }
  .k-bs-align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .k-bs-align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .k-bs-align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .k-bs-align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .k-bs-align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .k-bs-align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .k-bs-align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .k-bs-align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .k-bs-align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .k-bs-align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .k-bs-align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .k-bs-align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .k-bs-align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .k-bs-align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 1200px) { .k-bs-flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .k-bs-flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .k-bs-flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .k-bs-flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .k-bs-flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .k-bs-flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .k-bs-flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .k-bs-flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .k-bs-flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .k-bs-flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .k-bs-flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .k-bs-flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .k-bs-justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .k-bs-justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .k-bs-justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .k-bs-justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .k-bs-justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .k-bs-align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .k-bs-align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .k-bs-align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; }
  .k-bs-align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .k-bs-align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .k-bs-align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .k-bs-align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .k-bs-align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .k-bs-align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .k-bs-align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .k-bs-align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .k-bs-align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .k-bs-align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .k-bs-align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .k-bs-align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .k-bs-align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .k-bs-align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

#files-sidebar { border-bottom: 1px solid #ddd; }

#files-sidebar .sidebar-inner { border-right: 1px solid #ddd; }

#files-sidebar h3 { background-color: #eee; padding: 3px 8px; line-height: 18px; border-bottom: 1px solid #ddd; font-size: 11px; text-transform: uppercase; color: #666; text-shadow: white 0 1px 0; margin: 0; }

#files-app #files-tree { position: relative; overflow: auto; }

#files-app #files-grid { min-height: 300px; }

#files-app #files-grid thead th:first-child { padding: 0; }

#files-app #files-grid thead th:first-child .btn.dropdown-toggle { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; background-image: linear-gradient(to bottom, #f2f2f2, #e6e5e5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2F2F2', endColorstr='#FFE6E5E5', GradientType=0); border-color: #e6e5e5 #e6e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e5e5; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

#files-app #files-grid thead th:first-child .btn.dropdown-toggle:hover, #files-app #files-grid thead th:first-child .btn.dropdown-toggle:focus, #files-app #files-grid thead th:first-child .btn.dropdown-toggle:active, #files-app #files-grid thead th:first-child .btn.dropdown-toggle.active, #files-app #files-grid thead th:first-child .btn.dropdown-toggle.disabled, #files-app #files-grid thead th:first-child .btn.dropdown-toggle[disabled] { color: #fff; background-color: #e6e5e5; *background-color: #d9d9d9; }

#files-app #files-grid thead th:first-child .btn.dropdown-toggle:active, #files-app #files-grid thead th:first-child .btn.dropdown-toggle.active { background-color: #cccccc \9; }

#files-app #files-grid thead th:nth-child(3) { padding-left: 0px; }

#files-app #files-canvas { float: none; border-left: 1px solid #dddddd; /* Some admin templates give this unwanted styling */ }

@media screen and (min-width: 600px) { #files-app #files-canvas { margin-left: 260px; } }

#files-app #files-canvas .navigate .spinner { display: none; }

#files-app #files-canvas .thumbnails { margin-left: 0px; }

#files-app #files-canvas .path { border-bottom: 1px solid #D9D9D9; background-color: #eee; height: 24px; overflow: visible; padding: 0; background-color: whitesmoke; background-image: linear-gradient(to bottom, #f7f7f7, #F2F2F2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF7F7F7', endColorstr='#FFF2F2F2', GradientType=0); }

#files-app #files-canvas .path:before, #files-app #files-canvas .path:after { display: table; content: " "; }

#files-app #files-canvas .path:after { clear: both; }

#files-app #files-canvas .path #files-pathway { color: #333; text-shadow: white 0 1px 0; float: left; font-size: 13px; font-weight: bold; line-height: 25px; margin: 0; }

#files-app #files-canvas .path #files-pathway .breadcrumb { background-color: inherit; }

#files-app #files-canvas .path #files-pathway .divider { display: inline-block; height: 18px; padding: 0 6px; background: no-repeat 30% center; background-image: url("../../../media/koowa/com_files/images/arrow.png"); background-image: -webkit-image-set(url("../../../media/koowa/com_files/images/arrow.png") 1x, url("../../../media/koowa/com_files/images/arrow@2x.png") 2x); background-image: -moz-image-set(url("../../../media/koowa/com_files/images/arrow.png") 1x, url("../../../media/koowa/com_files/images/arrow@2x.png") 2x); background-image: -o-image-set(url("../../../media/koowa/com_files/images/arrow.png") 1x, url("../../../media/koowa/com_files/images/arrow@2x.png") 2x); background-image: -ms-image-set(url("../../../media/koowa/com_files/images/arrow.png") 1x, url("../../../media/koowa/com_files/images/arrow@2x.png") 2x); }

#files-app #files-canvas .path .files-layout-controls { float: right; }

#files-app #files-canvas .path .files-layout-controls .files-layout-switcher { padding: 4px 10px 5px; border-top: none; border-bottom: none; border-radius: 0; margin: 0; font-size: 14px; height: 24px; }

#files-app #files-canvas .path .files-layout-controls .files-layout-switcher i { opacity: 0.6; }

#files-app #files-canvas .path .files-layout-controls .files-layout-switcher.active i, #files-app #files-canvas .path .files-layout-controls .files-layout-switcher:active i { opacity: 1; }

#files-app #files-canvas .path .files-layout-controls .files-layout-switcher:last-child { border-right: none; }

#files-app #files-canvas .path .files-layout-controls .files-layout-switcher + .btn { margin-left: -1px; }

.plupload_button { display: inline-block; font: normal 12px sans-serif; text-decoration: none; color: #42454a; border: 1px solid #bababa; padding: 2px 8px 3px 20px; margin-right: 4px; background: #f3f3f3 url("../../../../media/koowa/com_files/images/plupload/buttons.png") no-repeat 0 center; outline: 0; border-radius: 3px; }

.plupload_button:hover { color: #000; text-decoration: none; }

.plupload_disabled, a.plupload_disabled:hover { color: #737373; border-color: #c5c5c5; background: #ededed url("../../../../media/koowa/com_files/images/plupload/buttons-disabled.png") no-repeat 0 center; cursor: default; }

.plupload_add { background-position: -181px center; }

.plupload_wrapper { font: normal 11px Verdana, sans-serif; width: 100%; }

.plupload_container { padding: 8px; /*-moz-border-radius: 5px;*/ }

.plupload_container input { border: 1px solid #DDD; font: normal 11px Verdana, sans-serif; width: 98%; }

.plupload_header { background: #2A2C2E url("../../../../media/koowa/com_files/images/plupload/backgrounds.gif") repeat-x; }

.plupload_header_content { background: url("../../../../media/koowa/com_files/images/plupload/backgrounds.gif") no-repeat 0 -317px; min-height: 56px; padding-left: 60px; color: #FFF; }

.plupload_header_title { font: normal 18px sans-serif; padding: 6px 0 3px; }

.plupload_header_text { font: normal 12px sans-serif; }

.plupload_filelist { margin: 0; padding: 0; list-style: none; }

.plupload_scroll .plupload_filelist { background: #F5F5F5; overflow-y: scroll; height: 185px; }

.plupload_filelist li { padding: 10px 8px; background: #F5F5F5 url("../../../../media/koowa/com_files/images/plupload/backgrounds.gif") repeat-x 0 -156px; border-bottom: 1px solid #DDD; }

.plupload_filelist_header, .plupload_filelist_footer { background: #DFDFDF; padding: 8px 8px; color: #42454A; }

.plupload_filelist_header { border-top: 1px solid #EEE; border-bottom: 1px solid #CDCDCD; }

.plupload_filelist_footer { border-top: 1px solid #FFF; height: 22px; line-height: 20px; vertical-align: middle; }

.plupload_file_name { float: left; overflow: hidden; }

.plupload_file_status { color: #777; }

.plupload_file_status span { color: #42454A; }

.plupload_file_size, .plupload_file_status, .plupload_progress { float: right; width: 80px; }

.plupload_file_size, .plupload_file_status, .plupload_file_action { text-align: right; }

.plupload_filelist .plupload_file_name { width: 205px; }

.plupload_file_action { float: right; width: 16px; height: 16px; margin-left: 15px; }

.plupload_file_action * { display: none; width: 16px; height: 16px; }

li.plupload_uploading { background: #ECF3DC url("../../../../media/koowa/com_files/images/plupload/backgrounds.gif") repeat-x 0 -238px; }

li.plupload_done { color: #AAA; }

li.plupload_delete a { background: url("../../../../media/koowa/com_files/images/plupload/delete.gif"); }

li.plupload_failed a { background: url("../../../../media/koowa/com_files/images/plupload/error.gif"); cursor: default; }

li.plupload_done a { background: url("../../../../media/koowa/com_files/images/plupload/done.gif"); cursor: default; }

.plupload_progress, .plupload_upload_status { display: none; }

.plupload_progress_container { margin-top: 3px; border: 1px solid #CCC; background: #FFF; padding: 1px; }

.plupload_progress_bar { width: 0px; height: 7px; background: #CDEB8B; }

.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action { margin-right: 17px; }

/* Floats */
.plupload_clear, .plupload_clearer { clear: both; }

.plupload_clearer, .plupload_progress_bar { display: block; font-size: 0; line-height: 0; }

li.plupload_droptext { background: transparent; text-align: center; vertical-align: middle; border: 0; line-height: 165px; }

/* For drag and drop */
.dragover { opacity: 0.5; }

#uploads .upload { padding: 4px; }

/** Upload Widget CSS */
#files-upload { padding: 0; margin: 0; overflow: hidden; }

#files-upload h3 { padding: 15px 0 0 15px; margin: 0 !important; display: block; float: left; font-size: 18px; }

#files-upload-controls .upload-buttons { padding: 0; list-style: none; float: left; margin: 10px 0 0 20px; }

#files-upload-controls .upload-buttons li { display: inline; font-size: 12px; }

#files-upload-controls .upload-buttons li:first-child { padding-right: 5px; }

#files-upload-controls .upload-buttons li a { font-weight: bold; padding: 5px 10px 10px; display: inline-block; position: relative; }

#files-upload-controls .upload-buttons li a.active, #files-upload-controls .upload-buttons li a.active:hover { color: #3c3c3c; }

#files-upload-controls .upload-buttons li a, #files-upload-controls .upload-buttons li a:hover, #files-upload-controls .upload-buttons li a:visited { color: #08c; }

#files-upload-controls .upload-buttons li a, #files-upload-controls .upload-buttons li a:hover, #files-upload-controls .upload-buttons li a:active, #files-upload-controls .upload-buttons li a.active { text-decoration: none; background: none; }

#files-upload-controls .upload-buttons li a.active::after, #files-upload-controls .upload-buttons li a.active::before { content: '.'; color: transparent; border-color: transparent transparent #fcfcfc transparent; border-style: solid; border-width: 8px; height: 0; width: 0; position: absolute; bottom: -1px; left: 50%; margin-left: -8px; z-index: 1; }

#files-upload-controls .upload-buttons li a.active::before { bottom: 0; border-bottom-color: #E6E6E6; }

.uploader-files-queued #files-upload-controls .upload-buttons li a.active.target-computer::after { border-bottom-color: white; }

.upload-form { margin-bottom: 10px; position: relative; }

.uploader-files-queued #files-upload-multi, #files-uploader-web form, .dropzone { padding: 0; background-color: #fcfcfc; border-radius: 5px; margin: 0 10px; border: 1px solid #e6e5e5; z-index: 0; }

.uploader-files-queued .dropzone, .uploader-files-queued .nodropzone { display: none !important; }

.dropzone h2 { text-align: center; font-weight: 100; color: #595959; font-size: 30px; margin: 100px 0; }

#files-upload .nodropzone { display: inline-block; float: none; position: relative; top: -9px; padding: 0; font-weight: normal; color: #595959; font-size: 15px; }

.uploader-files-empty .upload-form { text-align: center; }

.uploader-files-empty #files-upload-multi { display: inline-block; }

#files-upload-multi .warning { display: block; float: none; padding: 1em 0.4em; font-size: 1.4em; text-align: center; margin-bottom: 0px; }

#files-uploader-web form { padding: 2px; }

#files-upload-multi .plupload_container { padding: 0px; }

/* blur focus fix */
#files-uploader-web input:focus { z-index: 1; position: relative; }

#files-uploader-web input.success:-moz-placeholder { color: #468847; }

#files-uploader-web input.success:-ms-input-placeholder { color: #468847; }

#files-uploader-web input.success::-webkit-input-placeholder { color: #468847; }

#files-upload-multi .plupload_filelist_header, #files-upload-multi .plupload_filelist_footer { background: none; }

#files-upload-multi .plupload_filelist_header { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: none; box-shadow: #f7f7f7 0 -1px 0 inset; border-bottom: 1px solid #e6e5e5; background-image: linear-gradient(top, white, whitesmoke); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF5F5F5'); }

#files-upload-multi .plupload_filelist_footer { -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; border-top: none; box-shadow: 0 -1px 0 #e6e5e5; }

.uploader-files-empty #files-upload-multi .plupload_filelist_footer { border: 0 hidden transparent; box-shadow: none; }

#files-upload-multi .plupload_scroll .plupload_filelist { background: none; }

#files-upload-multi .plupload_filelist { list-style: none; margin: 0; padding: 0; }

#files-upload-multi .plupload_filelist li { background: none; line-height: normal; margin: 0; padding: 10px 8px; }

#files-upload-multi .plupload_filelist .plupload_file_name { /*width: 471px;*/ width: 453px; }

#upload-max { font-size: 11px !important; padding-top: 6px; margin-left: 30px; color: #444; }

#upload-progress { float: right; margin: 8px 20px 0 0; }

#upload-queue { list-style: none; clear: both; padding: 0; margin: 0; background-color: #FFF; width: 100%; }

#upload-queue tr.validation-error { background-color: #E6C0C0; color: #c00; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; padding: 4px; }

#upload-queue tr.file { overflow: auto; padding: 4px; border-bottom: 1px solid #E1E1E1; height: 20px; }

#upload-queue tr.file:nth-child(2) { border-top: 1px solid #E1E1E1; }

#upload-queue tr.file:nth-child(odd) { background-color: #F9F9F9; }

#upload-queue tr.file.file-uploading { background-color: #D9DDE9; }

#upload-queue tr.file.file-success { background-color: #C3D2E5; }

#upload-queue tr.file.file-failed { background-color: #E6C0C0; }

#upload-queue tr.file .file-name { font-weight: bold; }

#upload-queue tr.file .file-remove { width: 75px; text-align: center; }

#upload-queue tr.file .file-size { width: 75px; text-align: right; }

div#files-noimages { width: 100%; text-align: center; font-weight: bold; color: #CCCCCC; }

div#upload-queue-wrapper { background-color: #CCC; border-radius: 5px; }

.files-modal { padding: 5px; }

.files-modal .upload-files-to { margin-bottom: 5px; }

.files-modal form { margin-bottom: 0px; }

#files-upload.uploader-files-queued .plupload_filelist_footer { height: auto; padding-bottom: 54px; position: relative; }

#files-upload.uploader-files-queued .plupload_filelist_footer .plupload_buttons { position: absolute; box-shadow: 0 -1px 0 #e6e5e5; bottom: 0px; left: 0px; right: 0px; padding: 10px; }

#files-upload.uploader-files-queued .plupload_start, #files-upload.uploader-files-queued .plupload_clear { float: right; clear: none; }

#files-upload.uploader-files-queued .plupload_clear { margin-right: 10px; }

#files-upload.uploader-files-queued .plupload_start.plupload_disabled { cursor: default; background-color: #e6e5e5; background-image: none; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; background-color: #0044cc; *background-color: #003cb3; }

#files-upload.uploader-files-empty { /* No files state, this is the initial state */ }

#files-upload.uploader-files-empty .plupload_filelist_header, #files-upload.uploader-files-empty .plupload_start, #files-upload.uploader-files-empty .plupload_clear, #files-upload.uploader-files-empty .plupload_filelist, #files-upload.uploader-files-empty .plupload_file_action, #files-upload.uploader-files-empty .plupload_file_status, #files-upload.uploader-files-empty .plupload_file_size, #files-upload.uploader-files-empty .plupload_progress { display: none; }

#remote-url, #remote-name { box-sizing: border-box; display: block; float: left; margin: 0; border-style: none; height: 28px; border-radius: 0px; }

#remote-url { width: 75%; border-right-color: #e6e6e6; }

#remote-name { width: 25%; border-left-color: #e6e6e6; border-left-width: 1px; border-left-style: solid; border-left-color: inherit; }

.remote-wrap { border-top-left-radius: 2px; border-bottom-left-radius: 2px; border: 1px solid #e6e5e5; border-right-width: 0; }

.remote-wrap::after { content: '.'; clear: both; display: block; height: 0; visibility: hidden; }

#files-uploader-web .remote-submit { position: absolute; right: 2px; top: 2px; bottom: 2px; margin: 0; overflow: hidden; display: inline-block; height: 30px; border-radius: 0px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

#files-uploader-web input.remote-submit:focus { position: absolute; }

#files-uploader-web form { position: relative; }

.files-preview { display: inline-block; overflow: hidden; padding: 10px; }

.files-preview .preview, .files-preview .details, .files-preview ul { display: block; float: left; }

.files-preview ul { clear: left; list-style: none; padding: 0; margin-bottom: 0; }

.files-preview .name { max-width: 400px; text-overflow: ellipsis; overflow: hidden; white-space: pre; }

.files-preview h3, .files-preview a { margin: 11px 0; display: block; }

.files-preview .label { display: inline-block; text-align: right; width: 60px; text-transform: capitalize; }

.files-preview .label::after { content: ':'; }

table td.file-count, table th.file-count { text-align: center; width: 10px; }

table th.file-count { text-align: right; padding-right: 20px; }

.files-modal { margin: 0; padding: 3px; }

.files-modal .input-append { margin-bottom: 0; }

.files-modal .span2 { width: 120px; }

.files-modal.well { padding: 10px; }

.files-modal.well h3 { padding: 0 0 0 0; margin: 10px 0 !important; display: block; float: left; font-size: 18px; line-height: 20px; width: 447px; word-break: break-word; }

#files-compact { /* tabs */ /** Joomla fixes */ }

#files-compact { width: 690px; /* Mozilla needs this */ overflow: hidden; }

#files-compact > * { background-color: #F9F9F9; }

#files-compact #insert { border: 1px solid #E1E1E1; background-color: #FFF; overflow: hidden; }

#files-compact #insert .hide { display: none; }

#files-compact #insert #details { overflow: hidden; height: 389px; background-color: #F4F4F4; position: relative; }

#files-compact #insert #files-tree-container { width: 200px; }

#files-compact #insert #files-grid { width: 264px; }

#files-compact #insert #files-container { width: 200px; }

#files-compact #insert #details, #files-compact #insert #files-preview { width: 200px; }

#files-compact #insert #details tr:last-child td, #files-compact #insert #files-preview tr:last-child td { border-bottom: 1px #E1E1E1 solid; }

#files-compact #insert #details img.icon, #files-compact #insert #files-preview img.icon { margin: 10px; }

#files-compact #insert #files-tree-container, #files-compact #insert #files-grid { border-right: 1px solid #E1E1E1; height: 389px; overflow: auto; }

#files-compact #insert #files-preview { background: white; margin-bottom: 10px; }

#files-compact #insert ul { list-style-type: none; }

#files-compact #files-uploader-web form { padding: 5px; }

#files-compact #files-uploader-web form #remote-url, #files-compact #files-uploader-web form #remote-name { height: 28px; box-sizing: border-box; }

#files-compact #files-uploader-web form #remote-url { border-radius: 4px 0 0 4px; }

#files-compact #files-uploader-web form #remote-name { border-radius: 0; }

#files-compact #files-uploader-web form .remote-submit { top: 5px; right: 5px; bottom: 5px; border-radius: 0 4px 4px 0; }

#files-compact dl.tabs { float: left; margin: 10px 0 0 0; z-index: 50; background: none; }

#files-compact dl.tabs dt { float: left; padding: 6px 14px; border: 1px solid #ccc; margin-left: 6px; background: #f0f0f0; color: #666; margin-bottom: -1px; border-radius: 5px 5px 0 0; }

#files-compact dl.tabs dt:hover { background: #F6F6F6; z-index: 100; color: #333; }

#files-compact dl.tabs dt:active, #files-compact dl.tabs dt.open, #files-compact dl.tabs dt.open:active { background: #F9F9F9; z-index: 100; color: #333; border-bottom-color: #F9F9F9; box-shadow: inset rgba(140, 140, 140, 0.2) 0px 2px 2px; }

#files-compact dl.tabs dt:active { background: #EEE; border-bottom-color: #CCC; }

#files-compact div.current { clear: both; border: 1px solid #CCC; padding: 10px 10px; }

#files-compact div.current dd { padding: 0; margin: 0; line-height: normal !important; }

#files-compact div.current input, #files-compact div.current textarea, #files-compact div.current select { margin: 0; }

#files-compact .parameters .detail-label { text-align: right; color: gray; }

#files-app #files-grid { min-height: 120px; overflow: hidden; }

#files-app #files-grid > div { padding: 10px; }

#files-app #files-grid > div:before, #files-app #files-grid > div:after { display: table; content: " "; }

#files-app #files-grid > div:after { clear: both; }

#files-app .spinner { padding: 0px !important; }

#files-app .files-node-shadow { float: left; text-align: center; }

#files-app div.imgOutline { cursor: pointer; display: inline-block; border: 1px; padding: 11px; margin: 5px; border: 1px solid #e6e5e5; border-radius: 3px; transition: opacity 150ms ease-out 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

#files-app #files-grid .loading { opacity: 0.6; }

#files-app #files-grid .loaded { opacity: 1; }

#files-app div.imgOutline img { opacity: 0; transition: opacity 150ms ease-out 180ms cubic-bezier(0.2, 0.57, 0.44, 0.83); -webkit-backface-visibility: hidden; }

#files-app div.imgOutline img.loaded { opacity: 1; }

#files-app div.imgOutline .ellipsis { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 17px; }

#files-app div.imgOutline.selected { color: white; border-color: #0066cc; border-color: rgba(0, 0, 0, 0.1); background-color: #0066cc; background-clip: border-box; background-origin: border-box; box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset; background-color: #006dcc; background-image: linear-gradient(to bottom, #08c, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0088CC', endColorstr='#FF0044CC', GradientType=0); }

#files-app div.imgTotal { position: relative; margin: 0 0 8px 0; overflow: hidden; width: 200px; height: 150px; background-color: whiteSmoke; background: white radial-gradient(ellipse closest-corner, white, rgba(255, 255, 255, 0.1) 1%, rgba(0, 0, 0, 0.1)); background-repeat: no-repeat; }

#files-app div.imgOutline.selected div.imgTotal { background-color: whiteSmoke; background: white radial-gradient(ellipse closest-corner, rgba(255, 255, 255, 0.2), rgba(0, 170, 255, 0.2)); background-repeat: no-repeat; }

#files-app div.imgTotal a.navigate { display: block; background: no-repeat center center; position: relative; overflow: hidden; width: inherit; height: inherit; text-decoration: none; }

#files-app div.imgTotal a.navigate [class^="koowa_icon--"], #files-app div.imgTotal a.navigate [class*=" koowa_icon--"] { padding: 31px 0 0; }

#files-app div.imgTotal a.navigate:hover { text-decoration: none; }

#files-app div.imgTotal a.navigate:before { display: inline-block; }

#files-app div.imgTotal a.navigate::after { box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset; content: ''; height: inherit; display: block; position: absolute; top: 0; width: inherit; }

#files-app div.imgOutline.selected div.imgTotal a.navigate::after { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset; }

#files-app div.imgTotal a.navigate img { width: 100%; }

#files-app .files-image.thumbnails div.imgTotal a.navigate { display: table-cell; vertical-align: middle; text-align: center; background: url("../../../media/koowa/com_files/images/checker.png") repeat left top white; }

#files-app div.imgTotal a.navigate[class*="koowa_icon--"]:before { position: relative; margin-top: 34px; }

#files-app div.imgBorder { height: 72px; vertical-align: middle; width: 88px; overflow: hidden; }

#files-app div.imgBorder a { height: 72px; width: 88px; display: block; }

#files-app div.imgBorder a:hover { height: 72px; width: 88px; background-color: #f0f0f0; color: #FF6600; }

#files-app .imgBorderHover { background: #FFFFCC; cursor: hand; }

#files-app div.controls { text-align: center; height: 20px; line-height: 20px; background: #f9fcf9; border-top: 1px solid #ddd; }

#files-app div.controls input { vertical-align: middle; }

#files-app div.controls img { vertical-align: middle; }

#files-app div.controls:hover { display: block; }

#files-app div.imginfoBorder { background: #f9f9f9; font-family: Arial, Helvetica, sans-serif; font-size: 10px; display: block; height: 15px; vertical-align: middle; text-align: center; overflow: hidden; padding: 0 8px; }

#files-app div.imgBorder a { cursor: pointer; }

#files-app .imgCaption { font-size: 9pt; text-align: center; }

#files-app .dirField { font-size: 9pt; width: 110px; }

#files-app div.image { padding-top: 10px; }

#files-app .imgBorder a.navigate { -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; }

#files-app #files-grid table > thead > tr > th.files__sortable:hover { cursor: pointer; }

#files-app .scopebar-search-container { float: right; max-width: 50%; max-height: 24px; }

#files-app .scopebar-search-container input, #files-app .scopebar-search-container input[type=search] { margin: 0; border-radius: 0; border: none; border-left: 1px solid #ccc; box-sizing: border-box; height: 24px; padding-left: 24px; width: 300px; }

#files-app .scopebar-search-container label { left: 5px; }

.modal-inspector { position: relative; background-color: white; margin: 20px auto; max-width: 400px; }

.modal-inspector .docman_file_modal { padding: 10px; }

.modal-inspector hr { border-top-color: #cccccc; -webkit-mask-box-image: -webkit-linear-gradient(left, transparent, black, black, transparent); margin: 10px 0 0; }

.modal-inspector hr.last { margin: 0 0 10px; }

.modal-inspector .preview { text-align: center; padding: 0; }

.modal-inspector .parameters, .modal-inspector .documents { border: none; }

.modal-inspector .parameters tr, .modal-inspector .parameters td, .modal-inspector .documents tr, .modal-inspector .documents td { border: none; color: #333; white-space: normal !important; }

.modal-inspector .parameters td.detail-label, .modal-inspector .documents td.detail-label { font-weight: bold; }

.modal-inspector .parameters .detail-label, .modal-inspector .documents .detail-label { text-align: right; color: #807f7f; white-space: nowrap !important; }

.modal-inspector .documents thead, .modal-inspector .documents thead tr, .modal-inspector .documents thead tr td { background: none; }

.modal-inspector h3 { font-size: 12px; color: #595959; margin: 0; line-height: 27px; }

.com_files { font-family: sans-serif; /* fixing a width problem */ }

.com_files h3 { font-size: 16px; line-height: 20px; }

.com_files .breadcrumb-resizable { overflow: hidden; margin: 0; padding: 2.5px 0px; line-height: 18px; }

.com_files .breadcrumb-resizable li { max-height: 23px; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; padding: 0; }

.com_files .breadcrumb-resizable li span { display: inline-block; overflow: visible; vertical-align: top; padding: 0 2px; }

.com_files .breadcrumb-resizable li.active { cursor: default; }

.com_files .breadcrumb-resizable li span.divider { padding: 0 2px 0 0; }

.com_files .breadcrumb-resizable li.overflow-ellipsis { text-overflow: ellipsis; }

.com_files .breadcrumb-resizable li:active { color: #999; }

.com_files .breadcrumb-resizable li:first-child span { padding-left: 0px; }

.com_files .breadcrumb-resizable li:last-child span { padding-right: 0px; }

.com_files #files-app { background-color: #FFF; border: 1px solid #dbdada; border-radius: 2px; }

.com_files #files-app:before, .com_files #files-app:after { display: table; content: " "; }

.com_files #files-app:after { clear: both; }

.com_files #files-paginator-container { width: auto; }

.k-ui-namespace .koowa_dialog_modal--halfwidth .mfp-content { max-height: 50%; }

.k-ui-namespace .koowa_dialog_modal--halfwidth .mfp-content .mfp-iframe-scaler { padding: 0; height: 50%; }

.com_files--attachments .k-card__body { overflow: hidden; }
