UNPKG

@progress/kendo-ui

Version:

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

2,032 lines 966 kB
.k-theme-test-class, .k-common-test-class { opacity: 0; } [hidden] { display: none !important; } script { display: none !important; } .k-hidden { display: none !important; } .k-rtl { direction: rtl; } .k-sr-only { position: absolute; left: -1px; width: 1px; height: 1px; overflow: hidden; } .k-hbox, .k-hstack { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .k-vbox, .k-vstack { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .k-flex, .k-spacer { -ms-flex: 1 0 0%; flex: 1 0 0%; } .k-flex-layout { display: -ms-flexbox; 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; -ms-flex-positive: 0 !important; flex-grow: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; -ms-flex-item-align: stretch; align-self: stretch; } .k-separator-horizontal, .k-vstack > .k-separator { width: auto; height: 0; border-width: 1px 0 0; } .k-separator-vertical, .k-hstack > .k-separator { width: 0; height: auto; border-width: 0 0 0 1px; } hr.k-separator { margin: 0; padding: 0; } .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%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -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.25rem; border-color: #dee2e6; color: #212529; background-color: #ffffff; padding: 1rem 1rem; border-width: 1px; border-style: solid; box-sizing: border-box; } .k-block > .k-header, .k-panel > .k-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-color: #dee2e6; color: #212529; background-color: #f8f9fa; margin: -1rem -1rem 1rem; padding: 1rem 1rem; } .k-content { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-state-disabled, .k-disabled, .k-widget[disabled], .k-disabled { outline: none; cursor: default; opacity: 0.65; -webkit-filter: grayscale(0.1); filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-state-disabled .k-link, .k-disabled .k-link, .k-widget[disabled] .k-link, .k-disabled .k-link { cursor: default; outline: 0; } .k-state-disabled [disabled], .k-state-disabled .k-disabled, .k-state-disabled .k-state-disabled, .k-disabled [disabled], .k-disabled .k-disabled, .k-disabled .k-state-disabled, .k-widget[disabled] [disabled], .k-widget[disabled] .k-disabled, .k-widget[disabled] .k-state-disabled, .k-disabled [disabled], .k-disabled .k-disabled, .k-disabled .k-state-disabled { opacity: 1; -webkit-filter: grayscale(0); 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; -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-d-flex-col > .k-hr { margin: 0; -ms-flex: 0 0 auto; 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-placeholder-line { width: 100%; height: 10px; background-color: rgba(0, 0, 0, 0.1); display: inline-block; } .k-drop-hint { display: -ms-flexbox; display: flex; gap: 4px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; position: absolute; z-index: 1000; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .k-drop-hint-start, .k-drop-hint-end { -ms-flex-negative: 0; flex-shrink: 0; border-width: 4px; border-style: solid; border-color: transparent; } .k-drop-hint-line { -ms-flex-positive: 1; flex-grow: 1; background-color: #0d6efd; } .k-drop-hint-h .k-drop-hint-start { border-left-width: 6.92820323px; border-left-color: #0d6efd; border-right-width: 0; } .k-drop-hint-h .k-drop-hint-line { width: 20px; height: 1px; } .k-drop-hint-h .k-drop-hint-end { border-right-width: 6.92820323px; border-right-color: #0d6efd; border-left-width: 0; } .k-drop-hint-v { -ms-flex-direction: column; flex-direction: column; } .k-drop-hint-v .k-drop-hint-start { border-top-width: 6.92820323px; border-top-color: #0d6efd; border-bottom-width: 0; } .k-drop-hint-v .k-drop-hint-line { width: 1px; height: 20px; } .k-drop-hint-v .k-drop-hint-end { border-bottom-width: 6.92820323px; border-bottom-color: #0d6efd; border-top-width: 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 { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); } .k-push-right-enter-active, .k-push-right-appear-active { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-push-right-exit { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .k-push-right-exit-active { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-push-left-enter, .k-push-left-appear { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } .k-push-left-enter-active, .k-push-left-appear-active { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-push-left-exit { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .k-push-left-exit-active { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-push-down-enter, .k-push-down-appear { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); } .k-push-down-enter-active, .k-push-down-appear-active { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-push-down-exit { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .k-push-down-exit-active { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-push-up-enter, .k-push-up-appear { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); } .k-push-up-enter-active, .k-push-up-appear-active { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-push-up-exit { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .k-push-up-exit-active { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-expand-vertical-enter, .k-expand-vertical-appear { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .k-expand-vertical-enter-active, .k-expand-vertical-appear-active { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-expand-vertical-exit { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .k-expand-vertical-exit-active { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-expand-horizontal-enter, .k-expand-horizontal-appear { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .k-expand-horizontal-enter-active, .k-expand-horizontal-appear-active { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-expand-horizontal-exit { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .k-expand-horizontal-exit-active { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-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; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .k-zoom-in-enter-active, .k-zoom-in-appear-active { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: opacity 300ms ease-in-out, -webkit-transform; transition: transform, opacity 300ms ease-in-out; transition: transform, opacity 300ms ease-in-out, -webkit-transform; } .k-zoom-in-exit { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .k-zoom-in-exit-active { opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); transition: opacity 300ms ease-in-out, -webkit-transform; transition: transform, opacity 300ms ease-in-out; transition: transform, opacity 300ms ease-in-out, -webkit-transform; } .k-zoom-out-enter, .k-zoom-out-appear { opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .k-zoom-out-enter-active, .k-zoom-out-appear-active { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: opacity 300ms ease-in-out, -webkit-transform; transition: transform, opacity 300ms ease-in-out; transition: transform, opacity 300ms ease-in-out, -webkit-transform; } .k-zoom-out-exit { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .k-zoom-out-exit-active { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: opacity 300ms ease-in-out, -webkit-transform; transition: transform, opacity 300ms ease-in-out; transition: transform, opacity 300ms ease-in-out, -webkit-transform; } .k-slide-in-appear { opacity: 0.1; -webkit-transform: translate(0, -3em); -ms-transform: translate(0, -3em); transform: translate(0, -3em); } .k-slide-in-appear .k-centered { -webkit-transform: translate(-50%, -60%); -ms-transform: translate(-50%, -60%); transform: translate(-50%, -60%); } .k-slide-in-appear-active { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transition: opacity 0.3s cubic-bezier(0.2, 1, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1); transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.2, 1); transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1); } .k-slide-in-appear-active .k-centered { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .k-slide-down-enter, .k-slide-down-appear { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .k-slide-down-enter-active, .k-slide-down-appear-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-slide-down-exit { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .k-slide-down-exit-active { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-slide-up-enter, .k-slide-up-appear { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .k-slide-up-enter-active, .k-slide-up-appear-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-slide-up-exit { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .k-slide-up-exit-active { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-slide-right-enter, .k-slide-right-appear { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .k-slide-right-enter-active, .k-slide-right-appear-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-slide-right-exit { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .k-slide-right-exit-active { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-slide-left-enter, .k-slide-left-appear { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .k-slide-left-enter-active, .k-slide-left-appear-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .k-slide-left-exit { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .k-slide-left-exit-active { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-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 { -webkit-transform: scale(0) !important; -ms-transform: scale(0) !important; transform: scale(0) !important; } .k-fx-zoom.k-fx-end .k-fx-next { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; 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 { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current { -webkit-transform: scale(0) !important; -ms-transform: scale(0) !important; 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; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); 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 { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); 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; -webkit-transform: translateX(0); -ms-transform: translateX(0); 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 { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); 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 { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); 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 { -webkit-transform: translateX(0); -ms-transform: translateX(0); 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 { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); 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 { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); 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 { -webkit-transform: translateX(0); -ms-transform: translateX(0); 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 { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); 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 { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); 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 { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .k-fx-tile.k-fx-start .k-fx-next { will-change: transform; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .k-fx-tile.k-fx-end .k-fx-current { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .k-fx-tile.k-fx-right.k-fx-start .k-fx-next { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .k-fx-tile.k-fx-right.k-fx-end .k-fx-current { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); 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; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next { -webkit-transform: none; -ms-transform: none; transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; -webkit-transform: none; -ms-transform: none; 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 { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .k-drag-clue { border-radius: 0.25rem; padding: 0.375rem 0.75rem; border-width: 1px; border-style: solid; box-sizing: border-box; font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; white-space: nowrap; overflow: hidden; position: absolute; z-index: 20000; cursor: move; } .k-drag-status, .k-drag-clue .k-drag-status { margin: 0; margin-right: 0.4ex; } .k-drag-clue { border-color: #0c65e9; color: white; background-color: #0d6efd; } .k-reorder-cue { position: absolute; } .k-reorder-cue::before, .k-reorder-cue::after { content: ""; width: 0; height: 0; border: 3px solid transparent; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .k-reorder-cue::before { border-bottom-width: 0; border-top-color: currentColor; top: -4px; } .k-reorder-cue::after { border-top-width: 0; border-bottom-color: currentColor; bottom: -4px; } .k-loading-mask, .k-loading-image, .k-loading-color { width: 100%; height: 100%; box-sizing: border-box; position: absolute; top: 0; left: 0; } .k-loading-mask *, .k-loading-mask *::before, .k-loading-mask *::after, .k-loading-mask::before, .k-loading-mask::after, .k-loading-image *, .k-loading-image *::before, .k-loading-image *::after, .k-loading-image::before, .k-loading-image::after, .k-loading-color *, .k-loading-color *::before, .k-loading-color *::after, .k-loading-color::before, .k-loading-color::after { box-sizing: border-box; } .k-loading-mask { z-index: 100; } .k-loading-mask.k-opaque .k-loading-color { opacity: 1; } .k-loading-text { text-indent: -4000px; text-align: center; position: absolute; color: currentColor; } .k-loading-image { z-index: 2; color: currentColor; } .k-loading-color { background-color: #ffffff; opacity: 0.3; } .k-i-loading { position: relative; background-color: transparent; box-sizing: border-box; color: currentColor; } .k-i-loading::before, .k-i-loading::after { box-sizing: border-box; } .k-i-loading::before, .k-i-loading::after, .k-loading-image::before, .k-loading-image::after { position: absolute; top: 50%; left: 50%; display: inline-block; content: ""; box-sizing: inherit; border-radius: 50%; border-width: 0.05em; border-style: solid; border-color: currentColor; border-top-color: transparent; border-bottom-color: transparent; background-color: transparent; } .k-icon.k-i-loading::before, .k-icon.k-i-loading::after { content: ""; } .k-i-loading::before, .k-loading-image::before { margin-top: -0.5em; margin-left: -0.5em; width: 1em; height: 1em; -webkit-animation: k-loading-animation 0.7s linear infinite; animation: k-loading-animation 0.7s linear infinite; } .k-i-loading::after, .k-loading-image::after { margin-top: -0.25em; margin-left: -0.25em; width: 0.5em; height: 0.5em; animation: k-loading-animation reverse 1.4s linear infinite; } .k-loading-image::before, .k-loading-image::after { content: ""; border-width: 1px; border-width: clamp(0.015em, 1px, 1px); font-size: 4em; } @-webkit-keyframes loading { 0% { stroke-dasharray: 0 251; stroke-dashoffset: 502; } 50% { stroke-dasharray: 250 1; } 100% { stroke-dasharray: 0 251; stroke-dashoffset: 0; } } @keyframes loading { 0% { stroke-dasharray: 0 251; stroke-dashoffset: 502; } 50% { stroke-dasharray: 250 1; } 100% { stroke-dasharray: 0 251; stroke-dashoffset: 0; } } @-webkit-keyframes k-loading-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes k-loading-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .k-i-loading::before, .k-loading-image::before { border-color: currentColor; border-right-color: transparent !important; } .k-i-loading::after, .k-loading-image::after { display: none !important; } .k-loading-image::before { border-width: 0.25rem; } .k-resize-handle, .k-resize-hint { position: absolute; border-color: inherit; z-index: 200; } .k-resize-handle { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .k-resize-handle::before { content: ""; border: 0 solid; border-color: inherit; } .k-resize-n { width: 100%; height: 6px; -ms-flex-direction: row; flex-direction: row; left: 0; top: -3px; cursor: n-resize; } .k-resize-s { width: 100%; height: 6px; -ms-flex-direction: row; flex-direction: row; left: 0; bottom: -3px; cursor: s-resize; } .k-resize-w { width: 6px; height: 100%; -ms-flex-direction: column; flex-direction: column; top: 0; left: -3px; cursor: w-resize; } .k-resize-e { width: 6px; height: 100%; -ms-flex-direction: column; 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: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .k-resize-hint .k-resize-hint-handle { width: auto; height: 20px; -ms-flex-item-align: stretch; align-self: stretch; } .k-resize-hint .k-resize-hint-marker { width: 2px; height: auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-resize-hint-vertical { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } .k-resize-hint-vertical .k-resize-hint-handle { width: 20px; height: auto; -ms-flex-item-align: stretch; align-self: stretch; } .k-resize-hint-vertical .k-resize-hint-marker { width: auto; height: 2px; -ms-flex: 1 1 auto; 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: white; background-color: #0d6efd; border-color: #0c65e9; opacity: 0.6; } .k-marquee-text { color: white; } .k-body, .k-typography { font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; font-weight: 400; margin: 0; } .k-body p, .k-typography p { margin: 0 0 1rem; } .k-h1 { font-size: 2.5rem; line-height: 1.2; font-weight: 500; margin: 0 0 0.5rem; } .k-h2 { font-size: 2rem; line-height: 1.2; font-weight: 500; margin: 0 0 0.5rem; } .k-h3 { font-size: 1.75rem; line-height: 1.2; font-weight: 500; margin: 0 0 0.5rem; } .k-h4 { font-size: 1.5rem; line-height: 1.2; font-weight: 500; margin: 0 0 0.5rem; } .k-h5 { font-size: 1.25rem; line-height: 1.2; font-weight: 500; margin: 0 0 0.5rem; } .k-h6 { font-size: 1rem; line-height: 1.2; font-weight: 500; margin: 0 0 0.5rem; } .k-paragraph { font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; font-weight: 400; margin: 0 0 1rem; } .k-pre, .k-code { font-size: 0.875em; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; line-height: 1.5; font-weight: 400; border-style: solid; border-width: 1px; } .k-pre { padding: 16px 24px; overflow: auto; } .k-pre > .k-code { padding: 0; border-width: 0; border-color: transparent; background-color: transparent; font-family: inherit; font-size: inherit; } .k-code { padding: 0px 4px; } .k-display-1 { font-size: 5rem; line-height: 1.2; font-weight: 300; } .k-display-2 { font-size: 4.5rem; line-height: 1.2; font-weight: 300; } .k-display-3 { font-size: 4rem; line-height: 1.2; font-weight: 300; } .k-display-4 { font-size: 3.5rem; line-height: 1.2; font-weight: 300; } .k-body { color: #212529; background-color: #ffffff; } .k-pre, .k-code { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .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-border { border-width: 1px !important; } .k-border-0 { border-width: 0 !important; } .k-border-top { border-top-width: 1px !important; } .k-border-top-0 { border-top-width: 0 !important; } .k-border-right { border-right-width: 1px !important; } .k-border-right-0 { border-right-width: 0 !important; } .k-border-bottom { border-bottom-width: 1px !important; } .k-border-bottom-0 { border-bottom-width: 0 !important; } .k-border-left { border-left-width: 1px !important; } .k-border-left-0 { border-left-width: 0 !important; } .k-border-x { border-left-width: 1px !important; border-right-width: 1px !important; } .k-border-x-0 { border-left-width: 0 !important; border-right-width: 0 !important; } .k-border-y { border-top-width: 1px !important; border-bottom-width: 1px !important; } .k-border-y-0 { border-top-width: 0 !important; border-bottom-width: 0 !important; } .k-border-solid { border-style: solid !important; } .k-border-dashed { border-style: dashed !important; } .k-border-dotted { border-style: dotted !important; } .k-border-double { border-style: double !important; } .k-border-none { border-style: none !important; } .k-border-primary { border-color: #0d6efd !important; } .k-border-secondary { border-color: #6c757d !important; } .k-border-tertiary { border-color: #6f42c1 !important; } .k-border-info { border-color: #0dcaf0 !important; } .k-border-success { border-color: #198754 !important; } .k-border-warning { border-color: #ffc107 !important; } .k-border-error { border-color: #dc3545 !important; } .k-border-dark { border-color: #212529 !important; } .k-border-light { border-color: #f8f9fa !important; } .k-border-inverse { border-color: #212529 !important; } .k-rounded { border-radius: 0.25rem; } .\!k-rounded { border-radius: 0.25rem !important; } .k-rounded-0 { border-radius: 0; } .\!k-rounded-0 { border-radius: 0 !important; } .k-rounded-sm { border-radius: 0.125rem; } .\!k-rounded-sm { border-radius: 0.125rem !important; } .k-rounded-md { border-radius: 0.25rem; } .\!k-rounded-md { border-radius: 0.25rem !important; } .k-rounded-lg { border-radius: 0.375rem; } .\!k-rounded-lg { border-radius: 0.375rem !important; } .k-rounded-full { border-radius: 9999px; } .\!k-rounded-full { border-radius: 9999px !important; } .k-rounded-top { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .\!k-rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .k-rounded-top-0 { border-top-left-radius: 0; border-top-right-radius: 0; } .\!k-rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .k-rounded-top-sm { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .\!k-rounded-top-sm { border-top-left-radius: 0.125rem !important; border-top-right-radius: 0.125rem !important; } .k-rounded-top-md { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .\!k-rounded-top-md { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .k-rounded-top-lg { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; } .\!k-rounded-top-lg { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .k-rounded-top-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; } .\!k-rounded-top-full { border-top-left-radius: 9999px !important; border-top-right-radius: 9999px !important; } .k-rounded-right { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .\!k-rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .k-rounded-right-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .\!k-rounded-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .k-rounded-right-sm { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .\!k-rounded-right-sm { border-top-right-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .k-rounded-right-md { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .\!k-rounded-right-md { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .k-rounded-right-lg { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .\!k-rounded-right-lg { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .k-rounded-right-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; } .\!k-rounded-right-full { border-top-right-radius: 9999px !important; border-bottom-right-radius: 9999px !important; } .k-rounded-bottom { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .\!k-rounded-bottom { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .k-rounded-bottom-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .\!k-rounded-bottom-0 { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .k-rounded-bottom-sm { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .\!k-rounded-bottom-sm { border-bottom-left-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .k-rounded-bottom-md { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .\!k-rounded-bottom-md { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .k-rounded-bottom-lg { border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .\!k-rounded-bottom-lg { border-bottom-left-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .k-rounded-bottom-full { border-bottom-left-radius: 9999px; border-bottom-right-radius: 9999px; } .\!k-rounded-bottom-full { border-bottom-left-radius: 9999px !important; border-bottom-right-radius: 9999px !important; } .k-rounded-left { border-bottom-left-radius: 0.25rem; border-top-left-radius: 0.25rem; } .\!k-rounded-left { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .k-rounded-left-0 { border-bottom-left-radius: 0; border-top-left-radius: 0; } .\!k-rounded-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .k-rounded-left-sm { border-bottom-left-radius: 0.125rem; border-top-left-radius: 0.125rem; } .\!k-rounded-left-sm { border-bottom-left-radius: 0.125rem !important; border-top-left-radius: 0.125rem !important; } .k-rounded-left-md { border-bottom-left-radius: 0.25rem; border-top-left-radius: 0.25rem; } .\!k-rounded-left-md { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .k-rounded-left-lg { border-bottom-left-radius: 0.375rem; border-top-left-radius: 0.375rem; } .\!k-rounded-left-lg { border-bottom-left-radius: 0.375rem !important; border-top-left-radius: 0.375rem !important; } .k-rounded-left-full { border-bottom-left-radius: 9999px; border-top-left-radius: 9999px; } .\!k-rounded-left-full { border-bottom-left-radius: 9999px !important; border-top-left-radius: 9999px !important; } .k-rounded-top-left { border-top-left-radius: 0.25rem; } .\!k-rounded-top-left { border-top-left-radius: 0.25rem !important; } .k-rounded-top-left-0 { border-top-left-radius: 0; } .\!k-rounded-top-left-0 { border-top-left-radius: 0 !important; } .k-rounded-top-left-sm { border-top-left-radius: 0.125rem; } .\!k-rounded-top-left-sm { border-top-left-radius: 0.125rem !important; } .k-rounded-top-left-md { border-top-left-radius: 0.25rem; } .\!k-rounded-top-left-md { border-top-left-radius: 0.25rem !important; } .k-rounded-top-left-lg { border-top-left-radius: 0.375rem; } .\!k-rounded-top-left-lg { border-top-left-radius: 0.375rem !important; } .k-rounded-top-left-full { border-top-left-radius: 9999px; } .\!k-rounded-top-left-full { border-top-left-radius: 9999px !important; } .k-rounded-top-right { border-top-right-radius: 0.25rem; } .\!k-rounded-top-right { border-top-right-radius: 0.25rem !important; } .k-rounded-top-right-0 { border-top-right-radius: 0; } .\!k-rounded-top-right-0 { border-top-right-radius: 0 !important; } .k-rounded-top-right-sm { border-top-right-radius: 0.125rem; } .\!k-rounded-top-right-sm { border-top-right-radius: 0.125rem !important; } .k-rounded-top-right-md { border-top-right-radius: 0.25rem; } .\!k-rounded-top-right-md { border-top-right-radius: 0.25rem !important; } .k-rounded-top-right-lg { border-top-right-radius: 0.375rem; } .\!k-rounded-top-right-lg { border-top-right-radius: 0.375rem !important; } .k-rounded-top-right-full { border-top-right-radius: 9999px; } .\!k-rounded-top-right-full { border-top-right-radius: 9999px !important; } .k-rounded-bottom-left { border-bottom-left-radius: 0.25rem; } .\!k-rounded-bottom-left { border-bottom-left-radius: 0.25rem !important; } .k-rounded-bottom-left-0 { border-bottom-left-radius: 0; } .\!k-rounded-bottom-left-0 { border-bottom-left-radius: 0 !important; } .k-rounded-bottom-left-sm { border-bottom-left-radius: 0.125rem; } .\!k-rounded-bottom-left-sm { border-bottom-left-radius: 0.125rem !important; } .k-rounded-bottom-left-md { border-bottom-left-radius: 0.25rem; } .\!k-rounded-bottom-left-md { border-bottom-left-radius: 0.25rem !important; } .k-rounded-bottom-left-lg { border-bottom-left-radius: 0.375rem; } .\!k-rounded-bottom-left-lg { border-bottom-left-radius: 0.375rem !important; } .k-rounded-bottom-left-full { border-bottom-left-radius: 9999px; } .\!k-rounded-bottom-left-full { border-bottom-left-radius: 9999px !important; } .k-rounded-bottom-right { border-bottom-right-radius: 0.25rem; } .\!k-rounded-bottom-right { border-bottom-right-radius: 0.25rem !important; } .k-rounded-bottom-right-0 { border-bottom-right-radius: 0; } .\!k-rounded-bottom-right-0 { border-bottom-right-radius: 0 !important; } .k-rounded-bottom-right-sm { border-bottom-right-radius: 0.125rem; } .\!k-rounded-bottom-right-sm { border-bottom-right-radius: 0.125rem !important; } .k-rounded-bottom-right-md { border-bottom-right-radius: 0.25rem; } .\!k-rounded-bottom-right-md { border-bottom-right-radius: 0.25rem !important; } .k-rounded-bottom-right-lg { border-bottom-right-radius: 0.375rem; } .\!k-rounded-bottom-right-lg { border-bottom-right-radius: 0.375rem !important; } .k-rounded-bottom-right-full { border-bottom-right-radius: 9999px; } .\!k-rounded-bottom-right-full { border-bottom-right-radius: 9999px !important; } .k-display-inline { display: inline !important; } .k-display-block { display: block !important; } .k-display-inline-block { display: inline-block !important; } .k-display-flex { display: -ms-flexbox !important; display: flex !important; } .k-display-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } .k-display-table { display: table !important; } .k-display-inline-table { display: inline-table !important; } .k-display-none { display: none !important; } .k-d-flex, .k-d-flex-row, .k-d-flex-col { display: -ms-flexbox; display: flex; } .\!k-d-flex, .\!k-d-flex-row, .\!k-d-flex-col { display: -ms-flexbox !important; display: flex !important;