@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
CSS
.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;