UNPKG

@progress/kendo-ui

Version:

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

3,300 lines (2,556 loc) 1.09 MB
.k-sr-only { position: absolute; left: -1px; width: 1px; height: 1px; overflow: hidden; } .k-theme-test-class, .k-common-test-class { opacity: 0; } .k-hstack, .k-hbox { display: flex; flex-flow: row nowrap; } .k-vstack, .k-vbox { display: flex; flex-flow: column nowrap; } .k-spacer, .k-flex { flex: 1 1 auto; } .k-spacer-sized { flex: none; } .k-float-wrap::after, .k-floatwrap::after { content: ""; display: block; clear: both; } .k-flex-layout { display: flex; } .k-grid-layout { display: grid; } .k-separator { width: auto; height: 0; border-width: 1px 0 0; border-style: solid; border-color: inherit; display: block; flex-grow: 0 !important; flex-shrink: 0 !important; align-self: stretch; } .k-separator-horizontal, .k-vstack > .k-separator, .k-vbox > .k-separator { width: auto; height: 0; border-width: 1px 0 0; } .k-separator-vertical, .k-hstack > .k-separator, .k-hbox > .k-separator { width: 0; height: auto; border-width: 0 0 0 1px; } hr.k-separator { margin: 0; padding: 0; } .k-hidden { display: none !important; } .k-rtl { direction: rtl; } [hidden] { display: none !important; } script { display: none !important; } .k-reset { margin: 0; padding: 0; border-width: 0; outline: 0; text-decoration: none; font: inherit; list-style: none; } kendo-sortable { display: block; } .k-link, .k-link:hover { color: inherit; text-decoration: none; outline: 0; cursor: pointer; } .k-content { outline: 0; } .k-centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .k-no-click { pointer-events: none; } .k-pdf-export-shadow { position: absolute; overflow: hidden; left: -15000px; width: 14400px; } .kendo-pdf-hide-pseudo-elements::before, .kendo-pdf-hide-pseudo-elements::after { display: none !important; } .k-text-selection ::selection { background-color: #0d6efd; color: white; } .k-block, .k-panel { border-radius: 0.375rem; border-color: #dee2e6; color: #212529; background-color: #ffffff; padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; } .k-block > .k-header, .k-panel > .k-header { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; border-color: #dee2e6; color: #212529; background-color: #f8f9fa; padding-inline: 0.5rem; padding-block: 0.25rem; } .k-block > .k-content, .k-panel > .k-content { padding-inline: 0.5rem; padding-block: 0.25rem; } .k-content { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-disabled, .k-widget[disabled] { outline: none; cursor: default; opacity: 0.65; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-disabled .k-link, .k-widget[disabled] .k-link { cursor: default; outline: 0; } .k-disabled [disabled], .k-disabled .k-disabled, .k-widget[disabled] [disabled], .k-widget[disabled] .k-disabled { opacity: 1; filter: grayscale(0); } .k-hr { margin: 1rem auto; padding: 0; height: 0; border-width: 1px 0 0; border-style: solid; border-color: #dee2e6; display: block; float: none; clear: both; } .k-d-flex-row > .k-hr { margin: 0; width: 0; height: auto; border-width: 0 0 0 1px; flex: 0 0 auto; } .k-d-flex-col > .k-hr { margin: 0; flex: 0 0 auto; } .k-dirty { margin: 0; padding: 0; width: 0; height: 0; border-width: 3px; border-style: solid; border-color: #dc3545 #dc3545 transparent transparent; position: absolute; top: 0; right: 0; } [dir="rtl"] .k-dirty, .k-rtl .k-dirty { border-color: transparent transparent #dc3545 #dc3545; right: auto; left: 0; } .k-animation-container { position: absolute; overflow: hidden; z-index: 100; } .k-animation-container-fixed { position: fixed; } .k-animation-container-relative { position: relative; display: inline-block; } .k-push-right-enter, .k-push-right-appear { transform: translate(-100%, 0); } .k-push-right-enter-active, .k-push-right-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-right-exit { transform: translate(0, 0); } .k-push-right-exit-active { transform: translate(100%, 0); transition: transform 300ms ease-in-out; } .k-push-left-enter, .k-push-left-appear { transform: translate(100%, 0); } .k-push-left-enter-active, .k-push-left-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-left-exit { transform: translate(0, 0); } .k-push-left-exit-active { transform: translate(-100%, 0); transition: transform 300ms ease-in-out; } .k-push-down-enter, .k-push-down-appear { transform: translate(0, -100%); } .k-push-down-enter-active, .k-push-down-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-down-exit { transform: translate(0, 0); } .k-push-down-exit-active { transform: translate(0, 100%); transition: transform 300ms ease-in-out; } .k-push-up-enter, .k-push-up-appear { transform: translate(0, 100%); } .k-push-up-enter-active, .k-push-up-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-up-exit { transform: translate(0, 0); } .k-push-up-exit-active { transform: translate(0, -100%); transition: transform 300ms ease-in-out; } .k-expand-vertical-enter, .k-expand-vertical-appear { transform: scaleY(0); } .k-expand-vertical-enter-active, .k-expand-vertical-appear-active { transform: scaleY(1); transition: transform 300ms ease-in-out; } .k-expand-vertical-exit { transform: scaleY(1); } .k-expand-vertical-exit-active { transform: scaleY(0); transition: transform 300ms ease-in-out; } .k-expand-horizontal-enter, .k-expand-horizontal-appear { transform: scaleX(0); } .k-expand-horizontal-enter-active, .k-expand-horizontal-appear-active { transform: scaleX(1); transition: transform 300ms ease-in-out; } .k-expand-horizontal-exit { transform: scaleX(1); } .k-expand-horizontal-exit-active { transform: scaleX(0); transition: transform 300ms ease-in-out; } .k-fade-enter, .k-fade-appear { opacity: 0; } .k-fade-enter-active, .k-fade-appear-active { opacity: 1; transition: opacity 500ms ease-in-out; } .k-fade-exit { opacity: 1; } .k-fade-exit-active { opacity: 0; transition: opacity 500ms ease-in-out; } .k-fade-exit-active + .k-fade-exit-active, .k-fade-enter-active + .k-fade-enter-active { display: none; } .k-zoom-in-enter, .k-zoom-in-appear { opacity: 0; transform: scale(0); } .k-zoom-in-enter-active, .k-zoom-in-appear-active { opacity: 1; transform: scale(1); transition: transform, opacity 300ms ease-in-out; } .k-zoom-in-exit { opacity: 1; transform: scale(1); } .k-zoom-in-exit-active { opacity: 0; transform: scale(2); transition: transform, opacity 300ms ease-in-out; } .k-zoom-out-enter, .k-zoom-out-appear { opacity: 0; transform: scale(2); } .k-zoom-out-enter-active, .k-zoom-out-appear-active { opacity: 1; transform: scale(1); transition: transform, opacity 300ms ease-in-out; } .k-zoom-out-exit { opacity: 1; transform: scale(1); } .k-zoom-out-exit-active { opacity: 0; transform: scale(0); transition: transform, opacity 300ms ease-in-out; } .k-slide-in-appear { opacity: .1; transform: translate(0, -3em); } .k-slide-in-appear .k-centered { transform: translate(-50%, -60%); } .k-slide-in-appear-active { opacity: 1; transform: translate(0, 0); transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.2, 1); } .k-slide-in-appear-active .k-centered { transform: translate(-50%, -50%); } .k-slide-down-enter, .k-slide-down-appear { transform: translateY(-100%); } .k-slide-down-enter-active, .k-slide-down-appear-active { transform: translateY(0); transition: transform 300ms ease-in-out; } .k-slide-down-exit { transform: translateY(0); } .k-slide-down-exit-active { transform: translateY(-100%); transition: transform 300ms ease-in-out; } .k-slide-up-enter, .k-slide-up-appear { transform: translateY(100%); } .k-slide-up-enter-active, .k-slide-up-appear-active { transform: translateY(0); transition: transform 300ms ease-in-out; } .k-slide-up-exit { transform: translateY(0); } .k-slide-up-exit-active { transform: translateY(100%); transition: transform 300ms ease-in-out; } .k-slide-right-enter, .k-slide-right-appear { transform: translateX(-100%); } .k-slide-right-enter-active, .k-slide-right-appear-active { transform: translateX(0); transition: transform 300ms ease-in-out; } .k-slide-right-exit { transform: translateX(0); } .k-slide-right-exit-active { transform: translateX(-100%); transition: transform 300ms ease-in-out; } .k-slide-left-enter, .k-slide-left-appear { transform: translateX(100%); } .k-slide-left-enter-active, .k-slide-left-appear-active { transform: translateX(0); transition: transform 300ms ease-in-out; } .k-slide-left-exit { transform: translateX(0); } .k-slide-left-exit-active { transform: translateX(100%); transition: transform 300ms ease-in-out; } .k-reveal-vertical-enter, .k-reveal-vertical-appear { max-height: 0; } .k-reveal-vertical-enter-active, .k-reveal-vertical-appear-active { transition: max-height 300ms ease-in-out; } .k-reveal-vertical-exit-active { max-height: 0 !important; transition: max-height 300ms ease-in-out; } .k-reveal-horizontal-enter, .k-reveal-horizontal-appear { max-width: 0; } .k-reveal-horizontal-enter-active, .k-reveal-horizontal-appear-active { transition: max-width 300ms ease-in-out; } .k-reveal-horizontal-exit-active { max-width: 0 !important; transition: max-width 300ms ease-in-out; } .k-fx-end .k-fx-next, .k-fx-end .k-fx-current { transition: all 350ms ease-out; } .k-fx { position: relative; } .k-fx .k-fx-current { z-index: 0; } .k-fx .k-fx-next { z-index: 1; } .k-fx-hidden, .k-fx-hidden * { visibility: hidden !important; } .k-fx-reverse .k-fx-current { z-index: 1; } .k-fx-reverse .k-fx-next { z-index: 0; } .k-fx-zoom.k-fx-start .k-fx-next { transform: scale(0) !important; } .k-fx-zoom.k-fx-end .k-fx-next { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current { transform: scale(0) !important; } .k-fx-fade.k-fx-start .k-fx-next { will-change: opacity; opacity: 0; } .k-fx-fade.k-fx-end .k-fx-next { opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current { will-change: opacity; opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current { opacity: 0; } .k-fx-slide.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer { transition: all 350ms ease-out; } .k-fx-slide.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-start .k-fx-next .km-content { will-change: transform; transform: translateX(100%); } .k-fx-slide.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer { will-change: opacity; opacity: 0; } .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content { will-change: transform; transform: translateX(0); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translateX(0); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer { will-change: opacity; opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer { opacity: 0; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content { transform: translateX(0); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translateX(0%); } .k-fx-tile.k-fx-start .k-fx-next { will-change: transform; transform: translateX(100%); } .k-fx-tile.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: translateX(0); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next { transform: translateX(0); } .k-fx-tile.k-fx-right.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx-tile.k-fx-right.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current { transform: translateX(0); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next { transform: translateX(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next { transform: translateX(0%); } .k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next { will-change: transform; transform: translateX(100%); } .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next { transform: translateY(100%); } .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next { transform: translateY(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next { transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current { transform: translateY(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current { transform: translateY(-100%); } .k-resize-handle, .k-resize-hint { position: absolute; border-color: inherit; z-index: 200; } .k-resize-handle { display: flex; align-items: center; justify-content: center; } .k-resize-handle::before { content: ""; border: 0 solid; border-color: inherit; } .k-resize-n { width: 100%; height: 6px; flex-direction: row; left: 0; top: -3px; cursor: n-resize; } .k-resize-s { width: 100%; height: 6px; flex-direction: row; left: 0; bottom: -3px; cursor: s-resize; } .k-resize-w { width: 6px; height: 100%; flex-direction: column; top: 0; left: -3px; cursor: w-resize; } .k-resize-e { width: 6px; height: 100%; flex-direction: column; top: 0; right: -3px; cursor: e-resize; } .k-resize-sw, .k-resize-se, .k-resize-nw, .k-resize-ne { width: 5px; height: 5px; } .k-resize-sw { cursor: sw-resize; bottom: 0; left: 0; } .k-resize-se { cursor: se-resize; bottom: 0; right: 0; } .k-resize-nw { cursor: nw-resize; top: 0; left: 0; } .k-resize-ne { cursor: ne-resize; top: 0; right: 0; } .k-vertical-resize { cursor: row-resize; } .k-horizontal-resize { cursor: col-resize; } .k-resize-hint { display: flex; flex-direction: column; align-items: center; } .k-resize-hint .k-resize-hint-handle { width: auto; height: 20px; align-self: stretch; } .k-resize-hint .k-resize-hint-marker { width: 2px; height: auto; flex: 1 1 auto; } .k-resize-hint-vertical { display: flex; flex-direction: row; align-items: center; } .k-resize-hint-vertical .k-resize-hint-handle { width: 20px; height: auto; align-self: stretch; } .k-resize-hint-vertical .k-resize-hint-marker { width: auto; height: 2px; flex: 1 1 auto; } .k-scrollbar { position: absolute; overflow: scroll; } .k-scrollbar-vertical { top: 0; right: 0; width: 17px; height: 100%; overflow-x: hidden; } .k-touch-scrollbar { display: none; position: absolute; z-index: 200000; height: 8px; width: 8px; border: 1px solid #8a8a8a; background-color: #858585; } .k-marquee { position: absolute; z-index: 100000; } .k-marquee-color, .k-marquee-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .k-marquee-color { color: #ffffff; background-color: #0d6efd; border-color: #0c65e9; opacity: .6; } .k-marquee-text { color: #ffffff; } .k-ratio-auto { aspect-ratio: auto; } .\!k-ratio-auto { aspect-ratio: auto !important; } .k-ratio-1 { aspect-ratio: 1; } .\!k-ratio-1 { aspect-ratio: 1 !important; } .k-ratio-square { aspect-ratio: 1 / 1; } .\!k-ratio-square { aspect-ratio: 1 / 1 !important; } .k-ratio-video { aspect-ratio: 16 / 9; } .\!k-ratio-video { aspect-ratio: 16 / 9 !important; } .k-aspect-ratio-auto { aspect-ratio: auto; } .\!k-aspect-ratio-auto { aspect-ratio: auto !important; } .k-aspect-ratio-1 { aspect-ratio: 1; } .\!k-aspect-ratio-1 { aspect-ratio: 1 !important; } .k-aspect-ratio-square { aspect-ratio: 1 / 1; } .\!k-aspect-ratio-square { aspect-ratio: 1 / 1 !important; } .k-aspect-ratio-video { aspect-ratio: 16 / 9; } .\!k-aspect-ratio-video { aspect-ratio: 16 / 9 !important; } .k-clear-left { clear: left; } .\!k-clear-left { clear: left !important; } .k-clear-right { clear: right; } .\!k-clear-right { clear: right !important; } .k-clear-both { clear: both; } .\!k-clear-both { clear: both !important; } .k-clear-none { clear: none; } .\!k-clear-none { clear: none !important; } .k-d-none { display: none; } .\!k-d-none { display: none !important; } .k-d-block { display: block; } .\!k-d-block { display: block !important; } .k-d-inline { display: inline; } .\!k-d-inline { display: inline !important; } .k-d-inline-block { display: inline-block; } .\!k-d-inline-block { display: inline-block !important; } .k-d-flex, .k-d-flex-row, .k-d-flex-col { display: flex; } .\!k-d-flex, .\!k-d-flex-row, .\!k-d-flex-col { display: flex !important; } .k-d-inline-flex { display: inline-flex; } .\!k-d-inline-flex { display: inline-flex !important; } .k-d-grid { display: grid; } .\!k-d-grid { display: grid !important; } .k-d-inline-grid { display: inline-grid; } .\!k-d-inline-grid { display: inline-grid !important; } .k-d-table { display: table; } .\!k-d-table { display: table !important; } .k-d-inline-table { display: inline-table; } .\!k-d-inline-table { display: inline-table !important; } .k-d-list-item { display: list-item; } .\!k-d-list-item { display: list-item !important; } .k-display-none { display: none; } .\!k-display-none { display: none !important; } .k-display-block { display: block; } .\!k-display-block { display: block !important; } .k-display-inline { display: inline; } .\!k-display-inline { display: inline !important; } .k-display-inline-block { display: inline-block; } .\!k-display-inline-block { display: inline-block !important; } .k-display-flex { display: flex; } .\!k-display-flex { display: flex !important; } .k-display-inline-flex { display: inline-flex; } .\!k-display-inline-flex { display: inline-flex !important; } .k-display-grid { display: grid; } .\!k-display-grid { display: grid !important; } .k-display-inline-grid { display: inline-grid; } .\!k-display-inline-grid { display: inline-grid !important; } .k-display-table { display: table; } .\!k-display-table { display: table !important; } .k-display-inline-table { display: inline-table; } .\!k-display-inline-table { display: inline-table !important; } .k-display-list-item { display: list-item; } .\!k-display-list-item { display: list-item !important; } .k-float-left { float: left; } .\!k-float-left { float: left !important; } .k-float-right { float: right; } .\!k-float-right { float: right !important; } .k-float-none { float: none; } .\!k-float-none { float: none !important; } .k-overflow-auto { overflow: auto; } .\!k-overflow-auto { overflow: auto !important; } .k-overflow-hidden { overflow: hidden; } .\!k-overflow-hidden { overflow: hidden !important; } .k-overflow-visible { overflow: visible; } .\!k-overflow-visible { overflow: visible !important; } .k-overflow-scroll { overflow: scroll; } .\!k-overflow-scroll { overflow: scroll !important; } .k-overflow-clip { overflow: clip; } .\!k-overflow-clip { overflow: clip !important; } .k-overflow-x-auto { overflow: auto; } .\!k-overflow-x-auto { overflow: auto !important; } .k-overflow-x-hidden { overflow: hidden; } .\!k-overflow-x-hidden { overflow: hidden !important; } .k-overflow-x-visible { overflow: visible; } .\!k-overflow-x-visible { overflow: visible !important; } .k-overflow-x-scroll { overflow: scroll; } .\!k-overflow-x-scroll { overflow: scroll !important; } .k-overflow-x-clip { overflow: clip; } .\!k-overflow-x-clip { overflow: clip !important; } .k-overflow-y-auto { overflow: auto; } .\!k-overflow-y-auto { overflow: auto !important; } .k-overflow-y-hidden { overflow: hidden; } .\!k-overflow-y-hidden { overflow: hidden !important; } .k-overflow-y-visible { overflow: visible; } .\!k-overflow-y-visible { overflow: visible !important; } .k-overflow-y-scroll { overflow: scroll; } .\!k-overflow-y-scroll { overflow: scroll !important; } .k-overflow-y-clip { overflow: clip; } .\!k-overflow-y-clip { overflow: clip !important; } .k-pos-static, .k-static { position: static; } .\!k-pos-static, .\!k-static { position: static !important; } .k-pos-relative, .k-relative { position: relative; } .\!k-pos-relative, .\!k-relative { position: relative !important; } .k-pos-absolute, .k-absolute { position: absolute; } .\!k-pos-absolute, .\!k-absolute { position: absolute !important; } .k-pos-fixed, .k-fixed { position: fixed; } .\!k-pos-fixed, .\!k-fixed { position: fixed !important; } .k-pos-sticky, .k-sticky { position: sticky; } .\!k-pos-sticky, .\!k-sticky { position: sticky !important; } .k-inset-0 { inset: 0; } .\!k-inset-0 { inset: 0 !important; } .k-inset-1 { inset: 1px; } .\!k-inset-1 { inset: 1px !important; } .k-inset--1 { inset: -1px; } .\!k-inset--1 { inset: -1px !important; } .k-inset-x-0 { inset-inline: 0; } .\!k-inset-x-0 { inset-inline: 0 !important; } .k-inset-x-1 { inset-inline: 1px; } .\!k-inset-x-1 { inset-inline: 1px !important; } .k-inset-x--1 { inset-inline: -1px; } .\!k-inset-x--1 { inset-inline: -1px !important; } .k-inset-y-0 { inset-block: 0; } .\!k-inset-y-0 { inset-block: 0 !important; } .k-inset-y-1 { inset-block: 1px; } .\!k-inset-y-1 { inset-block: 1px !important; } .k-inset-y--1 { inset-block: -1px; } .\!k-inset-y--1 { inset-block: -1px !important; } .k-top-0 { top: 0; } .\!k-top-0 { top: 0 !important; } .k-top-1 { top: 1px; } .\!k-top-1 { top: 1px !important; } .k-top--1 { top: -1px; } .\!k-top--1 { top: -1px !important; } .k-right-0 { right: 0; } .\!k-right-0 { right: 0 !important; } .k-right-1 { right: 1px; } .\!k-right-1 { right: 1px !important; } .k-right--1 { right: -1px; } .\!k-right--1 { right: -1px !important; } .k-bottom-0 { bottom: 0; } .\!k-bottom-0 { bottom: 0 !important; } .k-bottom-1 { bottom: 1px; } .\!k-bottom-1 { bottom: 1px !important; } .k-bottom--1 { bottom: -1px; } .\!k-bottom--1 { bottom: -1px !important; } .k-left-0 { left: 0; } .\!k-left-0 { left: 0 !important; } .k-left-1 { left: 1px; } .\!k-left-1 { left: 1px !important; } .k-left--1 { left: -1px; } .\!k-left--1 { left: -1px !important; } .k-top-left-0 { top: 0; left: 0; } .\!k-top-left-0 { top: 0 !important; left: 0 !important; } .k-top-left-1 { top: 1px; left: 1px; } .\!k-top-left-1 { top: 1px !important; left: 1px !important; } .k-top-left--1 { top: -1px; left: -1px; } .\!k-top-left--1 { top: -1px !important; left: -1px !important; } .k-top-right-0 { top: 0; right: 0; } .\!k-top-right-0 { top: 0 !important; right: 0 !important; } .k-top-right-1 { top: 1px; right: 1px; } .\!k-top-right-1 { top: 1px !important; right: 1px !important; } .k-top-right--1 { top: -1px; right: -1px; } .\!k-top-right--1 { top: -1px !important; right: -1px !important; } .k-bottom-left-0 { bottom: 0; left: 0; } .\!k-bottom-left-0 { bottom: 0 !important; left: 0 !important; } .k-bottom-left-1 { bottom: 1px; left: 1px; } .\!k-bottom-left-1 { bottom: 1px !important; left: 1px !important; } .k-bottom-left--1 { bottom: -1px; left: -1px; } .\!k-bottom-left--1 { bottom: -1px !important; left: -1px !important; } .k-bottom-right-0 { bottom: 0; right: 0; } .\!k-bottom-right-0 { bottom: 0 !important; right: 0 !important; } .k-bottom-right-1 { bottom: 1px; right: 1px; } .\!k-bottom-right-1 { bottom: 1px !important; right: 1px !important; } .k-bottom-right--1 { bottom: -1px; right: -1px; } .\!k-bottom-right--1 { bottom: -1px !important; right: -1px !important; } .k-top-start, .k-pos-top-start { top: 0; inset-inline-start: 0; } .k-top-end, .k-pos-top-end { top: 0; inset-inline-end: 0; } .k-bottom-start, .k-pos-bottom-start { bottom: 0; inset-inline-start: 0; } .k-bottom-end, .k-pos-bottom-end { bottom: 0; inset-inline-end: 0; } .k-top-center, .k-pos-top-center { top: 0; left: 50%; transform: translateX(-50%); } .k-middle-left, .k-middle-start, .k-pos-middle-start { top: 50%; left: 0; transform: translateY(-50%); } .k-middle-center { top: 50%; left: 50%; transform: translateY(-50%); } .k-middle-right, .k-middle-end, .k-pos-middle-end { top: 50%; right: 0; transform: translateY(-50%); } .k-bottom-center, .k-pos-bottom-center { bottom: 0; left: 50%; transform: translateX(-50%); } .k-top, .k-pos-top { top: 0; } .k-right, .k-pos-right { right: 0; } .k-bottom, .k-pos-bottom { bottom: 0; } .k-left, .k-pos-left { left: 0; } .k-visibility-visible, .k-visible { visibility: visible; } .\!k-visibility-visible, .\!k-visible { visibility: visible !important; } .k-visibility-hidden, .k-invisible { visibility: hidden; } .\!k-visibility-hidden, .\!k-invisible { visibility: hidden !important; } .k-z-0 { z-index: 0; } .\!k-z-0 { z-index: 0 !important; } .k-z-10 { z-index: 10; } .\!k-z-10 { z-index: 10 !important; } .k-z-20 { z-index: 20; } .\!k-z-20 { z-index: 20 !important; } .k-z-30 { z-index: 30; } .\!k-z-30 { z-index: 30 !important; } .k-z-40 { z-index: 40; } .\!k-z-40 { z-index: 40 !important; } .k-z-50 { z-index: 50; } .\!k-z-50 { z-index: 50 !important; } .k-z-auto { z-index: auto; } .\!k-z-auto { z-index: auto !important; } .k-align-content-normal { align-content: normal; } .\!k-align-content-normal { align-content: normal !important; } .k-align-content-stretch { align-content: stretch; } .\!k-align-content-stretch { align-content: stretch !important; } .k-align-content-center { align-content: center; } .\!k-align-content-center { align-content: center !important; } .k-align-content-start { align-content: start; } .\!k-align-content-start { align-content: start !important; } .k-align-content-end { align-content: end; } .\!k-align-content-end { align-content: end !important; } .k-align-content-flex-start { align-content: flex-start; } .\!k-align-content-flex-start { align-content: flex-start !important; } .k-align-content-flex-end { align-content: flex-end; } .\!k-align-content-flex-end { align-content: flex-end !important; } .k-align-content-baseline { align-content: baseline; } .\!k-align-content-baseline { align-content: baseline !important; } .k-align-content-first-baseline { align-content: first baseline; } .\!k-align-content-first-baseline { align-content: first baseline !important; } .k-align-content-last-baseline { align-content: last baseline; } .\!k-align-content-last-baseline { align-content: last baseline !important; } .k-align-content-between { align-content: space-between; } .\!k-align-content-between { align-content: space-between !important; } .k-align-content-around { align-content: space-around; } .\!k-align-content-around { align-content: space-around !important; } .k-align-content-evenly { align-content: space-evenly; } .\!k-align-content-evenly { align-content: space-evenly !important; } .k-align-items-normal { align-items: normal; } .\!k-align-items-normal { align-items: normal !important; } .k-align-items-stretch { align-items: stretch; } .\!k-align-items-stretch { align-items: stretch !important; } .k-align-items-center { align-items: center; } .\!k-align-items-center { align-items: center !important; } .k-align-items-start { align-items: start; } .\!k-align-items-start { align-items: start !important; } .k-align-items-end { align-items: end; } .\!k-align-items-end { align-items: end !important; } .k-align-items-flex-start { align-items: flex-start; } .\!k-align-items-flex-start { align-items: flex-start !important; } .k-align-items-flex-end { align-items: flex-end; } .\!k-align-items-flex-end { align-items: flex-end !important; } .k-align-items-baseline { align-items: baseline; } .\!k-align-items-baseline { align-items: baseline !important; } .k-align-items-first-baseline { align-items: first baseline; } .\!k-align-items-first-baseline { align-items: first baseline !important; } .k-align-items-last-baseline { align-items: last baseline; } .\!k-align-items-last-baseline { align-items: last baseline !important; } .k-align-items-self-start { align-items: self-start; } .\!k-align-items-self-start { align-items: self-start !important; } .k-align-items-self-end { align-items: self-end; } .\!k-align-items-self-end { align-items: self-end !important; } .k-align-self-auto { align-self: auto; } .\!k-align-self-auto { align-self: auto !important; } .k-align-self-normal { align-self: normal; } .\!k-align-self-normal { align-self: normal !important; } .k-align-self-stretch { align-self: stretch; } .\!k-align-self-stretch { align-self: stretch !important; } .k-align-self-center { align-self: center; } .\!k-align-self-center { align-self: center !important; } .k-align-self-start { align-self: start; } .\!k-align-self-start { align-self: start !important; } .k-align-self-end { align-self: end; } .\!k-align-self-end { align-self: end !important; } .k-align-self-flex-start { align-self: flex-start; } .\!k-align-self-flex-start { align-self: flex-start !important; } .k-align-self-flex-end { align-self: flex-end; } .\!k-align-self-flex-end { align-self: flex-end !important; } .k-align-self-baseline { align-self: baseline; } .\!k-align-self-baseline { align-self: baseline !important; } .k-align-self-first-baseline { align-self: first baseline; } .\!k-align-self-first-baseline { align-self: first baseline !important; } .k-align-self-last-baseline { align-self: last baseline; } .\!k-align-self-last-baseline { align-self: last baseline !important; } .k-align-self-self-start { align-self: self-start; } .\!k-align-self-self-start { align-self: self-start !important; } .k-align-self-self-end { align-self: self-end; } .\!k-align-self-self-end { align-self: self-end !important; } .k-basis-0 { flex-basis: 0; } .\!k-basis-0 { flex-basis: 0 !important; } .k-basis-1px { flex-basis: 1px; } .\!k-basis-1px { flex-basis: 1px !important; } .k-basis-0\.5 { flex-basis: 0.125rem; } .\!k-basis-0\.5 { flex-basis: 0.125rem !important; } .k-basis-1 { flex-basis: 0.25rem; } .\!k-basis-1 { flex-basis: 0.25rem !important; } .k-basis-1\.5 { flex-basis: 0.375rem; } .\!k-basis-1\.5 { flex-basis: 0.375rem !important; } .k-basis-2 { flex-basis: 0.5rem; } .\!k-basis-2 { flex-basis: 0.5rem !important; } .k-basis-2\.5 { flex-basis: 0.625rem; } .\!k-basis-2\.5 { flex-basis: 0.625rem !important; } .k-basis-3 { flex-basis: 0.75rem; } .\!k-basis-3 { flex-basis: 0.75rem !important; } .k-basis-3\.5 { flex-basis: 0.875rem; } .\!k-basis-3\.5 { flex-basis: 0.875rem !important; } .k-basis-4 { flex-basis: 1rem; } .\!k-basis-4 { flex-basis: 1rem !important; } .k-basis-4\.5 { flex-basis: 1.125rem; } .\!k-basis-4\.5 { flex-basis: 1.125rem !important; } .k-basis-5 { flex-basis: 1.25rem; } .\!k-basis-5 { flex-basis: 1.25rem !important; } .k-basis-5\.5 { flex-basis: 1.375rem; } .\!k-basis-5\.5 { flex-basis: 1.375rem !important; } .k-basis-6 { flex-basis: 1.5rem; } .\!k-basis-6 { flex-basis: 1.5rem !important; } .k-basis-6\.5 { flex-basis: 1.625rem; } .\!k-basis-6\.5 { flex-basis: 1.625rem !important; } .k-basis-7 { flex-basis: 1.75rem; } .\!k-basis-7 { flex-basis: 1.75rem !important; } .k-basis-7\.5 { flex-basis: 1.875rem; } .\!k-basis-7\.5 { flex-basis: 1.875rem !important; } .k-basis-8 { flex-basis: 2rem; } .\!k-basis-8 { flex-basis: 2rem !important; } .k-basis-9 { flex-basis: 2.25rem; } .\!k-basis-9 { flex-basis: 2.25rem !important; } .k-basis-10 { flex-basis: 2.5rem; } .\!k-basis-10 { flex-basis: 2.5rem !important; } .k-basis-11 { flex-basis: 2.75rem; } .\!k-basis-11 { flex-basis: 2.75rem !important; } .k-basis-12 { flex-basis: 3rem; } .\!k-basis-12 { flex-basis: 3rem !important; } .k-basis-13 { flex-basis: 3.25rem; } .\!k-basis-13 { flex-basis: 3.25rem !important; } .k-basis-14 { flex-basis: 3.5rem; } .\!k-basis-14 { flex-basis: 3.5rem !important; } .k-basis-15 { flex-basis: 3.75rem; } .\!k-basis-15 { flex-basis: 3.75rem !important; } .k-basis-16 { flex-basis: 4rem; } .\!k-basis-16 { flex-basis: 4rem !important; } .k-basis-17 { flex-basis: 4.25rem; } .\!k-basis-17 { flex-basis: 4.25rem !important; } .k-basis-18 { flex-basis: 4.5rem; } .\!k-basis-18 { flex-basis: 4.5rem !important; } .k-basis-19 { flex-basis: 4.75rem; } .\!k-basis-19 { flex-basis: 4.75rem !important; } .k-basis-20 { flex-basis: 5rem; } .\!k-basis-20 { flex-basis: 5rem !important; } .k-basis-21 { flex-basis: 5.25rem; } .\!k-basis-21 { flex-basis: 5.25rem !important; } .k-basis-22 { flex-basis: 5.5rem; } .\!k-basis-22 { flex-basis: 5.5rem !important; } .k-basis-23 { flex-basis: 5.75rem; } .\!k-basis-23 { flex-basis: 5.75rem !important; } .k-basis-24 { flex-basis: 6rem; } .\!k-basis-24 { flex-basis: 6rem !important; } .k-basis-auto { flex-basis: auto; } .\!k-basis-auto { flex-basis: auto !important; } .k-basis-1\/2 { flex-basis: 50%; } .\!k-basis-1\/2 { flex-basis: 50% !important; } .k-basis-1\/3 { flex-basis: 33.333333%; } .\!k-basis-1\/3 { flex-basis: 33.333333% !important; } .k-basis-2\/3 { flex-basis: 66.666667%; } .\!k-basis-2\/3 { flex-basis: 66.666667% !important; } .k-basis-1\/4 { flex-basis: 25%; } .\!k-basis-1\/4 { flex-basis: 25% !important; } .k-basis-2\/4 { flex-basis: 50%; } .\!k-basis-2\/4 { flex-basis: 50% !important; } .k-basis-3\/4 { flex-basis: 75%; } .\!k-basis-3\/4 { flex-basis: 75% !important; } .k-basis-1\/5 { flex-basis: 20%; } .\!k-basis-1\/5 { flex-basis: 20% !important; } .k-basis-2\/5 { flex-basis: 40%; } .\!k-basis-2\/5 { flex-basis: 40% !important; } .k-basis-3\/5 { flex-basis: 60%; } .\!k-basis-3\/5 { flex-basis: 60% !important; } .k-basis-4\/5 { flex-basis: 80%; } .\!k-basis-4\/5 { flex-basis: 80% !important; } .k-basis-1\/6 { flex-basis: 16.666667%; } .\!k-basis-1\/6 { flex-basis: 16.666667% !important; } .k-basis-2\/6 { flex-basis: 33.333333%; } .\!k-basis-2\/6 { flex-basis: 33.333333% !important; } .k-basis-3\/6 { flex-basis: 50%; } .\!k-basis-3\/6 { flex-basis: 50% !important; } .k-basis-4\/6 { flex-basis: 66.666667%; } .\!k-basis-4\/6 { flex-basis: 66.666667% !important; } .k-basis-5\/6 { flex-basis: 83.333333%; } .\!k-basis-5\/6 { flex-basis: 83.333333% !important; } .k-basis-1\/12 { flex-basis: 8.333333%; } .\!k-basis-1\/12 { flex-basis: 8.333333% !important; } .k-basis-2\/12 { flex-basis: 16.666667%; } .\!k-basis-2\/12 { flex-basis: 16.666667% !important; } .k-basis-3\/12 { flex-basis: 25%; } .\!k-basis-3\/12 { flex-basis: 25% !important; } .k-basis-4\/12 { flex-basis: 33.333333%; } .\!k-basis-4\/12 { flex-basis: 33.333333% !important; } .k-basis-5\/12 { flex-basis: 41.666667%; } .\!k-basis-5\/12 { flex-basis: 41.666667% !important; } .k-basis-6\/12 { flex-basis: 50%; } .\!k-basis-6\/12 { flex-basis: 50% !important; } .k-basis-7\/12 { flex-basis: 58.333333%; } .\!k-basis-7\/12 { flex-basis: 58.333333% !important; } .k-basis-8\/12 { flex-basis: 66.666667%; } .\!k-basis-8\/12 { flex-basis: 66.666667% !important; } .k-basis-9\/12 { flex-basis: 75%; } .\!k-basis-9\/12 { flex-basis: 75% !important; } .k-basis-10\/12 { flex-basis: 83.333333%; } .\!k-basis-10\/12 { flex-basis: 83.333333% !important; } .k-basis-11\/12 { flex-basis: 91.666667%; } .\!k-basis-11\/12 { flex-basis: 91.666667% !important; } .k-basis-full { flex-basis: 100%; } .\!k-basis-full { flex-basis: 100% !important; } .k-basis-min { flex-basis: min-content; } .\!k-basis-min { flex-basis: min-content !important; } .k-basis-max { flex-basis: max-content; } .\!k-basis-max { flex-basis: max-content !important; } .k-basis-fit { flex-basis: fit-content; } .\!k-basis-fit { flex-basis: fit-content !important; } .k-flex-basis-0 { flex-basis: 0; } .\!k-flex-basis-0 { flex-basis: 0 !important; } .k-flex-basis-1px { flex-basis: 1px; } .\!k-flex-basis-1px { flex-basis: 1px !important; } .k-flex-basis-0\.5 { flex-basis: 0.125rem; } .\!k-flex-basis-0\.5 { flex-basis: 0.125rem !important; } .k-flex-basis-1 { flex-basis: 0.25rem; } .\!k-flex-basis-1 { flex-basis: 0.25rem !important; } .k-flex-basis-1\.5 { flex-basis: 0.375rem; } .\!k-flex-basis-1\.5 { flex-basis: 0.375rem !important; } .k-flex-basis-2 { flex-basis: 0.5rem; } .\!k-flex-basis-2 { flex-basis: 0.5rem !important; } .k-flex-basis-2\.5 { flex-basis: 0.625rem; } .\!k-flex-basis-2\.5 { flex-basis: 0.625rem !important; } .k-flex-basis-3 { flex-basis: 0.75rem; } .\!k-flex-basis-3 { flex-basis: 0.75rem !important; } .k-flex-basis-3\.5 { flex-basis: 0.875rem; } .\!k-flex-basis-3\.5 { flex-basis: 0.875rem !important; } .k-flex-basis-4 { flex-basis: 1rem; } .\!k-flex-basis-4 { flex-basis: 1rem !important; } .k-flex-basis-4\.5 { flex-basis: 1.125rem; } .\!k-flex-basis-4\.5 { flex-basis: 1.125rem !important; } .k-flex-basis-5 { flex-basis: 1.25rem; } .\!k-flex-basis-5 { flex-basis: 1.25rem !important; } .k-flex-basis-5\.5 { flex-basis: 1.375rem; } .\!k-flex-basis-5\.5 { flex-basis: 1.375rem !important; } .k-flex-basis-6 { flex-basis: 1.5rem; } .\!k-flex-basis-6 { flex-basis: 1.5rem !important; } .k-flex-basis-6\.5 { flex-basis: 1.625rem; } .\!k-flex-basis-6\.5 { flex-basis: 1.625rem !important; } .k-flex-basis-7 { flex-basis: 1.75rem; } .\!k-flex-basis-7 { flex-basis: 1.75rem !important; } .k-flex-basis-7\.5 { flex-basis: 1.875rem; } .\!k-flex-basis-7\.5 { flex-basis: 1.875rem !important; } .k-flex-basis-8 { flex-basis: 2rem; } .\!k-flex-basis-8 { flex-basis: 2rem !important; } .k-flex-basis-9 { flex-basis: 2.25rem; } .\!k-flex-basis-9 { flex-basis: 2.25rem !important; } .k-flex-basis-10 { flex-basis: 2.5rem; } .\!k-flex-basis-10 { flex-basis: 2.5rem !important; } .k-flex-basis-11 { flex-basis: 2.75rem; } .\!k-flex-basis-11 { flex-basis: 2.75rem !important; } .k-flex-basis-12 { flex-basis: 3rem; } .\!k-flex-basis-12 { flex-basis: 3rem !important; } .k-flex-basis-13 { flex-basis: 3.25rem; } .\!k-flex-basis-13 { flex-basis: 3.25rem !important; } .k-flex-basis-14 { flex-basis: 3.5rem; } .\!k-flex-basis-14 { flex-basis: 3.5rem !important; } .k-flex-basis-15 { flex-basis: 3.75rem; } .\!k-flex-basis-15 { flex-basis: 3.75rem !important; } .k-flex-basis-16 { flex-basis: 4rem; } .\!k-flex-basis-16 { flex-basis: 4rem !important; } .k-flex-basis-17 { flex-basis: 4.25rem; } .\!k-flex-basis-17 { flex-basis: 4.25rem !important; } .k-flex-basis-18 { flex-basis: 4.5rem; } .\!k-flex-basis-18 { flex-basis: 4.5rem !important; } .k-flex-basis-19 { flex-basis: 4.75rem; } .\!k-flex-basis-19 { flex-basis: 4.75rem !important; } .k-flex-basis-20 { flex-basis: 5rem; } .\!k-flex-basis-20 { flex-basis: 5rem !important; } .k-flex-basis-21 { flex-basis: 5.25rem; } .\!k-flex-basis-21 { flex-basis: 5.25rem !important; } .k-flex-basis-22 { flex-basis: 5.5rem; } .\!k-flex-basis-22 { flex-basis: 5.5rem !important; } .k-flex-basis-23 { flex-basis: 5.75rem; } .\!k-flex-basis-23 { flex-basis: 5.75rem !important; } .k-flex-basis-24 { flex-basis: 6rem; } .\!k-flex-basis-24 { flex-basis: 6rem !important; } .k-flex-basis-auto { flex-basis: auto; } .\!k-flex-basis-auto { flex-basis: auto !important; } .k-flex-basis-1\/2 { flex-basis: 50%; } .\!k-flex-basis-1\/2 { flex-basis: 50% !important; } .k-flex-basis-1\/3 { flex-basis: 33.333333%; } .\!k-flex-basis-1\/3 { flex-basis: 33.333333% !important; } .k-flex-basis-2\/3 { flex-basis: 66.666667%; } .\!k-flex-basis-2\/3 { flex-basis: 66.666667% !important; } .k-flex-basis-1\/4 { flex-basis: 25%; } .\!k-flex-basis-1\/4 { flex-basis: 25% !important; } .k-flex-basis-2\/4 { flex-basis: 50%; } .\!k-flex-basis-2\/4 { flex-basis: 50% !important; } .k-flex-basis-3\/4 { flex-basis: 75%; } .\!k-flex-basis-3\/4 { flex-basis: 75% !important; } .k-flex-basis-1\/5 { flex-basis: 20%; } .\!k-flex-basis-1\/5 { flex-basis: 20% !important; } .k-flex-basis-2\/5 { flex-basis: 40%; } .\!k-flex-basis-2\/5 { flex-basis: 40% !important; } .k-flex-basis-3\/5 { flex-basis: 60%; } .\!k-flex-basis-3\/5 { flex-basis: 60% !important; } .k-flex-basis-4\/5 { flex-basis: 80%; } .\!k-flex-basis-4\/5 { flex-basis: 80% !important; } .k-flex-basis-1\/6 { flex-basis: 16.666667%; } .\!k-flex-basis-1\/6 { flex-basis: 16.666667% !important; } .k-flex-basis-2\/6 { flex-basis: 33.333333%; } .\!k-flex-basis-2\/6 { flex-basis: 33.333333% !important; } .k-flex-basis-3\/6 { flex-basis: 50%; } .\!k-flex-basis-3\/6 { flex-basis: 50% !important; } .k-flex-basis-4\/6 { flex-basis: 66.666667%; } .\!k-flex-basis-4\/6 { flex-basis: 66.666667% !important; } .k-flex-basis-5\/6 { flex-basis: 83.333333%; } .\!k-flex-basis-5\/6 { flex-basis: 83.333333% !important; } .k-flex-basis-1\/12 { flex-basis: 8.333333%; } .\!k-flex-basis-1\/12 { flex-basis: 8.333333% !important; } .k-flex-basis-2\/12 { flex-basis: 16.666667%; } .\!k-flex-basis-2\/12 { flex-basis: 16.666667% !important; } .k-flex-basis-3\/12 { flex-basis: 25%; } .\!k-flex-basis-3\/12 { flex-basis: 25% !important; } .k-flex-basis-4\/12 { flex-basis: 33.333333%; } .\!k-flex-basis-4\/12 { flex-basis: 33.333333% !important; } .k-flex-basis-5\/12 { flex-basis: 41.666667%; } .\!k-flex-basis-5\/12 { flex-basis: 41.666667% !important; } .k-flex-basis-6\/12 { flex-basis: 50%; } .\!k-flex-basis-6\/12 { flex-basis: 50% !important; } .k-flex-basis-7\/12 { flex-basis: 58.333333%; } .\!k-flex-basis-7\/12 { flex-basis: 58.333333% !important; } .k-flex-basis-8\/12 { flex-basis: 66.666667%; } .\!k-flex-basis-8\/12 { flex-basis: 66.666667% !important; } .k-flex-basis-9\/12 { flex-basis: 75%; } .\!k-flex-basis-9\/12 { flex-basis: 75% !important; } .k-flex-basis-10\/12 { flex-basis: 83.333333%; } .\!k-flex-basis-10\/12 { flex-basis: 83.333333% !important; } .k-flex-basis-11\/12 { flex-basis: 91.666667%; } .\!k-flex-basis-11\/12 { flex-basis: 91.666667% !important; } .k-flex-basis-full { flex-basis: 100%; } .\!k-flex-basis-full { flex-basis: 100% !important; } .k-flex-basis-min { flex-basis: min-content; } .\!k-flex-basis-min { flex-basis: min-content !important; } .k-flex-basis-max { flex-basis: max-content; } .\!k-flex-basis-max { flex-basis: max-content !important; } .k-flex-basis-fit { flex-basis: fit-content; } .\!k-flex-basis-fit { flex-basis: fit-content !important; } .k-flex-row, .k-d-flex-row { flex-direction: row; } .\!k-flex-row, .\!k-d-flex-row, .\!k-d-flex-col { flex-direction: row !important; } .k-flex-row-reverse { flex-direction: row-reverse; } .\!k-flex-row-reverse { flex-direction: row-reverse !important; } .k-flex-col, .k-d-flex-col, .k-flex-column { flex-direction: column; } .\!k-flex-col { flex-direction: column !important; } .k-flex-col-reverse, .k-flex-column-reverse { flex-direction: column-reverse; } .\!k-flex-col-reverse { flex-direction: column-reverse !important; } .k-grow { flex-grow: 1; } .\!k-grow { flex-gro