k-sr-only {
    position: absolute;
    left: -1px;
    width: 1px;
    height: 1px;
    overflow: hidden
}




.k-flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.k-flex-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.k-flex, .k-flex-1 {
    -ms-flex: 1 1 0;
    flex: 1 1 0
}

.k-no-flex {
    -ms-flex: none;
    flex: none
}

k-no-flex-grow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.k-no-flex-shrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}





.k-column {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}




.k-grid-flow-row {
    grid-auto-flow: row
}

.k-grid-flow-row-dense {
    grid-auto-flow: row dense
}

.k-colspan-all {
    grid-column: 1/-1
}

.k-colspan-auto {
    grid-column: auto
}

.k-rowspan-all {
    grid-row: 1/-1
}

.k-rowspan-auto {
    grid-row: auto
}

.k-grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.k-colspan-1 {
    grid-column: span 1
}

.k-col-start-1 {
    grid-column-start: 1
}

.k-col-end-1 {
    grid-column-end: 1
}

.k-grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.k-colspan-2 {
    grid-column: span 2
}

.k-col-start-2 {
    grid-column-start: 2
}

.k-col-end-2 {
    grid-column-end: 2
}

.k-grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.k-colspan-3 {
    grid-column: span 3
}

.k-col-start-3 {
    grid-column-start: 3
}

.k-col-end-3 {
    grid-column-end: 3
}

.k-grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.k-colspan-4 {
    grid-column: span 4
}

.k-col-start-4 {
    grid-column-start: 4
}

.k-col-end-4 {
    grid-column-end: 4
}

.k-grid-cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.k-colspan-5 {
    grid-column: span 5
}

.k-col-start-5 {
    grid-column-start: 5
}

.k-col-end-5 {
    grid-column-end: 5
}

.k-grid-cols-6 {
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.k-colspan-6 {
    grid-column: span 6
}

.k-col-start-6 {
    grid-column-start: 6
}

.k-col-end-6 {
    grid-column-end: 6
}

.k-grid-cols-7 {
    grid-template-columns: repeat(7,minmax(0,1fr))
}

.k-colspan-7 {
    grid-column: span 7
}

.k-col-start-7 {
    grid-column-start: 7
}

.k-col-end-7 {
    grid-column-end: 7
}

.k-grid-cols-8 {
    grid-template-columns: repeat(8,minmax(0,1fr))
}

.k-colspan-8 {
    grid-column: span 8
}

.k-col-start-8 {
    grid-column-start: 8
}

.k-col-end-8 {
    grid-column-end: 8
}

.k-grid-cols-9 {
    grid-template-columns: repeat(9,minmax(0,1fr))
}

.k-colspan-9 {
    grid-column: span 9
}

.k-col-start-9 {
    grid-column-start: 9
}

.k-col-end-9 {
    grid-column-end: 9
}

.k-grid-cols-10 {
    grid-template-columns: repeat(10,minmax(0,1fr))
}

.k-colspan-10 {
    grid-column: span 10
}

.k-col-start-10 {
    grid-column-start: 10
}

.k-col-end-10 {
    grid-column-end: 10
}

.k-grid-cols-11 {
    grid-template-columns: repeat(11,minmax(0,1fr))
}

.k-colspan-11 {
    grid-column: span 11
}

.k-col-start-11 {
    grid-column-start: 11
}

.k-col-end-11 {
    grid-column-end: 11
}

.k-grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.k-colspan-12 {
    grid-column: span 12
}

.k-col-start-12 {
    grid-column-start: 12
}

.k-col-end-12 {
    grid-column-end: 12
}

.k-grid-rows-1 {
    grid-template-rows: repeat(1,minmax(0,1fr))
}

.k-rowspan-1 {
    grid-row: span 1
}

.k-row-start-1 {
    grid-row-start: 1
}

.k-row-end-1 {
    grid-row-end: 1
}

.k-grid-rows-2 {
    grid-template-rows: repeat(2,minmax(0,1fr))
}

.k-rowspan-2 {
    grid-row: span 2
}

.k-row-start-2 {
    grid-row-start: 2
}

.k-row-end-2 {
    grid-row-end: 2
}

.k-grid-rows-3 {
    grid-template-rows: repeat(3,minmax(0,1fr))
}

.k-rowspan-3 {
    grid-row: span 3
}

.k-row-start-3 {
    grid-row-start: 3
}

.k-row-end-3 {
    grid-row-end: 3
}

.k-grid-rows-4 {
    grid-template-rows: repeat(4,minmax(0,1fr))
}

.k-rowspan-4 {
    grid-row: span 4
}

.k-row-start-4 {
    grid-row-start: 4
}

.k-row-end-4 {
    grid-row-end: 4
}

.k-grid-rows-5 {
    grid-template-rows: repeat(5,minmax(0,1fr))
}

.k-rowspan-5 {
    grid-row: span 5
}

.k-row-start-5 {
    grid-row-start: 5
}

.k-row-end-5 {
    grid-row-end: 5
}

.k-grid-rows-6 {
    grid-template-rows: repeat(6,minmax(0,1fr))
}

.k-rowspan-6 {
    grid-row: span 6
}

.k-row-start-6 {
    grid-row-start: 6
}

.k-row-end-6 {
    grid-row-end: 6
}

.k-grid-rows-7 {
    grid-template-rows: repeat(7,minmax(0,1fr))
}

.k-rowspan-7 {
    grid-row: span 7
}

.k-row-start-7 {
    grid-row-start: 7
}

.k-row-end-7 {
    grid-row-end: 7
}

.k-grid-rows-8 {
    grid-template-rows: repeat(8,minmax(0,1fr))
}

.k-rowspan-8 {
    grid-row: span 8
}

.k-row-start-8 {
    grid-row-start: 8
}

.k-row-end-8 {
    grid-row-end: 8
}

.k-grid-rows-9 {
    grid-template-rows: repeat(9,minmax(0,1fr))
}

.k-rowspan-9 {
    grid-row: span 9
}

.k-row-start-9 {
    grid-row-start: 9
}

.k-row-end-9 {
    grid-row-end: 9
}

.k-grid-rows-10 {
    grid-template-rows: repeat(10,minmax(0,1fr))
}

.k-rowspan-10 {
    grid-row: span 10
}

.k-row-start-10 {
    grid-row-start: 10
}

.k-row-end-10 {
    grid-row-end: 10
}

.k-order-first {
    -ms-flex-order: -9999 !important;
    order: -9999 !important
}

.k-order-last {
    -ms-flex-order: 9999 !important;
    order: 9999 !important
}

.k-order-none {
    -ms-flex-order: 0 !important;
    order: 0 !important
}

.k-order-1 {
    -ms-flex-order: 1 !important;
    order: 1 !important
}

.k-order-2 {
    -ms-flex-order: 2 !important;
    order: 2 !important
}

.k-order-3 {
    -ms-flex-order: 3 !important;
    order: 3 !important
}

.k-order-4 {
    -ms-flex-order: 4 !important;
    order: 4 !important
}

.k-order-5 {
    -ms-flex-order: 5 !important;
    order: 5 !important
}

.k-order-6 {
    -ms-flex-order: 6 !important;
    order: 6 !important
}

.k-order-7 {
    -ms-flex-order: 7 !important;
    order: 7 !important
}

.k-order-8 {
    -ms-flex-order: 8 !important;
    order: 8 !important
}

.k-order-9 {
    -ms-flex-order: 9 !important;
    order: 9 !important
}

.k-order-10 {
    -ms-flex-order: 10 !important;
    order: 10 !important
}

.k-order-11 {
    -ms-flex-order: 11 !important;
    order: 11 !important
}

.k-order-12 {
    -ms-flex-order: 12 !important;
    order: 12 !important
}

.k-overflow-auto {
    overflow: auto !important
}

.k-overflow-x-auto {
    overflow-x: auto !important
}

.k-overflow-y-auto {
    overflow-y: auto !important
}

.k-overflow-auto-auto {
    overflow: auto auto !important
}

.k-overflow-auto-hidden {
    overflow: auto hidden !important
}

.k-overflow-auto-visible {
    overflow: auto visible !important
}

.k-overflow-auto-scroll {
    overflow: auto scroll !important
}

.k-overflow-auto-clip {
    overflow: auto clip !important
}

.k-overflow-hidden {
    overflow: hidden !important
}

.k-overflow-x-hidden {
    overflow-x: hidden !important
}

.k-overflow-y-hidden {
    overflow-y: hidden !important
}

.k-overflow-hidden-auto {
    overflow: hidden auto !important
}

.k-overflow-hidden-hidden {
    overflow: hidden hidden !important
}

.k-overflow-hidden-visible {
    overflow: hidden visible !important
}

.k-overflow-hidden-scroll {
    overflow: hidden scroll !important
}

.k-overflow-hidden-clip {
    overflow: hidden clip !important
}

.k-overflow-visible {
    overflow: visible !important
}

.k-overflow-x-visible {
    overflow-x: visible !important
}

.k-overflow-y-visible {
    overflow-y: visible !important
}

.k-overflow-visible-auto {
    overflow: visible auto !important
}

.k-overflow-visible-hidden {
    overflow: visible hidden !important
}

.k-overflow-visible-visible {
    overflow: visible visible !important
}

.k-overflow-visible-scroll {
    overflow: visible scroll !important
}

.k-overflow-visible-clip {
    overflow: visible clip !important
}

.k-overflow-scroll {
    overflow: scroll !important
}

.k-overflow-x-scroll {
    overflow-x: scroll !important
}

.k-overflow-y-scroll {
    overflow-y: scroll !important
}

.k-overflow-scroll-auto {
    overflow: scroll auto !important
}

.k-overflow-scroll-hidden {
    overflow: scroll hidden !important
}

.k-overflow-scroll-visible {
    overflow: scroll visible !important
}

.k-overflow-scroll-scroll {
    overflow: scroll scroll !important
}

.k-overflow-scroll-clip {
    overflow: scroll clip !important
}

.k-overflow-clip {
    overflow: clip !important
}

.k-overflow-x-clip {
    overflow-x: clip !important
}

.k-overflow-y-clip {
    overflow-y: clip !important
}

.k-overflow-clip-auto {
    overflow: clip auto !important
}

.k-overflow-clip-hidden {
    overflow: clip hidden !important
}

.k-overflow-clip-visible {
    overflow: clip visible !important
}

.k-overflow-clip-scroll {
    overflow: clip scroll !important
}

.k-overflow-clip-clip {
    overflow: clip clip !important
}

.k-pointer-events-none {
    pointer-events: none !important
}

.k-pointer-events-auto {
    pointer-events: auto !important
}

.k-pos-static, .k-static {
    position: static !important
}

.k-pos-relative, .k-relative {
    position: relative !important
}

.k-absolute, .k-pos-absolute {
    position: absolute !important
}

.k-fixed, .k-pos-fixed {
    position: fixed !important
}

.k-pos-sticky, .k-sticky {
    position: sticky !important
}

.k-pos-top, .k-top {
    top: 0
}

.k-pos-right, .k-right {
    right: 0
}

.k-bottom, .k-pos-bottom {
    bottom: 0
}

.k-left, .k-pos-left {
    left: 0
}

.k-pos-top-start, .k-top-start {
    top: 0;
    left: 0
}

    .k-pos-top-start[dir=rtl], .k-rtl .k-pos-top-start, .k-rtl .k-top-start, .k-top-start[dir=rtl], [dir=rtl] .k-pos-top-start, [dir=rtl] .k-top-start {
        left: auto;
        right: 0
    }

.k-pos-top-center, .k-top-center {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.k-pos-top-end, .k-top-end {
    top: 0;
    right: 0
}

    .k-pos-top-end[dir=rtl], .k-rtl .k-pos-top-end, .k-rtl .k-top-end, .k-top-end[dir=rtl], [dir=rtl] .k-pos-top-end, [dir=rtl] .k-top-end {
        right: auto;
        left: 0
    }

.k-bottom-start, .k-pos-bottom-start {
    bottom: 0;
    left: 0
}

    .k-bottom-start[dir=rtl], .k-pos-bottom-start[dir=rtl], .k-rtl .k-bottom-start, .k-rtl .k-pos-bottom-start, [dir=rtl] .k-bottom-start, [dir=rtl] .k-pos-bottom-start {
        left: auto;
        right: 0
    }

.k-bottom-center, .k-pos-bottom-center {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.k-bottom-end, .k-pos-bottom-end {
    bottom: 0;
    right: 0
}

    .k-bottom-end[dir=rtl], .k-pos-bottom-end[dir=rtl], .k-rtl .k-bottom-end, .k-rtl .k-pos-bottom-end, [dir=rtl] .k-bottom-end, [dir=rtl] .k-pos-bottom-end {
        right: auto;
        left: 0
    }

.k-middle-start, .k-pos-middle-start {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.k-middle-end, .k-pos-middle-end {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.k-resize-none {
    resize: none !important
}

.k-resize-both {
    resize: both !important
}

.k-resize-horizontal {
    resize: horizontal !important
}

.k-resize-vertical {
    resize: vertical !important
}

.k-spacer {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.k-spacer-sized {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.k-p-0 {
    padding: 0 !important
}

.k-pt-0 {
    padding-top: 0 !important
}

.k-pr-0 {
    padding-right: 0 !important
}

.k-pb-0 {
    padding-bottom: 0 !important
}

.k-pl-0 {
    padding-left: 0 !important
}

.k-m-0 {
    margin: 0 !important
}

.k-mt-0 {
    margin-top: 0 !important
}

.k-mr-0 {
    margin-right: 0 !important
}

.k-mb-0 {
    margin-bottom: 0 !important
}

.k-ml-0 {
    margin-left: 0 !important
}

.k-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.k-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.k-mx-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.k-my-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.k-p-1 {
    padding: 4px !important
}

.k-pt-1 {
    padding-top: 4px !important
}

.k-pr-1 {
    padding-right: 4px !important
}

.k-pb-1 {
    padding-bottom: 4px !important
}

.k-pl-1 {
    padding-left: 4px !important
}

.k-m-1 {
    margin: 4px !important
}

.k-mt-1 {
    margin-top: 4px !important
}

.k-mr-1 {
    margin-right: 4px !important
}

.k-mb-1 {
    margin-bottom: 4px !important
}

.k-ml-1 {
    margin-left: 4px !important
}

.k-px-1 {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.k-py-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.k-mx-1 {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.k-my-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.k-p-2 {
    padding: 8px !important
}

.k-pt-2 {
    padding-top: 8px !important
}

.k-pr-2 {
    padding-right: 8px !important
}

.k-pb-2 {
    padding-bottom: 8px !important
}

.k-pl-2 {
    padding-left: 8px !important
}

.k-m-2 {
    margin: 8px !important
}

.k-mt-2 {
    margin-top: 8px !important
}

.k-mr-2 {
    margin-right: 8px !important
}

.k-mb-2 {
    margin-bottom: 8px !important
}

.k-ml-2 {
    margin-left: 8px !important
}

.k-px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.k-py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.k-mx-2 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.k-my-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.k-p-3 {
    padding: 12px !important
}

.k-pt-3 {
    padding-top: 12px !important
}

.k-pr-3 {
    padding-right: 12px !important
}

.k-pb-3 {
    padding-bottom: 12px !important
}

.k-pl-3 {
    padding-left: 12px !important
}

.k-m-3 {
    margin: 12px !important
}

.k-mt-3 {
    margin-top: 12px !important
}

.k-mr-3 {
    margin-right: 12px !important
}

.k-mb-3 {
    margin-bottom: 12px !important
}

.k-ml-3 {
    margin-left: 12px !important
}

.k-px-3 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.k-py-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.k-mx-3 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.k-my-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.k-p-4 {
    padding: 16px !important
}

.k-pt-4 {
    padding-top: 16px !important
}

.k-pr-4 {
    padding-right: 16px !important
}

.k-pb-4 {
    padding-bottom: 16px !important
}

.k-pl-4 {
    padding-left: 16px !important
}

.k-m-4 {
    margin: 16px !important
}

.k-mt-4 {
    margin-top: 16px !important
}

.k-mr-4 {
    margin-right: 16px !important
}

.k-mb-4 {
    margin-bottom: 16px !important
}

.k-ml-4 {
    margin-left: 16px !important
}

.k-px-4 {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.k-py-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.k-mx-4 {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.k-my-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.k-p-5 {
    padding: 20px !important
}

.k-pt-5 {
    padding-top: 20px !important
}

.k-pr-5 {
    padding-right: 20px !important
}

.k-pb-5 {
    padding-bottom: 20px !important
}

.k-pl-5 {
    padding-left: 20px !important
}

.k-m-5 {
    margin: 20px !important
}

.k-mt-5 {
    margin-top: 20px !important
}

.k-mr-5 {
    margin-right: 20px !important
}

.k-mb-5 {
    margin-bottom: 20px !important
}

.k-ml-5 {
    margin-left: 20px !important
}

.k-px-5 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.k-py-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.k-mx-5 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.k-my-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.k-p-6 {
    padding: 24px !important
}

.k-pt-6 {
    padding-top: 24px !important
}

.k-pr-6 {
    padding-right: 24px !important
}

.k-pb-6 {
    padding-bottom: 24px !important
}

.k-pl-6 {
    padding-left: 24px !important
}

.k-m-6 {
    margin: 24px !important
}

.k-mt-6 {
    margin-top: 24px !important
}

.k-mr-6 {
    margin-right: 24px !important
}

.k-mb-6 {
    margin-bottom: 24px !important
}

.k-ml-6 {
    margin-left: 24px !important
}

.k-px-6 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.k-py-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.k-mx-6 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.k-my-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.k-p-7 {
    padding: 28px !important
}

.k-pt-7 {
    padding-top: 28px !important
}

.k-pr-7 {
    padding-right: 28px !important
}

.k-pb-7 {
    padding-bottom: 28px !important
}

.k-pl-7 {
    padding-left: 28px !important
}

.k-m-7 {
    margin: 28px !important
}

.k-mt-7 {
    margin-top: 28px !important
}

.k-mr-7 {
    margin-right: 28px !important
}

.k-mb-7 {
    margin-bottom: 28px !important
}

.k-ml-7 {
    margin-left: 28px !important
}

.k-px-7 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

.k-py-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important
}

.k-mx-7 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

.k-my-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important
}

.k-p-8 {
    padding: 32px !important
}

.k-pt-8 {
    padding-top: 32px !important
}

.k-pr-8 {
    padding-right: 32px !important
}

.k-pb-8 {
    padding-bottom: 32px !important
}

.k-pl-8 {
    padding-left: 32px !important
}

.k-m-8 {
    margin: 32px !important
}

.k-mt-8 {
    margin-top: 32px !important
}

.k-mr-8 {
    margin-right: 32px !important
}

.k-mb-8 {
    margin-bottom: 32px !important
}

.k-ml-8 {
    margin-left: 32px !important
}

.k-px-8 {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.k-py-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.k-mx-8 {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.k-my-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.k-p-9 {
    padding: 36px !important
}

.k-pt-9 {
    padding-top: 36px !important
}

.k-pr-9 {
    padding-right: 36px !important
}

.k-pb-9 {
    padding-bottom: 36px !important
}

.k-pl-9 {
    padding-left: 36px !important
}

.k-m-9 {
    margin: 36px !important
}

.k-mt-9 {
    margin-top: 36px !important
}

.k-mr-9 {
    margin-right: 36px !important
}

.k-mb-9 {
    margin-bottom: 36px !important
}

.k-ml-9 {
    margin-left: 36px !important
}

.k-px-9 {
    padding-left: 36px !important;
    padding-right: 36px !important
}

.k-py-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important
}

.k-mx-9 {
    padding-left: 36px !important;
    padding-right: 36px !important
}

.k-my-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important
}

.k-p-10 {
    padding: 40px !important
}

.k-pt-10 {
    padding-top: 40px !important
}

.k-pr-10 {
    padding-right: 40px !important
}

.k-pb-10 {
    padding-bottom: 40px !important
}

.k-pl-10 {
    padding-left: 40px !important
}

.k-m-10 {
    margin: 40px !important
}

.k-mt-10 {
    margin-top: 40px !important
}

.k-mr-10 {
    margin-right: 40px !important
}

.k-mb-10 {
    margin-bottom: 40px !important
}

.k-ml-10 {
    margin-left: 40px !important
}

.k-px-10 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.k-py-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.k-mx-10 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.k-my-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.k-p-11 {
    padding: 44px !important
}

.k-pt-11 {
    padding-top: 44px !important
}

.k-pr-11 {
    padding-right: 44px !important
}

.k-pb-11 {
    padding-bottom: 44px !important
}

.k-pl-11 {
    padding-left: 44px !important
}

.k-m-11 {
    margin: 44px !important
}

.k-mt-11 {
    margin-top: 44px !important
}

.k-mr-11 {
    margin-right: 44px !important
}

.k-mb-11 {
    margin-bottom: 44px !important
}

.k-ml-11 {
    margin-left: 44px !important
}

.k-px-11 {
    padding-left: 44px !important;
    padding-right: 44px !important
}

.k-py-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important
}

.k-mx-11 {
    padding-left: 44px !important;
    padding-right: 44px !important
}

.k-my-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important
}

.k-p-12 {
    padding: 48px !important
}

.k-pt-12 {
    padding-top: 48px !important
}

.k-pr-12 {
    padding-right: 48px !important
}

.k-pb-12 {
    padding-bottom: 48px !important
}

.k-pl-12 {
    padding-left: 48px !important
}

.k-m-12 {
    margin: 48px !important
}

.k-mt-12 {
    margin-top: 48px !important
}

.k-mr-12 {
    margin-right: 48px !important
}

.k-mb-12 {
    margin-bottom: 48px !important
}

.k-ml-12 {
    margin-left: 48px !important
}

.k-px-12 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.k-py-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.k-mx-12 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.k-my-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.k-p-13 {
    padding: 52px !important
}

.k-pt-13 {
    padding-top: 52px !important
}

.k-pr-13 {
    padding-right: 52px !important
}

.k-pb-13 {
    padding-bottom: 52px !important
}

.k-pl-13 {
    padding-left: 52px !important
}

.k-m-13 {
    margin: 52px !important
}

.k-mt-13 {
    margin-top: 52px !important
}

.k-mr-13 {
    margin-right: 52px !important
}

.k-mb-13 {
    margin-bottom: 52px !important
}

.k-ml-13 {
    margin-left: 52px !important
}

.k-px-13 {
    padding-left: 52px !important;
    padding-right: 52px !important
}

.k-py-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important
}

.k-mx-13 {
    padding-left: 52px !important;
    padding-right: 52px !important
}

.k-my-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important
}

.k-p-14 {
    padding: 56px !important
}

.k-pt-14 {
    padding-top: 56px !important
}

.k-pr-14 {
    padding-right: 56px !important
}

.k-pb-14 {
    padding-bottom: 56px !important
}

.k-pl-14 {
    padding-left: 56px !important
}

.k-m-14 {
    margin: 56px !important
}

.k-mt-14 {
    margin-top: 56px !important
}

.k-mr-14 {
    margin-right: 56px !important
}

.k-mb-14 {
    margin-bottom: 56px !important
}

.k-ml-14 {
    margin-left: 56px !important
}

.k-px-14 {
    padding-left: 56px !important;
    padding-right: 56px !important
}

.k-py-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important
}

.k-mx-14 {
    padding-left: 56px !important;
    padding-right: 56px !important
}

.k-my-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important
}

.k-p-15 {
    padding: 60px !important
}

.k-pt-15 {
    padding-top: 60px !important
}

.k-pr-15 {
    padding-right: 60px !important
}

.k-pb-15 {
    padding-bottom: 60px !important
}

.k-pl-15 {
    padding-left: 60px !important
}

.k-m-15 {
    margin: 60px !important
}

.k-mt-15 {
    margin-top: 60px !important
}

.k-mr-15 {
    margin-right: 60px !important
}

.k-mb-15 {
    margin-bottom: 60px !important
}

.k-ml-15 {
    margin-left: 60px !important
}

.k-px-15 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.k-py-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.k-mx-15 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.k-my-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.k-p-16 {
    padding: 64px !important
}

.k-pt-16 {
    padding-top: 64px !important
}

.k-pr-16 {
    padding-right: 64px !important
}

.k-pb-16 {
    padding-bottom: 64px !important
}

.k-pl-16 {
    padding-left: 64px !important
}

.k-m-16 {
    margin: 64px !important
}

.k-mt-16 {
    margin-top: 64px !important
}

.k-mr-16 {
    margin-right: 64px !important
}

.k-mb-16 {
    margin-bottom: 64px !important
}

.k-ml-16 {
    margin-left: 64px !important
}

.k-px-16 {
    padding-left: 64px !important;
    padding-right: 64px !important
}

.k-py-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important
}

.k-mx-16 {
    padding-left: 64px !important;
    padding-right: 64px !important
}

.k-my-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important
}

.k-p-17 {
    padding: 68px !important
}

.k-pt-17 {
    padding-top: 68px !important
}

.k-pr-17 {
    padding-right: 68px !important
}

.k-pb-17 {
    padding-bottom: 68px !important
}

.k-pl-17 {
    padding-left: 68px !important
}

.k-m-17 {
    margin: 68px !important
}

.k-mt-17 {
    margin-top: 68px !important
}

.k-mr-17 {
    margin-right: 68px !important
}

.k-mb-17 {
    margin-bottom: 68px !important
}

.k-ml-17 {
    margin-left: 68px !important
}

.k-px-17 {
    padding-left: 68px !important;
    padding-right: 68px !important
}

.k-py-17 {
    padding-top: 68px !important;
    padding-bottom: 68px !important
}

.k-mx-17 {
    padding-left: 68px !important;
    padding-right: 68px !important
}

.k-my-17 {
    padding-top: 68px !important;
    padding-bottom: 68px !important
}

.k-p-18 {
    padding: 72px !important
}

.k-pt-18 {
    padding-top: 72px !important
}

.k-pr-18 {
    padding-right: 72px !important
}

.k-pb-18 {
    padding-bottom: 72px !important
}

.k-pl-18 {
    padding-left: 72px !important
}

.k-m-18 {
    margin: 72px !important
}

.k-mt-18 {
    margin-top: 72px !important
}

.k-mr-18 {
    margin-right: 72px !important
}

.k-mb-18 {
    margin-bottom: 72px !important
}

.k-ml-18 {
    margin-left: 72px !important
}

.k-px-18 {
    padding-left: 72px !important;
    padding-right: 72px !important
}

.k-py-18 {
    padding-top: 72px !important;
    padding-bottom: 72px !important
}

.k-mx-18 {
    padding-left: 72px !important;
    padding-right: 72px !important
}

.k-my-18 {
    padding-top: 72px !important;
    padding-bottom: 72px !important
}

.k-p-19 {
    padding: 76px !important
}

.k-pt-19 {
    padding-top: 76px !important
}

.k-pr-19 {
    padding-right: 76px !important
}

.k-pb-19 {
    padding-bottom: 76px !important
}

.k-pl-19 {
    padding-left: 76px !important
}

.k-m-19 {
    margin: 76px !important
}

.k-mt-19 {
    margin-top: 76px !important
}

.k-mr-19 {
    margin-right: 76px !important
}

.k-mb-19 {
    margin-bottom: 76px !important
}

.k-ml-19 {
    margin-left: 76px !important
}

.k-px-19 {
    padding-left: 76px !important;
    padding-right: 76px !important
}

.k-py-19 {
    padding-top: 76px !important;
    padding-bottom: 76px !important
}

.k-mx-19 {
    padding-left: 76px !important;
    padding-right: 76px !important
}

.k-my-19 {
    padding-top: 76px !important;
    padding-bottom: 76px !important
}

.k-p-20 {
    padding: 80px !important
}

.k-pt-20 {
    padding-top: 80px !important
}

.k-pr-20 {
    padding-right: 80px !important
}

.k-pb-20 {
    padding-bottom: 80px !important
}

.k-pl-20 {
    padding-left: 80px !important
}

.k-m-20 {
    margin: 80px !important
}

.k-mt-20 {
    margin-top: 80px !important
}

.k-mr-20 {
    margin-right: 80px !important
}

.k-mb-20 {
    margin-bottom: 80px !important
}

.k-ml-20 {
    margin-left: 80px !important
}

.k-px-20 {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.k-py-20 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.k-mx-20 {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.k-my-20 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.k-p-21 {
    padding: 84px !important
}

.k-pt-21 {
    padding-top: 84px !important
}

.k-pr-21 {
    padding-right: 84px !important
}

.k-pb-21 {
    padding-bottom: 84px !important
}

.k-pl-21 {
    padding-left: 84px !important
}

.k-m-21 {
    margin: 84px !important
}

.k-mt-21 {
    margin-top: 84px !important
}

.k-mr-21 {
    margin-right: 84px !important
}

.k-mb-21 {
    margin-bottom: 84px !important
}

.k-ml-21 {
    margin-left: 84px !important
}

.k-px-21 {
    padding-left: 84px !important;
    padding-right: 84px !important
}

.k-py-21 {
    padding-top: 84px !important;
    padding-bottom: 84px !important
}

.k-mx-21 {
    padding-left: 84px !important;
    padding-right: 84px !important
}

.k-my-21 {
    padding-top: 84px !important;
    padding-bottom: 84px !important
}

.k-p-22 {
    padding: 88px !important
}

.k-pt-22 {
    padding-top: 88px !important
}

.k-pr-22 {
    padding-right: 88px !important
}

.k-pb-22 {
    padding-bottom: 88px !important
}

.k-pl-22 {
    padding-left: 88px !important
}

.k-m-22 {
    margin: 88px !important
}

.k-mt-22 {
    margin-top: 88px !important
}

.k-mr-22 {
    margin-right: 88px !important
}

.k-mb-22 {
    margin-bottom: 88px !important
}

.k-ml-22 {
    margin-left: 88px !important
}

.k-px-22 {
    padding-left: 88px !important;
    padding-right: 88px !important
}

.k-py-22 {
    padding-top: 88px !important;
    padding-bottom: 88px !important
}

.k-mx-22 {
    padding-left: 88px !important;
    padding-right: 88px !important
}

.k-my-22 {
    padding-top: 88px !important;
    padding-bottom: 88px !important
}

.k-p-23 {
    padding: 92px !important
}

.k-pt-23 {
    padding-top: 92px !important
}

.k-pr-23 {
    padding-right: 92px !important
}

.k-pb-23 {
    padding-bottom: 92px !important
}

.k-pl-23 {
    padding-left: 92px !important
}

.k-m-23 {
    margin: 92px !important
}

.k-mt-23 {
    margin-top: 92px !important
}

.k-mr-23 {
    margin-right: 92px !important
}

.k-mb-23 {
    margin-bottom: 92px !important
}

.k-ml-23 {
    margin-left: 92px !important
}

.k-px-23 {
    padding-left: 92px !important;
    padding-right: 92px !important
}

.k-py-23 {
    padding-top: 92px !important;
    padding-bottom: 92px !important
}

.k-mx-23 {
    padding-left: 92px !important;
    padding-right: 92px !important
}

.k-my-23 {
    padding-top: 92px !important;
    padding-bottom: 92px !important
}

.k-p-24 {
    padding: 96px !important
}

.k-pt-24 {
    padding-top: 96px !important
}

.k-pr-24 {
    padding-right: 96px !important
}

.k-pb-24 {
    padding-bottom: 96px !important
}

.k-pl-24 {
    padding-left: 96px !important
}

.k-m-24 {
    margin: 96px !important
}

.k-mt-24 {
    margin-top: 96px !important
}

.k-mr-24 {
    margin-right: 96px !important
}

.k-mb-24 {
    margin-bottom: 96px !important
}

.k-ml-24 {
    margin-left: 96px !important
}

.k-px-24 {
    padding-left: 96px !important;
    padding-right: 96px !important
}

.k-py-24 {
    padding-top: 96px !important;
    padding-bottom: 96px !important
}

.k-mx-24 {
    padding-left: 96px !important;
    padding-right: 96px !important
}

.k-my-24 {
    padding-top: 96px !important;
    padding-bottom: 96px !important
}

.k-p-xs {
    padding: 4px !important
}

.k-pt-xs {
    padding-top: 4px !important
}

.k-pr-xs {
    padding-right: 4px !important
}

.k-pb-xs {
    padding-bottom: 4px !important
}

.k-pl-xs {
    padding-left: 4px !important
}

.k-m-xs {
    margin: 4px !important
}

.k-mt-xs {
    margin-top: 4px !important
}

.k-mr-xs {
    margin-right: 4px !important
}

.k-mb-xs {
    margin-bottom: 4px !important
}

.k-ml-xs {
    margin-left: 4px !important
}

.k-px-xs {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.k-py-xs {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.k-mx-xs {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.k-my-xs {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.k-p-sm {
    padding: 8px !important
}

.k-pt-sm {
    padding-top: 8px !important
}

.k-pr-sm {
    padding-right: 8px !important
}

.k-pb-sm {
    padding-bottom: 8px !important
}

.k-pl-sm {
    padding-left: 8px !important
}

.k-m-sm {
    margin: 8px !important
}

.k-mt-sm {
    margin-top: 8px !important
}

.k-mr-sm {
    margin-right: 8px !important
}

.k-mb-sm {
    margin-bottom: 8px !important
}

.k-ml-sm {
    margin-left: 8px !important
}

.k-px-sm {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.k-py-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.k-mx-sm {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.k-my-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.k-p-md {
    padding: 12px !important
}

.k-pt-md {
    padding-top: 12px !important
}

.k-pr-md {
    padding-right: 12px !important
}

.k-pb-md {
    padding-bottom: 12px !important
}

.k-pl-md {
    padding-left: 12px !important
}

.k-m-md {
    margin: 12px !important
}

.k-mt-md {
    margin-top: 12px !important
}

.k-mr-md {
    margin-right: 12px !important
}

.k-mb-md {
    margin-bottom: 12px !important
}

.k-ml-md {
    margin-left: 12px !important
}

.k-px-md {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.k-py-md {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.k-mx-md {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.k-my-md {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.k-p-lg {
    padding: 16px !important
}

.k-pt-lg {
    padding-top: 16px !important
}

.k-pr-lg {
    padding-right: 16px !important
}

.k-pb-lg {
    padding-bottom: 16px !important
}

.k-pl-lg {
    padding-left: 16px !important
}

.k-m-lg {
    margin: 16px !important
}

.k-mt-lg {
    margin-top: 16px !important
}

.k-mr-lg {
    margin-right: 16px !important
}

.k-mb-lg {
    margin-bottom: 16px !important
}

.k-ml-lg {
    margin-left: 16px !important
}

.k-px-lg {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.k-py-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.k-mx-lg {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.k-my-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.k-p-xl {
    padding: 24px !important
}

.k-pt-xl {
    padding-top: 24px !important
}

.k-pr-xl {
    padding-right: 24px !important
}

.k-pb-xl {
    padding-bottom: 24px !important
}

.k-pl-xl {
    padding-left: 24px !important
}

.k-m-xl {
    margin: 24px !important
}

.k-mt-xl {
    margin-top: 24px !important
}

.k-mr-xl {
    margin-right: 24px !important
}

.k-mb-xl {
    margin-bottom: 24px !important
}

.k-ml-xl {
    margin-left: 24px !important
}

.k-px-xl {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.k-py-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.k-mx-xl {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.k-my-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.k-p-thin {
    padding: 2px !important
}

.k-pt-thin {
    padding-top: 2px !important
}

.k-pr-thin {
    padding-right: 2px !important
}

.k-pb-thin {
    padding-bottom: 2px !important
}

.k-pl-thin {
    padding-left: 2px !important
}

.k-m-thin {
    margin: 2px !important
}

.k-mt-thin {
    margin-top: 2px !important
}

.k-mr-thin {
    margin-right: 2px !important
}

.k-mb-thin {
    margin-bottom: 2px !important
}

.k-ml-thin {
    margin-left: 2px !important
}

.k-px-thin {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.k-py-thin {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.k-mx-thin {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.k-my-thin {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.k-p-hair {
    padding: 1px !important
}

.k-pt-hair {
    padding-top: 1px !important
}

.k-pr-hair {
    padding-right: 1px !important
}

.k-pb-hair {
    padding-bottom: 1px !important
}

.k-pl-hair {
    padding-left: 1px !important
}

.k-m-hair {
    margin: 1px !important
}

.k-mt-hair {
    margin-top: 1px !important
}

.k-mr-hair {
    margin-right: 1px !important
}

.k-mb-hair {
    margin-bottom: 1px !important
}

.k-ml-hair {
    margin-left: 1px !important
}

.k-px-hair {
    padding-left: 1px !important;
    padding-right: 1px !important
}

.k-py-hair {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.k-mx-hair {
    padding-left: 1px !important;
    padding-right: 1px !important
}

.k-my-hair {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.k-table-layout-fixed {
    table-layout: fixed
}

.k-table-layout-auto {
    table-layout: auto
}

.k-text-nowrap {
    white-space: nowrap !important
}

.k-text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-text-left {
    text-align: left !important
}

.k-text-right {
    text-align: right !important
}

.k-text-center {
    text-align: center !important
}

.k-text-justify {
    text-align: justify !important
}

.k-text-lowercase {
    text-transform: lowercase !important
}

.k-text-uppercase {
    text-transform: uppercase !important
}

.k-text-capitalize {
    text-transform: capitalize !important
}

.k-font-weight-light {
    font-weight: 300 !important
}

.k-font-weight-normal {
    font-weight: 400 !important
}

.k-font-weight-bold {
    font-weight: 700 !important
}

.k-touch-action-none {
    -ms-touch-action: none !important;
    touch-action: none !important
}

.k-touch-action-auto {
    -ms-touch-action: auto !important;
    touch-action: auto !important
}

.k-flip-h {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-flip-v {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.k-flip-h.k-flip-v {
    -webkit-transform: scale(-1,-1);
    -ms-transform: scale(-1,-1);
    transform: scale(-1,-1)
}

.k-rotate-45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.k-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.k-rotate-135 {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.k-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.k-rotate-225 {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.k-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.k-rotate-315 {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg)
}

.k-scale-0 {
    -webkit-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0)
}

.k-scale-1 {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1)
}

.k-scale-2 {
    -webkit-transform: scale(2,2);
    -ms-transform: scale(2,2);
    transform: scale(2,2)
}

.k-translate-0 {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.k-translate-0-50 {
    -webkit-transform: translate(0,50%);
    -ms-transform: translate(0,50%);
    transform: translate(0,50%)
}

.k-translate-0-100 {
    -webkit-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    transform: translate(0,100%)
}

.k-translate-50-0 {
    -webkit-transform: translate(50%,0);
    -ms-transform: translate(50%,0);
    transform: translate(50%,0)
}

.k-translate-50-50 {
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%)
}

.k-translate-50-100 {
    -webkit-transform: translate(50%,100%);
    -ms-transform: translate(50%,100%);
    transform: translate(50%,100%)
}

.k-translate-100-0 {
    -webkit-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0)
}

.k-translate-100-50 {
    -webkit-transform: translate(100%,50%);
    -ms-transform: translate(100%,50%);
    transform: translate(100%,50%)
}

.k-translate-100-100 {
    -webkit-transform: translate(100%,100%);
    -ms-transform: translate(100%,100%);
    transform: translate(100%,100%)
}

.k-user-select-none {
    -webkit-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.k-user-select-auto {
    -webkit-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.k-user-select-text {
    -webkit-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important
}

.k-user-select-all {
    -webkit-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
}

.k-user-select-contain {
    -webkit-user-select: contain !important;
    -ms-user-select: element !important;
    user-select: contain !important
}

.fake {
    color: red
}

.k-common-test-class {
    opacity: 0
}

.k-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.k-no-click {
    pointer-events: none
}

.k-floatwrap:after, .k-slider-items:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.k-floatwrap, .k-slider-items {
    display: inline-block
}

.k-floatwrap, .k-slider-items {
    display: block
}

.k-block, .k-draghandle, .k-dropdown-wrap, .k-dropdown-wrap.k-state-hover, .k-grid-header, .k-grouping-header, .k-header, .k-link.k-state-hover, .k-numeric-wrap, .k-numeric-wrap.k-state-hover, .k-pager-wrap, .k-picker-wrap, .k-picker-wrap.k-state-hover, .k-tabstrip-items .k-item, .k-toolbar {
    background-repeat: repeat;
    background-position: 0 center
}

.k-link:hover {
    text-decoration: none
}

.k-state-highlight > .k-link {
    color: inherit
}

.k-input[type=text], .k-input[type=number], .k-picker-wrap .k-input, .k-textarea, .k-textarea > .k-input .k-multiselect .k-input, .k-textarea > textarea, .k-textbox, .k-textbox > .k-input, .k-textbox > input {
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none
}

    .k-searchbox > .k-input, .k-textarea > .k-input, .k-textbox > .k-input {
        margin: 0;
        width: 100%;
        min-width: 0;
        border: 0;
        outline: 0;
        box-sizing: border-box;
        box-shadow: none;
        color: inherit;
        background: 0;
        font: inherit;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-appearance: none
    }

.k-block, .k-draghandle, .k-inline-block, .k-widget {
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none
}

.k-block, .k-widget {
    outline: 0
}

    .k-list-filter ::-ms-clear, .k-widget .k-input::-ms-clear {
        width: 0;
        height: 0
    }

.k-block, .k-content, .k-grid, .k-header-column-menu, .k-panelbar, .k-slider, .k-splitter, .k-treeview, .k-widget {
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

.k-block, .k-calendar, .k-grid-header .k-i-link-horizontal, .k-header-column-menu, .k-pager-wrap, .k-slider, .k-splitbar, .k-treeview {
    -webkit-touch-callout: none
}

.k-header-column-menu {
    color: inherit
}

.k-block {
    padding: 2px
}

    .k-block > .k-header {
        margin: -2px 0 10px -2px;
        padding: .3em 2px;
        width: 100%;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        font-size: 1.2em;
        white-space: nowrap;
        min-height: 16px;
        position: relative
    }

a.k-button-expand {
    display: block
}

button.k-button-expand, input[type=submit].k-button-expand, input[type=button].k-button-expand, input[type=reset].k-button-expand {
    width: 100%
}

.k-toolbar .k-button-icontext {
    padding-right: .8em
}

.k-link {
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

.k-grid-header span.k-link {
    cursor: default
}

.k-state-disabled, .k-state-disabled .k-draghandle, .k-state-disabled .k-icon, .k-state-disabled .k-link, .k-state-disabled .k-upload-button input {
    cursor: default !important;
    pointer-events: none;
    outline: 0
}

.k-state-disabled {
    opacity: .7
}

    .k-state-disabled > .k-button {
        opacity: 1
    }

@media print {
    .k-state-disabled, .k-state-disabled .k-input {
        opacity: 1 !important
    }
}

.k-state-error {
    border-style: ridge
}

.k-state-empty {
    font-style: italic
}

.k-icon.k-i-none {
    background-image: none !important
}

.k-image {
    border: 0
}

.k-widget .k-icon.k-i-collapse, .k-widget .k-icon.k-i-expand {
    cursor: pointer
}

html .k-success-colored {
    color: #507f50;
    border-color: #d0dfd0;
    background-color: #f0fff0
}

html .k-info-colored {
    color: #50607f;
    border-color: #d0d9df;
    background-color: #f0f9ff
}

html .k-error-colored {
    color: #7f5050;
    border-color: #dfd0d0;
    background-color: #fff0f0
}

.k-inline-block {
    padding: 0 2px
}

.k-loading, .k-loading-image {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center
}

.k-icon.k-i-loading {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center
}

    .k-icon.k-i-loading::before {
        content: "";
        display: none
    }

.k-loading-image, .k-loading-mask, .k-loading-text {
    position: absolute
}

.k-loading-mask {
    z-index: 100
}

    .k-loading-mask.k-opaque .k-loading-color {
        opacity: 1
    }

    .k-loading-mask .k-loading-progress {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

.k-loading-text {
    text-indent: -4000px;
    text-align: center
}

.k-loading-color, .k-loading-image {
    width: 100%;
    height: 100%
}

.k-loading-image {
    top: 0;
    left: 0;
    z-index: 2
}

.k-loading-color {
    opacity: .3
}

.k-content-frame {
    border: 0;
    width: 100%;
    height: 100%
}

.k-pane > .k-splitter-overlay {
    opacity: 0;
    position: absolute
}

.k-drag-clue {
    position: absolute;
    z-index: 10003;
    border-style: solid;
    border-width: 1px;
    font-size: .9em;
    padding: .2em .4em;
    white-space: nowrap;
    cursor: default
}

.k-item.k-drag-clue {
    font-size: inherit
}

.k-drag-status {
    margin-top: -3px;
    margin-right: 4px;
    vertical-align: middle
}

.k-reorder-cue {
    position: absolute;
    width: 1px;
    overflow: visible
}

    .k-reorder-cue .k-icon {
        position: absolute;
        left: -4px;
        width: 8px;
        height: 4px
    }

    .k-reorder-cue .k-i-arrow-60-down {
        top: -4px
    }

    .k-reorder-cue .k-i-arrow-60-up {
        bottom: -4px
    }

.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
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    body .k-touch-scrollbar {
        height: 12px;
        width: 12px;
        border-radius: 7px
    }
}

.k-virtual-scrollable-wrap {
    overflow-x: auto
}

.k-current-time {
    background: red;
    position: absolute
}

.k-current-time-arrow-down {
    width: 0;
    height: 0;
    background: 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid red;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.k-current-time-arrow-left {
    width: 0;
    height: 0;
    background: 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid red
}

.k-current-time-arrow-right {
    width: 0;
    height: 0;
    background: 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid red;
    border-right: 4px solid transparent
}

.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    box-sizing: content-box
}

.k-autocomplete, .k-block, .k-edit-cell .k-widget, .k-grid-edit-row .k-widget, .k-grid-edit-row .text-box, .k-tabstrip > .k-content > .km-scroll-container, .k-textbox, .km-actionsheet > li, .km-shim {
    box-sizing: border-box
}

.input-group .form-control {
    box-sizing: border-box
}

.form-control.k-widget {
    padding: 0
}

.km-widget, .km-widget * {
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box
}

.k-pdf-export-shadow {
    position: absolute;
    overflow: hidden;
    left: -15000px;
    width: 14400px
}

.km-native-scroller {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: pan-x pan-y;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: proximity
}

.k-hr {
    margin: .5em auto;
    padding: 0;
    height: 0;
    border-width: 1px 0 0;
    border-style: solid;
    display: block;
    float: none;
    clear: both
}

.k-icon, .k-tool-icon {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    font: 16px/1 WebComponentsIcons;
    speak: none;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit
}

.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-end, .k-drop-hint-start {
    -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
}

.k-drop-hint-h .k-drop-hint-start {
    border-left-width: 6.93px;
    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.93px;
    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.93px;
        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.93px;
        border-top-width: 0
    }

.k-column-menu .k-sprite, .k-gantt-views > .k-current-view > .k-link:after, .k-grid-mobile .k-resize-handle-inner:after, .k-grid-mobile .k-resize-handle-inner:before, .k-pager-numbers .k-current-page .k-link:after {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    font: 16px/1 WebComponentsIcons;
    speak: none;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.k-icon:before {
    margin: auto;
    width: 1em;
    height: 1em;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.k-button.k-button-icon .k-icon, .k-grid-filter .k-icon, .k-header .k-icon {
    text-indent: -99999px;
    overflow: hidden
}

    .k-button.k-button-icon .k-icon:before, .k-grid-filter .k-icon:before, .k-header .k-icon:before {
        text-indent: 0
    }

.k-sprite {
    width: 16px;
    height: 16px;
    font-size: 0;
    line-height: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    -ms-high-contrast-adjust: none
}

.k-list-container .k-footer:after, .k-list-container .k-footer:before {
    content: "";
    display: block;
    overflow: hidden
}

.k-reorder-cue {
    position: absolute
}

    .k-reorder-cue::after, .k-reorder-cue::before {
        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-flip-h {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-flip-v {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.k-flip-h.k-flip-v {
    -webkit-transform: scale(-1,-1);
    -ms-transform: scale(-1,-1);
    transform: scale(-1,-1)
}

.k-text-align-left, .k-text-left {
    text-align: left
}

.k-text-align-center, .k-text-center {
    text-align: center
}

.k-text-align-right, .k-text-right {
    text-align: right
}

.k-text-align-justify, .k-text-justify {
    text-align: justify
}

script {
    display: none !important
}

.k-button {
    margin: 0;
    padding: 4px 8px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    background-repeat: repeat-x;
    background-position: 0 center;
    font: inherit;
    line-height: 1.42857143;
    text-align: center;
    text-decoration: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    position: relative
}

    .k-button::-moz-focus-inner {
        padding: 0;
        border: 0;
        outline: 0
    }

    .k-button:focus, .k-button:hover {
        text-decoration: none;
        outline: 0
    }

    .k-button .k-button-text, .k-button .k-text {
        overflow: hidden;
        white-space: nowrap
    }

    .k-button .k-icon, .k-button .k-image, .k-button .k-sprite {
        color: inherit;
        -ms-flex-item-align: center;
        align-self: center;
        pointer-events: none
    }

.k-button-icontext {
    overflow: visible
}

    .k-button-icontext .k-icon, .k-button-icontext .k-image, .k-button-icontext .k-sprite {
        margin-right: 3px;
        margin-right: .1875em;
        margin-left: -2px;
        margin-left: -.125em
    }

.k-button-icon {
    width: calc(1.4285714286em+10px);
    height: calc(1.4285714286em+10px);
    padding: 4px
}

    .k-button-icon .k-button-text, .k-button-icon .k-text {
        display: none
    }

.k-button.k-state-disabled, .k-button[disabled], .k-state-disabled .k-button {
    cursor: default;
    outline: 0;
    box-shadow: none;
    opacity: .6
}

a.k-button-expand {
    display: block
}

button.k-button-expand, input[type=submit].k-button-expand, input[type=button].k-button-expand, input[type=reset].k-button-expand {
    width: 100%
}

.k-button.k-flat {
    border-color: transparent !important;
    color: inherit;
    background: 0 0 !important;
    box-shadow: none !important;
    transition: color .2s ease-in-out
}

    .k-button.k-flat.k-state-active, .k-button.k-flat.k-state-hover, .k-button.k-flat:active, .k-button.k-flat:hover, .k-button.k-flat:hover.k-state-active, .k-button.k-flat:hover:active {
        color: inherit
    }

    .k-button.k-flat::before {
        display: block
    }

    .k-button.k-flat::after {
        display: block
    }

    .k-button.k-flat.k-state-focused::after, .k-button.k-flat:focus::after {
        box-shadow: inset 0 0 0 2px currentColor;
        opacity: .12
    }

    .k-button.k-flat.k-state-disabled, .k-button.k-flat[disabled], .k-state-disabled .k-button.k-flat {
        pointer-events: none
    }

.k-button::before {
    border-radius: inherit;
    content: "";
    background: currentColor;
    opacity: 0;
    display: none;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    transition: opacity .2s ease-in-out
}

.k-button.k-state-hover::before, .k-button:hover::before {
    opacity: .08
}

.k-button.k-no-focus:not(.k-state-hover)::before, .k-button.k-no-focus:not(:hover)::before {
    opacity: 0
}

.k-button.k-state-active::before, .k-button:active::before {
    opacity: .16
}

.k-button.k-state-selected::before {
    opacity: .2
}

.k-button::after {
    border-radius: inherit;
    content: "";
    opacity: 0;
    display: none;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    transition: opacity .2s ease-in-out
}

.k-button-group {
    margin: 0;
    padding: 0;
    border-width: 0;
    list-style: none;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    vertical-align: middle;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    .k-button-group .k-button {
        position: relative
    }

        .k-button-group .k-button + .k-button {
            margin-left: -1px
        }

    .k-button-group.k-button-group-stretched {
        display: -ms-flexbox;
        display: flex
    }

        .k-button-group.k-button-group-stretched .k-button {
            -ms-flex: 1 0 auto;
            flex: 1 0 auto
        }

    .k-button-group .k-button.k-state-active, .k-button-group .k-button:active {
        z-index: 2
    }

    .k-button-group .k-button.k-state-hover, .k-button-group .k-button:hover {
        z-index: 3
    }

    .k-button-group .k-button.k-state-disabled, .k-button-group.k-state-disabled .k-button {
        z-index: auto
    }

    .k-button-group .k-button.k-state-focused, .k-button-group .k-button:focus {
        z-index: 4
    }

    .k-button-group label input[type=radio], .k-button-group label input[type=checkbox], .k-button-group > input[type=radio], .k-button-group > input[type=checkbox] {
        margin: 0;
        padding: 0;
        clip: rect(0,0,0,0);
        position: absolute;
        pointer-events: none
    }

.k-split-button {
    margin: 0;
    padding: 0;
    border-width: 0;
    border-radius: 0;
    outline: 0;
    list-style: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: row nowrap;
    flex: row nowrap;
    vertical-align: middle
}

    .k-split-button > .k-button:last-child, .k-split-button > .k-split-button-arrow {
        margin-left: -1px;
        padding: 4px;
        width: auto;
        -ms-flex: none;
        flex: none
    }

.k-split-container > li {
    padding: 1px
}

.k-split-container .k-button {
    width: 100%;
    border-color: transparent;
    background-color: transparent;
    background-image: none !important;
    text-align: left;
    white-space: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.k-action-buttons {
    margin: 1em 0 0;
    padding: 6px 8px;
    text-align: right;
    position: relative;
    clear: both
}

    .k-action-buttons .k-button {
        min-width: 75px
    }

        .k-action-buttons .k-button + .k-button {
            margin-left: 6px
        }

        .k-action-buttons .k-button.k-left {
            float: left;
            margin: 0 0 0 1em
        }

.k-rtl .k-button-group .k-button {
    margin-left: 0
}

    .k-rtl .k-button-group .k-button + .k-button {
        margin-right: -1px
    }

.k-rtl .k-split-button .k-split-button-arrow {
    margin-left: 0;
    margin-right: -1px
}

.k-rtl .k-split-container .k-button {
    text-align: right
}

.k-no-flexbox .k-button {
    display: inline-block
}

.k-no-flexbox .k-button-group {
    display: inline-block
}

    .k-no-flexbox .k-button-group:after {
        content: "";
        display: block;
        clear: both
    }

    .k-no-flexbox .k-button-group .k-button {
        display: inline-block;
        vertical-align: top
    }

.k-toolbar {
    margin: 0;
    padding: 2px 4px;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    outline: 0;
    font-size: inherit;
    line-height: 1.42857143;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

    .k-toolbar::before {
        content: "";
        height: calc(1.4285714286em+10px)
    }

    .k-toolbar.k-toolbar-resizable {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .k-toolbar > * {
        margin-top: 2px;
        margin-bottom: 2px;
        margin-right: 4px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: center;
        align-content: center;
        vertical-align: middle
    }

        .k-toolbar > * > label {
            margin-right: 4px
        }

    .k-toolbar > :last-child {
        margin-right: 0
    }

    .k-toolbar .k-button, .k-toolbar .k-button-group, .k-toolbar .k-separator, .k-toolbar .k-split-button, .k-toolbar .k-textbox, .k-toolbar .k-widget, .k-toolbar label {
        -ms-flex-item-align: center;
        align-self: center
    }

        .k-toolbar .k-split-button > .k-button {
            -ms-flex-item-align: stretch;
            align-self: stretch
        }

    .k-toolbar .k-overflow-anchor {
        margin: 0;
        width: calc(1.4285714286em+18px);
        height: 100%;
        border-width: 0;
        border-left-width: 1px;
        border-radius: 0;
        border-color: inherit;
        box-sizing: border-box;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 0
    }

    .k-toolbar .k-separator, .k-toolbar .k-toolbar-separator {
        width: 0;
        height: 1.42857143em;
        border-width: 0 0 0 1px;
        border-style: solid
    }

    .k-toolbar .k-spacer, .k-toolbar .k-toolbar-spacer {
        height: 1.42857143em;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

.k-overflow-container > .k-item {
    padding: 1px
}

.k-overflow-container .k-overflow-tool-group {
    display: block
}

.k-overflow-container .k-overflow-button {
    width: 100%;
    border-color: transparent;
    background-color: transparent;
    background-image: none !important;
    text-align: left;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.k-overflow-container .k-button-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-overflow-container .k-button-group .k-button ~ .k-button {
        margin: 0
    }

.k-overflow-container .k-split-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-overflow-container .k-split-button .k-button {
        padding: 4px 8px
    }

        .k-overflow-container .k-split-button .k-button ~ .k-button {
            margin: 0
        }

.k-overflow-container .k-separator {
    display: none
}

.k-overflow-container .k-overflow-hidden {
    display: none
}

.k-rtl .k-toolbar > * {
    margin-right: 0;
    margin-left: 4px
}

.k-rtl .k-toolbar > :last-child {
    margin-left: 0
}

.k-rtl .k-toolbar .k-overflow-anchor {
    border-left-width: 0;
    border-right-width: 1px;
    right: auto;
    left: 0
}

.k-rtl .k-overflow-container .k-overflow-button {
    text-align: right
}

.k-no-flexbox .k-toolbar {
    display: block
}

    .k-no-flexbox .k-toolbar.k-toolbar-resizable {
        white-space: nowrap
    }

    .k-no-flexbox .k-toolbar > * {
        display: inline-block;
        vertical-align: middle
    }

    .k-no-flexbox .k-toolbar > .k-align-left {
        float: none
    }

    .k-no-flexbox .k-toolbar > .k-align-right {
        float: right
    }

.k-rpanel-left {
    -webkit-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0);
    left: 0
}

.k-rpanel-right {
    -webkit-transform: translateX(100%) translateZ(0);
    -ms-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
    right: 0
}

.k-rpanel-left, .k-rpanel-right {
    position: fixed;
    display: block;
    overflow: auto;
    min-width: 320px;
    height: 100%;
    top: 0
}

    .k-rpanel-left.k-rpanel-expanded, .k-rpanel-right.k-rpanel-expanded {
        -webkit-transform: translateX(0) translateZ(0);
        -ms-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }

    .k-rpanel-left + *, .k-rpanel-right + * {
        overflow: auto
    }

.k-ie9 .k-rpanel-left {
    left: -100%
}

    .k-ie9 .k-rpanel-left.k-rpanel-expanded {
        left: 0
    }

.k-rpanel-top {
    position: static;
    max-height: 0
}

    .k-rpanel-top.k-rpanel-expanded {
        max-height: 568px;
        overflow: visible !important
    }

.k-rpanel-toggle {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.k-form {
    border-width: 0;
    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.42857143
}

.k-form-fieldset {
    margin: 32px 0 0;
    padding: 0;
    border-width: 0;
    box-sizing: border-box
}

    .k-form-fieldset > :first-child {
        margin-top: 0
    }

.k-form-legend {
    margin: 0 0 16px;
    padding: 0;
    border-style: solid;
    width: 100%;
    border-width: 0 0 2px;
    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.42857143;
    text-transform: uppercase
}

.k-form-field {
    margin: 0 0 16px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .k-form-field:first-child {
        margin-top: 0
    }

    .k-form-field > .k-form-label, .k-form-field > .k-label {
        margin: 0 0 4px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .k-form-field .k-checkbox-label, .k-form-field .k-radio-label {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .k-form-field .k-autocomplete, .k-form-field .k-combobox, .k-form-field .k-dateinput, .k-form-field .k-datepicker, .k-form-field .k-daterangepicker-wrap, .k-form-field .k-datetimepicker, .k-form-field .k-dropdown, .k-form-field .k-dropdowntree, .k-form-field .k-floating-label-container, .k-form-field .k-maskedtextbox, .k-form-field .k-multiselect, .k-form-field .k-numerictextbox, .k-form-field .k-textarea, .k-form-field .k-textbox, .k-form-field .k-textbox-container, .k-form-field .k-timepicker {
        width: 100%
    }

.k-form-error, .k-form-hint {
    padding: 4px 0 0;
    margin: 0 0 4px;
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.k-form-horizontal .k-form-field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

    .k-form-horizontal .k-form-field > .k-form-label, .k-form-horizontal .k-form-field > .k-label {
        margin-right: 10px;
        padding-top: 5px;
        width: 25%;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .k-form-horizontal .k-form-field .k-label-optional {
        margin: 0;
        -ms-flex-item-align: inherit;
        align-self: inherit
    }

.k-form-horizontal .k-form-field-wrap {
    -ms-flex: 1;
    flex: 1
}

.k-form-buttons {
    margin: 16px 0 0;
    padding: 0;
    border-width: 0;
    border-top-width: 0;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

    .k-form-buttons > * {
        -webkit-margin-start: 8px;
        margin-inline-start: 8px
    }

    .k-form-buttons > :first-child {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .k-form-buttons.k-buttons-end {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

.k-edit-form {
    margin: 0;
    padding: 0
}

.k-window > div.k-popup-edit-form {
    padding: 1em 0
}

.k-grid-edit-row .k-edit-form td {
    border-bottom-width: 0
}

.k-edit-form-container {
    position: relative;
    width: 400px
}

    .k-edit-form-container .editor-label, .k-edit-label {
        float: left;
        clear: both;
        width: 30%;
        padding: .4em 0 1em;
        margin-left: 2%;
        text-align: right
    }

    .k-edit-field, .k-edit-form-container .editor-field {
        float: right;
        clear: right;
        width: 60%;
        margin-right: 2%;
        padding: 0 0 .6em
    }

        .k-edit-field.k-no-editor, .k-edit-form-container .editor-field.k-no-editor {
            padding: .4em 0 1em
        }

    .k-edit-form-container .k-button {
        margin: 0 .16em
    }

    .k-edit-form-container .k-button-group .k-button {
        margin-right: 0
    }

.k-edit-field > .k-button:first-child {
    margin-left: 0
}

.k-edit-form-container .k-edit-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em
}

.k-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1;
    position: relative
}

.k-tabstrip-items {
    padding: .3em .3em 0
}

.k-tabstrip-scrollable .k-tabstrip-items {
    white-space: nowrap;
    overflow: hidden
}

.k-tabstrip > .k-button.k-flat {
    position: absolute;
    top: .27em;
    z-index: 2;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-tabstrip-bottom > .k-button.k-flat {
    top: auto;
    bottom: .15em
}

.k-tabstrip-prev {
    left: .4em
}

.k-tabstrip-next {
    right: .4em
}

.k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-item {
    list-style-type: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px 1px 0;
    padding: 0;
    vertical-align: top
}

.k-tabstrip-items > .k-item {
    overflow: hidden
}

.k-panelbar .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-top > .k-tabstrip-items .k-item {
    margin: 0 -1px 0 0
}

.k-panelbar .k-tabstrip-top > .k-tabstrip-items .k-state-active, .k-tabstrip-top > .k-tabstrip-items .k-state-active {
    border-bottom-width: 1px;
    margin-bottom: -1px;
    padding-bottom: 0
}

.k-tabstrip-items .k-tab-on-top {
    z-index: 1
}

.k-panelbar .k-tabstrip-items .k-link, .k-tabstrip-items .k-link {
    display: inline-block;
    border-bottom-width: 0;
    padding: .5em .92em
}

.k-panelbar .k-tabstrip-items .k-icon, .k-tabstrip-items .k-icon {
    margin: -1px 4px 0 -3px;
    vertical-align: top
}

.k-panelbar .k-tabstrip-items .k-item .k-image, .k-panelbar .k-tabstrip-items .k-item .k-sprite, .k-tabstrip-items .k-item .k-image, .k-tabstrip-items .k-item .k-sprite {
    margin: -3px 3px 0 -6px;
    vertical-align: middle
}

.k-tabstrip-items .k-loading {
    top: 0;
    left: 0;
    height: 0;
    width: 20%;
    position: absolute;
    background: 0;
    border-top: 1px solid transparent;
    border-color: inherit;
    transition: width .2s linear;
    -webkit-animation: k-tab-loader 1s ease-in-out infinite;
    animation: k-tab-loader 1s ease-in-out infinite
}

.k-tabstrip-items .k-progress {
    -webkit-animation: none;
    animation: none
}

.k-tabstrip-items .k-loading.k-complete {
    width: 100%;
    -webkit-animation: none;
    animation: none
}

.k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
    position: static;
    border-style: solid;
    border-width: 1px;
    margin: 0 .286em .3em;
    padding: .92em;
    zoom: 1
}

.k-tabstrip > .k-content {
    display: none;
    overflow: auto
}

    .k-tabstrip > .k-content:focus {
        outline-width: 1px;
        outline-style: dotted;
        outline-offset: -1px
    }

    .k-tabstrip > .k-content.km-scroll-wrapper {
        padding: 0
    }

    .k-tabstrip > .k-content > .km-scroll-container {
        padding: .3em .92em
    }

@-webkit-keyframes k-tab-loader {
    0% {
        left: 0
    }

    50% {
        left: 80%
    }

    100% {
        left: 0
    }
}

@keyframes k-tab-loader {
    0% {
        left: 0
    }

    50% {
        left: 80%
    }

    100% {
        left: 0
    }
}

.k-tabstrip-left > div.k-content, .k-tabstrip-right > div.k-content {
    margin: .286em .3em
}

.k-tabstrip-left > .k-tabstrip-items .k-item, .k-tabstrip-right > .k-tabstrip-items .k-item {
    display: block;
    margin-bottom: -1px
}

.k-tabstrip-left > .k-tabstrip-items .k-link, .k-tabstrip-right > .k-tabstrip-items .k-link {
    display: block
}

.k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 0
}

.k-tabstrip-left > .k-tabstrip-items {
    float: left;
    padding: .25em 0 .3em .3em
}

    .k-tabstrip-left > .k-tabstrip-items .k-item {
        border-width: 1px 0 1px 1px;
        border-radius: 3px 0 0 3px
    }

    .k-tabstrip-left > .k-tabstrip-items .k-state-active {
        border-width: 1px 0 1px 1px
    }

    .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top {
        margin-right: -1px;
        padding-right: 1px
    }

.k-tabstrip-right > .k-tabstrip-items {
    float: right;
    padding: .25em .3em .3em 0
}

    .k-tabstrip-right > .k-tabstrip-items .k-item {
        border-width: 1px 1px 1px 0;
        border-radius: 0 3px 3px 0
    }

    .k-tabstrip-right > .k-tabstrip-items .k-state-active {
        border-width: 1px 1px 1px 0
    }

    .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
        margin-left: -1px;
        padding-left: 1px
    }

.k-tabstrip-bottom > .k-tabstrip-items {
    margin-top: -1px;
    padding: 0 .3em .3em
}

.k-panelbar .k-tabstrip-bottom > .k-content, .k-tabstrip-bottom > .k-content {
    margin: .3em .286em 0;
    z-index: 1;
    position: relative
}

.k-tabstrip-bottom > .k-tabstrip-items .k-item {
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px
}

.k-tabstrip-bottom > .k-tabstrip-items .k-state-active {
    margin-bottom: 0;
    padding-bottom: 0
}

.k-tabstrip-bottom > .k-content {
    min-height: 100px
}

.k-tabstrip-bottom > .k-tabstrip-items .k-loading {
    top: auto;
    bottom: 0
}

.k-panelbar {
    zoom: 1
}

    .k-panel > .k-item, .k-panelbar > .k-item {
        list-style-type: none;
        display: block;
        border-width: 0;
        margin: 0;
        zoom: 1;
        border-radius: 0
    }

    .k-panelbar .k-link > .k-image, .k-panelbar .k-link > .k-sprite {
        margin-top: -2px;
        margin-right: 5px;
        vertical-align: middle
    }

    .k-panel > .k-item > .k-link, .k-panelbar > .k-item > .k-link {
        color: inherit;
        display: block;
        position: relative;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding: 0 1em;
        line-height: 2.34em;
        text-decoration: none;
        zoom: 1
    }

.k-panelbar-collapse.k-icon, .k-panelbar-expand.k-icon {
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -8px
}

.k-panelbar .k-content, .k-panelbar .k-panel {
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0;
    padding: 0;
    zoom: 1
}

.k-panel > .k-item > .k-link {
    border-bottom: 0;
    font-size: .95em;
    line-height: 2.2
}

.k-panel .k-panel > .k-item > .k-link {
    padding-left: 2em
}

.k-panelbar .k-i-arrow-end-right .k-link {
    border-bottom: 0
}

.k-panel .k-panel {
    border-bottom: 0
}

.k-pager-wrap {
    padding: 4px 4px;
    border-width: 1px;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    cursor: default;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .k-pager-wrap .k-link {
        color: inherit;
        text-decoration: none;
        outline: 0;
        font: inherit;
        background-color: inherit
    }

    .k-pager-wrap .k-widget, .k-pager-wrap select.k-dropdown {
        font-size: inherit
    }

    .k-pager-wrap[dir=rtl] .k-i-arrow-60-left, .k-pager-wrap[dir=rtl] .k-i-arrow-60-right, .k-pager-wrap[dir=rtl] .k-i-arrow-e, .k-pager-wrap[dir=rtl] .k-i-arrow-end-left, .k-pager-wrap[dir=rtl] .k-i-arrow-end-right, .k-pager-wrap[dir=rtl] .k-i-arrow-w, .k-pager-wrap[dir=rtl] .k-i-seek-e, .k-pager-wrap[dir=rtl] .k-i-seek-w, .k-rtl .k-pager-wrap .k-i-arrow-60-left, .k-rtl .k-pager-wrap .k-i-arrow-60-right, .k-rtl .k-pager-wrap .k-i-arrow-e, .k-rtl .k-pager-wrap .k-i-arrow-end-left, .k-rtl .k-pager-wrap .k-i-arrow-end-right, .k-rtl .k-pager-wrap .k-i-arrow-w, .k-rtl .k-pager-wrap .k-i-seek-e, .k-rtl .k-pager-wrap .k-i-seek-w, [dir=rtl] .k-pager-wrap .k-i-arrow-60-left, [dir=rtl] .k-pager-wrap .k-i-arrow-60-right, [dir=rtl] .k-pager-wrap .k-i-arrow-e, [dir=rtl] .k-pager-wrap .k-i-arrow-end-left, [dir=rtl] .k-pager-wrap .k-i-arrow-end-right, [dir=rtl] .k-pager-wrap .k-i-arrow-w, [dir=rtl] .k-pager-wrap .k-i-seek-e, [dir=rtl] .k-pager-wrap .k-i-seek-w {
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1)
    }

.k-pager-nav {
    border-radius: 3em;
    padding: 4px 4px;
    min-width: 2.14em;
    height: 2.14em;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    color: inherit;
    text-align: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

    .k-pager-nav:hover {
        z-index: 2
    }

    .k-pager-nav.k-state-disabled {
        color: inherit
    }

.k-pager-numbers-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

    .k-pager-numbers-wrap select.k-dropdown {
        height: 100%;
        display: none;
        cursor: pointer
    }

.k-pager-numbers {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

    .k-pager-numbers li {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .k-pager-numbers .k-link {
        border-radius: 3em;
        padding: 4px 4px;
        min-width: 2.14em;
        height: 2.14em;
        border-width: 1px;
        border-style: solid;
        outline: 0;
        box-sizing: border-box;
        color: inherit;
        text-align: center;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }

        .k-pager-numbers .k-link:hover {
            z-index: 2
        }

        .k-pager-numbers .k-link.k-state-disabled {
            color: inherit
        }

    .k-pager-numbers .k-state-selected {
        cursor: inherit;
        z-index: 2
    }

    .k-pager-nav + .k-pager-nav, .k-pager-nav + .k-pager-numbers-wrap, .k-pager-numbers li + li, .k-pager-numbers-wrap + .k-pager-nav {
        margin-left: 2px
    }

.k-rtl .k-pager-nav + .k-pager-nav, .k-rtl .k-pager-nav + .k-pager-numbers-wrap, .k-rtl .k-pager-numbers li + li, .k-rtl .k-pager-numbers-wrap + .k-pager-nav, [dir=rtl] .k-pager-nav + .k-pager-nav, [dir=rtl] .k-pager-nav + .k-pager-numbers-wrap, [dir=rtl] .k-pager-numbers li + li, [dir=rtl] .k-pager-numbers-wrap + .k-pager-nav {
    margin-left: 0;
    margin-right: 2px
}

.k-pager-input {
    margin-left: 1em;
    margin-right: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

    .k-pager-input .k-textbox {
        margin: 0 1ex;
        width: 3em
    }

.k-pager-sizes {
    margin-left: 1em;
    margin-right: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

    .k-pager-sizes .k-dropdown, .k-pager-sizes > select {
        margin-right: 1ex;
        width: 5em
    }

.k-rtl .k-pager-sizes .k-dropdown, .k-rtl .k-pager-sizes > select, [dir=rtl] .k-pager-sizes .k-dropdown, [dir=rtl] .k-pager-sizes > select {
    margin-left: 1ex;
    margin-right: 0
}

.k-pager-info {
    margin-left: 1em;
    margin-right: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    -ms-flex-order: 9;
    order: 9
}

.k-pager-refresh {
    border-radius: 3em;
    padding: 4px 4px;
    min-width: 2.14em;
    height: 2.14em;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    color: inherit;
    text-align: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-left: auto;
    -ms-flex-order: 10;
    order: 10
}

    .k-pager-refresh:hover {
        z-index: 2
    }

    .k-pager-refresh.k-state-disabled {
        color: inherit
    }

.k-rtl .k-pager-refresh, [dir=rtl] .k-pager-refresh {
    margin-left: 0;
    margin-right: auto
}

.k-pager-sm {
    overflow: visible
}

    .k-pager-sm.k-pager-wrap .k-pager-numbers-wrap {
        margin-top: 0;
        margin-bottom: 0;
        -ms-flex-item-align: center;
        align-self: center
    }

    .k-pager-sm .k-pager-numbers-wrap {
        margin-left: 1em;
        margin-right: 1em;
        width: 5em;
        height: 2.14em;
        box-sizing: border-box;
        border-color: inherit
    }

        .k-pager-sm .k-pager-numbers-wrap select.k-dropdown {
            width: 100%;
            display: -ms-flexbox;
            display: flex;
            box-sizing: border-box
        }

    .k-pager-sm[dir=rtl] .k-pager-numbers-wrap, .k-rtl .k-pager-sm .k-pager-numbers-wrap, [dir=rtl] .k-pager-sm .k-pager-numbers-wrap {
        margin-left: 1em;
        margin-right: 1em
    }

    .k-pager-md .k-pager-info, .k-pager-sm .k-pager-info, .k-pager-sm .k-pager-numbers, .k-pager-sm .k-pager-sizes {
        display: none
    }

.k-menu {
    cursor: default
}

    .k-menu .k-link {
        white-space: nowrap
    }

    .k-menu .k-item > .k-link {
        color: inherit
    }

    .k-menu, .k-menu .k-menu-group, .k-menu-scroll-wrapper .k-menu-group, .k-popups-wrapper .k-menu-group {
        list-style: none;
        margin: 0;
        padding: 0;
        zoom: 1
    }

        .k-menu:after {
            content: '';
            display: block;
            width: 99%;
            height: 0;
            float: inherit;
            clear: both
        }

        .k-menu .k-item, .k-menu-scroll-wrapper .k-item, .k-popups-wrapper .k-item {
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .k-menu .k-item .k-item, .k-menu-scroll-wrapper .k-item .k-item, .k-menu-scroll-wrapper.vertical > .k-item, .k-popups-wrapper .k-item .k-item, .k-popups-wrapper.vertical > .k-item, ul.k-menu-vertical > .k-item {
                display: block;
                float: none;
                border-width: 0
            }

            .k-menu .k-image, .k-menu .k-item > .k-link > .k-icon, .k-menu .k-sprite, .k-menu-scroll-wrapper .k-image, .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, .k-menu-scroll-wrapper .k-sprite, .k-popups-wrapper .k-image, .k-popups-wrapper .k-item > .k-link > .k-icon, .k-popups-wrapper .k-sprite {
                margin: -2px 4px 0 -4px;
                vertical-align: middle
            }

            .k-menu .k-item > .k-link, .k-menu-scroll-wrapper .k-item > .k-link, .k-popups-wrapper .k-item > .k-link {
                display: block;
                padding: .5em 1.1em .4em;
                line-height: 1.34em;
                -webkit-user-select: none;
                -ms-user-select: none;
                user-select: none
            }

.k-menu-vertical > .k-menu-item > .k-menu-link {
    padding-right: 2em
}

.k-menu .k-menu-group, .k-menu-scroll-wrapper .k-menu-group, .k-popups-wrapper .k-menu-group {
    display: none;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    white-space: nowrap
}

    .k-menu .k-menu-group > .k-item, .k-menu-scroll-wrapper .k-menu-group > .k-item, .k-popups-wrapper .k-menu-group > .k-item {
        display: block;
        border-width: 0
    }

.k-menu .k-item, .k-menu-scroll-wrapper .k-item, .k-menu-scroll-wrapper.horizontal > .k-item, .k-popups-wrapper .k-item, .k-popups-wrapper.horizontal > .k-item, .k-widget.k-menu-horizontal > .k-item {
    position: relative;
    float: left;
    border-style: solid;
    border-width: 0 1px 0 0;
    vertical-align: top;
    zoom: 1;
    box-sizing: content-box
}

.k-column-menu-group-header, .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link, .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, .k-popups-wrapper.vertical > .k-item > .k-link {
    padding: .28em 1.8em .38em .9em
}

.k-context-menu.k-menu-horizontal > .k-separator, .k-popups-wrapper.horizontal > .k-separator {
    display: none
}

.k-context-menu.k-menu-horizontal > .k-item, .k-popups-wrapper.horizontal > .k-item {
    box-sizing: border-box
}

.k-context-menu.k-menu-horizontal > .k-last, .k-popups-wrapper.horizontal > .k-last {
    border: 0
}

.k-menu-horizontal > .k-item > .k-link > .k-menu-expand-arrow, .k-popups-wrapper .k-item > .k-link > .k-menu-expand-arrow {
    margin: -2px 0 0
}

.k-menu .k-item > .k-link > .k-i-arrow-60-down, .k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-down, .k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-down {
    margin-right: -8px
}

.k-menu-group .k-item > .k-link > .k-menu-expand-arrow, .k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-right, .k-menu-vertical .k-item > .k-link > .k-menu-expand-arrow, .k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-right {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: .2rem
}

.k-menu .k-animation-container, .k-menu-scroll-wrapper .k-animation-container, .k-popups-wrapper .k-animation-container {
    border: 0
}

.k-menu .k-animation-container, .k-menu .k-menu-group, .k-menu-scroll-wrapper .k-animation-container, .k-menu-scroll-wrapper .k-menu-group, .k-popups-wrapper .k-animation-container, .k-popups-wrapper .k-menu-group {
    position: absolute;
    left: 0
}

    .k-menu .k-animation-container .k-animation-container, .k-menu .k-menu-group .k-menu-group, .k-menu-scroll-wrapper .k-animation-container .k-animation-container, .k-menu-scroll-wrapper .k-menu-group .k-menu-group, .k-menu-scroll-wrapper.vertical .k-animation-container, .k-menu-scroll-wrapper.vertical .k-menu-group, .k-menu-vertical .k-animation-container, .k-menu-vertical .k-menu-group, .k-popups-wrapper .k-animation-container .k-animation-container, .k-popups-wrapper .k-menu-group .k-menu-group, .k-popups-wrapper.vertical .k-animation-container, .k-popups-wrapper.vertical .k-menu-group {
        top: 0;
        left: 0
    }

    .k-menu .k-animation-container .k-menu-group, .k-menu-scroll-wrapper .k-animation-container .k-menu-group, .k-popups-wrapper .k-animation-container .k-menu-group {
        top: auto;
        left: auto;
        margin-left: -1px
    }

.k-menu .k-animation-container, .k-menu-scroll-wrapper .k-animation-container, .k-popup .k-animation-container, .k-popups-wrapper .k-animation-container {
    margin-top: -1px;
    padding-left: 1px
}

.k-ie .k-menu .k-animation-container, .k-ie .k-menu-scroll-wrapper .k-animation-container, .k-ie .k-popup .k-animation-container, .k-ie .k-popups-wrapper .k-animation-container {
    margin-top: -2px
}

.k-popup .k-animation-container .k-popup {
    margin-left: -1px
}

.k-menu-scroll-wrapper .k-separator, .k-popups-wrapper .k-separator, ul.k-menu .k-separator {
    padding: .25em 0;
    height: 100%;
    width: 1px;
    font-size: 0;
    line-height: 0;
    border-width: 0 1px 0 0
}

.k-menu .k-menu-group .k-separator, .k-menu-scroll-wrapper.vertical .k-menu-group .k-separator, .k-menu-scroll-wrapper.vertical .k-separator, .k-popups-wrapper.vertical .k-menu-group .k-separator, .k-popups-wrapper.vertical .k-separator, ul.k-menu-vertical .k-separator {
    padding: 0;
    height: 1px;
    width: 100%;
    border-width: 1px 0 0
}

.k-menu-scroll-wrapper .k-widget.k-menu, .k-popups-wrapper .k-widget.k-menu {
    white-space: nowrap;
    overflow: hidden
}

.k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical, .k-popups-wrapper.vertical .k-menu.k-menu-vertical {
    height: 100%;
    box-sizing: border-box
}

.k-menu-scroll-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item, .k-popups-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item {
    display: inline-block;
    overflow: hidden;
    float: none
}

.k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical > .k-item, .k-popups-wrapper.vertical .k-menu.k-menu-vertical > .k-item {
    overflow: hidden
}

.k-menu-scroll-wrapper, .k-popups-wrapper {
    position: relative;
    border: 0;
    margin: 0;
    padding: 0
}

    .k-menu-scroll-wrapper.vertical, .k-popups-wrapper.vertical {
        height: 100%
    }

    .k-menu-scroll-wrapper > .k-animation-container .k-item, .k-popups-wrapper > .k-animation-container .k-item {
        float: none
    }

    .k-menu-scroll-wrapper .k-menu-scroll-button, .k-popups-wrapper .k-menu-scroll-button {
        border-radius: 0;
        position: absolute;
        display: none
    }

    .k-menu-scroll-wrapper .k-scroll-up, .k-popups-wrapper .k-scroll-up {
        top: 0;
        left: 0
    }

    .k-menu-scroll-wrapper .k-scroll-down, .k-popups-wrapper .k-scroll-down {
        bottom: 0;
        left: 0
    }

    .k-menu-scroll-wrapper .k-scroll-down, .k-menu-scroll-wrapper .k-scroll-up, .k-popups-wrapper .k-scroll-down, .k-popups-wrapper .k-scroll-up {
        width: 100%;
        height: 16px;
        padding: 0 .7em;
        line-height: .2em
    }

    .k-menu-scroll-wrapper .k-scroll-left, .k-popups-wrapper .k-scroll-left {
        top: 0;
        left: 0
    }

    .k-menu-scroll-wrapper .k-scroll-right, .k-popups-wrapper .k-scroll-right {
        top: 0;
        right: 0
    }

    .k-menu-scroll-wrapper .k-scroll-left, .k-menu-scroll-wrapper .k-scroll-right, .k-popups-wrapper .k-scroll-left, .k-popups-wrapper .k-scroll-right {
        width: 16px;
        height: 100%;
        padding-left: 0;
        padding-right: 0
    }

        .k-menu-scroll-wrapper .k-scroll-left .k-icon, .k-menu-scroll-wrapper .k-scroll-right .k-icon, .k-popups-wrapper .k-scroll-left .k-icon, .k-popups-wrapper .k-scroll-right .k-icon {
            margin-top: -.5em;
            position: absolute;
            top: 50%;
            left: 0
        }

.k-rtl .k-menu .k-item, .k-rtl .k-widget.k-menu-horizontal > .k-item, [dir=rtl] .k-menu .k-item, [dir=rtl] .k-widget.k-menu-horizontal > .k-item {
    border-width: 0 0 0 1px
}

    .k-rtl .k-menu .k-image, .k-rtl .k-menu .k-item > .k-link > .k-icon, .k-rtl .k-menu .k-sprite, .k-rtl .k-menu-scroll-wrapper .k-image, .k-rtl .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, .k-rtl .k-menu-scroll-wrapper .k-sprite, .k-rtl .k-popups-wrapper .k-image, .k-rtl .k-popups-wrapper .k-item > .k-link > .k-icon, .k-rtl .k-popups-wrapper .k-sprite, [dir=rtl] .k-menu .k-image, [dir=rtl] .k-menu .k-item > .k-link > .k-icon, [dir=rtl] .k-menu .k-sprite, [dir=rtl] .k-menu-scroll-wrapper .k-image, [dir=rtl] .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, [dir=rtl] .k-menu-scroll-wrapper .k-sprite, [dir=rtl] .k-popups-wrapper .k-image, [dir=rtl] .k-popups-wrapper .k-item > .k-link > .k-icon, [dir=rtl] .k-popups-wrapper .k-sprite {
        margin-right: -4px;
        margin-left: 4px
    }

.k-rtl .k-menu .k-menu-group > .k-item, .k-rtl .k-menu-scroll-wrapper .k-menu-group > .k-item, .k-rtl .k-popups-wrapper .k-menu-group > .k-item, [dir=rtl] .k-menu .k-menu-group > .k-item, [dir=rtl] .k-menu-scroll-wrapper .k-menu-group > .k-item, [dir=rtl] .k-popups-wrapper .k-menu-group > .k-item {
    border: 0
}

.k-rtl .k-column-menu-group-header, .k-rtl .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-rtl .k-menu .k-menu-group .k-item > .k-link, .k-rtl .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, .k-rtl .k-popups-wrapper.vertical > .k-item > .k-link, [dir=rtl] .k-column-menu-group-header, [dir=rtl] .k-context-menu.k-menu-vertical > .k-item > .k-link, [dir=rtl] .k-menu .k-menu-group .k-item > .k-link, [dir=rtl] .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, [dir=rtl] .k-popups-wrapper.vertical > .k-item > .k-link {
    padding: .28em .9em .38em 1.8em
}

.k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link, [dir=rtl] .k-menu-vertical > .k-menu-item > .k-menu-link {
    padding: .5em 1.1em .4em;
    padding-left: 2em
}

.k-context-menu {
    border: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-listview {
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-size: inherit;
    line-height: 1.42857143;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: relative
}

.k-listview-bordered {
    border-width: 1px
}

.k-listview-header {
    border-width: 0;
    border-style: solid;
    border-color: inherit
}

.k-listview-bordered > .k-listview-header {
    border-bottom-width: 1px
}

.k-listview-footer {
    border-width: 0;
    border-style: solid;
    border-color: inherit
}

.k-listview-bordered > .k-listview-footer {
    border-top-width: 1px
}

.k-listview-content {
    margin: 0;
    padding: 0;
    border-color: inherit;
    list-style: none;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    position: relative;
    overflow: auto
}

    .k-listview-content::after {
        height: 0;
        clear: both;
        display: block
    }

    .k-listview-content.k-d-flex::after, .k-listview-content.k-d-grid::after {
        display: none
    }

.k-listview-content-padding-rectangle {
    padding: 4px 8px
}

.k-listview-content-padding-square {
    padding: 4px
}

.k-listview-item {
    padding: 0;
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-listview-item-padding-rectangle {
    padding: 4px 8px
}

    .k-listview-item-padding-rectangle .k-listview-link {
        margin: -4px -8px;
        padding: 4px 8px
    }

.k-listview-item-padding-square {
    padding: 4px
}

    .k-listview-item-padding-square .k-listview-link {
        margin: -4px;
        padding: 4px
    }

.k-listview-borders-all .k-listview-item {
    border-width: 1px
}

.k-listview-borders-horizontal .k-listview-item {
    border-top-width: 1px
}

    .k-listview-borders-horizontal .k-listview-item:first-child {
        border-top-width: 0
    }

.k-listview-borders-vertical .k-listview-item {
    border-left-width: 1px
}

    .k-listview-borders-vertical .k-listview-item:first-child {
        border-left-width: 0
    }

.k-listview-pager {
    border-width: 0;
    border-color: inherit;
    font: inherit
}

.k-listview-bordered > .k-listview-pager-top {
    border-bottom-width: 1px
}

.k-listview-bordered > .k-listview-pager-bottom {
    border-top-width: 1px
}

.k-grid {
    position: relative
}

    .k-grid table {
        width: 100%;
        margin: 0;
        max-width: none;
        border-collapse: separate;
        border-spacing: 0;
        empty-cells: show;
        border-width: 0;
        outline: 0
    }

.k-header.k-drag-clue {
    padding: .5em .6em .4em .6em;
    line-height: 1.6;
    overflow: hidden
}

.k-filter-row th, .k-grid-header th.k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

.k-grid-header th.k-header {
    vertical-align: bottom;
    cursor: default
}

    .k-grid-header th.k-header .k-checkbox {
        vertical-align: top
    }

.k-filtercell, .k-filtercell .k-widget, .k-filtercell > span {
    display: block;
    width: auto
}

    .k-filtercell > span {
        padding-right: 4.8em;
        position: relative;
        min-height: 2em;
        line-height: 2em
    }

    .k-filtercell > .k-operator-hidden {
        padding-right: 2.3em
    }

    .k-filter-row .k-dropdown-operator, .k-filtercell > span > .k-button {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0
    }

.k-filter-row .k-dropdown-operator {
    width: 2.1em;
    right: 2.5em
}

.k-filtercell > span > label {
    vertical-align: middle
}

.k-filter-row label > input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 2px
}

.k-ff .k-grid .k-filter-row .k-i-filter-clear {
    top: 1px
}

.k-ie10 .k-grid-header a:active {
    background-color: transparent
}

.k-grid-header th.k-header > .k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .6em .4em 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 18px
}

.k-grid-header th > .k-link > .k-icon {
    vertical-align: text-top
}

.k-grid .k-state-hover {
    cursor: pointer
}

.k-grid-column-resizing, .k-grid-column-resizing .k-button, .k-grid-column-resizing .k-grid-filter, .k-grid-column-resizing .k-grid-toolbar, .k-grid-column-resizing .k-link {
    cursor: col-resize
}

.k-grid td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: .4em .6em;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis
}

.k-grid .k-grouping-row td, .k-grid .k-hierarchy-cell {
    overflow: visible
}

.k-grid-edit-row td {
    text-overflow: clip
}

.k-grid-edit-row .k-textbox, .k-grid-edit-row .text-box {
    margin-top: 0;
    margin-bottom: 0
}

.k-grid-footer-wrap, .k-grid-header-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 0 0;
    zoom: 1
}

div.k-grid-footer, div.k-grid-header {
    padding-right: 17px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1
}

.k-grid-header-locked > table, .k-grid-header-wrap > table {
    margin-bottom: -1px
}

.k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
    min-height: 0
}

.k-mobile .k-grid tbody {
    -webkit-backface-visibility: hidden
}

.k-mobile .k-grid-backface tbody {
    -webkit-backface-visibility: visible
}

.k-grid-content-expander {
    position: absolute;
    visibility: hidden;
    height: 1px
}

.k-grid-norecords {
    width: 100%;
    height: 100%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.k-grid-norecords-template {
    width: 20em;
    height: 4em;
    line-height: 4em;
    vertical-align: middle;
    margin: 0 auto
}

.k-grid-content > .k-grid-norecords > .k-grid-norecords-template {
    top: 50%;
    left: 50%;
    margin-left: -10em;
    margin-top: -2em;
    position: absolute
}

@media print {
    .k-grid {
        height: auto !important
    }

    .k-grid-header {
        padding: 0 !important
    }

    .k-grid-content, .k-grid-header-wrap {
        overflow: visible;
        height: auto !important
    }
}

.k-grid .k-scrollbar {
    -ms-overflow-style: scrollbar
}

.k-virtual-scrollable-wrap {
    height: 100%;
    overflow-y: hidden;
    position: relative
}

.k-grid-content table, .k-grid-content-locked > table, .k-grid-footer table, .k-grid-header table {
    table-layout: fixed
}

.k-grid-lockedcolumns {
    white-space: nowrap
}

.k-grid-content, .k-grid-content-locked, .k-pager-wrap {
    white-space: normal
}

.k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 0 1px 0 0
}

    .k-grid-content-locked + .k-grid-content, .k-grid-footer-locked + .k-grid-footer-wrap, .k-grid-header-locked + .k-grid-header-wrap {
        display: inline-block;
        vertical-align: top
    }

.k-grid-toolbar {
    border-width: 0 0 1px;
    border-color: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-filter-row > th:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-grid-header th.k-header:first-child {
    border-left-width: 0
}

.k-grid-header th.k-header.k-first {
    border-left-width: 1px
}

.k-footer-template td {
    border-style: solid;
    border-width: 1px 0 0 1px
}

.k-group-footer td {
    border-style: solid;
    border-width: 1px 0
}

.k-group-footer .k-group-cell + td {
    border-left-width: 1px
}

.k-grid-footer {
    border-style: solid;
    border-width: 1px 0 0
}

    .k-grid-footer td {
        border-top-width: 0
    }

    .k-grid-footer > td {
        border-top-width: 1px
    }

.k-grid-pager {
    border-width: 1px 0 0
}

.k-grid-pager-top {
    border-width: 0 0 1px
}

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    float: right;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .2em .4em;
    position: relative;
    z-index: 1;
    color: inherit
}

.k-grid .k-animation-container {
    position: absolute
}

.k-filter-menu {
    padding: .5em
}

.k-list-filter {
    display: block
}

form.k-filter-menu .k-textbox, form.k-filter-menu .k-widget {
    display: block
}

form.k-filter-menu .k-textbox {
    width: 100%;
    margin-bottom: 3px
}

.k-column-menu, .k-filter-menu {
    font-size: 14px
}

    .k-filter-help-text, .k-filter-menu .k-textbox, .k-filter-menu .k-widget {
        margin: .19em 0 0
    }

    .k-filter-menu span.k-filter-and {
        width: 6em;
        margin: .5em 0 .5em
    }

    .k-filter-menu .k-action-buttons {
        margin: 0;
        padding: 0;
        text-align: initial
    }

        .k-filter-menu .k-action-buttons .k-button {
            width: 48%;
            margin: .5em 4% 0 0;
            min-width: 0
        }

            .k-filter-menu .k-action-buttons .k-button + .k-button {
                margin-right: 0
            }

    .k-filter-menu .k-filter-selected-items {
        font-weight: 700;
        margin: .5em
    }

.k-multicheck-wrap {
    overflow: auto;
    white-space: nowrap;
    max-height: 300px
}

    .k-multicheck-wrap .k-item {
        line-height: 2.2em
    }

.k-grouping-row .k-icon {
    margin: -3px 4px 0 2px
}

.k-grouping-row p {
    display: inline-block;
    vertical-align: middle;
    margin-left: -.6em;
    padding: 0 .6em
}

.k-grouping-row + tr td {
    border-top-width: 1px
}

.k-grouping-row .k-group-cell, .k-grouping-row + tr .k-group-cell {
    border-top-width: 0;
    text-overflow: clip
}

.k-grid .k-hierarchy-cell + td {
    border-left-width: 0
}

.k-grid .k-group-col, .k-grid .k-hierarchy-col {
    width: 27px
}

.k-grouping-header {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.k-grouping-header {
    line-height: 2;
    position: relative;
    white-space: normal
}

.k-grouping-dropclue {
    position: absolute;
    top: 3px;
    width: 6px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: -165px -148px
}

    .k-grouping-dropclue:after, .k-grouping-dropclue:before {
        content: "";
        width: 0;
        height: 0;
        border: 3px solid;
        border-left-color: transparent;
        border-right-color: transparent;
        position: absolute;
        left: 0
    }

    .k-grouping-dropclue:before {
        top: 0;
        border-bottom: 0
    }

    .k-grouping-dropclue:after {
        bottom: 0;
        border-top: 0
    }

.k-group-indicator {
    padding: .15em .15em .15em .4em;
    border-width: 1px;
    border-style: solid;
    line-height: 1.5em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    vertical-align: top
}

.k-grouping-header .k-group-indicator {
    margin: 0 3px
}

.k-group-indicator .k-button.k-flat, .k-group-indicator .k-link {
    padding: 0;
    border-width: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

    .k-group-indicator .k-link .k-icon {
        margin-right: 4px
    }

.k-group-indicator .k-button.k-flat {
    margin-left: 8px;
    padding: 0;
    width: auto;
    height: auto;
    opacity: .5
}

    .k-group-indicator .k-button.k-flat::after, .k-group-indicator .k-button.k-flat::before {
        display: none
    }

    .k-group-indicator .k-button.k-flat:hover {
        opacity: 1
    }

.k-no-flexbox .k-group-indicator {
    display: inline-block
}

    .k-no-flexbox .k-group-indicator .k-button, .k-no-flexbox .k-group-indicator .k-link {
        display: inline-block;
        vertical-align: middle
    }

.k-dirty-cell:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    float: left
}

.k-dirty-cell {
    position: relative
}

    .k-dirty-cell.k-edit-cell {
        position: static
    }

    .k-dirty-cell .k-dirty {
        margin: 0;
        top: 0;
        left: 0
    }

.k-dirty {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: red transparent transparent red;
    margin: -.45em 0 0 -.6em;
    padding: 0;
    overflow: hidden;
    vertical-align: top
}

.k-grouping-header {
    margin: 0;
    padding: .22em .2em .28em;
    cursor: default
}

.k-grid .k-edit-container {
    padding: 0
}

.k-grid .field-validation-error {
    display: block
}

.k-grid .input-validation-error {
    border-style: ridge;
    border-color: red;
    background-color: pink
}

.k-grid-actions {
    display: inline-block
}

.k-grid .k-button {
    margin: .16em
}

.k-grid tbody .k-button {
    min-width: 64px
}

.k-grid tbody button.k-button {
    min-width: 78px
}

html body .k-grid tbody .k-button-icon {
    width: auto;
    min-width: 0
}

.k-detail-row {
    position: relative
}

.k-grid .k-detail-cell {
    overflow: visible
}

.k-grid .k-edit-cell {
    padding: 0 .3em;
    white-space: nowrap
}

.k-edit-cell > .k-textbox, .k-edit-cell > .k-widget:not(.k-switch), .k-edit-cell > .text-box, .k-grid-edit-row > td > .k-textbox, .k-grid-edit-row > td > .k-widget:not(.k-switch), .k-grid-edit-row > td > .text-box {
    width: 100%
}

.k-edit-cell input[type=checkbox] {
    margin-left: .6em
}

.k-grid-resize-indicator {
    position: absolute;
    width: 2px;
    background-color: #aaa
}

.k-grid-header .k-resize-handle, .k-grid > .k-resize-handle {
    position: absolute;
    height: 25px;
    cursor: col-resize;
    z-index: 2
}

.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 {
    opacity: .6
}

.k-ie9 .k-column-menu {
    width: 160px
}

.k-column-menu {
    min-width: 160px
}

    .k-column-menu .k-sprite {
        margin-right: 10px
    }

    .k-column-menu > .k-menu {
        border-width: 0
    }

    .k-column-menu .k-calendar .k-link {
        white-space: normal
    }

.k-columns-item .k-group {
    max-height: 200px;
    overflow: auto
}

.k-filter-menu.k-popup, .k-grid-filter-popup.k-popup {
    padding: 2px 0
}

    .k-filter-menu.k-popup .k-filter-menu-container, .k-grid-filter-popup.k-popup .k-filter-menu-container {
        width: 230px
    }

    .k-filter-menu.k-popup .k-multicheck-wrap, .k-grid-filter-popup.k-popup .k-multicheck-wrap {
        padding: 0 3px
    }

        .k-filter-menu.k-popup .k-multicheck-wrap .k-item, .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-item {
            padding: 2px 0
        }

        .k-filter-menu.k-popup .k-multicheck-wrap .k-check-all-wrap, .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-check-all-wrap {
            padding-bottom: 4px;
            border-bottom-width: 1px;
            border-bottom-style: solid
        }

.k-filter-menu .k-filter-menu-container {
    padding: 4px 8px;
    box-sizing: border-box
}

.k-filter-menu .k-searchbox {
    margin-bottom: 8px;
    width: 100%
}

.k-grid-columnmenu-popup {
    margin: 0;
    width: 230px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.42857143;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .k-grid-columnmenu-popup.k-popup {
        padding: 2px 0
    }

    .k-grid-columnmenu-popup .k-filter-menu {
        padding: 0;
        border-radius: 0
    }

        .k-grid-columnmenu-popup .k-filter-menu .k-filter-menu-container {
            padding: 2px 0
        }

        .k-grid-columnmenu-popup .k-filter-menu .k-radio-list, .k-grid-columnmenu-popup .k-filter-menu .k-textbox, .k-grid-columnmenu-popup .k-filter-menu .k-widget {
            margin: .5em 0;
            width: 100%;
            display: block
        }

            .k-grid-columnmenu-popup .k-filter-menu .k-widget.k-filter-and {
                width: 6em;
                margin: 1em 0
            }

            .k-grid-columnmenu-popup .k-filter-menu .k-widget.k-button-group {
                width: auto;
                margin: 0;
                display: -ms-inline-flexbox;
                display: inline-flex
            }

        .k-grid-columnmenu-popup .k-filter-menu .k-action-buttons, .k-grid-columnmenu-popup .k-filter-menu .k-actions, .k-grid-columnmenu-popup .k-filter-menu .k-columnmenu-actions {
            margin-left: -1em;
            margin-right: -1em;
            margin-bottom: -1em;
            padding: 0 1em 1em
        }

            .k-grid-columnmenu-popup .k-filter-menu .k-action-buttons .k-button, .k-grid-columnmenu-popup .k-filter-menu .k-actions .k-button, .k-grid-columnmenu-popup .k-filter-menu .k-columnmenu-actions .k-button {
                -ms-flex: 1 1 50%;
                flex: 1 1 50%
            }

            .k-grid-columnmenu-popup .k-filter-menu .k-actions.k-actions-center .k-button, .k-grid-columnmenu-popup .k-filter-menu .k-actions.k-actions-end .k-button, .k-grid-columnmenu-popup .k-filter-menu .k-actions.k-actions-start .k-button {
                -ms-flex: 0 1 auto;
                flex: 0 1 auto
            }

    .k-grid-columnmenu-popup .k-multicheck-wrap {
        max-height: 300px;
        overflow: auto;
        overflow-x: hidden;
        white-space: nowrap
    }

    .k-grid-columnmenu-popup .k-filter-selected-items {
        font-weight: 700;
        line-height: normal;
        white-space: nowrap;
        margin: 1em 0 .5em
    }

.k-column-list {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto
}

.k-column-chooser-title, .k-column-list-item {
    padding: 2px 8px
}

.k-column-list-item {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer
}

.k-columnmenu-item {
    padding: 4px 8px;
    outline: 0;
    cursor: pointer
}

    .k-columnmenu-item > .k-icon {
        margin-right: 4px
    }

.k-columnmenu-item-wrapper + .k-columnmenu-item-wrapper {
    border-top-width: 1px;
    border-top-style: solid
}

.k-columnmenu-item-content {
    overflow: hidden
}

    .k-columnmenu-item-content .k-filter-menu .k-filter-menu-container {
        padding: 4px 8px
    }

.k-columnmenu-actions {
    padding: 4px 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    clear: both
}

    .k-columnmenu-actions .k-button + .k-button {
        margin-left: 8px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

.k-rtl .k-columnmenu-actions .k-button + .k-button, [dir=rtl] .k-columnmenu-actions .k-button + .k-button {
    margin-left: 0;
    margin-right: 8px
}

.k-column-list-wrapper .k-action-buttons .k-button, .k-column-list-wrapper .k-actions .k-button, .k-column-list-wrapper .k-columnmenu-actions .k-button, .k-columnmenu-item-content .k-action-buttons .k-button, .k-columnmenu-item-content .k-actions .k-button, .k-columnmenu-item-content .k-columnmenu-actions .k-button {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.k-column-list-wrapper .k-actions.k-actions-center .k-button, .k-column-list-wrapper .k-actions.k-actions-end .k-button, .k-column-list-wrapper .k-actions.k-actions-start .k-button, .k-columnmenu-item-content .k-actions.k-actions-center .k-button, .k-columnmenu-item-content .k-actions.k-actions-end .k-button, .k-columnmenu-item-content .k-actions.k-actions-start .k-button {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.k-column-menu .k-menu:not(.k-context-menu) {
    font-weight: 400
}

.k-column-menu .k-expander {
    border: 0;
    background: inherit
}

    .k-column-menu .k-expander .k-columnmenu-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

.k-rtl .k-columnmenu-item > .k-icon, [dir=rtl] .k-columnmenu-item > .k-icon {
    margin-left: 4px;
    margin-right: 0
}

.k-column-menu-group-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-column-menu-group-header-text {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size: 12px;
    line-height: 1.42857143;
    font-weight: 700;
    text-transform: uppercase;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-pdf-export-shadow .k-grid {
    float: left;
    width: auto !important
}

.k-pdf-export-shadow .k-grid-content.k-auto-scrollable {
    padding-right: 0 !important
}

.k-pdf-export-shadow .k-grid, .k-pdf-export-shadow .k-grid-content, .k-pdf-export-shadow .k-grid-content-locked {
    height: auto !important;
    overflow: visible
}

    .k-pdf-export-shadow .k-grid-content-locked + .k-grid-content, .k-pdf-export-shadow .k-grid-footer-locked + .k-grid-footer-wrap, .k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap {
        width: auto !important
    }

    .k-pdf-export-shadow .k-grid-header, .k-pdf-export-shadow .k-grid[data-role=grid] .k-grid-footer {
        padding: 0 !important
    }

.k-loading-pdf-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100
}

    .k-loading-pdf-mask .k-loading-color {
        opacity: .5
    }

    .k-loading-pdf-mask .k-loading-pdf-progress {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

.k-pdf-export .k-loading-pdf-mask {
    display: none
}

.k-pdf-export .k-grid-filter {
    text-decoration: none
}

.k-autofitting {
    width: auto !important;
    table-layout: auto !important
}

    .k-autofitting td, .k-autofitting th.k-header {
        white-space: nowrap !important
    }

    .k-autofitting .k-detail-row {
        display: none !important
    }

.k-grid .k-grouping-row td {
    border-bottom-width: 0
}

.k-grid .k-grouping-row + tr td {
    border-top-width: 1px
}

    .k-grid .k-grouping-row + tr td.k-group-cell {
        border-top-width: 0
    }

.k-grid .k-group-cell {
    border-bottom-width: 0;
    border-top-width: 0
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm {
    margin-left: 7px
}

.k-grid-header .k-sort-order {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-top: 1px;
    margin-left: -1px;
    vertical-align: text-top;
    font-size: 12px
}

.k-grid-header .k-link .k-icon.k-i-sort-asc-sm, .k-grid-header .k-link .k-icon.k-i-sort-desc-sm {
    margin-top: 1px;
    vertical-align: text-top
}

.k-grid .k-grid-search {
    width: 12.4em;
    display: -ms-flexbox;
    display: flex
}

.k-grid .k-grid-content-sticky, .k-grid .k-grid-footer-sticky, .k-grid .k-grid-header .k-filter-row .k-grid-header-sticky, .k-grid .k-grid-header .k-header.k-grid-header-sticky {
    position: sticky;
    z-index: 2
}

    .k-grid .k-grid-content-sticky.k-edit-cell, .k-grid .k-grid-footer-sticky.k-edit-cell, .k-grid .k-grid-header .k-filter-row .k-grid-header-sticky.k-edit-cell, .k-grid .k-grid-header .k-header.k-grid-header-sticky.k-edit-cell {
        overflow: visible;
        z-index: 3
    }

.k-grid .k-hierarchy-cell + td.k-grid-content-sticky {
    border-left-width: 1px
}

.k-grid td.k-grid-content-sticky, .k-grid td.k-grid-footer-sticky, .k-grid th.k-grid-header-sticky {
    border-right-width: 1px
}

    .k-grid td.k-grid-content-sticky:not([style*='display: none']) + td, .k-grid td.k-grid-content-sticky:not([style*='display: none']) + th, .k-grid td.k-grid-footer-sticky:not([style*='display: none']) + td, .k-grid td.k-grid-footer-sticky:not([style*='display: none']) + th, .k-grid th.k-grid-header-sticky:not([style*='display: none']) + td, .k-grid th.k-grid-header-sticky:not([style*='display: none']) + th {
        border-left-width: 0
    }

.k-grid .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first {
    border-left-width: 0
}

.k-grid[dir=rtl] .k-grid-header th.k-grid-header-sticky, .k-grid[dir=rtl] td.k-grid-content-sticky, .k-grid[dir=rtl] td.k-grid-footer-sticky, .k-grid[dir=rtl] th.k-grid-header-sticky:last-child, .k-rtl .k-grid .k-grid-header th.k-grid-header-sticky, .k-rtl .k-grid td.k-grid-content-sticky, .k-rtl .k-grid td.k-grid-footer-sticky, .k-rtl .k-grid th.k-grid-header-sticky:last-child {
    border-left-width: 1px
}

    .k-grid[dir=rtl] td.k-grid-content-sticky:not([style*='display: none']) + td, .k-grid[dir=rtl] td.k-grid-content-sticky:not([style*='display: none']) + th, .k-grid[dir=rtl] th.k-grid-header-sticky:not([style*='display: none']) + td, .k-grid[dir=rtl] th.k-grid-header-sticky:not([style*='display: none']) + th, .k-rtl .k-grid td.k-grid-content-sticky:not([style*='display: none']) + td, .k-rtl .k-grid td.k-grid-content-sticky:not([style*='display: none']) + th, .k-rtl .k-grid th.k-grid-header-sticky:not([style*='display: none']) + td, .k-rtl .k-grid th.k-grid-header-sticky:not([style*='display: none']) + th {
        border-left-width: 1px;
        border-right-width: 0
    }

.k-grid[dir=rtl] .k-grid-header-sticky.k-header.k-first, .k-grid[dir=rtl] .k-grid-header-sticky.k-header:first-child, .k-rtl .k-grid .k-grid-header-sticky.k-header.k-first, .k-rtl .k-grid .k-grid-header-sticky.k-header:first-child {
    border-left-width: 1px
}

.k-grid[dir=rtl] .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first, .k-rtl .k-grid .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first {
    border-left-width: 1px;
    border-right-width: 0
}

.k-treelist .k-status {
    padding: .4em .6em;
    line-height: 1.6em
}

    .k-treelist .k-status .k-loading {
        vertical-align: baseline;
        margin-right: 5px
    }

.k-treelist tr.k-hidden {
    display: none
}

.k-treelist.k-treelist-dragging, .k-treelist.k-treelist-dragging .k-state-hover {
    cursor: default
}

.k-treelist .k-drop-hint {
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.k-treelist .k-i-arrow-45-down-right, .k-treelist .k-i-arrow-60-right {
    cursor: pointer
}

.k-treelist .k-i-arrow-45-down-right {
    margin-top: -.5em
}

.k-drag-separator {
    display: inline-block;
    border-right: 1px solid;
    height: 1em;
    vertical-align: top;
    margin: 0 .5em
}

.k-gantt {
    box-sizing: border-box;
    white-space: nowrap;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .k-gantt .k-splitbar {
        width: 5px;
        border-width: 0 1px;
        background-repeat: repeat-y;
        position: relative;
        cursor: e-resize;
        display: inline-block;
        vertical-align: top;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

.k-gantt-header {
    border-width: 0 0 1px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 2
}

.k-gantt-footer {
    border-width: 1px 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-gantt-toggle {
    display: none
}

.k-gantt-views-wrapper select.k-dropdown {
    width: auto;
    font: inherit;
    display: none;
    cursor: pointer
}

@media(max-width:1024px) {
    .k-gantt-views-wrapper select.k-dropdown {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .k-gantt-views-wrapper .k-gantt-views {
        display: none
    }
}

.k-gantt-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    align-items: stretch
}

.k-gantt .k-gantt-content .k-grid-header td, .k-gantt .k-gantt-content th {
    vertical-align: bottom
}

.k-gantt td {
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top
}

.k-gantt .k-grid .k-edit-cell {
    vertical-align: middle
}

.k-gantt-timeline > .k-timeline, .k-gantt-treelist > .k-treelist {
    border-width: 0;
    height: 100%
}

.k-gantt-treelist {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

    .k-gantt-treelist .k-grid-header tr {
        height: 5em
    }

.k-gantt .k-treelist .k-grid-header {
    padding: 0 !important
}

.k-gantt .k-treelist .k-grid-content {
    overflow-y: hidden;
    overflow-x: scroll
}

.k-treelist-group > tr > span {
    font-weight: 700
}

.k-treelist-group .k-widget {
    font-weight: 400
}

.k-gantt-timeline {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

    .k-gantt-timeline .k-grid-header tr, .k-gantt-treelist .k-gantt-treelist-nested-columns .k-grid-header tr {
        height: 2.5em
    }

    .k-gantt-timeline .k-grid-header .k-header {
        vertical-align: bottom;
        cursor: default
    }

.k-gantt-tasks {
    position: relative
}

    .k-gantt .k-grid-content tr, .k-gantt-rows tr, .k-gantt-tasks tr {
        height: 2.3em
    }

.k-gantt .k-gantt-tasks td:after {
    content: "\a0"
}

.k-gantt-timeline {
    background: 0
}

.k-gantt-columns, .k-gantt-dependencies, .k-gantt-rows {
    position: absolute;
    top: 0;
    left: 0
}

.k-gantt-tables {
    position: relative
}

.k-gantt .k-timeline .k-grid-content {
    overflow-x: scroll
}

.k-gantt .k-gantt-timeline th, .k-gantt-timeline .k-grid-header td {
    text-align: center
}

.k-gantt .k-gantt-timeline .k-grid-header tr:first-child td, .k-gantt .k-gantt-timeline tr:first-child th {
    border-bottom-width: 1px
}

.k-gantt-timeline td.k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis
}

.k-task-summary {
    height: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px
}

.k-task-summary-complete {
    height: 10px;
    position: relative;
    z-index: 2
}

.k-task-summary-progress {
    height: 15px;
    overflow: hidden
}

.k-task-summary-complete:after, .k-task-summary-complete:before, .k-task-summary:after, .k-task-summary:before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;
    border-color: transparent
}

.k-task-summary-complete:before, .k-task-summary:before {
    left: 0;
    border-left-color: inherit
}

.k-task-summary-complete:after, .k-task-summary:after {
    right: 0;
    border-right-color: inherit
}

.k-gantt-line-h, .k-gantt-line-v {
    position: absolute
}

.k-gantt-line-h {
    height: 2px
}

.k-gantt-line-v {
    width: 2px
}

.k-arrow-e, .k-arrow-w {
    position: absolute;
    top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px
}

.k-arrow-e {
    right: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent
}

.k-arrow-w {
    left: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.k-task-milestone {
    width: 13px;
    height: 13px;
    margin-top: 3px;
    border-style: solid;
    border-width: 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -.2em
}

.k-gantt .k-gantt-tasks .k-button-icon, .k-gantt .k-gantt-treelist .k-button {
    padding-top: 0;
    padding-bottom: 0
}

.k-gantt .k-gantt-tasks .k-button-icon {
    margin-top: 4px
}

.k-gantt .k-gantt-treelist .k-button {
    margin-top: -4px;
    margin-bottom: -2px
}

.k-gantt .k-gantt-tasks .k-button-icon {
    padding-left: 2px;
    padding-right: 2px
}

.k-gantt .k-gantt-tasks .k-button .k-icon, .k-gantt .k-gantt-treelist .k-button .k-icon {
    vertical-align: text-top
}

.k-rel .k-button-icon {
    position: absolute;
    left: 200px
}

.k-rel {
    position: relative;
    height: 0;
    top: -.3em
}

.k-task-wrap {
    position: absolute;
    display: inline;
    padding: 0 23px 5px;
    margin: -1px -23px 0;
    z-index: 2
}

    .k-gantt-line.k-state-selected, .k-task-wrap:hover {
        z-index: 3
    }

.k-milestone-wrap {
    margin: 0 -13px 0 -27px
}

.k-task-content {
    position: relative;
    z-index: 2
}

.k-task-complete {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20%;
    z-index: 1
}

.k-task-dot {
    position: absolute;
    top: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: none;
    cursor: pointer
}

    .k-task-dot.k-state-hover {
        background-color: transparent
    }

.k-task-single + .k-task-dot, .k-task-single + .k-task-dot + .k-task-dot {
    top: .2em
}

.k-task-wrap-active .k-task-dot, .k-task-wrap:hover .k-task-dot {
    display: block
}

.k-task-dot:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 16px
}

.k-task-dot:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-left: 4px
}

.k-task-dot.k-state-hover:after, .k-task-dot:hover:after, .k-task-wrap-active .k-task-dot:after {
    border-style: solid;
    border-width: 1px;
    margin-left: 3px
}

.k-task-start {
    left: 0
}

.k-task-end {
    right: 0
}

.k-task-single {
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden;
    cursor: default;
    min-height: 1.3em;
    white-space: nowrap
}

.k-task-template {
    padding: .2em 1.4em .2em .6em;
    line-height: normal
}

.k-task-actions, .k-task-content > .k-link {
    position: absolute;
    top: 0;
    right: 4px;
    white-space: nowrap
}

.k-task-actions {
    z-index: 1
}

    .k-task-actions:first-child {
        position: static;
        float: left;
        margin: 4px 2px 0 4px
    }

.k-webkit .k-task-actions:first-child {
    margin-top: 3px
}

.k-task-actions:first-child > .k-link {
    display: inline-block
}

.k-task-delete {
    display: none
}

.k-task-wrap-active .k-task-delete, .k-task-wrap:hover .k-task-delete {
    display: inline-block
}

.k-task-single .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2;
    height: auto
}

.k-task-single:hover .k-resize-handle, .k-task-wrap-active .k-resize-handle {
    visibility: visible
}

.k-task-single .k-resize-handle:after {
    content: "";
    position: absolute;
    opacity: .5
}

.k-task-content > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

.k-task-content > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

    .k-task-content > .k-resize-e:after, .k-task-content > .k-resize-w:after {
        left: 1px;
        top: 50%;
        margin-top: -.7em;
        height: 1.4em;
        width: 1px
    }

.k-task-content > .k-resize-e:after {
    left: auto;
    right: 1px
}

.k-task-draghandle {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    margin: 0 18px;
    border-width: 5px;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    display: none;
    cursor: e-resize
}

.k-task-wrap-active .k-task-draghandle, .k-task-wrap:hover .k-task-draghandle {
    display: block
}

.k-gantt-dependency-hint {
    z-index: 4
}

.k-gantt-rowheight .k-task-dot, .k-gantt-rowheight .k-task-milestone, .k-gantt-rowheight .k-task-single + .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot, .k-gantt-rowheight .k-task-summary {
    top: 50%
}

.k-gantt-rowheight .k-task-milestone, .k-gantt-rowheight .k-task-summary {
    margin-top: -6px
}

.k-gantt-rowheight .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot {
    margin-top: -11px
}

.k-gantt-rowheight .k-task-single {
    height: calc(100% - 2px)
}

.k-ie .k-gantt-rowheight .k-task-single {
    height: 99%
}

.k-gantt-rowheight .k-task-content {
    height: 100%
}

    .k-gantt-rowheight .k-task-content > .k-resize-e:after, .k-gantt-rowheight .k-task-content > .k-resize-w:after {
        top: 0;
        margin-top: 0;
        height: 100%
    }

.k-task-details {
    padding: .4em;
    text-align: left;
    white-space: nowrap
}

    .k-task-details > strong {
        font-size: 120%;
        display: block
    }

.k-task-pct {
    margin: .5em 0 .1em;
    font-size: 170%
}

.k-task-details > ul {
    line-height: 1.2
}

.k-resources-wrap {
    position: absolute;
    display: inline;
    z-index: 2;
    zoom: 1;
    margin-left: 20px;
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .k-resources-wrap .k-resource {
        margin: 0 5px
    }

.k-gantt-edit-form > .k-edit-form-container {
    width: 430px
}

.k-gantt-edit-form > .k-resources-form-container {
    width: 506px
}

.k-resources-form-container > .k-grid {
    margin: 0 .9em
}

.k-gantt-edit-form > .k-edit-form-container .k-numerictextbox, .k-gantt-edit-form > .k-edit-form-container .k-textbox {
    width: 15em
}

.k-gantt-edit-form .k-edit-buttons .k-gantt-delete {
    float: left
}

.k-pdf-export-shadow .k-gantt {
    float: left
}

    .k-pdf-export-shadow .k-gantt, .k-pdf-export-shadow .k-gantt .k-grid-content, .k-pdf-export-shadow .k-gantt-timeline {
        width: auto !important;
        height: auto !important;
        overflow: visible !important
    }

.k-pdf-export-shadow .k-gantt-treelist {
    height: auto !important;
    overflow: visible !important
}

.k-pdf-export-shadow .k-gantt-timeline .k-grid-header {
    padding: 0 !important
}

.k-pdf-export-shadow .k-gantt .k-splitbar, .k-pdf-export-shadow .k-pdf-export {
    display: none
}

@media(max-width:480px) {
    .k-gantt-toolbar .k-gantt-toggle {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .k-gantt-toolbar .k-button {
        padding: 4px;
        width: calc(1.4285714286em+10px);
        height: calc(1.4285714286em+10px)
    }

        .k-gantt-toolbar .k-button .k-icon {
            margin: 0
        }

        .k-gantt-toolbar .k-button .k-button-text {
            display: none
        }

    .k-gantt .k-treelist .k-grid-content {
        overflow-y: scroll
    }
}

.k-gantt-resize-hint {
    white-space: nowrap
}

.k-gantt-planned .k-gantt-rows tr, .k-gantt-planned .k-gantt-tasks tr, .k-gantt.k-gantt-planned .k-grid-content tr {
    height: 3.3em
}

.k-gantt-planned .k-gantt-dependencies {
    margin-top: .6em
}

.k-gantt-planned .k-task-dot {
    margin-top: 1.1em
}

.k-gantt-planned .k-resources-wrap {
    margin-top: .9em
}

.k-gantt-planned .k-milestone-wrap .k-task-dot {
    margin-top: 1.3em
}

    .k-gantt-planned .k-milestone-wrap .k-task-dot.k-task-start {
        margin-left: -.2em
    }

.k-gantt-planned .k-summary-wrap .k-task-dot {
    margin-top: 1.3em
}

.k-task-planned {
    margin: 0 0 .35em;
    line-height: .75em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

    .k-task-planned .k-task-moment {
        border-width: 2px;
        border-radius: 5px;
        border-style: solid;
        height: 6px;
        width: 6px
    }

        .k-task-planned .k-task-moment.k-moment-left {
            margin-left: -4px
        }

    .k-task-planned .k-task-duration {
        height: 2px
    }

    .k-task-planned:hover .k-task-duration {
        height: 3px
    }

.k-milestone-wrap .k-task-planned {
    margin-bottom: .7em
}

.k-summary-wrap .k-task-planned {
    margin-bottom: .6em
}

.k-planned-tooltip .k-task-content {
    display: block
}

.k-task-offset-wrap .k-task {
    display: inline-block
}

    .k-task-offset-wrap .k-task .k-task-content .k-resize-e {
        display: none
    }

.k-task-offset-wrap .k-task-single + .k-task-offset {
    height: 1.65em
}

.k-task-offset {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    line-height: 1.46em;
    vertical-align: top
}

    .k-task-offset .k-resize-handle {
        margin-right: 1.5em;
        top: 0;
        bottom: 0;
        width: .4em;
        position: absolute;
        visibility: hidden;
        z-index: 2;
        height: auto
    }

        .k-task-offset .k-resize-handle::after {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -.55em;
            height: 1.4em;
            width: 1px
        }

.k-summary-wrap .k-task-offset {
    height: 10px;
    margin: 3px 0 0
}

    .k-summary-wrap .k-task-offset:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px;
        right: 1.4em
    }

.k-rtl .k-summary-wrap .k-task-offset::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px
}

.k-rtl .k-task-offset-wrap .k-task .k-task-content .k-resize-e {
    display: block
}

.k-rtl .k-task-offset-wrap .k-task .k-task-content .k-resize-w {
    display: none
}

.k-rtl .k-milestone-wrap {
    margin-left: -1.8em
}

.k-rtl .k-task-milestone {
    margin-right: -.15em
}

.k-ie .k-summary-wrap .k-task-offset:after {
    right: 20px
}

.k-ie .k-rtl .k-summary-wrap .k-task-offset:before {
    left: 20px
}

.k-task-offset .k-task-actions {
    visibility: hidden
}

.k-task-offset:hover .k-resize-handle, .k-task-offset:hover .k-task-actions, .k-task-single:hover + .k-task-offset .k-resize-handle, .k-task-single:hover + .k-task-offset .k-task-actions {
    visibility: visible
}

.k-pivot {
    position: relative
}

.k-pivot-toolbar {
    padding: .2em;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.k-pivot .k-pivot-toolbar {
    padding: .6em
}

.k-pivot-toolbar .k-button {
    margin-right: .4em;
    line-height: 1.2em;
    font-size: .9em;
    text-align: left;
    position: relative;
    padding: .3em 5em .3em .3em;
    cursor: move
}

.k-field-actions {
    position: absolute;
    right: 2px;
    top: 3px;
    cursor: pointer
}

.k-pivot .k-grid td {
    white-space: nowrap
}

.k-pivot-layout {
    border-spacing: 0;
    table-layout: auto
}

    .k-pivot-layout > tbody > tr > td {
        vertical-align: top;
        padding: 0
    }

.k-pivot td {
    vertical-align: top
}

.k-pivot-rowheaders > .k-grid, .k-pivot-table > .k-grid {
    border-width: 0
}

    .k-pivot-rowheaders > .k-grid td:first-child, .k-pivot-table .k-grid-header .k-header.k-first {
        border-left-width: 1px
    }

    .k-pivot-rowheaders > .k-grid td.k-first {
        border-left-width: 0
    }

.k-pivot-rowheaders > .k-grid {
    overflow: hidden
}

.k-pivot-table {
    border-left-width: 1px;
    border-left-style: solid
}

    .k-pivot-table .k-grid-header-wrap > table {
        height: 100%
    }

.k-pivot .k-grid-header .k-header {
    vertical-align: top
}

.k-header.k-alt, td.k-alt {
    font-weight: 700
}

.k-header.k-alt {
    background-image: none
}

.k-pivot-layout .k-grid td {
    border-bottom-width: 1px
}

.k-pivot-layout .k-grid-footer > td {
    border-top-width: 0
}

.k-pivot-filter-window .k-treeview {
    max-height: 600px
}

.k-fieldselector .k-edit-buttons {
    bottom: auto
}

.k-fieldselector .k-edit-label {
    width: 16%
}

.k-fieldselector .k-edit-field {
    width: 77%
}

    .k-fieldselector .k-edit-field > .k-textbox, .k-fieldselector .k-edit-field > .k-widget {
        width: 99%
    }

.k-fieldselector .k-edit-buttons > input, .k-fieldselector .k-edit-buttons > label {
    float: left;
    margin-top: .4em
}

.k-fieldselector p {
    margin: 0 0 .2em .5em;
    text-transform: uppercase
}

    .k-fieldselector p .k-icon {
        margin: 0 5px 0 0
    }

.k-fieldselector .k-columns {
    border-style: solid;
    border-width: 0
}

    .k-fieldselector .k-columns > div {
        overflow: auto;
        padding: .6em;
        border-style: solid;
        border-width: 0 0 0 1px;
        float: left;
        width: 45%
    }

        .k-fieldselector .k-columns > div:first-child {
            border-width: 0;
            margin-right: -1px
        }

        .k-fieldselector .k-columns > div + div {
            float: right;
            border-width: 0
        }

.k-fieldselector div.k-treeview {
    border-width: 0;
    margin-right: -1px;
    padding-left: 4px;
    overflow: visible
}

.k-fieldselector .k-list-container {
    margin-left: .5em;
    margin-bottom: 1em;
    padding: .2em 0 0;
    border-style: solid;
    border-width: 1px
}

.k-fieldselector .k-list {
    padding-bottom: 2em
}

    .k-fieldselector .k-list li.k-item {
        padding: .3em 3.3em .3em .3em;
        margin: 0 .2em .2em;
        position: relative;
        font-size: .9em;
        line-height: 1.2em;
        min-height: 1em
    }

.k-i-kpi-trend-decrease, .k-i-kpi-trend-equal, .k-i-kpi-trend-increase {
    color: #858585
}

.k-i-kpi-status-hold {
    color: #f9ce1d
}

.k-i-kpi-status-deny {
    color: #f44336
}

.k-i-kpi-status-open {
    color: #4caf50
}

.k-pdf-export-shadow .k-pivot .k-grid-content {
    overflow: visible !important
}

.k-pdf-export-shadow .k-pivot .k-grid-content, .k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid {
    height: 100% !important
}

.k-pdf-export-shadow .k-pivot .k-grid-header {
    padding-right: 0 !important
}

.k-pdf-export-shadow .k-pivot {
    width: auto !important;
    height: auto !important
}

    .k-pdf-export-shadow .k-pivot .k-grid-content > table, .k-pdf-export-shadow .k-pivot .k-grid-header-wrap > table {
        width: 100% !important;
        height: auto !important
    }

.k-pivot .k-field-actions .k-icon {
    pointer-events: all
}

div.k-treeview {
    border-width: 0;
    background: 0;
    overflow: auto;
    white-space: nowrap
}

.k-treeview .k-item {
    display: block;
    border-width: 0;
    margin: 0;
    padding: 0 0 0 16px
}

    .k-treeview .k-content, .k-treeview .k-item > .k-group, .k-treeview > .k-group {
        margin: 0;
        padding: 0;
        background: 0;
        list-style-type: none;
        position: relative
    }

.k-treeview .k-checkbox, .k-treeview .k-icon, .k-treeview .k-image, .k-treeview .k-in, .k-treeview .k-sprite {
    display: inline-block;
    vertical-align: top
}

.k-checkbox-wrapper {
    display: inline-block;
    vertical-align: middle
}

.k-treeview .k-checkbox-wrapper + .k-in {
    margin-left: 4px
}

.k-treeview .k-icon, .k-treeview .k-in {
    vertical-align: middle
}

.k-treeview .k-request-retry {
    vertical-align: baseline
}

.k-treeview .k-i-collapse, .k-treeview .k-i-expand, .k-treeview .k-i-minus, .k-treeview .k-i-plus {
    margin-left: -16px;
    cursor: pointer
}

.k-treeview .k-i-collapse {
    margin-top: -4px
}

.k-treeview .k-image, .k-treeview .k-sprite {
    margin-right: 3px
}

.k-treeview .k-in {
    margin: 0;
    padding: 1px .3333em 1px .25em;
    line-height: 1.3333em;
    text-decoration: none;
    border-style: solid;
    border-width: 1px
}

.k-treeview span.k-in {
    cursor: default
}

.k-treeview .k-state-hover {
    cursor: pointer
}

.k-rtl .k-treeview .k-i-collapse, .k-rtl .k-treeview .k-i-expand {
    margin-left: 0;
    margin-right: -16px
}

.k-rtl .k-treeview .k-checkbox-wrapper + .k-in {
    margin-left: 0;
    margin-right: 4px
}

span.k-colorpicker, span.k-combobox, span.k-datepicker, span.k-datetimepicker, span.k-dropdown, span.k-dropdowntree, span.k-numerictextbox, span.k-timepicker {
    background-image: none
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdowntree, .k-listbox, .k-multiselect, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker {
    width: 12.4em;
    border-width: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: visible
}

    .k-autocomplete > .k-clear-value, .k-dropdown-wrap > .k-clear-value, .k-multiselect-wrap > .k-clear-value {
        outline: 0;
        font-size: 100%;
        display: inline-block;
        position: absolute;
        visibility: hidden;
        cursor: pointer
    }

    .k-autocomplete > .k-clear-value {
        right: calc(1em - 8px)
    }

.k-multiselect-wrap > .k-clear-value {
    right: calc(1em - 7px)
}

.k-autocomplete > .k-clear-value, .k-dropdown-wrap > .k-clear-value {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-dropdown-wrap > .k-clear-value {
    right: calc(3em - 8px)
}

.k-dropdowntree > .k-multiselect-wrap > .k-clear-value, .k-multiselect-wrap > .k-clear-value {
    top: calc(1.00357143em - 7px)
}

.k-dropdown-wrap .k-readonly, .k-multiselect-wrap .k-readonly {
    opacity: .5
}

.k-autocomplete.k-state-focused > .k-clear-value, .k-autocomplete.k-state-hover > .k-clear-value, .k-dropdown-wrap.k-state-focused > .k-clear-value, .k-dropdown-wrap.k-state-hover > .k-clear-value, .k-multiselect-wrap.k-state-focused > .k-clear-value, .k-multiselect-wrap.k-state-hover > .k-clear-value {
    visibility: visible
}

.k-multiselect.k-state-focused > .k-multiselect-wrap > .k-clear-value, .k-multiselect.k-state-hover > .k-multiselect-wrap > .k-clear-value {
    visibility: visible
}

.k-autocomplete > .k-hidden, .k-dropdown-wrap .k-hidden, .k-multiselect-wrap .k-hidden {
    display: none !important
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdowntree, .k-numerictextbox, .k-selectbox, .k-timepicker {
    white-space: nowrap
}

.k-filter-menu .k-autocomplete, .k-filter-menu .k-combobox, .k-filter-menu .k-datepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-dropdown, .k-filter-menu .k-dropdowntree, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-textbox, .k-filter-menu .k-timepicker {
    width: 100%
}

.k-colorpicker {
    width: auto
}

.k-datetimepicker {
    width: 15em
}

.k-autocomplete, .k-numeric-wrap, .k-picker-wrap {
    position: relative;
    cursor: default
}

.k-dropdown-wrap, .k-multiselect-wrap, .k-numeric-wrap, .k-picker-wrap {
    display: block
}

.k-list-scroller {
    position: relative;
    overflow: auto
}

.k-popup.k-calendar-container, .k-popup.k-list-container {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    padding: 2px;
    border-width: 1px;
    border-style: solid
}

.k-list-container.k-popup-dropdowntree {
    padding: 0
}

    .k-list-container.k-popup-dropdowntree .k-check-all {
        margin: 10px 10px 0
    }

    .k-list-container.k-popup-dropdowntree .k-treeview {
        box-sizing: border-box;
        padding: 10px
    }

.k-autocomplete.k-state-border-down, .k-list-container.k-state-border-down, .k-numeric-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down {
    border-bottom-width: 0;
    padding-bottom: 1px
}

.k-list-container .km-scroll-container {
    padding-bottom: 6px
}

.k-autocomplete, .k-dropdown-wrap, .k-multiselect-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textarea, .k-textbox {
    border-width: 1px;
    border-style: solid
}

.k-dropdown-wrap {
    position: relative
}

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    padding-right: 2em
}

    .k-numeric-wrap.k-expand-padding {
        padding-right: 0
    }

        .k-numeric-wrap.k-expand-padding .k-i-warning {
            right: 0
        }

.k-autocomplete, .k-textbox {
    padding: 0
}

    .k-textbox.k-space-left {
        padding-left: 2em
    }

    .k-textbox.k-space-right {
        padding-right: 2em
    }

.k-picker-wrap .k-input {
    margin: 0
}

.k-textbox .k-icon {
    top: 50%;
    margin: -8px 0 0;
    position: absolute
}

.k-space-left .k-icon {
    left: 3px
}

.k-space-right .k-icon {
    right: 3px
}

span.k-textbox:after {
    content: "\a0";
    display: block;
    height: .4px;
    overflow: hidden
}

.k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    transition: box-shadow .15s ease-out
}

    .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-textbox > input {
        width: 100%;
        box-sizing: border-box
    }

    .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input {
        font-family: inherit;
        border-width: 0;
        outline: 0
    }

.k-dropdown .k-input, .k-dropdowntree .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    color: inherit;
    background: 0
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none
}

.k-combobox .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: inherit
}

span.k-datetimepicker .k-select, span.k-datetimepicker .k-select + .k-select {
    right: 0
}

.k-autocomplete .k-input, .k-textbox > input {
    display: block;
    width: 100%
}

.k-dropdown-wrap .k-select, .k-selectbox .k-select {
    overflow: hidden;
    border: 0;
    text-decoration: none;
    color: inherit
}

.k-dropdown .k-input, .k-dropdowntree .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    line-height: 1.65em;
    padding: .17857143em 0;
    text-indent: .571em;
    border: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

    .k-input::-webkit-input-placeholder, .k-textarea::-webkit-input-placeholder, .k-textarea > textarea::-webkit-input-placeholder, .k-textbox::-webkit-input-placeholder, .k-textbox > input::-webkit-input-placeholder {
        -webkit-user-select: none;
        user-select: none
    }

    .k-input:-ms-input-placeholder, .k-textarea:-ms-input-placeholder, .k-textarea > textarea:-ms-input-placeholder, .k-textbox:-ms-input-placeholder, .k-textbox > input:-ms-input-placeholder {
        -ms-user-select: none;
        user-select: none
    }

    .k-input::-ms-input-placeholder, .k-textarea::-ms-input-placeholder, .k-textarea > textarea::-ms-input-placeholder, .k-textbox::-ms-input-placeholder, .k-textbox > input::-ms-input-placeholder {
        -ms-user-select: none;
        user-select: none
    }

    .k-input::placeholder, .k-textarea::placeholder, .k-textarea > textarea::placeholder, .k-textbox::placeholder, .k-textbox > input::placeholder {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .k-dropdown-wrap .k-input:before {
        content: "";
        display: inline-block;
        width: 0
    }

.k-ie .k-autocomplete .k-input {
    height: 1.65em
}

.k-ie .k-combobox .k-input, .k-ie .k-numeric-wrap .k-input, .k-ie .k-picker-wrap .k-input, .k-ie .k-textbox > input {
    height: 2em
}

.k-ie input.k-textbox {
    height: calc(2em+2px)
}

.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-numeric-wrap:before, .k-webkit .k-picker-wrap:before {
    padding-bottom: .38em
}

.km.root .k-combobox .k-dropdown-wrap:before, .km.root .k-numeric-wrap:before, .km.root .k-picker-wrap:before {
    content: none
}

.k-combobox .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
    display: inline
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    line-height: 2em;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 2em;
    height: 100%
}

.k-numeric-wrap .k-select {
    padding: 0
}

body .k-datetimepicker .k-select {
    border-radius: 0
}

.k-combobox .k-select, .k-dropdown, .k-dropdowntree .k-dropdown-wrap, .k-selectbox .k-icon {
    cursor: pointer
}

.k-popup {
    border-style: solid;
    border-width: 1px
}

    .k-list-optionlabel, .k-popup .k-item {
        cursor: default
    }

    .k-popup .k-calendar {
        border: 0
    }

.k-list {
    height: auto
}

.k-nodata {
    min-height: 138px;
    width: 100%;
    display: table;
    text-transform: uppercase;
    font-size: .85em;
    font-weight: lighter
}

    .k-nodata > div {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 11px
    }

.k-fieldselector .k-list .k-item, .k-item.k-drag-clue, .k-list-optionlabel, .k-listbox .k-item, .k-popup .k-list .k-item, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em
}

.k-listbox .k-item, .k-popup .k-list .k-item {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    padding: 0 4px
}

    .k-popup .k-list .k-item > .k-group {
        top: -1px
    }

.k-group-header + div > .k-list > .k-item.k-first:before {
    content: " ";
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    padding-right: 22px
}

.k-fieldselector .k-list .k-item, .k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected, .k-listbox .k-item, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-selected {
    padding: 0 4px;
    border-width: 1px;
    border-style: solid
}

.k-list-filter {
    position: relative;
    margin-bottom: 2px
}

    .k-list-filter > .k-textbox {
        padding-right: 20px;
        width: 100%
    }

    .k-list-filter > .k-icon {
        position: absolute;
        right: 6px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.km-root .k-list-filter > .k-textbox {
    padding-left: 0;
    padding-right: 0;
    border-left-width: 0;
    border-right-width: 0
}

.k-multiselect {
    display: block;
    width: auto
}

.k-multiselect-wrap {
    border-radius: 4px;
    padding-right: 22px
}

    .k-multiselect-wrap .k-input {
        min-width: 25px;
        min-height: 1.65em;
        padding: .17857143em;
        text-indent: .571em;
        background-color: transparent;
        border: 0;
        margin: 0;
        float: left
    }

        .k-multiselect-wrap .k-input::-ms-clear {
            display: none
        }

    .k-multiselect-wrap li {
        margin: 1px 0 1px 1px;
        padding: .1em 1.6em .1em .4em;
        line-height: 1.5em;
        min-height: calc(1.7em+2px);
        float: left;
        position: relative
    }

.k-autocomplete .k-i-loading, .k-multiselect .k-i-loading {
    position: absolute;
    top: auto;
    right: .4em;
    bottom: .4em
}

.k-multiselect-wrap .k-select {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: .03em .2em
}

.k-autocomplete-clearable .k-input, .k-combobox-clearable .k-input, .k-dropdowntree-clearable .k-input, .k-multiselect-clearable .k-input {
    overflow: hidden;
    text-overflow: ellipsis
}

.k-combobox-clearable .k-input, .k-dropdowntree-clearable .k-dropdown-wrap .k-input, .k-dropdowntree-clearable .k-multiselect-wrap, .k-multiselect-clearable .k-multiselect-wrap {
    padding-right: 2em
}

.k-datetimepicker .k-picker-wrap {
    padding-right: 4em
}

.k-datetimepicker .k-select {
    width: 4em
}

    .k-datetimepicker .k-select .k-link {
        display: inline-block;
        width: 50%
    }

.k-datetimepicker .k-link {
    color: inherit
}

.k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 2px
}

.k-picker-wrap .k-icon {
    cursor: pointer
}

.k-datepicker, .k-datetimepicker, .k-textbox, .k-timepicker {
    display: inline-block;
    vertical-align: middle
}

.k-time-popup .k-item {
    padding: 1px 3px
}

.k-datetime-container .k-datetime-wrap {
    width: 21em;
    overflow: hidden
}

.k-datetime-container .k-datetime-buttongroup {
    padding: 8px
}

.k-datetime-container .k-datetime-selector {
    display: -ms-flexbox;
    display: flex;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.k-datetime-container .k-datetime-calendar-wrap, .k-datetime-container .k-datetime-time-wrap {
    text-align: center;
    -ms-flex: 0 0 21em;
    flex: 0 0 21em
}

.k-datetime-container .k-time-list-container {
    -ms-flex-pack: center;
    justify-content: center
}

.k-datetime-container .k-timeselector {
    outline: 0
}

.k-datetime-container .k-time-tab .k-datetime-selector {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.k-datetime-container > .k-popup {
    padding-bottom: 0
}

    .k-datetime-container > .k-popup .k-action-buttons {
        margin-bottom: 0
    }

.k-datetime-container.k-rtl .k-time-tab .k-datetime-selector, .k-datetime-container[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl .k-datetime-container .k-time-tab .k-datetime-selector, [dir=rtl] .k-datetime-container .k-time-tab .k-datetime-selector {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.k-time-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 16px;
    line-height: 2em
}

    .k-time-header .k-title {
        font-weight: 700
    }

    .k-time-header .k-time-now {
        border-width: 0;
        line-height: inherit;
        cursor: pointer
    }

.k-time-list-wrapper {
    display: inline-block;
    overflow: hidden;
    box-sizing: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    padding: 20px 0;
    text-align: center;
    width: 5em;
    height: calc(10.00000001em+56px)
}

    .k-time-list-wrapper .k-title {
        display: block;
        text-align: center;
        font-size: 10px;
        position: absolute;
        text-transform: capitalize;
        font-weight: 700;
        min-width: 100%;
        height: 1.5em;
        line-height: 1.5em;
        margin-top: -20px;
        z-index: 12
    }

    .k-time-list-wrapper.k-state-focused::after, .k-time-list-wrapper.k-state-focused::before {
        display: block;
        content: " ";
        position: absolute;
        width: 100%;
        left: 0;
        pointer-events: none;
        height: calc(50% - 1em);
        box-sizing: border-box;
        border-width: 0;
        border-style: solid
    }

    .k-time-list-wrapper.k-state-focused::before {
        top: 0
    }

    .k-time-list-wrapper.k-state-focused::after {
        bottom: 0
    }

.k-time-container {
    position: absolute;
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    line-height: 1.42857143;
    left: 0;
    right: 0;
    top: 20px;
    bottom: 20px;
    padding-right: 100px;
    padding-left: 100px;
    margin-left: -100px;
    margin-right: -100px;
    margin-right: -117px
}

    .k-time-container > ul {
        height: auto;
        width: 5em
    }

    .k-rtl .k-time-container, .k-time-container.k-rtl, .k-time-container[dir=rtl], [dir=rtl] .k-time-container {
        padding-right: 100px;
        padding-left: 100px;
        margin-left: -100px;
        margin-right: -100px;
        margin-left: -117px
    }

.k-time-list-container {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.k-time-list {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
    outline: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

    .k-time-list::after, .k-time-list::before {
        display: block;
        position: absolute;
        content: " ";
        height: 0;
        line-height: 0;
        z-index: 1;
        width: 200%;
        left: -50%
    }

    .k-time-list::before {
        top: 0
    }

    .k-time-list::after {
        bottom: 0
    }

    .k-time-list .k-item {
        padding: 4px 8px
    }

.k-time-highlight {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: calc(1.42857143em+8px);
    z-index: 1;
    border-width: 1px 0;
    border-style: solid;
    border-radius: .1px
}

.k-time-container .k-scrollable-placeholder {
    position: absolute;
    width: 1px;
    top: 0;
    right: 0
}

.k-time-separator {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    z-index: 11
}

.k-time-footer {
    margin-top: 0
}

.k-input {
    font-size: inherit;
    padding: .25em 0
}

.k-input-separator {
    margin: 0;
    width: 0;
    height: 16px;
    border-width: 0 0 0 1px;
    border-style: solid
}

.k-input, .k-textarea > textarea, .k-textbox > input {
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

.k-textbox {
    outline: 0
}

input.k-textbox, textarea.k-textarea {
    padding: .17857143em 0
}

input.k-textbox {
    line-height: 1.65em;
    text-indent: .571em
}

.k-ie input.k-textbox {
    text-indent: .2855em
}

textarea.k-textarea {
    height: auto
}

.k-input-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2em;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .k-input-icon .k-icon {
        position: static;
        margin: 0
    }

.k-ie9 .k-input-icon {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0
}

.k-ie9 .k-rtl .k-input-icon, .k-ie9 [dir=rtl] .k-input-icon {
    left: 0;
    right: auto
}

span.k-numerictextbox {
    background-color: transparent
}

.k-numerictextbox .k-input {
    margin: 0
}

.k-numerictextbox .k-link {
    color: inherit;
    display: block;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
    border-width: 0;
    padding: 0;
    overflow: hidden
}

.k-numerictextbox .k-icon {
    display: block;
    margin: auto;
    height: 100%
}

.k-numerictextbox .k-i-arrow-60-up {
    top: 0
}

.k-numerictextbox .k-i-arrow-60-down {
    bottom: 0
}

.k-numeric-wrap .k-input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.k-rtl .k-multiselect-wrap {
    padding-right: 0;
    padding-left: 22px
}

.k-maskedtextbox {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border-width: 0
}

    .k-maskedtextbox ::-ms-clear {
        display: none;
        width: 0;
        height: 0
    }

    .k-maskedtextbox .k-i-warning {
        display: none;
        position: absolute;
        width: 2em;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .k-maskedtextbox.k-state-invalid .k-i-warning {
        display: inline-block
    }

.k-dateinput {
    position: relative;
    display: inline-block;
    border-width: 0
}

    .k-dateinput.k-widget {
        background-color: transparent
    }

    .k-dateinput ::-ms-clear {
        display: none;
        width: 0;
        height: 0
    }

    .k-dateinput .k-i-warning {
        display: none;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow: visible
    }

    .k-dateinput.k-state-invalid .k-i-warning {
        display: inline-block
    }

.k-datepicker .k-picker-wrap .k-i-warning, .k-datetimepicker .k-picker-wrap .k-i-warning, .k-timepicker .k-picker-wrap .k-i-warning {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: visible
}

.k-datepicker .k-picker-wrap.k-state-invalid .k-i-warning, .k-datetimepicker .k-picker-wrap.k-state-invalid .k-i-warning, .k-timepicker .k-picker-wrap.k-state-invalid .k-i-warning {
    display: inline-block
}

.k-listbox {
    box-sizing: border-box;
    height: 200px
}

    .k-listbox.k-widget {
        background-color: transparent
    }

    .k-listbox .k-list-scroller {
        height: 100%;
        overflow: auto;
        border-width: 1px;
        border-style: solid;
        box-sizing: border-box
    }

        .k-listbox .k-list-scroller li {
            cursor: default;
            -moz-user-select: none;
            -ms-user-select: none;
            -khtml-user-select: none;
            -webkit-user-select: none;
            -webkit-touch-callout: none
        }

    .k-listbox .k-listbox-toolbar {
        box-sizing: border-box
    }

    .k-listbox.k-listbox-toolbar-top {
        padding: 15px 0 1.42857143em
    }

        .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar {
            margin-top: -15px;
            margin-bottom: 5px
        }

            .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li {
                display: inline-block
            }

                .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li + li {
                    margin-left: 5px
                }

    .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar {
        float: left;
        margin-right: 5px
    }

        .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar li + li {
            margin-top: 5px
        }

    .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
        float: right;
        margin-left: 5px
    }

        .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li:not(:last-child) {
            margin-bottom: 5px
        }

    .k-listbox.k-listbox-toolbar-bottom {
        padding: 15px 0 1.45em
    }

        .k-listbox.k-listbox-toolbar-bottom .k-list-scroller {
            margin-top: -15px
        }

        .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar {
            margin-top: 5px
        }

            .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li {
                display: inline-block
            }

                .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li + li {
                    margin-left: 5px
                }

    .k-listbox .k-ghost {
        opacity: .5
    }

.k-rtl .k-combobox-clearable .k-input, .k-rtl .k-dropdown-wrap, .k-rtl .k-dropdowntree-clearable .k-dropdown-wrap .k-input, .k-rtl .k-dropdowntree-clearable .k-multiselect-wrap, .k-rtl .k-multiselect-clearable .k-multiselect-wrap, .k-rtl .k-numeric-wrap, .k-rtl .k-picker-wrap {
    padding-right: 0;
    padding-left: 2em
}

    .k-rtl .k-dropdown-wrap > .k-clear-value {
        left: calc(3em - 8px)
    }

.k-rtl .k-autocomplete > .k-clear-value {
    left: calc(1em - 8px)
}

.k-rtl .k-multiselect-wrap > .k-clear-value {
    left: calc(1em - 7px)
}

.k-rtl .k-numeric-wrap.k-state-invalid.k-expand-padding .k-i-warning {
    left: 0
}

.k-rtl .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar, .k-rtl .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-rtl .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

.k-rtl .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
    float: left;
    margin-right: 5px;
    margin-left: 0
}

.k-multiple-selection .k-in.k-state-selected {
    border-color: transparent;
    color: inherit;
    background: 0
}

.k-popup-flush, .k-popup-flush.k-list-container {
    padding: 0
}

.k-dropdowngrid-popup {
    overflow: hidden
}

    .k-dropdowngrid-popup .k-footer, .k-dropdowngrid-popup .k-grid-header, .k-dropdowngrid-popup .k-group-header, .k-dropdowngrid-popup .k-list-scroller, .k-dropdowngrid-popup .k-virtual-content {
        line-height: 1.42857143
    }

    .k-dropdowngrid-popup .k-virtual-wrap {
        margin: 0
    }

    .k-dropdowngrid-popup .k-grid-header table {
        margin: 0 0 -1px 0;
        width: 100%;
        max-width: none;
        border-width: 0;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed;
        empty-cells: show;
        outline: 0
    }

.k-grid-list {
    width: 100%;
    max-width: none;
    border-width: 0;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    empty-cells: show;
    outline: 0;
    display: table
}

    .k-grid-list > .k-item {
        box-sizing: border-box;
        display: table-row;
        position: relative
    }

        .k-grid-list > .k-item > .k-cell, .k-grid-list > .k-item > .k-group, .k-grid-list > .k-item > .k-spacer-group {
            box-sizing: border-box;
            display: table-cell;
            vertical-align: middle
        }

    .k-grid-list.k-virtual-list > .k-item > .k-cell, .k-grid-list.k-virtual-list > .k-item > .k-group, .k-grid-list.k-virtual-list > .k-item > .k-spacer-group {
        display: inline-block
    }

    .k-dropdowngrid-popup .k-grid-header .k-header, .k-grid-list > .k-item > .k-cell {
        border-width: 0 0 1px 1px;
        border-style: solid;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

.k-dropdowngrid-popup .k-grid-header .k-header {
    padding: 6px 8px
}

.k-grid-list > .k-item > .k-cell {
    padding: 6px 8px
}

    .k-dropdowngrid-popup .k-grid-header .k-header:first-child, .k-grid-list > .k-item > .k-cell:first-child {
        border-left-width: 0
    }

div.k-dropdowngrid-popup .k-group-header {
    margin: 0;
    padding: 6px 8px;
    min-height: auto;
    text-align: left
}

.k-grid-list > .k-item > .k-group-cell, .k-grid-list > .k-item > .k-spacer-cell {
    padding-left: 0;
    padding-right: 0;
    width: 0;
    border-left-width: 0;
    border-right-width: 0;
    overflow: visible;
    position: relative
}

    .k-grid-list > .k-item > .k-group-cell > span {
        padding: 0 4px;
        font-size: .875em;
        position: absolute;
        top: 0;
        right: 0
    }

.k-grid-list > .k-item:last-child > .k-cell, .k-grid-list > .k-item:last-child > .k-group-cell, .k-grid-list > .k-item:last-child > .k-spacer-cell {
    border-bottom-width: 0
}

.k-dropdowngrid-popup .k-footer {
    padding: 6px 8px;
    border-width: 1px 0 0 0;
    border-style: solid;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative
}

.k-rtl .k-grid-list > .k-item > .k-cell {
    border-left-width: 1px;
    border-right-width: 1px;
    text-align: right
}

    .k-rtl .k-grid-list > .k-item > .k-cell:first-child {
        border-right-width: 0
    }

.k-rtl div.k-dropdowngrid-popup .k-group-header {
    text-align: right
}

.k-rtl .k-grid-list > .k-item > .k-group-cell > span {
    right: auto;
    left: 0
}

.k-floating-label-container, .k-textbox-container {
    padding-top: 1.2375em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    width: 12.4em;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

    .k-floating-label-container > .k-label, .k-textbox-container > .k-label {
        max-width: 90%;
        line-height: 1.65em;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: absolute;
        top: calc(1.41607143em+1px);
        left: calc(1px+.571em);
        overflow: hidden;
        cursor: text;
        transition: color .2s ease-out,-webkit-transform .2s ease-out;
        transition: transform .2s ease-out,color .2s ease-out;
        transition: transform .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out;
        pointer-events: none
    }

    .k-floating-label-container > .k-textarea, .k-floating-label-container > .k-textbox, .k-floating-label-container > .k-widget, .k-textbox-container > .k-textarea, .k-textbox-container > .k-textbox, .k-textbox-container > .k-widget {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: auto
    }

    .k-floating-label-container.k-state-empty > .k-label, .k-textbox-container.k-state-empty > .k-label {
        -webkit-transform: translate(0,0) scale(1);
        -ms-transform: translate(0,0) scale(1);
        transform: translate(0,0) scale(1);
        font-style: normal
    }

    .k-floating-label-container.k-state-focused, .k-textbox-container.k-state-focused {
        box-shadow: none
    }

        .k-floating-label-container.k-state-focused > .k-label, .k-floating-label-container > .k-label, .k-textbox-container.k-state-focused > .k-label, .k-textbox-container > .k-label {
            -webkit-transform: translate(-.571em,-.1339285725em) translate(-1px,-1.2375em) translate(-12.5%,-9.375%) scale(.75);
            -ms-transform: translate(-.571em,-.1339285725em) translate(-1px,-1.2375em) translate(-12.5%,-9.375%) scale(.75);
            transform: translate(-.571em,-.1339285725em) translate(-1px,-1.2375em) translate(-12.5%,-9.375%) scale(.75)
        }

    .k-floating-label-container.k-state-empty:not(.k-state-focused) ::-webkit-input-placeholder, .k-textbox-container.k-state-empty:not(.k-state-focused) ::-webkit-input-placeholder {
        color: transparent
    }

    .k-floating-label-container.k-state-empty:not(.k-state-focused) :-ms-input-placeholder, .k-textbox-container.k-state-empty:not(.k-state-focused) :-ms-input-placeholder {
        color: transparent
    }

    .k-floating-label-container.k-state-empty:not(.k-state-focused) ::-ms-input-placeholder, .k-textbox-container.k-state-empty:not(.k-state-focused) ::-ms-input-placeholder {
        color: transparent
    }

    .k-floating-label-container.k-state-empty:not(.k-state-focused) ::placeholder, .k-textbox-container.k-state-empty:not(.k-state-focused) ::placeholder {
        color: transparent
    }

    .k-floating-label-container[dir=rtl] > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-rtl .k-textbox-container > .k-label, .k-textbox-container[dir=rtl] > .k-label {
        left: auto;
        right: calc(1px+.571em)
    }

    .k-floating-label-container[dir=rtl].k-state-empty > .k-label, .k-rtl .k-floating-label-container.k-state-empty > .k-label, .k-rtl .k-textbox-container.k-state-empty > .k-label, .k-textbox-container[dir=rtl].k-state-empty > .k-label {
        -webkit-transform: translate(0,0) scale(1);
        -ms-transform: translate(0,0) scale(1);
        transform: translate(0,0) scale(1)
    }

    .k-floating-label-container[dir=rtl].k-state-focused > .k-label, .k-floating-label-container[dir=rtl] > .k-label, .k-rtl .k-floating-label-container.k-state-focused > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-rtl .k-textbox-container.k-state-focused > .k-label, .k-rtl .k-textbox-container > .k-label, .k-textbox-container[dir=rtl].k-state-focused > .k-label, .k-textbox-container[dir=rtl] > .k-label {
        -webkit-transform: translate(.571em,-.1339285725em) translate(1px,-1.2375em) translate(12.5%,-9.375%) scale(.75);
        -ms-transform: translate(.571em,-.1339285725em) translate(1px,-1.2375em) translate(12.5%,-9.375%) scale(.75);
        transform: translate(.571em,-.1339285725em) translate(1px,-1.2375em) translate(12.5%,-9.375%) scale(.75)
    }

.k-input-label {
    margin-right: .571em;
    z-index: 1
}

    .k-input-label.k-rtl, .k-input-label[dir=rtl], .k-rtl .k-input-label, [dir=rtl] .k-input-label {
        margin-right: 0;
        margin-left: .571em
    }

.k-input-prefix, .k-input-suffix {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 1.4285714285714286 * 1em+(4px * 2)
}

    .k-input-prefix > *, .k-input-suffix > * {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .k-input-prefix > .k-icon, .k-input-suffix > .k-icon {
        width: calc(20px+.35714286em);
        height: calc(20px+.35714286em);
        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-pack: center;
        justify-content: center;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .k-input-prefix > .k-clear-value, .k-input-suffix > .k-clear-value {
        width: calc(20px+.35714286em);
        height: calc(20px+.35714286em);
        position: relative
    }

        .k-input-prefix > .k-clear-value::after, .k-input-suffix > .k-clear-value::after {
            content: "";
            opacity: 0;
            display: none;
            pointer-events: none;
            position: absolute;
            left: -1px;
            right: -1px;
            top: -1px;
            bottom: -1px
        }

        .k-input-prefix > .k-clear-value.k-state-focused::after, .k-input-prefix > .k-clear-value:focus::after, .k-input-suffix > .k-clear-value.k-state-focused::after, .k-input-suffix > .k-clear-value:focus::after {
            display: block
        }

.k-colorpicker .k-picker-wrap {
    line-height: 2.00714286em
}

.k-colorpicker .k-selected-color {
    vertical-align: top;
    display: inline-block;
    height: 2em;
    width: 2em
}

    .k-colorpicker .k-selected-color .k-i-line {
        font-size: 2em;
        color: #FF525E;
        display: inline-block;
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
        -webkit-filter: FlipH;
        filter: FlipH;
        -ms-filter: "FlipH"
    }

        .k-colorpicker .k-selected-color .k-i-line:before {
            content: "\e510"
        }

.k-colorpicker .k-tool-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    padding: 3px 3px 2px;
    margin-right: 3px;
    margin-left: 2px;
    margin-bottom: 3px;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    -ms-high-contrast-adjust: none
}

    .k-colorpicker .k-tool-icon .k-selected-color {
        display: block;
        height: 3px;
        width: 16px;
        position: absolute;
        left: 3px;
        bottom: -3px;
        border-radius: 0 !important
    }

.k-colorpicker .k-select {
    cursor: pointer
}

.k-colorpicker .k-picker-wrap .k-icon {
    overflow: visible
}

.k-flatcolorpicker {
    position: relative;
    display: inline-block;
    width: 265px;
    padding-bottom: 5px;
    background-color: transparent;
    background-image: none
}

    .k-flatcolorpicker .k-selected-color {
        background-image: url('WebResource.axd?d=GmFHBr2aey6TAReY7zvi1vluZ7mDxdOvGhvm8dCec6Cj1aQm7C2mtNmdz7QvMbmxLk4usUv4YPMHvJKB0_be3L117CJuOCkjyHN5nZOJ1fmbYdmUqXqcqO56voZVcuBDRi5ISopI2IRv1-dui0M_5jOacaQjcpJPf6337V8qHQmlkA27eI8GOx349jMcp3rJT6sw3lLDHqcOTiNJTfy8UQ2&t=637781912780000000');
        background-position: 50% 50%;
        text-align: right
    }

        .k-flatcolorpicker .k-selected-color input.k-color-value {
            font-family: Consolas,"Ubuntu Mono","Lucida Console","Courier New",monospace;
            padding: .75em .1em .65em .1em;
            border: 0;
            margin: 0;
            width: 84%
        }

        .k-flatcolorpicker .k-selected-color .k-color-input {
            background-color: #fff;
            display: -ms-inline-flexbox;
            display: inline-flex;
            width: 84%;
            text-align: left;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            vertical-align: middle
        }

        .k-flatcolorpicker .k-selected-color .k-clear-color {
            padding: .4em;
            line-height: 0
        }

            .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:before {
                color: #000;
                opacity: .8
            }

            .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:active, .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:hover {
                opacity: 1
            }

    .k-flatcolorpicker .k-clear-color-container .k-clear-color.k-state-focused:active {
        color: inherit
    }

    .k-flatcolorpicker .k-clear-color-container .k-clear-color:active {
        color: #000;
        opacity: 1
    }

    .k-flatcolorpicker .k-clear-color-container .k-clear-color .k-i-reset-color, .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color {
        background-image: none
    }

    .k-flatcolorpicker .k-clear-color-container {
        text-align: left
    }

    .k-flatcolorpicker .k-hsv-rectangle {
        position: relative;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-touch-action: pinch-zoom double-tap-zoom
    }

        .k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
            cursor: pointer;
            position: absolute;
            z-index: 10;
            left: 50%;
            top: 50%;
            width: 8px;
            height: 8px;
            border: 1px solid #eee;
            margin-left: -5px;
            margin-top: -5px;
            border-radius: 6px;
            box-shadow: 0 1px 2px #444;
            background: 0
        }

            .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus, .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover {
                background: 0;
                border-color: #fff;
                box-shadow: 0 1px 5px #000
            }

        .k-flatcolorpicker .k-hsv-rectangle.k-dragging, .k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
            cursor: none
        }

    .k-flatcolorpicker .k-slider-horizontal {
        height: 20px;
        width: 90%;
        margin: 0 5%
    }

        .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
            box-shadow: 0 1px 0 #fff,0 -1px 0 #999
        }

    .k-flatcolorpicker .k-hue-slider, .k-flatcolorpicker .k-transparency-slider {
        display: block
    }

        .k-flatcolorpicker .k-hue-slider .k-slider-selection, .k-flatcolorpicker .k-transparency-slider .k-slider-selection {
            background: 0
        }

        .k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle {
            background: 0;
            border: 3px solid #eee;
            margin-top: 1px;
            height: 8px;
            width: 8px;
            box-shadow: 0 1px 4px #444
        }

            .k-flatcolorpicker .k-hue-slider .k-draghandle:focus, .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus, .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
                background: 0;
                border-color: #fff;
                box-shadow: 0 1px 5px #000;
                border-width: 2px;
                padding: 1px
            }

        .k-flatcolorpicker .k-hue-slider .k-slider-track {
            background: linear-gradient(to right,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%)
        }

        .k-flatcolorpicker .k-transparency-slider .k-slider-track {
            background-image: url('WebResource.axd?d=ft3qEiK8592TZLX7CilC7Byu5sZR2CMsvLlYgRpxp3vG8kG5P8V9nfL9KvS3f-5d6uvihXhWm3QdyWckEP-2r94VS1SVznomPvSrjmC3y4JNgy0_H42c7fE2ayvJJUca7jqkEp2Y7NtFQxiAqW7OY-j-8raVm3aGfb5JKajrSdYY3m-vZeLBJvokYsVTa8NiPbPVFKxwQRo4veEFjdfCEA2&t=637781912780000000');
            background-size: 100% auto;
            background-position: 100% 50%;
            background-repeat: no-repeat
        }

    .k-flatcolorpicker .k-controls {
        margin-top: 10px;
        margin-bottom: 5px;
        text-align: center;
        font-size: 90%
    }

        .k-flatcolorpicker .k-controls .k-button {
            width: 6em
        }

    .k-flatcolorpicker .k-hsv-gradient {
        background: linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);
        height: 180px;
        margin-bottom: 5px
    }

.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.k-ie9 .k-flatcolorpicker .k-hsv-gradient {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.k-colorpalette {
    position: relative;
    line-height: 0;
    border-width: 0;
    display: inline-block
}

    .k-colorpalette .k-palette {
        border-collapse: collapse;
        position: relative;
        width: 100%;
        height: 100%
    }

    .k-colorpalette .k-item {
        width: 14px;
        height: 14px;
        overflow: hidden;
        -ms-high-contrast-adjust: none
    }

        .k-colorpalette .k-item.k-state-selected, .k-colorpalette .k-item.k-state-selected:hover {
            z-index: 100;
            background: 0;
            box-shadow: 0 1px 3px 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.45);
            position: relative
        }

        .k-colorpalette .k-item:hover {
            z-index: 101;
            position: relative;
            box-shadow: 0 1px 3px 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.3)
        }

.k-cursor-auto {
    cursor: auto
}

.k-cursor-default {
    cursor: default
}

.k-cursor-none {
    cursor: none
}

.k-cursor-context-menu {
    cursor: context-menu
}

.k-cursor-help {
    cursor: help
}

.k-cursor-pointer {
    cursor: pointer
}

.k-cursor-progress {
    cursor: progress
}

.k-cursor-wait {
    cursor: wait
}

.k-cursor-cell {
    cursor: cell
}

.k-cursor-crosshair {
    cursor: crosshair
}

.k-cursor-text {
    cursor: text
}

.k-cursor-vertical-text {
    cursor: vertical-text
}

.k-cursor-alias {
    cursor: alias
}

.k-cursor-copy {
    cursor: copy
}

.k-cursor-move {
    cursor: move
}

.k-cursor-no-drop {
    cursor: no-drop
}

.k-cursor-not-allowed {
    cursor: not-allowed
}

.k-cursor-e-resize {
    cursor: e-resize
}

.k-cursor-n-resize {
    cursor: n-resize
}

.k-cursor-ne-resize {
    cursor: ne-resize
}

.k-cursor-nw-resize {
    cursor: nw-resize
}

.k-cursor-s-resize {
    cursor: s-resize
}

.k-cursor-se-resize {
    cursor: se-resize
}

.k-cursor-sw-resize {
    cursor: sw-resize
}

.k-cursor-w-resize {
    cursor: w-resize
}

.k-cursor-ew-resize {
    cursor: ew-resize
}

.k-cursor-ns-resize {
    cursor: ns-resize
}

.k-cursor-nesw-resize {
    cursor: nesw-resize
}

.k-cursor-nwse-resize {
    cursor: nwse-resize
}

.k-cursor-col-resize {
    cursor: col-resize
}

.k-cursor-row-resize {
    cursor: row-resize
}

.k-cursor-all-scroll {
    cursor: all-scroll
}

.k-cursor-zoom-in {
    cursor: zoom-in
}

.k-cursor-zoom-out {
    cursor: zoom-out
}

.k-cursor-grab {
    cursor: grab
}

.k-cursor-grabbing {
    cursor: grabbing
}

select.k-dropdown {
    border-radius: 4px;
    padding: 4px 8px;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .1s ease;
    cursor: pointer
}

.k-notification {
    border-width: 1px;
    border-style: solid;
    cursor: default;
    position: relative;
    white-space: nowrap;
    box-sizing: border-box
}

    .k-notification > .k-notification-wrap {
        padding: .6em .5em
    }

.k-notification-closable > .k-notification-wrap {
    padding-right: 20px
}

.k-notification .k-notification-content {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.k-notification-wrap > .k-i-error, .k-notification-wrap > .k-i-info, .k-notification-wrap > .k-i-success, .k-notification-wrap > .k-i-warning {
    margin-right: 4px;
    vertical-align: text-bottom
}

.k-notification-wrap > .k-i-close {
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

.k-notification-closable .k-notification-wrap > .k-i-close {
    display: block
}

.k-rtl .k-notification-closable .k-notification-wrap, .k-rtl.k-notification-closable .k-notification-wrap {
    padding-right: .5em;
    padding-left: 20px
}

.k-rtl .k-notification-wrap > .k-i-error, .k-rtl .k-notification-wrap > .k-i-info, .k-rtl .k-notification-wrap > .k-i-success, .k-rtl .k-notification-wrap > .k-i-warning {
    margin-right: 0;
    margin-left: 4px
}

.k-rtl .k-notification-wrap > .k-i-close {
    right: auto;
    left: 4px
}

.k-progressbar {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.k-progressbar {
    border-radius: 4px
}

.k-progressbar-horizontal {
    width: 27em;
    height: 1.9em
}

.k-progressbar-vertical {
    width: 1.9em;
    height: 27em
}

.k-progressbar > .k-state-selected {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    overflow: hidden
}

.k-progressbar-horizontal > .k-state-selected, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
    left: -1px;
    right: auto;
    top: -1px;
    height: 100%;
    border-radius: 4px 0 0 4px
}

.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected, .k-rtl .k-progressbar-horizontal > .k-state-selected {
    left: auto;
    right: -1px;
    border-radius: 0 4px 4px 0
}

.k-progressbar-vertical > .k-state-selected {
    left: -1px;
    bottom: -1px;
    width: 100%;
    border-radius: 0 0 4px 4px
}

.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
    bottom: auto;
    top: -1px;
    border-radius: 4px 4px 0 0
}

.k-progressbar > .k-state-selected.k-complete, .k-rtl .k-progressbar > .k-state-selected.k-complete {
    border-radius: 4px
}

.k-progressbar > .k-reset {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    white-space: nowrap
}

.k-progressbar-horizontal .k-item {
    display: inline-block;
    height: 100%;
    border-style: solid;
    margin-left: -1px
}

    .k-progressbar-horizontal .k-item.k-first {
        margin-left: 0
    }

    .k-progressbar-horizontal .k-item.k-last {
        border-right-width: 0
    }

.k-progressbar-horizontal .k-item, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
    border-width: 1px 0 1px 1px
}

.k-progressbar-horizontal.k-progressbar-reverse .k-item, .k-rtl .k-progressbar-horizontal .k-item {
    border-width: 1px 0 1px 1px
}

.k-progressbar-horizontal .k-first, .k-rtl .k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left-width: 1px
}

.k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal .k-first {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.k-progressbar-horizontal.k-progressbar-reverse .k-last, .k-rtl .k-progressbar-horizontal .k-first {
    border-right-width: 1px
}

.k-progressbar-horizontal .k-last.k-state-selected {
    border-right-width: 1px
}

.k-progressbar-vertical .k-item {
    width: 100%;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    margin-top: -1px
}

    .k-progressbar-vertical .k-item.k-first {
        margin-top: 0
    }

.k-progressbar-vertical li.k-item.k-last {
    border-bottom-width: 0
}

.k-progressbar-vertical .k-first {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-progressbar-vertical .k-last {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-item {
    border-width: 0 1px 1px 1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-first {
    border-top-width: 1px
}

.k-progress-status-wrap {
    position: absolute;
    top: -1px;
    border: 1px solid transparent;
    line-height: 2em;
    width: 100%;
    height: 100%
}

.k-progress-status-wrap, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
    left: -1px;
    right: auto;
    text-align: right
}

.k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap, .k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
    left: auto;
    right: -1px;
    text-align: left
}

.k-progressbar-vertical .k-progress-status-wrap {
    top: auto;
    bottom: -1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
    bottom: auto;
    top: -1px
}

.k-progress-status {
    display: inline-block;
    padding: 0 .5em;
    min-width: 10px;
    white-space: nowrap
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    position: absolute;
    bottom: 0;
    left: 0
}

.k-progressbar-vertical .k-progress-status {
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -ms-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    -webkit-transform: rotate(90deg) translateX(-100%);
    -ms-transform: rotate(90deg) translateX(-100%);
    transform: rotate(90deg) translateX(-100%);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

div.k-slider {
    position: relative;
    border-width: 0;
    background-color: transparent;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-slider-vertical {
    width: 26px;
    height: 200px
}

.k-slider-horizontal {
    display: inline-block;
    width: 200px;
    height: 26px
}

.k-slider-wrap {
    width: 100%;
    height: 100%
}

.k-grid .k-slider .k-button, .k-slider .k-button {
    position: absolute;
    top: 0;
    width: 24px;
    min-width: 0;
    height: 24px;
    margin: 0;
    padding: 0;
    outline: 0
}

.k-state-disabled .k-slider-wrap {
    opacity: .6
}

    .k-state-disabled .k-slider-wrap .k-slider-items {
        color: #333
    }

.k-slider .k-button-decrease {
    left: 0
}

.k-grid .k-slider-vertical .k-button-decrease, .k-slider-vertical .k-button-decrease {
    top: auto;
    bottom: 0
}

.k-slider .k-button-increase {
    right: 0
}

.k-slider .k-icon, .k-slider .k-tick, .k-slider-track {
    cursor: pointer
}

.k-slider-selection, .k-slider-track {
    position: absolute;
    margin: 0;
    padding: 0
}

.k-slider-horizontal .k-slider-selection, .k-slider-horizontal .k-slider-track {
    top: 50%;
    left: 0;
    height: 8px;
    margin-top: -4px;
    background-repeat: repeat-x
}

.k-slider-horizontal .k-slider-buttons .k-slider-track {
    left: 34px
}

.k-slider-vertical .k-slider-selection, .k-slider-vertical .k-slider-track {
    left: 50%;
    bottom: 0;
    width: 8px;
    margin-left: -4px;
    background-repeat: repeat-y
}

.k-slider-vertical .k-slider-buttons .k-slider-track {
    bottom: 34px
}

.k-draghandle {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -3333px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    outline: 0
}

.k-slider-horizontal .k-draghandle {
    top: -4px;
    width: 13px;
    height: 14px
}

.k-slider-vertical .k-draghandle {
    left: -4px;
    width: 14px;
    height: 13px
}

.k-slider-buttons .k-slider-items {
    margin-left: 34px
}

.k-slider-horizontal .k-slider-items {
    height: 100%
}

.k-slider-vertical .k-slider-items {
    padding-top: 1px
}

.k-slider-vertical .k-slider-buttons .k-slider-items {
    padding-top: 0
}

.k-slider-vertical .k-slider-buttons .k-slider-items {
    margin: 0;
    padding-top: 35px
}

.k-slider .k-tick {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center
}

.k-slider-horizontal .k-tick {
    float: left;
    height: 100%;
    text-align: center
}

.k-slider-horizontal .k-tick {
    background-position: center -92px
}

.k-slider-horizontal .k-slider-topleft .k-tick {
    background-position: center -122px
}

.k-slider-horizontal .k-slider-bottomright .k-tick {
    background-position: center -152px
}

.k-slider-horizontal .k-tick-large {
    background-position: center -2px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large {
    background-position: center -32px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large {
    background-position: center -62px
}

.k-slider-vertical .k-tick {
    background-position: -92px center
}

.k-slider-vertical .k-slider-topleft .k-tick {
    background-position: -122px center
}

.k-slider-vertical .k-slider-bottomright .k-tick {
    background-position: -152px center
}

.k-slider-vertical .k-tick-large {
    background-position: -2px center
}

.k-slider-vertical .k-slider-topleft .k-tick-large {
    background-position: -32px center
}

.k-slider-vertical .k-slider-bottomright .k-tick-large {
    background-position: -62px center
}

.k-slider-horizontal .k-first {
    background-position: 0 -92px
}

.k-slider-horizontal .k-tick-large.k-first {
    background-position: 0 -2px
}

.k-slider-horizontal .k-slider-topleft .k-first {
    background-position: 0 -122px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
    background-position: 0 -32px
}

.k-slider-horizontal .k-slider-bottomright .k-first {
    background-position: 0 -152px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
    background-position: 0 -62px
}

.k-slider-horizontal .k-last {
    background-position: 100% -92px
}

.k-slider-horizontal .k-tick-large.k-last {
    background-position: 100% -2px
}

.k-slider-horizontal .k-slider-topleft .k-last {
    background-position: 100% -122px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
    background-position: 100% -32px
}

.k-slider-horizontal .k-slider-bottomright .k-last {
    background-position: 100% -152px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
    background-position: 100% -62px
}

.k-slider-vertical .k-first {
    background-position: -92px 100%
}

.k-slider-vertical .k-tick-large.k-first {
    background-position: -2px 100%
}

.k-slider-vertical .k-slider-topleft .k-first {
    background-position: -122px 100%
}

.k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
    background-position: -32px 100%
}

.k-slider-vertical .k-slider-bottomright .k-first {
    background-position: -152px 100%
}

.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
    background-position: -62px 100%
}

.k-slider-vertical .k-last {
    background-position: -92px 0
}

.k-slider-vertical .k-tick-large.k-last {
    background-position: -2px 0
}

.k-slider-vertical .k-slider-topleft .k-last {
    background-position: -122px 0
}

.k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
    background-position: -32px 0
}

.k-slider-vertical .k-slider-bottomright .k-last {
    background-position: -152px 0
}

.k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
    background-position: -62px 0
}

.k-slider-vertical .k-tick {
    text-align: right
}

.k-slider-vertical .k-slider-topleft .k-tick {
    text-align: left
}

.k-slider .k-label {
    position: absolute;
    white-space: nowrap;
    font-size: .92em
}

.k-slider-horizontal .k-label {
    left: 0;
    width: 100%;
    line-height: 1
}

.k-slider-horizontal .k-first .k-label {
    left: -50%
}

.k-slider-horizontal .k-last .k-label {
    left: auto;
    right: -50%
}

.k-slider-horizontal .k-label {
    bottom: -1.2em
}

.k-slider-horizontal .k-slider-topleft .k-label {
    top: -1.2em
}

.k-slider-vertical .k-label {
    left: 120%;
    display: block;
    text-align: left
}

.k-slider-vertical .k-last .k-label {
    top: -.5em
}

.k-slider-vertical .k-first .k-label {
    bottom: -.5em
}

.k-slider-vertical .k-slider-topleft .k-label {
    left: auto;
    right: 120%
}

.k-slider-tooltip {
    display: inline-block;
    text-align: center
}

.k-scheduler .k-link {
    color: inherit
}

.k-scheduler-toolbar {
    border-width: 0 0 1px;
    z-index: 2
}

    .k-scheduler-toolbar .k-nav-current {
        color: inherit;
        text-decoration: none;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

        .k-scheduler-toolbar .k-nav-current .k-icon {
            -webkit-margin-end: 4px;
            margin-inline-end: 4px
        }

        .k-scheduler-toolbar .k-nav-current .k-lg-date-format, .k-scheduler-toolbar .k-nav-current .k-sm-date-format {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .k-scheduler-toolbar .k-nav-current .k-lg-date-format {
            display: inline-block
        }

        .k-scheduler-toolbar .k-nav-current .k-sm-date-format {
            display: none
        }

    .k-scheduler-toolbar .k-scheduler-search {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .k-scheduler-toolbar .k-scheduler-views-wrapper {
        margin-left: auto
    }

        .k-scheduler-toolbar .k-scheduler-views-wrapper .k-views-dropdown {
            width: auto;
            font: inherit;
            display: none
        }

@media(max-width:1400px) {
    .k-scheduler-toolbar .k-nav-current .k-lg-date-format {
        max-width: 200px
    }
}

@media(max-width:1024px) {
    .k-scheduler-toolbar .k-nav-current .k-lg-date-format {
        display: none
    }

    .k-scheduler-toolbar .k-nav-current .k-sm-date-format {
        display: inline-block
    }

    .k-scheduler-toolbar .k-scheduler-views-wrapper .k-scheduler-views {
        display: none
    }

    .k-scheduler-toolbar .k-scheduler-views-wrapper .k-views-dropdown {
        display: inline-block
    }
}

.k-scheduler-footer {
    border-width: 1px 0 0
}

.k-edit-field.k-scheduler-toolbar {
    border-width: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.k-scheduler-header {
    text-align: center
}

    .k-scheduler-header .k-link {
        color: inherit
    }

.k-scheduler-header, .k-scheduler-header-wrap {
    overflow: hidden
}

.k-scheduler-header-wrap {
    position: relative;
    border-style: solid;
    border-width: 0
}

.k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
    border-right-width: 1px
}

.k-scheduler-content, .k-scheduler-times {
    position: relative
}

.k-scheduler-times {
    overflow: hidden;
    border-style: solid;
    border-width: 0
}

.k-scheduler-content {
    overflow: auto
}

.k-scheduler-monthview .k-scheduler-content {
    overflow-y: scroll
}

.k-scheduler-layout, .k-scheduler-table {
    border-spacing: 0;
    width: 100%;
    margin: 0;
    border-collapse: separate
}

    .k-scheduler-layout > tbody > tr > td {
        padding: 0;
        vertical-align: top
    }

.k-safari .k-scheduler-layout > tbody > tr > td + td {
    width: 100%
}

.k-scheduler-table {
    table-layout: fixed;
    max-width: none
}

.k-scheduler-times .k-scheduler-table {
    table-layout: auto
}

.k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
    height: 100%
}

.k-scheduler-table td, .k-scheduler-table th {
    height: 1.5em;
    padding: 4px .5em;
    font-size: 100%
}

.k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-table th {
    box-sizing: content-box
}

.k-scheduler-dayview div:not(.k-scheduler-header) .k-today:not(.k-nonwork-hour):not(.k-state-selected), .k-scheduler-timelineview .k-today:not(.k-nonwork-hour) {
    background-color: transparent
}

.k-scheduler-monthview .k-hidden, .k-scheduler-monthview .k-hidden > div {
    width: 0 !important;
    overflow: hidden !important
}

.k-scheduler-monthview .k-hidden {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-right-width: 0 !important
}

.k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times {
    margin-right: 1px
}

    .k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times .k-hidden {
        height: auto
    }

.k-scheduler-monthview .k-hidden, .k-scheduler-monthview .k-scheduler-table td {
    height: 85px;
    text-align: right
}

.k-scheduler-monthview .k-scheduler-content .k-scheduler-table-auto, .k-scheduler-monthview .k-scheduler-table-auto, .k-scheduler-monthview .k-scheduler-table-auto td {
    height: auto
}

.k-scheduler-table td, .k-slot-cell {
    vertical-align: top
}

.k-scheduler-layout tr + tr .k-scheduler-times th:last-child {
    vertical-align: top
}

.k-scheduler-header th {
    overflow: hidden;
    text-overflow: ellipsis
}

.k-scheduler-header th, .k-scheduler-table td {
    border-style: solid;
    border-width: 0 0 1px 1px
}

    .k-scheduler-header th:first-child, .k-scheduler-table td:first-child {
        border-left-width: 0
    }

.k-scheduler-agendaview .k-scheduler-table td:first-child {
    border-left-width: 1px
}

.k-scheduler-agendaview .k-scheduler-table td.k-first {
    border-left-width: 0
}

.k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td, .k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th, .k-scheduler-table > tbody > tr > .k-last {
    border-bottom-width: 0
}

.k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last, .k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td, .k-scrollbar-h tr + tr .k-scheduler-times {
    border-bottom-width: 1px
}

.k-scheduler-times th {
    text-align: right;
    padding-right: .6em;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent;
    white-space: nowrap
}

.k-scheduler-layout tr + tr .k-scheduler-times th {
    border-bottom-color: transparent
}

    .k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day, .k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell {
        border-bottom-color: inherit
    }

.k-scheduler .k-middle-row td {
    border-bottom-style: dotted
}

.k-scheduler-now-arrow, .k-scheduler-now-line {
    position: absolute
}

.k-scheduler-now-arrow {
    width: 0;
    height: 0;
    border: solid 5px transparent;
    left: 0
}

.k-scheduler-now-line {
    left: 5px;
    right: 0;
    height: 1px
}

.k-task {
    position: relative
}

div.k-more-events {
    padding: 0;
    height: 13px
}

.k-more-events > .k-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.k-event, .k-more-events {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    text-align: left;
    overflow: hidden;
    position: absolute
}

    .k-event .k-nav-day {
        display: inline-block
    }

.k-event {
    cursor: default;
    min-height: 1.3em
}

.k-event-drag-hint {
    opacity: .6;
    cursor: -moz-grabbing
}

.k-scheduler-header .k-event {
    white-space: nowrap
}

.k-event-template {
    padding: 4px 1.4em 4px .6em
}

.k-event-time {
    display: none;
    padding-bottom: 0;
    font-size: .9em
}

.k-event-drag-hint .k-event-time {
    display: block
}

.k-event-actions, .k-event > .k-link, .k-task > .k-link {
    position: absolute;
    top: 3px;
    right: 4px;
    white-space: nowrap
}

.k-event-actions {
    z-index: 1
}

.k-scheduler-agendaview .k-task > .k-link {
    top: 0;
    right: 0
}

.k-event-actions:first-child {
    position: static;
    float: left;
    margin: 4px 2px 0 4px
}

.k-webkit .k-event-actions:first-child {
    margin-top: 3px
}

.k-event-actions:first-child > .k-link {
    display: inline-block
}

.k-event-delete {
    display: none
}

.k-event:hover .k-event-delete, tr:hover > td > .k-task .k-event-delete {
    display: inline-block
}

.k-event .k-event-bottom-actions, .k-event .k-event-top-actions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.k-event .k-event-bottom-actions {
    top: auto;
    bottom: 0
}

.k-event .k-resize-handle, .k-scheduler-mobile .k-event:hover .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2
}

.k-event-active .k-resize-handle, .k-event:hover .k-resize-handle, .k-scheduler-mobile .k-event-active:hover .k-resize-handle {
    visibility: visible
}

.k-event .k-resize-handle:after {
    content: "";
    position: absolute;
    opacity: .5
}

.k-scheduler-mobile .k-event .k-resize-handle:after {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.k-event > .k-resize-n {
    top: 0;
    left: 0;
    right: 0;
    height: .4em
}

.k-event > .k-resize-s {
    bottom: 0;
    left: 0;
    right: 0;
    height: .4em
}

.k-event > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

.k-event > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

.k-event > .k-resize-n:after, .k-event > .k-resize-s:after {
    top: 1px;
    left: 50%;
    margin-left: -1em;
    width: 2em;
    height: 1px
}

.k-event > .k-resize-s:after {
    top: auto;
    bottom: 1px
}

.k-event > .k-resize-e:after, .k-event > .k-resize-w:after {
    left: 1px;
    top: 50%;
    margin-top: -.7em;
    height: 1.4em;
    width: 1px
}

.k-event > .k-resize-e:after {
    left: auto;
    right: 1px
}

.k-scheduler-mobile .k-event > .k-resize-n, .k-scheduler-mobile .k-event > .k-resize-s {
    height: .6em
}

.k-scheduler-mobile .k-event > .k-resize-e, .k-scheduler-mobile .k-event > .k-resize-w {
    width: .6em
}

.k-scheduler-mobile .k-event > .k-resize-n:after, .k-scheduler-mobile .k-event > .k-resize-s:after {
    top: 0;
    margin-left: -3em;
    width: 4em;
    height: .6em
}

.k-scheduler-mobile .k-event > .k-resize-s:after {
    bottom: 0
}

.k-scheduler-mobile .k-event > .k-resize-e:after, .k-scheduler-mobile .k-event > .k-resize-w:after {
    left: 0;
    margin-top: -.7em;
    height: 1.4em;
    width: .6em
}

.k-scheduler-mobile .k-event > .k-resize-e:after {
    right: 0
}

.k-scheduler-mobile .k-event > .k-resize-n:after {
    border-radius: 0 0 4px 4px
}

.k-scheduler-mobile .k-event > .k-resize-s:after {
    border-radius: 4px 4px 0 0
}

.k-scheduler-mobile .k-event > .k-resize-w:after {
    border-radius: 0 4px 4px 0
}

.k-scheduler-mobile .k-event > .k-resize-e:after {
    border-radius: 4px 0 0 4px
}

.k-scheduler-marquee {
    border-style: solid;
    border-width: 0
}

    .k-scheduler-marquee.k-first:before, .k-scheduler-marquee.k-last:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px
    }

div.k-scheduler-marquee:before {
    top: 0;
    left: 0;
    border-right-color: transparent;
    border-bottom-color: transparent
}

div.k-scheduler-marquee:after {
    bottom: 0;
    right: 0;
    border-top-color: transparent;
    border-left-color: transparent
}

.k-scheduler-marquee .k-label-top {
    position: absolute;
    top: .3em;
    left: .8em;
    font-size: .8em
}

.k-scheduler-marquee .k-label-bottom {
    position: absolute;
    bottom: .3em;
    right: .81em;
    font-size: .8em
}

.k-scheduler-quickedit .k-textbox {
    width: 200px
}

.k-scheduler-agendaview .k-scheduler-table td, .k-scheduler-agendaview .k-scheduler-table th {
    text-align: left
}

.k-scheduler-groupcolumn, .k-scheduler-times .k-slot-cell {
    width: 6em
}

.k-scheduler-datecolumn {
    width: 12em
}

.k-scheduler-timecolumn {
    width: 11em
}

    .k-scheduler-timecolumn > div {
        position: relative;
        vertical-align: top
    }

.k-webkit .k-scheduler-timecolumn > div > .k-icon {
    vertical-align: top
}

.k-scheduler-timecolumn > div > .k-i-arrow-60-right {
    position: absolute;
    right: -4px
}

.k-scheduler-timecolumn .k-i-arrow-60-left {
    margin-left: -4px
}

.k-scheduler-mark {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-right: .5em
}

.k-scheduler-agendaday {
    float: left;
    margin: 0 .2em 0 0;
    font-size: 3em;
    font-weight: 400
}

.k-scheduler-agendaweek {
    display: block;
    margin: .4em 0 0;
    font-size: 1.1em;
    font-style: normal
}

.k-scheduler-agendadate {
    font-size: .8em
}

.k-scheduler-timecolumn {
    white-space: nowrap
}

.k-scheduler-edit-form .k-edit-form-container, .k-scheduler-timezones .k-edit-form-container {
    width: 520px
}

.k-scheduler-edit-form .k-edit-label {
    width: 17%
}

.k-scheduler-edit-form .k-edit-field {
    width: 77%
}

.k-scheduler-edit-form .k-textbox[name=title], .k-scheduler-edit-form textarea.k-textarea {
    width: 100%
}

.k-scheduler-edit-form textarea.k-textarea {
    min-height: 4em;
    resize: vertical
}

.k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker {
    margin-right: 1em
}

.k-edit-box {
    float: left
}

    .k-edit-box + .k-edit-box {
        float: right
    }

.k-scheduler-edit-form label + input {
    margin-left: 1em
}

.k-edit-field > ul.k-reset > li {
    margin: .2em 0 .4em;
    line-height: 2.4
}

.k-edit-field > ul.k-reset.k-toolbar > li {
    margin: 0
}

.k-edit-field > ul.k-reset .k-widget {
    margin-left: .8em
}

.k-edit-field span.k-recur-interval, .k-edit-field > ul.k-reset .k-numerictextbox {
    width: 5em
}

.k-edit-field > ul.k-reset .k-datepicker, .k-edit-field > ul.k-reset .k-dropdown, div[name=recurrenceRule] > .k-dropdown {
    width: 9em
}

.k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete, .k-scheduler-edit-form .k-edit-buttons .k-scheduler-resetSeries {
    float: left
}

.k-popup-message {
    margin: 0;
    padding: 1em 0 2em;
    text-align: center
}

.k-scheduler-timezones .k-dropdown:first-child {
    width: 100%
}

.k-scheduler-timezones .k-dropdown + .k-dropdown {
    margin: .5em 0 .7em
}

.k-scheduler-refresh {
    float: right;
    padding: 0 .5em
}

@media(max-width:480px) {
    .k-scheduler-timecolumn {
        width: 5em
    }

    .k-scheduler-datecolumn {
        width: 6em;
        overflow: hidden
    }

        .k-scheduler-datecolumn > div, .k-scheduler-timecolumn > div {
            white-space: normal
        }
}

.k-scheduler-pdf-export {
    overflow: hidden
}

    .k-pdf-export-shadow .k-scheduler, .k-scheduler-pdf-export .k-scheduler-content, .k-scheduler-pdf-export .k-scheduler-times {
        height: auto !important;
        overflow: visible !important
    }

    .k-scheduler-pdf-export .k-scheduler-header {
        padding: 0 !important
    }

    .k-scheduler-pdf-export .k-scheduler-header-wrap {
        border-width: 0 !important
    }

    .k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table, .k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table {
        width: 100% !important
    }

.k-rtl .k-scheduler .k-scheduler-navigation .k-i-arrow-60-left, .k-rtl .k-scheduler .k-scheduler-navigation .k-i-arrow-60-right {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-tooltip {
    padding: 4px 8px;
    min-width: 30px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    z-index: 12000
}

.k-tooltip-icon {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-tooltip-title {
    display: block
}

.k-tooltip-content {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-tooltip-button {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-callout {
    width: 12px;
    height: 12px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent;
    box-sizing: border-box;
    position: absolute;
    pointer-events: none
}

.k-callout-n {
    border-bottom-color: inherit;
    top: -1px;
    left: 50%;
    -webkit-transform: translate(-50%,-100%);
    -ms-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
    pointer-events: none
}

.k-callout-e {
    border-left-color: inherit;
    top: 50%;
    right: -1px;
    -webkit-transform: translate(100%,-50%);
    -ms-transform: translate(100%,-50%);
    transform: translate(100%,-50%);
    pointer-events: none
}

.k-callout-s {
    border-top-color: inherit;
    bottom: -1px;
    left: 50%;
    -webkit-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    transform: translate(-50%,100%);
    pointer-events: none
}

.k-callout-w {
    border-right-color: inherit;
    top: 50%;
    left: -1px;
    -webkit-transform: translate(-100%,-50%);
    -ms-transform: translate(-100%,-50%);
    transform: translate(-100%,-50%);
    pointer-events: none
}

span.k-tooltip {
    position: relative
}

.k-validator-tooltip {
    margin-top: 6px;
    width: auto;
    white-space: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9999
}

    .k-validator-tooltip .k-callout-n {
        inset-inline-start: 16px
    }

.k-grid .k-validation-tooltip {
    max-width: 300px
}

.k-splitter {
    position: relative;
    height: 300px
}

.k-pane > .k-splitter {
    border-width: 0;
    overflow: hidden
}

.k-splitter .k-pane {
    overflow: hidden
}

.k-splitter .k-scrollable {
    overflow: auto
}

.k-splitter .k-pane-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px
}

.k-ghost-splitbar, .k-splitbar {
    position: absolute;
    border-style: solid;
    font-size: 0;
    outline: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-ghost-splitbar-horizontal, .k-splitbar-horizontal {
    top: 0;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y
}

.k-ghost-splitbar-vertical, .k-splitbar-vertical {
    left: 0;
    height: 5px;
    border-width: 1px 0;
    background-repeat: repeat-x
}

.k-splitbar-draggable-horizontal {
    cursor: w-resize
}

.k-splitbar-draggable-vertical {
    cursor: n-resize
}

.k-splitbar .k-resize-handle {
    display: none
}

.k-restricted-size-horizontal, .k-restricted-size-vertical {
    background-color: red
}

.k-splitbar-horizontal .k-icon {
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.k-splitbar-horizontal .k-i-arrow-60-right {
    margin-left: -2px
}

.k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-right {
    margin-top: 13px
}

.k-splitbar-horizontal .k-i-arrow-60-left {
    margin-left: -3px
}

.k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-left {
    margin-top: -28px
}

.k-splitbar-vertical .k-i-arrow-60-up {
    margin-top: -2px
}

.k-splitbar-vertical .k-i-arrow-60-down {
    margin-top: -2px
}

.k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-up {
    margin-left: -17px
}

.k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-down {
    margin-left: 23px
}

.k-i-arrow-60-down, .k-i-arrow-60-left, .k-i-arrow-60-right, .k-i-arrow-60-up {
    cursor: pointer
}

.k-splitbar-horizontal .k-icon {
    position: absolute;
    top: 50%;
    width: 7px;
    height: 20px;
    margin-top: -10px
}

.k-splitbar-static-horizontal {
    width: 1px
}

.k-splitbar-static-vertical {
    height: 1px
}

.k-splitbar-vertical .k-icon {
    position: absolute;
    left: 50%
}

.k-splitbar-draggable-horizontal .k-resize-handle, .k-splitbar-draggable-vertical .k-resize-handle {
    display: inline-block;
    border-radius: 1px
}

.k-splitbar-draggable-horizontal .k-resize-handle {
    width: 3px;
    height: 20px
}

.k-splitbar-draggable-vertical .k-resize-handle {
    width: 20px;
    height: 3px
}

.k-splitbar .k-i-arrow-60-down, .k-splitbar .k-i-arrow-60-left, .k-splitbar .k-i-arrow-60-right, .k-splitbar .k-i-arrow-60-up {
    font-size: 10px
}

.k-splitter-resizing {
    overflow: hidden
}

.k-rtl .k-splitbar-horizontal .k-i-arrow-60-right {
    margin-top: 13px;
    margin-right: -3px
}

.k-rtl .k-splitbar-horizontal .k-i-arrow-60-left {
    margin-top: -28px;
    margin-right: -2px
}

.k-rtl .k-splitbar-vertical .k-i-arrow-60-up {
    margin-top: -2px;
    margin-left: -17px
}

.k-rtl .k-splitbar-vertical .k-i-arrow-60-down {
    margin-top: -2px;
    margin-left: 23px
}

html .k-upload {
    position: relative
}

.k-dropzone .k-dropzone-hint, .k-upload-button {
    vertical-align: middle
}

.k-dropzone, .k-file {
    position: relative
}

.k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: .8em;
    background-color: transparent
}

    .k-dropzone .k-dropzone-hint {
        margin-left: .6em
    }

.k-dropzone-active .k-dropzone-hint {
    display: inline-block
}

.k-dropzone-active .k-upload-status {
    display: none
}

.k-upload-button {
    position: relative;
    overflow: hidden;
    direction: ltr
}

.k-upload .k-upload-button {
    min-width: 7.167em;
    margin-right: 1.6em
}

.k-upload-button input {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    font: 170px monospace !important;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.k-upload-files {
    border-style: solid;
    border-width: 1px 0 0
}

    .k-upload-files .k-button {
        padding: 0
    }

.k-upload-status .k-i-warning {
    display: none
}

.k-upload-status-total .k-icon {
    display: inline-block;
    margin-right: 4px;
    vertical-align: text-bottom
}

.k-upload-files ~ .k-clear-selected, .k-upload-files ~ .k-upload-selected {
    margin-top: -5px
}

.k-upload .k-fail {
    background-position: -161px -111px
}

.k-file {
    border-style: solid;
    border-width: 0 0 1px;
    padding: .65em 1em calc(.65em+2px) 1em;
    white-space: nowrap
}

    .k-file .k-upload-action {
        background: 0;
        border-width: 0;
        box-shadow: none;
        margin-right: 3px
    }

    .k-file:last-child {
        border-bottom-width: 0
    }

    .k-file .k-icon {
        display: inline-block;
        position: relative
    }

.k-upload-files .k-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.k-file-extension-wrapper, .k-file-group-wrapper, .k-file-invalid-extension-wrapper, .k-file-name-size-wrapper, .k-multiple-files-extension-wrapper, .k-multiple-files-group-wrapper, .k-multiple-files-invalid-extension-wrapper {
    display: block
}

.k-file-extension-wrapper, .k-file-invalid-extension-wrapper, .k-multiple-files-extension-wrapper, .k-multiple-files-invalid-extension-wrapper {
    position: relative;
    width: 24px;
    height: 34px;
    border-width: 2px;
    border-style: solid;
    vertical-align: top;
    font-size: .57em;
    text-transform: uppercase
}

.k-file-invalid-extension-wrapper, .k-multiple-files-invalid-extension-wrapper {
    font-size: 1.2em
}

.k-multiple-files-extension-wrapper, .k-multiple-files-invalid-extension-wrapper {
    margin-top: 4px
}

.k-file-group-wrapper .k-file-group, .k-file-invalid-group-wrapper .k-file-group, .k-multiple-files-group-wrapper .k-file-group, .k-multiple-files-invalid-group-wrapper .k-file-group {
    font-size: 32px
}

.k-file-group-wrapper .k-file-state, .k-file-invalid-group-wrapper .k-file-state, .k-multiple-files-group-wrapper .k-file-state, .k-multiple-files-invalid-group-wrapper .k-file-state {
    position: absolute
}

.k-multiple-files-group-wrapper, .k-multiple-files-invalid-group-wrapper {
    vertical-align: top
}

.k-file-state {
    visibility: hidden
}

.k-file-single > .k-file-name-size-wrapper, .k-file > .k-file-name-size-wrapper, .k-multiple-files-wrapper {
    overflow: hidden;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    margin-left: 1em
}

    .k-multiple-files-wrapper .k-file-name-size-wrapper {
        margin-bottom: 1em
    }

.k-file-name-size-wrapper {
    vertical-align: middle
}

.k-file-extension-wrapper:before, .k-file-invalid-extension-wrapper:before, .k-multiple-files-extension-wrapper:after, .k-multiple-files-extension-wrapper:before, .k-multiple-files-invalid-extension-wrapper:after, .k-multiple-files-invalid-extension-wrapper:before {
    position: absolute;
    content: "";
    display: inline-block;
    border-style: solid
}

.k-file-extension-wrapper:before, .k-file-invalid-extension-wrapper:before, .k-multiple-files-extension-wrapper:before, .k-multiple-files-invalid-extension-wrapper:before {
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-width: 6px;
    margin-top: -1px;
    margin-right: -1px
}

.k-multiple-files-extension-wrapper:after, .k-multiple-files-invalid-extension-wrapper:after {
    top: -6px;
    left: -6px;
    width: 15px;
    height: 35px;
    border-width: 2px 0 0 2px
}

.k-file-extension, .k-file-invalid-icon {
    position: absolute;
    bottom: 0;
    line-height: normal
}

.k-file-extension {
    margin-left: .4em;
    margin-bottom: .3em;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.k-file-invalid-icon {
    margin-left: 5px
}

.k-file-information, .k-file-name, .k-file-size, .k-file-validation-message {
    display: block
}

.k-file-name {
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-file-information, .k-file-size, .k-file-validation-message {
    font-size: .78em;
    line-height: 1.5em
}

.k-file-information, .k-file-validation-message {
    line-height: 1.5em
}

.k-file-size {
    line-height: 1.2em
}

.k-upload-files .k-upload-status {
    line-height: 1;
    opacity: .65
}

.k-button.k-upload-action.k-state-active:hover, .k-button.k-upload-action:active:hover, .k-button.k-upload-action:hover, .k-upload-action {
    color: inherit;
    background: 0;
    border: 0
}

.k-upload-action {
    opacity: .6
}

    .k-upload-action:hover {
        opacity: 1
    }

    .k-upload-action .k-icon {
        vertical-align: top
    }

.k-file .k-upload-status .k-button, .k-file .k-upload-status > .k-icon {
    vertical-align: middle;
    border-radius: 50%
}

.k-dropzone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

    .k-dropzone .k-upload-status {
        position: static;
        margin-left: 10px
    }

.k-upload-pct {
    margin-right: .75em
}

.k-ie9 .k-upload-status-total {
    top: 1.5em
}

    .k-ie9 .k-upload-status-total > .k-icon {
        margin-top: -3px
    }

.k-upload-action {
    line-height: normal
}

.k-upload .k-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px
}

.k-upload .k-progressbar {
    height: 2px;
    position: absolute;
    bottom: .32em;
    width: calc(100% - 2em)
}

    .k-upload .k-progressbar .k-progress {
        width: 100%;
        max-width: 100%;
        height: 100%
    }

.k-file-invalid > .k-progress {
    width: 100%
}

.k-rtl .k-file-extension-wrapper {
    margin-left: 14px
}

.k-upload .k-action-buttons {
    border-width: 1px 0 0 0;
    border-style: solid
}

.k-no-flexbox .k-upload .k-action-buttons .k-button {
    border-width: 0
}

.k-mediaplayer {
    position: relative
}

    .k-mediaplayer > iframe, .k-mediaplayer > video {
        vertical-align: top
    }

    .k-mediaplayer .k-mediaplayer-overlay {
        z-index: 1;
        width: 100%;
        height: 100%;
        position: absolute
    }

.k-mediaplayer-titlebar {
    padding: 8px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.05) 80%,rgba(0,0,0,0))
}

.k-mediaplayer-toolbar-wrap {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0
}

.k-mediaplayer-toolbar {
    padding: 2px;
    border-width: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

    .k-mediaplayer-toolbar > * {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

        .k-mediaplayer-toolbar > * + * {
            margin-left: 5px
        }

    .k-mediaplayer-toolbar .k-toolbar-spacer {
        margin-top: 0;
        margin-bottom: 0;
        border-width: 0;
        -ms-flex: 1;
        flex: 1;
        opacity: 0
    }

    .k-mediaplayer-toolbar .k-align-right > * + * {
        margin-left: 5px
    }

    .k-mediaplayer-toolbar .k-mediaplayer-quality {
        width: auto;
        padding: 0;
        background: none transparent
    }

        .k-mediaplayer-toolbar .k-mediaplayer-quality .k-dropdown-wrap {
            border: 0 none;
            box-shadow: none;
            padding: 0;
            background: none transparent;
            color: inherit
        }

        .k-mediaplayer-toolbar .k-mediaplayer-quality .k-input {
            display: none
        }

        .k-mediaplayer-toolbar .k-mediaplayer-quality .k-select {
            position: relative;
            width: auto;
            min-height: 0;
            line-height: inherit
        }

.k-mediaplayer-quality-wrap, .k-mediaplayer-volume-wrap {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.k-quality-list {
    width: 80px !important;
    margin-left: -32px !important
}

.k-slider.k-mediaplayer-seekbar {
    width: 100%;
    position: absolute;
    z-index: 3;
    top: -17px;
    left: 0
}

    .k-slider.k-mediaplayer-seekbar .k-slider-track {
        width: 100% !important;
        border-radius: 0
    }

    .k-slider.k-mediaplayer-seekbar .k-slider-selection {
        border-radius: 0
    }

    .k-slider.k-mediaplayer-seekbar .k-draghandle {
        opacity: 0;
        transition: .2s opacity
    }

        .k-slider.k-mediaplayer-seekbar .k-draghandle.k-state-selected, .k-slider.k-mediaplayer-seekbar:hover .k-draghandle {
            opacity: 1
        }

.k-mediaplayer-fullscreen {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.k-no-flexbox .k-mediaplayer-toolbar .k-align-right > * {
    display: inline-block;
    vertical-align: middle
}

.k-no-flexbox .k-mediaplayer-toolbar .k-flat.k-button {
    height: auto
}

.k-no-flexbox .k-mediaplayer-toolbar .k-toolbar-spacer {
    display: none
}

.k-toolbar-wrap {
    float: left
}

    .k-toolbar-wrap .k-dropzone em, .k-toolbar-wrap .k-upload-files {
        display: none
    }

    .k-toolbar-wrap .k-dropzone {
        border: 0;
        padding: 0
    }

    .k-toolbar-wrap .k-dropzone-active {
        text-align: center
    }

        .k-toolbar-wrap .k-dropzone-active em {
            display: inline;
            margin: 0;
            font-size: 5em;
            font-style: normal
        }

        .k-toolbar-wrap .k-dropzone-active .k-upload-button {
            display: none
        }

.k-filebrowser-dropzone {
    z-index: 10010;
    opacity: .4;
    position: fixed
}

.k-search-wrap {
    padding: 0;
    width: 20%;
    position: relative
}

    .k-search-wrap label {
        position: absolute;
        top: 0;
        left: 4px;
        line-height: 20px;
        font-style: italic
    }

    .k-search-wrap input.k-input {
        padding-left: 0;
        padding-right: 0
    }

    .k-search-wrap .k-search {
        position: absolute;
        top: 50%;
        right: 2px;
        margin: 0;
        margin-top: -8px
    }

.k-filebrowser .k-filebrowser-toolbar {
    border-style: solid;
    border-width: 1px;
    margin: 8px 0 0;
    padding: .25em;
    line-height: 23px;
    white-space: nowrap
}

.k-filebrowser .k-tiles-arrange {
    float: right
}

    .k-filebrowser .k-tiles-arrange .k-dropdown {
        width: 5.3em
    }

.k-filebrowser .k-upload {
    border-width: 0;
    background-color: transparent
}

    .k-filebrowser .k-upload .k-upload-files, .k-filebrowser .k-upload .k-upload-status {
        display: none
    }

    .k-filebrowser .k-upload .k-upload-button {
        margin: 0;
        width: auto;
        min-width: auto
    }

.k-filebrowser .k-breadcrumb {
    position: relative;
    float: left;
    width: 79%;
    margin: 0
}

.k-filebrowser .k-filemanager-listview {
    height: 390px;
    max-height: 50vh;
    margin-bottom: 2em
}

    .k-filebrowser .k-filemanager-listview .k-listview-content {
        height: 100%
    }

.k-filebrowser .k-form-text-row {
    text-align: right
}

    .k-filebrowser .k-form-text-row label {
        width: 14%
    }

    .k-filebrowser .k-form-text-row input {
        width: 80%
    }

.k-chart, .k-gauge, .k-sparkline, .k-stockchart {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.k-chart, .k-stockchart {
    height: 400px
}

    .k-chart > canvas {
        vertical-align: top
    }

.k-stockchart, div.k-chart, div.k-gauge, span.k-sparkline {
    background-color: transparent
}

.k-gauge {
    text-align: left;
    position: relative
}

.k-arcgauge {
    display: inline-block
}

.k-arcgauge-label {
    position: absolute;
    text-align: center;
    padding: 0;
    margin: 0
}

.k-baseline-marker {
    zoom: 1
}

.k-chart-tooltip {
    padding: 4px 8px;
    border-radius: 4px;
    color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==);
    background-position: 0 0;
    background-repeat: repeat-x;
    line-height: normal;
    white-space: nowrap;
    z-index: 12000
}

.k-chart-tooltip-inverse {
    color: #000
}

.k-chart-tooltip table {
    border-spacing: 0;
    border-collapse: collapse
}

.k-chart-tooltip th {
    width: auto;
    text-align: center;
    padding: 1px
}

.k-chart-tooltip td {
    width: auto;
    text-align: left;
    padding: .1em .2em
}

.k-chart-shared-tooltip-marker {
    display: block;
    width: 15px;
    height: 3px
}

.k-selector {
    position: absolute;
    -webkit-transform: translateZ(0)
}

.k-selection {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    border-bottom: 0;
    height: 100%
}

.k-selection-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: rgba(255,255,255,.01)
}

.k-handle {
    background: #d2d2d2;
    width: 7px;
    height: 26px;
    cursor: e-resize;
    z-index: 1;
    border-radius: 6px;
    position: absolute
}

    .k-handle div {
        width: 100%;
        height: 100%;
        background-color: transparent
    }

.k-left-handle {
    left: -4px
}

.k-right-handle {
    right: -4px
}

.k-left-handle div {
    margin: -20px 0 0 -15px;
    padding: 40px 30px 0 0
}

.k-left-handle.k-handle-active div {
    margin-left: -40px;
    padding-right: 55px
}

.k-right-handle div {
    margin: -20px 0 0 -15px;
    padding: 40px 0 0 30px
}

.k-right-handle.k-handle-active div {
    padding-left: 55px
}

.k-mask {
    position: absolute;
    height: 100%;
    background-color: #fff;
    opacity: .8
}

.k-navigator-hint div {
    position: absolute
}

.k-navigator-hint .k-scroll {
    position: absolute;
    height: 4px;
    border-radius: 4px;
    background: #d2d2d2
}

.k-navigator-hint .k-tooltip {
    margin-top: 20px;
    min-width: 160px;
    opacity: 1;
    text-align: center;
    border: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
    background: #fff
}

.k-sparkline, .k-sparkline span {
    display: inline-block;
    vertical-align: top
}

    .k-sparkline span {
        height: 100%;
        width: 100%
    }

.k-diagram, .k-map {
    height: 600px
}

    .k-diagram .km-scroll-wrapper, .k-map .km-scroll-wrapper {
        padding-bottom: 0;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .k-diagram .km-scroll-container, .k-diagram .km-scroll-wrapper, .k-map .km-scroll-container, .k-map .km-scroll-wrapper {
        position: absolute;
        width: 100%;
        height: 100%
    }

    .k-diagram .k-layer, .k-map .k-layer {
        position: absolute;
        left: 0;
        top: 0
    }

    .k-diagram .km-touch-scrollbar, .k-map .km-touch-scrollbar {
        display: none
    }

.k-map {
    border-width: 0;
    border-style: solid;
    box-sizing: border-box
}

    .k-map .k-map-controls {
        position: absolute
    }

    .k-map .k-pos-top {
        top: 0
    }

    .k-map .k-pos-bottom {
        bottom: 0
    }

    .k-map .k-pos-left {
        left: 0
    }

    .k-map .k-pos-right {
        right: 0
    }

    .k-map .k-navigator {
        margin: 1em;
        width: 50px;
        height: 50px;
        border-width: 1px;
        border-style: solid;
        border-radius: 80px;
        position: relative;
        display: inline-block;
        vertical-align: middle
    }

.k-pdf-export .k-map .k-navigator {
    display: none
}

.k-map .k-zoom-control {
    margin: 1em;
    vertical-align: middle
}

    .k-map .k-zoom-control .k-button {
        width: auto;
        height: auto
    }

.k-pdf-export .k-map .k-zoom-control {
    display: none
}

.k-map .k-attribution {
    padding: 2px 4px;
    font-size: 10px;
    background-color: rgba(255,255,255,.8);
    z-index: 1000
}

.k-map .k-marker {
    width: 28px;
    height: 40px;
    margin: -40px 0 0 -14px;
    font-size: 28px;
    position: absolute;
    cursor: pointer;
    overflow: visible
}

.k-navigator > .k-button {
    margin: 0;
    padding: 0;
    border-color: transparent;
    border-radius: 16px;
    line-height: 10px;
    background: 0;
    position: absolute
}

.k-navigator .k-navigator-n, .k-navigator .k-navigator-up {
    top: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.k-navigator .k-navigator-e, .k-navigator .k-navigator-right {
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-navigator .k-navigator-down, .k-navigator .k-navigator-s {
    bottom: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.k-navigator .k-navigator-left, .k-navigator .k-navigator-w {
    left: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-pdf-export .k-navigator {
    display: none
}

.k-button-wrap {
    border-radius: 4px;
    display: inline-block
}

    .k-button-wrap .k-button {
        position: relative;
        padding: 4px;
        line-height: 16px
    }

        .k-button-wrap .k-button .k-icon {
            vertical-align: top
        }

.k-buttons-horizontal :first-child {
    border-radius: 4px 0 0 4px
}

    .k-buttons-horizontal :first-child + .k-zoom-in {
        border-radius: 0;
        margin-left: -1px
    }

.k-buttons-horizontal .k-zoom-out {
    border-radius: 0 4px 4px 0;
    margin-left: -1px
}

.k-button-wrap .k-button:hover {
    z-index: 1
}

.k-buttons-vertical .k-button {
    display: block
}

.k-buttons-vertical :first-child {
    border-radius: 4px 4px 0 0
}

.k-buttons-vertical .k-zoom-out {
    border-radius: 0 0 4px 4px;
    margin-top: -1px
}

.k-zoom-text {
    margin: 0;
    width: 4.3em;
    vertical-align: top
}

.k-rtl .k-buttons-horizontal :first-child {
    border-radius: 0 4px 4px 0
}

    .k-rtl .k-buttons-horizontal :first-child + .k-zoom-in {
        border-radius: 0;
        margin-left: 0;
        margin-right: -1px
    }

.k-rtl .k-buttons-horizontal .k-zoom-out {
    border-radius: 4px 0 0 4px;
    margin-left: 0;
    margin-right: -1px
}

.k-diagram {
    height: 600px
}

    .k-diagram .km-scroll-wrapper {
        width: 100%;
        height: 100%;
        position: relative
    }

    .k-diagram .km-scroll-wrapper {
        width: 100%;
        height: 100%;
        position: relative
    }

.k-canvas-container {
    width: 100%;
    height: 100%
}

.k-diagram img {
    box-sizing: content-box
}

.k-treemap {
    overflow: hidden;
    height: 400px
}

.k-treemap-tile {
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    margin: -1px 0 0 -1px;
    overflow: hidden
}

    .k-treemap-tile.k-leaf {
        padding: .6em
    }

.k-treemap-wrap.k-last > .k-treemap-tile {
    padding: .3em
}

.k-treemap-tile.k-state-hover {
    z-index: 2;
    background-image: none
}

.k-treemap > .k-treemap-tile {
    position: relative;
    height: 100%
}

.k-treemap-title {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2.42em;
    height: 2.42em;
    padding: 0 .6em;
    white-space: nowrap
}

.k-treemap-wrap .k-treemap-title {
    border-width: 0 0 1px;
    border-style: solid
}

.k-treemap-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.k-treemap-title + .k-treemap-wrap {
    top: 2.42em
}

.k-treemap-title-vertical {
    box-sizing: border-box;
    text-overflow: ellipsis;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2.42em;
    line-height: 2.42em;
    overflow: hidden;
    padding: .6em 0;
    white-space: nowrap
}

    .k-treemap-title-vertical > div {
        position: absolute;
        top: 0;
        right: 1.23em;
        -webkit-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .k-treemap-title-vertical + .k-treemap-wrap {
        left: 2.42em
    }

.k-pane-wrapper {
    position: relative;
    font-size: 14px
}

    .k-pane-wrapper .k-pane {
        width: 100%;
        height: 100%;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        box-sizing: border-box;
        font-family: sans-serif;
        overflow-x: hidden
    }

    .k-pane-wrapper .k-view {
        top: 0;
        left: 0;
        position: relative;
        border: 0;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        vertical-align: top
    }

    .k-pane-wrapper .k-content {
        min-height: 1px;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: block;
        width: auto;
        overflow: hidden;
        position: relative
    }

    .k-pane-wrapper .k-grid-column-menu > .k-header, .k-pane-wrapper .k-grid-edit-form > .k-header, .k-pane-wrapper .k-grid-filter-menu > .k-header, .k-pane-wrapper .k-scheduler-edit-form > .k-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: .3em .6em;
        width: auto;
        line-height: 2em
    }

        .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done .k-icon, .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done .k-icon, .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done .k-icon, .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done .k-icon {
            font-size: 1.5em
        }

    .k-pane-wrapper .k-grid-edit-row .k-textbox {
        box-sizing: border-box
    }

.k-ie .k-pane-wrapper .k-scheduler .k-scheduler-footer, .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-toolbar {
    line-height: 2em
}

.k-pane-wrapper > div.k-pane {
    box-shadow: none;
    font-weight: 400
}

.k-pane-wrapper .k-grid-column-menu .k-content, .k-pane-wrapper .k-grid-edit-form .k-content, .k-pane-wrapper .k-grid-filter-menu .k-content, .k-pane-wrapper .k-popup-edit-form .k-content {
    overflow-y: auto
}

    .k-pane-wrapper .k-grid-column-menu .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-edit-form .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-filter-menu .k-content > .k-scroll-container, .k-pane-wrapper .k-popup-edit-form .k-content > .k-scroll-container {
        position: absolute;
        width: 100%;
        min-height: 100%;
        box-sizing: border-box
    }

.k-pane-wrapper .k-grid-filter-menu .k-filter-selected-items {
    margin: 1em;
    font-weight: 400
}

.k-pane-wrapper .k-grid-edit-form .k-edit-form-container, .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form {
    width: auto
}

.k-pane-wrapper .k-grid .k-grid-search {
    width: 100%
}

.k-grid-mobile {
    border-width: 0
}

    .k-grid-mobile .k-resize-handle-inner::before {
        content: "\e01e";
        position: absolute;
        top: calc(50% - 1px);
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        padding: .2em
    }

    .k-grid-mobile .k-edit-cell > input, .k-grid-mobile .k-edit-cell > select, .k-grid-mobile .k-grid-edit-row > td > input, .k-grid-mobile .k-grid-edit-row > td > select {
        width: 100%;
        box-sizing: border-box
    }

    .k-grid-mobile .k-header a {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -moz-user-drag: none
    }

.k-pane-wrapper .k-scheduler-edit-form .k-recur-view {
    padding: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .k-pane-wrapper .k-scheduler-edit-form .k-recur-view > .k-listgroup-form-row {
        margin: 0
    }

.k-pane-wrapper .k-scheduler-edit-form .k-recur-items-wrap {
    width: 100%;
    margin: -1px 0
}

.k-pane-wrapper .k-scheduler-edit-form .k-scheduler-recur-end-wrap {
    white-space: nowrap
}

.k-scheduler-mobile {
    border-width: 0
}

    .k-scheduler-mobile th {
        font-weight: 400
    }

    .k-scheduler-mobile .k-scheduler-toolbar > * {
        margin: 0
    }

    .k-scheduler-mobile .k-scheduler-toolbar::before {
        display: none
    }

    .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0
    }

        .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-nav-current {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly
        }

        .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-y-date-format {
            font-size: 12px
        }

        .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-nav-current {
            -ms-flex-direction: column;
            flex-direction: column
        }

    .k-scheduler-mobile .k-scheduler-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .k-scheduler-mobile .k-scheduler-footer > * {
            margin: 0
        }

        .k-scheduler-mobile .k-scheduler-footer::before {
            display: none
        }

    .k-scheduler-mobile .k-scheduler-monthview .k-hidden {
        height: 40px
    }

    .k-scheduler-mobile .k-scheduler-monthview .k-scheduler-table td {
        height: 40px;
        vertical-align: top;
        text-align: center
    }

    .k-scheduler-mobile .k-scheduler-monthview .k-events-container {
        position: absolute;
        text-align: center;
        height: 6px;
        line-height: 6px
    }

    .k-scheduler-mobile .k-scheduler-monthview .k-event {
        position: static;
        display: inline-block;
        width: 4px;
        height: 4px;
        min-height: 0;
        margin: 1px
    }

    .k-scheduler-mobile .k-scheduler-dayview .k-mobile-header.k-mobile-horizontal-header .k-scheduler-times table tr:first-child {
        display: none
    }

    .k-scheduler-mobile .k-scheduler-dayview .k-mobile-header .k-scheduler-header .k-scheduler-date-group {
        display: none
    }

    .k-scheduler-mobile .k-scheduler-agendaview .k-mobile-header {
        display: none
    }

    .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table {
        table-layout: auto
    }

        .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table .k-scheduler-groupcolumn {
            width: 1%
        }

    .k-scheduler-mobile .k-mobile-header .k-scheduler-table td, .k-scheduler-mobile .k-mobile-header .k-scheduler-table th {
        height: 1.5em
    }

    .k-scheduler-mobile .k-scheduler-table td, .k-scheduler-mobile .k-scheduler-table th {
        height: 2em;
        vertical-align: middle
    }

    .k-scheduler-mobile .k-scheduler-times th {
        font-size: 1em
    }

    .k-scheduler-mobile .k-scheduler-datecolumn-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .k-scheduler-mobile .k-task {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

        .k-scheduler-mobile .k-task .k-scheduler-mark {
            border-radius: 50%
        }

        .k-scheduler-mobile .k-task .k-i-reload {
            font-size: 1em;
            margin-right: .5em
        }

        .k-scheduler-mobile .k-task .k-scheduler-task-text {
            -ms-flex: 1 1 0;
            flex: 1 1 0
        }

    .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn, .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn {
        vertical-align: top
    }

        .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn .k-scheduler-group-text {
            -webkit-writing-mode: vertical-lr;
            -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            white-space: nowrap
        }

    .k-scheduler-mobile .k-scrollbar-h tr + tr .k-scheduler-times {
        border-bottom-width: 0
    }

.k-pane-wrapper .k-pane * {
    background-clip: border-box
}

.k-pane-wrapper .k-filter-help-text, .k-pane-wrapper .k-list-title {
    padding: .5em 1em;
    display: block
}

.k-pane-wrapper .k-listgroup .k-listgroup-item {
    border-color: inherit
}

.k-pane-wrapper .k-listgroup + .k-listgroup {
    margin-top: 2em
}

.k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * {
    pointer-events: none
}

.k-pane-wrapper .k-filter-menu {
    padding: 0
}

    .k-pane-wrapper .k-filter-menu .k-space-right {
        border: 0;
        padding: 0 10px;
        background: 0
    }

        .k-pane-wrapper .k-filter-menu .k-space-right > input {
            width: 100%;
            height: 2em;
            padding: 1px 0;
            margin: 0;
            border-radius: 3px;
            text-indent: 1em;
            border-width: 1px;
            border-style: solid
        }

        .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom {
            right: 15px;
            z-index: 2
        }

    .k-pane-wrapper .k-filter-menu .k-filter-tools {
        margin: 1em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

.k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap {
    display: -ms-flexbox;
    display: flex
}

.k-pane-wrapper .k-popup-edit-form .k-mobiletimezoneeditor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-pane-wrapper .k-multicheck-wrap.k-listgroup {
    overflow-y: auto
}

.k-pane-wrapper .k-state-disabled {
    opacity: 1
}

    .k-pane-wrapper .k-state-disabled > * {
        opacity: .7
    }

.k-ie .k-pane-wrapper .k-grid .k-icon {
    text-indent: 0
}

.k-pane-wrapper .k-pager-wrap.k-pager-sm {
    -ms-flex-pack: center;
    justify-content: center
}

    .k-pane-wrapper .k-pager-wrap.k-pager-sm .k-pager-refresh {
        display: none
    }

.km-scroll-container {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-margin-collapse: separate;
    -webkit-transform: translatez(0)
}

.k-widget .km-scroll-wrapper {
    position: relative;
    padding-bottom: 0
}

.km-touch-scrollbar {
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: .3em;
    width: .3em;
    background-color: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .3s linear
}

.km-vertical-scrollbar {
    height: 100%;
    right: 2px;
    top: 2px
}

.km-horizontal-scrollbar {
    width: 100%;
    left: 2px;
    bottom: 2px
}

.k-pane-wrapper[dir=rtl] .k-grid-column-menu > .k-header, .k-pane-wrapper[dir=rtl] .k-grid-edit-form > .k-header, .k-pane-wrapper[dir=rtl] .k-grid-filter-menu > .k-header, .k-pane-wrapper[dir=rtl] .k-scheduler-edit-form > .k-header, .k-rtl .k-pane-wrapper .k-grid-column-menu > .k-header, .k-rtl .k-pane-wrapper .k-grid-edit-form > .k-header, .k-rtl .k-pane-wrapper .k-grid-filter-menu > .k-header, .k-rtl .k-pane-wrapper .k-scheduler-edit-form > .k-header, [dir=rtl] .k-pane-wrapper .k-grid-column-menu > .k-header, [dir=rtl] .k-pane-wrapper .k-grid-edit-form > .k-header, [dir=rtl] .k-pane-wrapper .k-grid-filter-menu > .k-header, [dir=rtl] .k-pane-wrapper .k-scheduler-edit-form > .k-header {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.k-pane-wrapper[dir=rtl] .k-filter-menu .k-space-right > .k-i-zoom, .k-rtl .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom, [dir=rtl] .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom {
    left: 15px;
    right: auto
}

.k-pane-wrapper[dir=rtl] .k-scheduler-mobile .k-scheduler-toolbar > ul > li, .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar > ul > li, [dir=rtl] .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar > ul > li {
    border: 0
}

.k-pane-wrapper[dir=rtl] .k-scheduler-mobile .k-scheduler-toolbar .k-nav-next, .k-pane-wrapper[dir=rtl] .k-scheduler-mobile .k-scheduler-toolbar .k-nav-prev, .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-next, .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-prev, [dir=rtl] .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-next, [dir=rtl] .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-prev {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-pane-wrapper[dir=rtl] .k-scheduler-mobile .k-task .k-i-reload, .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-task .k-i-reload, [dir=rtl] .k-pane-wrapper .k-scheduler-mobile .k-task .k-i-reload {
    margin-left: .5em;
    margin-right: 0
}

.k-pane-wrapper[dir=rtl] .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right, .k-rtl .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right, [dir=rtl] .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-fx-end .k-fx-current, .k-fx-end .k-fx-next {
    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-end .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-start .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-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header {
    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-footer, .k-fx-slide.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header {
    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-footer, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header {
    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-footer, .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 .km-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header {
    will-change: opacity;
    opacity: 1
}

.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 .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header {
    opacity: 1
}

.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 .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header {
    opacity: 0
}

.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 .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header {
    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-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-left.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.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-virtual-wrap {
    position: relative
}

    .k-virtual-wrap .k-list.k-virtual-list {
        height: auto
    }

.k-virtual-content {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.k-virtual-list > .k-virtual-content {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.k-virtual-option-label {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.k-virtual-wrap > .k-virtual-header {
    text-align: right
}

.k-popup .k-item.k-first {
    position: relative
}

.k-virtual-content > .k-virtual-list > .k-virtual-item {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap
}

.k-popup .k-list .k-item > .k-group, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    text-transform: uppercase;
    font-size: .857em
}

.k-popup .k-list .k-item > .k-group {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 .5em;
    line-height: 1.8
}

.k-popup .k-state-hover > .k-group {
    right: -1px
}

.k-group-header + .k-list > .k-item.k-first, .k-static-header + .k-list > .k-item.k-first, .k-virtual-item.k-first {
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 0
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    text-align: right
}

@font-face {
    font-family: WebComponentsIcons;
    src: url('WebResource.axd?d=KZCG_2yS9SI5gr367I2DZ7wouVS6o9BkPmZGkqXSuDRg71rk5PgACnhq7mpTcc2phM6H8LdnUvrAgxvIeUvXDc_2hGWUxG6Y3hbHkyFUP4-gMtQG-WLm1oU4q9220ZEPa0TiIkCjRXjBRqkBYFU1bFVVrlcPj1jjHPNWOydto0KY8iF7U_duFG3Z3ZXYYM59roNls61hdhFT01GszT4jGIl0J6i3jGqnQdhiCFbFois1&t=637781912780000000');
    src: url('WebResource.axd?d=KZCG_2yS9SI5gr367I2DZ7wouVS6o9BkPmZGkqXSuDRg71rk5PgACnhq7mpTcc2phM6H8LdnUvrAgxvIeUvXDc_2hGWUxG6Y3hbHkyFUP4-gMtQG-WLm1oU4q9220ZEPa0TiIkCjRXjBRqkBYFU1bFVVrlcPj1jjHPNWOydto0KY8iF7U_duFG3Z3ZXYYM59roNls61hdhFT01GszT4jGIl0J6i3jGqnQdhiCFbFois1&t=637781912780000000') format('embedded-opentype'),url('WebResource.axd?d=0X9mjICiFYsQXi6R7NbN2rKRwYqDc8kNc_SLLh3M_VU_lEFKW50WEJReTnaFR38MzaiiKT17FPg0zwQym5ObfBhy_eKoHgS-E27idrcR6lfMDuOcqETNL9Xqox7Vuxrk9NeMNOaKeZqtVSHjs5KRZx8WWwnyG8C13oPz-2EMiIoRzcO7W6eRNaylP8Q5NAFXW3VE1hOamhSJ5pYqJtrEKZKy58IQgXB4fClf1OhYoJs1&t=637781912780000000') format('truetype'),url('WebResource.axd?d=6npMB5TGw1b0S8V1HlvPQrRrk94NEwbUOSM6Pxp4B_onhcJWg1nu_ZoBCAj0DpZWtU9oCUeazICDNdz61wRyhsQJQF8FfOhL47ORZF-Hael6GbPGWc8qWAolla9YHeey7T-Q4cR6LHQfCHF_Y-gRd54whmNl4UBjztgQCRqucGqleyaI3fH1QqgzGnNHi0J7hzqFhzUupSq41h7hblIwCVp2I-SCWXIZjgTWxrPZdTk1&t=637781912780000000') format('woff'),url('WebResource.axd?d=X9pluVtFRR6G1p0JMkWXZIhiW36Cmy5n1CGwhh7csRpXV39IItPHPLuY3uJ1RuBJhaCQvu0KEgX0nkRQNnAiHLwlTQAGKRdnkEKBuVNt0qwuI4jBYz_AkOKHg-Pnz5N79QBp2cVWKPS5Nmzyc4fK8F-MmzG5MYkcjxSEBl5KtfmSoxFSUxE_5Cad4Eq8Z1OUZhHgEQ5ZC0AFAXHmhkQ3Q4JpyR-w7qsY7pxVrY-ppkw1&t=637781912780000000') format('svg');
    font-weight: 400;
    font-style: normal
}



















.k-merged-cells-wrapper, .k-selection-wrapper, .k-spreadsheet-active-cell, .k-spreadsheet-data {
    cursor: cell
}

.k-horizontal-resize .k-merged-cells-wrapper, .k-horizontal-resize .k-selection-wrapper, .k-horizontal-resize .k-spreadsheet-active-cell, .k-horizontal-resize .k-spreadsheet-data {
    cursor: col-resize
}

.k-vertical-resize .k-merged-cells-wrapper, .k-vertical-resize .k-selection-wrapper, .k-vertical-resize .k-spreadsheet-active-cell, .k-vertical-resize .k-spreadsheet-data {
    cursor: row-resize
}

.k-spreadsheet .k-colorpicker .k-tool-icon {
    overflow: visible
}

.k-button.k-custom-color, .k-button.k-reset-color {
    display: block;
    width: 100%;
    border-radius: 0;
    border: 0;
    text-align: left;
    line-height: 2em
}

.k-spreadsheet-colorpicker .k-colorpalette {
    border: 1px solid #dbdbdb;
    border-left: none;
    border-right: 0;
    padding: .4em
}

.k-spreadsheet-filter {
    position: absolute;
    cursor: pointer;
    pointer-events: all
}

.k-spreadsheet-sample {
    float: right
}

.k-spreadsheet-clipboard, .k-spreadsheet-clipboard-paste {
    position: fixed;
    opacity: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    width: 1px;
    height: 1px;
    box-sizing: border-box
}

textarea.k-spreadsheet-clipboard {
    position: fixed
}

.k-spreadsheet-top-corner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    border-width: 0 1px 1px 0;
    border-style: solid
}

    .k-spreadsheet-top-corner:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        right: 0;
        border-width: 6px;
        border-style: solid
    }

.k-spreadsheet-scroller {
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 1
}

@media(hover:none),(pointer:coarse) {
    .k-spreadsheet-scroller {
        z-index: 3
    }
}

.k-spreadsheet-fixed-container {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.k-spreadsheet-view-size {
    position: relative
}

.k-spreadsheet-column-header, .k-spreadsheet-row-header {
    text-align: center;
    z-index: 100
}

    .k-spreadsheet-column-header .k-spreadsheet-cell, .k-spreadsheet-row-header .k-spreadsheet-cell {
        border-style: solid;
        border-width: 0 1px 1px 0
    }

div.k-spreadsheet-window {
    padding: 1.167em .75em .75em
}

.k-spreadsheet-window .k-edit-form-container {
    width: 100%
}

.k-spreadsheet-window .k-root-tabs {
    border-width: 0;
    margin: -1em -1em 0;
    padding: .5em 1em 0
}

    .k-spreadsheet-window .k-root-tabs .k-loading {
        display: none
    }

.k-spreadsheet-window .k-list-wrapper {
    padding: .15em 0;
    height: 190px
}

.k-spreadsheet-window .k-list .k-item {
    border-radius: 0;
    padding: .5em .6em .4em .6em;
    cursor: pointer;
    line-height: 1.1em
}

.k-spreadsheet-window .k-format-filter {
    width: 100%
}

    .k-spreadsheet-window .k-format-filter + .k-group-header + .k-list-wrapper {
        margin-top: 1em
    }

.k-spreadsheet-window .k-action-buttons {
    top: 10px;
    padding: 10px;
    margin-bottom: calc(10px - 1em)
}

.k-spreadsheet-window .k-edit-label {
    width: 25%;
    margin: 0 0 0 .75em
}

.k-spreadsheet-window .k-edit-field {
    width: 67%;
    margin: 0 .917em 0 0
}

.k-spreadsheet-window .k-edit-field, .k-spreadsheet-window .k-edit-label {
    padding: 0;
    line-height: 3em
}

    .k-spreadsheet-window .k-edit-field .k-dropdown, .k-spreadsheet-window .k-edit-field .k-textbox {
        width: 100%
    }

.k-spreadsheet-window .k-export-config .k-hr {
    margin-left: 15px;
    margin-right: 15px
}

.k-spreadsheet-window .k-export-config .k-edit-field {
    width: 40%;
    float: left;
    margin-left: 30px
}

.k-spreadsheet-window .k-page-orientation {
    position: absolute;
    right: 2em;
    top: 25%
}

    .k-spreadsheet-window .k-page-orientation .k-icon {
        font-size: 6em
    }

.k-spreadsheet-window .k-export-config:after, .k-spreadsheet-window > div:after {
    content: "";
    display: block;
    clear: both;
    height: 0
}

.k-spreadsheet-format-cells .k-spreadsheet-preview {
    font-weight: 700;
    text-align: center;
    font-size: 1.16em;
    line-height: 3.64em;
    margin: 0 -.863em .72em;
    border-style: solid;
    border-width: 1px 0
}

.k-spreadsheet-border-palette {
    width: 153px
}

    .k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button {
        box-sizing: border-box;
        width: 20%
    }

    .k-spreadsheet-border-palette .k-colorpalette {
        vertical-align: bottom
    }

.k-spreadsheet-popup .k-separator {
    width: 1px;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block
}

.k-spreadsheet-popup .k-colorpalette {
    vertical-align: top
}

.k-spreadsheet-popup .k-button.k-button-icon {
    padding: .6em;
    border-width: 0;
    border-radius: 0
}

.k-spreadsheet-popup .k-button.k-button-icontext {
    display: block;
    text-align: left;
    text-transform: initial;
    padding: .3em 1.5em .3em .9em;
    border-width: 0;
    border-radius: 0
}

.k-spreadsheet-filter-menu {
    width: 280px
}

    .k-spreadsheet-filter-menu > .k-menu {
        border-width: 0
    }

        .k-spreadsheet-filter-menu > .k-menu .k-link {
            padding-left: 26px
        }

            .k-spreadsheet-filter-menu > .k-menu .k-link .k-icon {
                margin-left: -26px;
                width: 26px
            }

    .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
        height: 200px;
        overflow-y: scroll;
        overflow-x: auto;
        border-width: 1px;
        border-style: solid
    }

        .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview {
            overflow: visible;
            padding: 6px 7px
        }

    .k-spreadsheet-filter-menu .k-details {
        border-top-width: 1px;
        border-top-style: solid;
        padding: 4px 0
    }

    .k-spreadsheet-filter-menu .k-details-summary {
        cursor: pointer;
        line-height: 26px
    }

        .k-spreadsheet-filter-menu .k-details-summary .k-icon {
            margin: 0 5px
        }

    .k-spreadsheet-filter-menu .k-details-content {
        padding: 0 8px 0 26px
    }

        .k-spreadsheet-filter-menu .k-details-content > .k-textbox, .k-spreadsheet-filter-menu .k-details-content > .k-widget {
            width: 100%;
            margin-bottom: 3px
        }

        .k-spreadsheet-filter-menu .k-details-content .k-space-right {
            background-image: none
        }

        .k-spreadsheet-filter-menu .k-details-content .k-filter-and {
            width: 75px;
            margin: 8px 0
        }

    .k-spreadsheet-filter-menu .k-action-buttons {
        border-top-width: 0;
        margin: 8px;
        padding: 0;
        position: static
    }

.k-resize-handle, .k-resize-hint {
    position: absolute;
    z-index: 200
}

.k-resize-hint-handle {
    width: 100%;
    height: 20px
}

.k-resize-hint-marker {
    width: 2px;
    height: 100%;
    margin: 0 auto
}

.k-resize-hint-vertical .k-resize-hint-handle {
    height: 100%;
    width: 20px;
    float: left
}

.k-resize-hint-vertical .k-resize-hint-marker {
    height: 2px;
    width: 100%
}

.k-button.k-spreadsheet-sheets-bar-add, .k-spreadsheet-quick-access-toolbar .k-button {
    border-color: transparent;
    background-color: transparent;
    background-image: none
}

.k-spreadsheet-tabstrip {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0
}

    .k-spreadsheet-tabstrip > .k-content {
        border-left-width: 0;
        border-right-width: 0;
        border-bottom-width: 0;
        margin: 0;
        padding: 0
    }

    .k-spreadsheet-tabstrip .k-loading {
        display: none
    }

.k-spreadsheet-toolbar {
    border-width: 0
}

    .k-spreadsheet-toolbar > .k-widget[data-property=fontSize] {
        width: 75px
    }

    .k-spreadsheet-toolbar > .k-widget[data-property=format] {
        width: 100px
    }

    .k-spreadsheet-toolbar > .k-widget[data-property=fontFamily] {
        width: 130px
    }

    .k-spreadsheet-toolbar [data-tool=alignment], .k-spreadsheet-toolbar [data-tool=backgroundColor], .k-spreadsheet-toolbar [data-tool=borders], .k-spreadsheet-toolbar [data-tool=freeze], .k-spreadsheet-toolbar [data-tool=merge], .k-spreadsheet-toolbar [data-tool=textColor] {
        width: auto
    }

.k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point {
    text-decoration: underline
}

.k-spreadsheet-formula-input > .k-series-a, .k-spreadsheet-formula-input > .k-series-b, .k-spreadsheet-formula-input > .k-series-c, .k-spreadsheet-formula-input > .k-series-d {
    background-color: transparent
}

.k-spreadsheet-selection-highlight {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    box-sizing: border-box
}

.k-spreadsheet-formula-list {
    min-width: 100px
}

    .k-spreadsheet-formula-list .k-item {
        padding: 0 .3em;
        box-shadow: none
    }

.k-spreadsheet-sheets-bar {
    position: relative
}

.k-button.k-spreadsheet-sheets-bar-add {
    position: absolute;
    bottom: .2em;
    left: .4em;
    z-index: 1
}

.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove {
    padding: 0;
    margin: .5em .5em .5em -.5em;
    vertical-align: middle
}

    .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon {
        padding: 2px;
        line-height: normal
    }

    .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon {
        margin: 0
    }

.k-spreadsheet-sheets-items-hint {
    margin-top: .1em;
    background: 0 0 !important;
    border-width: 0 !important
}

.k-spreadsheet-editor-button {
    position: absolute;
    width: 20px;
    z-index: 10;
    margin-left: 2px;
    padding: 0 !important
}

    .k-spreadsheet-editor-button.k-spreadsheet-last-column {
        margin-left: -21px
    }

    .k-spreadsheet-editor-button span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.hint-wrapper {
    margin-top: 1em
}

.k-edit-form-container > div:after {
    display: block;
    content: "";
    clear: both
}

.k-spreadsheet-filter-menu .k-i-arrow-45-down-right {
    cursor: pointer
}

.k-spreadsheet-import-errors .k--header-message {
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 1px solid #888;
    margin-bottom: 5px
}

.k-spreadsheet-import-errors .k--errors {
    max-height: 350px;
    overflow: auto
}

    .k-spreadsheet-import-errors .k--errors table {
        border-collapse: collapse;
        font-size: 90%
    }

        .k-spreadsheet-import-errors .k--errors table td, .k-spreadsheet-import-errors .k--errors table th {
            padding: 2px 4px;
            border-bottom: 1px solid #bbb
        }

        .k-spreadsheet-import-errors .k--errors table th {
            text-align: left;
            border-bottom: 1px solid #000
        }

.k-spreadsheet-insert-image-dialog {
    margin: 0 1em;
    border-style: dashed;
    border-width: 2px
}

    .k-spreadsheet-insert-image-dialog label {
        position: relative;
        display: block;
        width: 355px;
        height: 200px;
        padding: 10px;
        background-image: url('WebResource.axd?d=a6835RtaHtIRE-FxezT77Riq4-4A3677Bi7Vu32WmWoZDBbB1RTSxVrlA2HTfPy7Cn611mJo3Dsac5wF0ghKh5HJY_KTmQ4QpCb-KpeExwdo0qOigemUFXNd0mSqu03pVfX_8PSM2JLOYZATEkLcL05OCi3AB5tj2BlaswuAFyajaFvdOKKbH3-CT_5xi3KCXXoX3uAHetCP9p-UbqRfXw2&t=637781912780000000');
        background-size: auto 70%;
        background-repeat: no-repeat;
        background-position: 50% 30%
    }

        .k-spreadsheet-insert-image-dialog label div {
            position: relative;
            top: 75%;
            padding: 10px;
            text-align: center;
            pointer-events: none
        }

        .k-spreadsheet-insert-image-dialog label input {
            display: none
        }

    .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image {
        background-size: auto 90%;
        background-position: 50% 50%
    }

        .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div {
            opacity: 1;
            top: 50%
        }

        .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image div {
            opacity: 0
        }

.k-spreadsheet-drawing {
    position: absolute;
    box-sizing: border-box;
    z-index: 101
}

    .k-spreadsheet-drawing.k-spreadsheet-active-drawing {
        outline-style: solid;
        outline-width: 2px
    }

    .k-spreadsheet-drawing .k-spreadsheet-drawing-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        cursor: move
    }

    .k-spreadsheet-drawing .k-spreadsheet-drawing-handle {
        position: absolute;
        width: 6px;
        height: 6px;
        border-style: solid;
        border-width: 1px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.N {
            left: 50%;
            top: 0;
            cursor: ns-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.NE {
            left: 100%;
            top: 0;
            cursor: nesw-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.E {
            left: 100%;
            top: 50%;
            cursor: ew-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.SE {
            left: 100%;
            top: 100%;
            cursor: nwse-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.S {
            left: 50%;
            top: 100%;
            cursor: ns-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.SW {
            left: 0;
            top: 100%;
            cursor: nesw-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.W {
            left: 0;
            top: 50%;
            cursor: ew-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.NW {
            left: 0;
            top: 0;
            cursor: nwse-resize
        }

.k-avatar {
    width: 32px;
    height: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.k-avatar-circle {
    border-radius: 50%
}

    .k-avatar-circle.k-avatar-image > * {
        border-radius: 50%
    }

.k-avatar-rounded {
    border-radius: 5px
}

    .k-avatar-rounded.k-avatar-image > * {
        border-radius: 5px
    }

.k-avatar-image > * {
    width: 32px;
    height: 32px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.k-card {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

    .k-card .k-card-callout {
        position: absolute;
        width: 20px;
        height: 20px;
        border-width: 1px 1px 0 0;
        border-style: solid;
        margin: 0
    }

        .k-card .k-card-callout.k-callout-n {
            top: 0;
            -webkit-transform: translate(-50%,-50%) rotate(-45deg);
            -ms-transform: translate(-50%,-50%) rotate(-45deg);
            transform: translate(-50%,-50%) rotate(-45deg);
            left: 50%
        }

        .k-card .k-card-callout.k-callout-e {
            top: 50%;
            left: auto;
            right: 0;
            -webkit-transform: translate(50%,-50%) rotate(135deg) scaleX(-1);
            -ms-transform: translate(50%,-50%) rotate(135deg) scaleX(-1);
            transform: translate(50%,-50%) rotate(135deg) scaleX(-1)
        }

        .k-card .k-card-callout.k-callout-s {
            top: auto;
            bottom: 0;
            -webkit-transform: translate(-50%,50%) rotate(135deg);
            -ms-transform: translate(-50%,50%) rotate(135deg);
            transform: translate(-50%,50%) rotate(135deg);
            left: 50%
        }

        .k-card .k-card-callout.k-callout-w {
            top: 50%;
            left: 0;
            -webkit-transform: translate(-50%,-50%) rotate(-135deg);
            -ms-transform: translate(-50%,-50%) rotate(-135deg);
            transform: translate(-50%,-50%) rotate(-135deg)
        }

    .k-card .k-avatar {
        width: 45px;
        height: 45px;
        margin-right: 16px
    }

        .k-card .k-avatar.k-avatar-image > * {
            width: 45px;
            height: 45px
        }

    .k-card.k-card-flat {
        box-shadow: none
    }

.k-card-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

.k-card-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    overflow: hidden
}

.k-card-header {
    padding: 12px 16px;
    border-width: 0 0 1px;
    border-style: solid;
    outline: 0;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.k-card > .k-card-header:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-card > .k-card-header:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.k-card-header h1, .k-card-header h2, .k-card-header h3, .k-card-header h4, .k-card-header h5, .k-card-header h6 {
    margin: 0
}

.k-card-header .k-card-title + .k-card-subtitle {
    margin-top: 0
}

.k-card-footer {
    padding: 12px 16px;
    border-width: 1px 0 0;
    border-style: solid;
    outline: 0;
    display: block
}

.k-card-body {
    padding: 12px 16px;
    outline: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-card > .k-card-body:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-card > .k-card-body:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.k-card-body p {
    margin: 0 0 8px
}

.k-card-body > .k-last, .k-card-body > :last-child {
    margin-bottom: 0
}

.k-card-image, .k-card-media {
    border: 0;
    max-width: 100%;
    overflow: hidden
}

.k-card > .k-card-image:first-child, .k-card > .k-card-media:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-card > .k-card-image:last-child, .k-card > .k-card-media:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.k-card-image > img, .k-card-media > img {
    border: 0;
    max-width: 100%
}

.k-card-horizontal .k-card-image, .k-card-horizontal .k-card-media {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100px;
    object-fit: cover
}

.k-card-title {
    font-family: inherit;
    font-size: 19px;
    line-height: normal;
    font-weight: 400;
    margin: 0 0 8px
}

.k-card-subtitle {
    font-size: 12px;
    margin: 0 0 8px;
    opacity: .6
}

.k-card-separator {
    margin: 0;
    border-width: 1px 0 0;
    border-style: solid;
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .k-card-separator.k-separator-vertical {
        width: 0;
        border-width: 0 0 0 1px
    }

.k-card > .k-hr {
    margin: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-color: inherit
}

.k-card-actions {
    padding: 8px 16px;
    border-width: 0;
    border-style: solid;
    border-color: inherit;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.k-card > .k-card-actions:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-card > .k-card-actions:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.k-card-horizontal .k-card-actions, .k-card-vertical .k-card-actions {
    border: 0
}

.k-card-actions .k-button {
    max-width: 100%;
    white-space: normal
}

.k-card-actions > .k-button.k-flat:first-child {
    margin-left: -8px
}

.k-card-actions.k-card-actions-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.k-card-actions.k-card-actions-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.k-card-actions.k-card-actions-center {
    -ms-flex-pack: center;
    justify-content: center
}

.k-card-action {
    border-width: 0;
    border-style: solid;
    border-color: inherit;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

    .k-card-action > .k-button {
        border-radius: 0;
        padding: 16px 16px;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

.k-card-actions-vertical {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-card-actions-vertical .k-button {
        padding: 12px 16px
    }

        .k-card-actions-vertical .k-button.k-flat:first-child {
            margin-left: 0
        }

    .k-card-actions-vertical .k-card-action + .k-card-action {
        border-top-width: 1px
    }

.k-card-horizontal .k-card-actions-vertical {
    border-top-width: 0;
    border-left-width: 1px
}

.k-card-vertical .k-card-actions-vertical.k-card-actions-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.k-card-vertical .k-card-actions-vertical.k-card-actions-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.k-card-vertical .k-card-actions-vertical.k-card-actions-center {
    -ms-flex-align: center;
    align-items: center
}

.k-card-vertical .k-card-actions-vertical.k-card-actions-center, .k-card-vertical .k-card-actions-vertical.k-card-actions-end, .k-card-vertical .k-card-actions-vertical.k-card-actions-start {
    padding: 8px 16px
}

    .k-card-vertical .k-card-actions-vertical.k-card-actions-center .k-button, .k-card-vertical .k-card-actions-vertical.k-card-actions-end .k-button, .k-card-vertical .k-card-actions-vertical.k-card-actions-start .k-button {
        padding: 4px 8px
    }

.k-card-actions-stretched {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

    .k-card-actions-stretched .k-button {
        padding: 12px 16px;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-radius: 0
    }

        .k-card-actions-stretched .k-button.k-flat:first-child {
            margin-left: 0
        }

    .k-card-actions-stretched .k-card-action + .k-card-action {
        border-left-width: 1px
    }

.k-card .k-card-actions-stretched {
    border-top-width: 1px;
    border-style: solid
}

.k-card-horizontal > .k-card-actions-stretched {
    border-left-width: 1px;
    border-top-width: 0
}

.k-card-actions-stretched.k-card-actions-vertical {
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-card-actions-stretched.k-card-actions-vertical .k-card-action + .k-card-action {
        border-top-width: 1px;
        border-left-width: 0
    }

.k-card-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .k-card-list .k-card {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .k-card-list .k-card + .k-card {
            margin-top: 16px
        }

.k-card-deck {
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .k-card-deck .k-card {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .k-card-deck .k-card + .k-card {
            margin-left: 16px
        }

.k-card-deck-scrollwrap {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center
}

    .k-card-deck-scrollwrap > .k-button {
        border-radius: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        position: absolute;
        z-index: 1
    }

        .k-card-deck-scrollwrap > .k-button:first-child {
            left: -1px
        }

        .k-card-deck-scrollwrap > .k-button:last-child {
            right: -1px
        }

    .k-card-deck-scrollwrap > .k-card-deck {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

.k-card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .k-card-group .k-card {
        border-radius: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .k-card-group .k-card > .k-card-header {
            border-radius: 0
        }

        .k-card-group .k-card + .k-card {
            margin-left: -1px
        }

        .k-card-group .k-card.k-first {
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px
        }

            .k-card-group .k-card.k-first > .k-card-header {
                border-top-left-radius: 4px
            }

        .k-card-group .k-card.k-last {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

            .k-card-group .k-card.k-last > .k-card-header {
                border-top-right-radius: 4px
            }

        .k-card-group .k-card.k-only {
            border-radius: 4px
        }

            .k-card-group .k-card.k-only > .k-card-header {
                border-top-left-radius: 4px;
                border-top-right-radius: 4px
            }

.k-rtl .k-card-deck .k-card + .k-card, [dir=rtl] .k-card-deck .k-card + .k-card {
    margin-left: 0;
    margin-right: 16px
}

.k-rtl .k-card-actions-stretched .k-card-action + .k-card-action, [dir=rtl] .k-card-actions-stretched .k-card-action + .k-card-action {
    border-right-width: 1px;
    border-left-width: 0
}

.k-rtl .k-card-horizontal .k-card-actions-vertical, .k-rtl .k-card-horizontal > .k-card-actions-stretched, [dir=rtl] .k-card-horizontal .k-card-actions-vertical, [dir=rtl] .k-card-horizontal > .k-card-actions-stretched {
    border-right-width: 1px;
    border-left-width: 0
}

.k-ie11 .k-card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-tilelayout {
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    display: grid
}

.k-layout-item-hint {
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    position: relative
}

    .k-layout-item-hint.k-layout-item-hint-resize {
        z-index: 3
    }

.k-chat {
    height: 600px;
    max-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    max-width: 500px;
    margin: auto
}

    .k-chat .k-message-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        overflow-x: hidden;
        overflow-y: auto;
        scroll-behavior: smooth
    }

    .k-chat .k-message-list-content {
        padding: 16px 16px;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        overflow: hidden
    }

        .k-chat .k-message-list-content > * + * {
            margin-top: 16px
        }

    .k-chat .k-message-group {
        max-width: 80%;
        background: 0;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }

        .k-chat .k-message-group:not(.k-alt) {
            -ms-flex-align: start;
            align-items: flex-start;
            text-align: left
        }

            .k-chat .k-message-group:not(.k-alt) .k-message-time {
                margin-left: 8px;
                left: 100%
            }

            .k-chat .k-message-group:not(.k-alt) .k-message-status {
                left: 0
            }

            .k-chat .k-message-group:not(.k-alt) .k-first .k-bubble, .k-chat .k-message-group:not(.k-alt) .k-only .k-bubble {
                border-bottom-left-radius: 2px
            }

            .k-chat .k-message-group:not(.k-alt) .k-last .k-bubble, .k-chat .k-message-group:not(.k-alt) .k-middle .k-bubble {
                border-bottom-left-radius: 2px;
                border-top-left-radius: 2px
            }

        .k-chat .k-message-group.k-alt {
            -ms-flex-item-align: end;
            align-self: flex-end;
            -ms-flex-align: end;
            align-items: flex-end;
            text-align: right
        }

            .k-chat .k-message-group.k-alt .k-message-time {
                margin-right: 8px;
                right: 100%
            }

            .k-chat .k-message-group.k-alt .k-message-status {
                right: 0
            }

            .k-chat .k-message-group.k-alt .k-first .k-bubble, .k-chat .k-message-group.k-alt .k-only .k-bubble {
                border-bottom-right-radius: 2px
            }

            .k-chat .k-message-group.k-alt .k-last .k-bubble, .k-chat .k-message-group.k-alt .k-middle .k-bubble {
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px
            }

    .k-chat .k-message {
        max-width: 100%;
        margin: 2px 0 0;
        position: relative;
        transition: margin .2s ease-in-out
    }

    .k-chat .k-message-status, .k-chat .k-message-time {
        font-size: smaller;
        line-height: normal;
        white-space: nowrap;
        pointer-events: none;
        position: absolute
    }

    .k-chat .k-message-time {
        opacity: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: opacity .2s ease-in-out
    }

    .k-chat .k-message-status {
        margin-top: 2px;
        height: 0;
        overflow: hidden;
        top: 100%;
        transition: height .2s ease-in-out
    }

    .k-chat .k-bubble {
        border-radius: 12px;
        padding: 8px 12px;
        border-width: 1px;
        border-style: solid;
        line-height: 18px;
        word-wrap: break-word
    }

    .k-chat .k-message.k-state-selected {
        margin-bottom: 16px;
        border: 0;
        color: inherit;
        background: 0
    }

        .k-chat .k-message.k-state-selected .k-message-time {
            opacity: 1
        }

        .k-chat .k-message.k-state-selected .k-message-status {
            height: 1.2em
        }

    .k-chat .k-message-error, .k-chat .k-message-sending {
        margin-bottom: 16px
    }

        .k-chat .k-message-error .k-message-status, .k-chat .k-message-sending .k-message-status {
            height: 1.2em
        }

    .k-chat .k-avatar {
        border-radius: 100%;
        width: 32px;
        height: 32px;
        position: absolute
    }

    .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
        padding-left: 40px
    }

    .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
        padding-right: 40px
    }

    .k-chat .k-message-group:not(.k-alt) > .k-avatar {
        left: 0;
        bottom: 0
    }

    .k-chat .k-message-group.k-alt > .k-avatar {
        right: 0;
        bottom: 0
    }

.k-author {
    margin: 0;
    font-size: smaller;
    line-height: normal
}

.k-chat .k-author {
    margin: 0
}

.k-timestamp {
    font-size: smaller;
    line-height: normal;
    text-align: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.k-quick-replies {
    display: block;
    max-width: 100%
}

.k-quick-reply {
    border-radius: 100px;
    margin-right: 8px;
    margin-bottom: 4px;
    padding: 8px 12px;
    border-width: 1px;
    border-style: solid;
    line-height: 18px;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    transition-property: color,background-color,border-color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.k-message-box {
    padding: 10px 16px;
    border-width: 1px 0 0;
    border-style: solid;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    .k-message-box .k-input {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        background: 0;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .k-message-box .k-button {
        padding: 0
    }

        .k-message-box .k-button svg {
            width: 20px;
            height: 20px;
            fill: currentColor;
            display: inline-block
        }

        .k-message-box .k-button::after, .k-message-box .k-button::before {
            display: none
        }

.k-chat .k-card-list {
    margin: 2px 0 0
}

.k-chat .k-card-deck {
    max-width: calc(100%+32px);
    box-sizing: border-box;
    margin-left: -16px;
    margin-right: -16px;
    padding: 16px 16px 16px;
    overflow: hidden;
    overflow-x: auto;
    scroll-behavior: smooth
}

    .k-chat .k-card-deck .k-card-wrap + .k-card-wrap {
        margin-left: 16px
    }

    .k-chat .k-card-deck .k-card, .k-chat .k-card-deck .k-card-wrap {
        width: 200px
    }

.k-card-deck-scrollwrap {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    box-sizing: content-box
}

    .k-card-deck-scrollwrap > .k-card-deck {
        margin-bottom: -20px;
        padding-bottom: 20px
    }

.k-chat .k-card-deck .k-card-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .k-chat .k-card-deck .k-card-wrap .k-card {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .k-chat .k-card-deck .k-card-wrap .k-card + .k-card {
            margin-left: 16px
        }

    .k-chat .k-card-deck .k-card-wrap.k-state-selected {
        background: 0
    }

.k-typing-indicator {
    padding: 0;
    border-radius: 50px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    .k-typing-indicator span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        -ms-flex: 0 0 8px;
        flex: 0 0 8px;
        background-color: currentColor
    }

        .k-typing-indicator span + span {
            margin-left: 5px
        }

@-webkit-keyframes k-animation-blink {
    50% {
        opacity: 1
    }
}

@keyframes k-animation-blink {
    50% {
        opacity: 1
    }
}

.k-chat .k-toolbar-box {
    width: 100%;
    border-width: 1px 0 0;
    border-style: solid;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .k-chat .k-toolbar-box .k-button-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: hidden;
        scroll-behavior: smooth;
        padding: 10px 16px
    }

        .k-chat .k-toolbar-box .k-button-list:after {
            content: '';
            padding-right: 16px
        }

        .k-chat .k-toolbar-box .k-button-list .k-button + .k-button {
            margin-left: 20px;
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

    .k-chat .k-toolbar-box .k-scroll-button {
        position: absolute;
        z-index: 2;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .k-chat .k-toolbar-box .k-scroll-button-left {
        left: 0
    }

    .k-chat .k-toolbar-box .k-scroll-button-right {
        right: 0
    }

    .k-chat .k-toolbar-box .k-button {
        border-width: 0;
        color: inherit;
        background: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        box-shadow: none
    }

.k-rtl .k-message-group:not(.k-alt), [dir=rtl] .k-message-group:not(.k-alt) {
    text-align: right
}

    .k-rtl .k-message-group:not(.k-alt) .k-message-time, [dir=rtl] .k-message-group:not(.k-alt) .k-message-time {
        margin-left: 0;
        margin-right: 8px;
        left: auto;
        right: 100%
    }

    .k-rtl .k-message-group:not(.k-alt) .k-message-status, [dir=rtl] .k-message-group:not(.k-alt) .k-message-status {
        left: auto;
        right: 0
    }

.k-rtl .k-message-group.k-alt, [dir=rtl] .k-message-group.k-alt {
    text-align: left
}

    .k-rtl .k-message-group.k-alt .k-message-time, [dir=rtl] .k-message-group.k-alt .k-message-time {
        margin-right: 0;
        margin-left: 8px;
        right: auto;
        left: 100%
    }

    .k-rtl .k-message-group.k-alt .k-message-status, [dir=rtl] .k-message-group.k-alt .k-message-status {
        right: auto;
        left: 0
    }

.k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar), [dir=rtl] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
    padding-left: 0;
    padding-right: 40px
}

.k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar), [dir=rtl] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
    padding-right: 0;
    padding-left: 40px
}

.k-rtl .k-message-box .k-button svg, [dir=rtl] .k-message-box .k-button svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.k-rtl .k-quick-reply, [dir=rtl] .k-quick-reply {
    margin-right: 0;
    margin-left: 8px
}

.k-calendar {
    padding: 0;
    border-width: 1px;
    border-style: solid;
    line-height: 1.42857143;
    position: relative;
    overflow: hidden;
    display: inline-block
}

    .k-calendar .k-link {
        color: inherit;
        text-decoration: none;
        outline: 0
    }

    .k-calendar .k-action-link {
        text-decoration: underline
    }

    .k-calendar .k-state-focused, .k-calendar .k-state-focused.k-state-selected {
        box-shadow: none
    }

    .k-calendar table {
        margin: 0;
        padding: 0;
        border-spacing: 0;
        border-width: 0;
        outline: 0;
        table-layout: fixed;
        float: left
    }

    .k-calendar td, .k-calendar th {
        border-width: 0;
        padding: 0;
        text-align: center;
        border-style: solid;
        border-color: inherit;
        color: inherit;
        background: 0;
        font-weight: 400;
        cursor: default
    }

    .k-calendar .k-header {
        padding: 2px 2px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        text-align: center;
        position: relative;
        z-index: 1
    }

        .k-calendar .k-header .k-link {
            padding: 4px 4px;
            border-width: 0;
            border-style: solid;
            border-radius: 4px;
            display: inline-block
        }

    .k-calendar .k-nav-next, .k-calendar .k-nav-prev {
        width: 1.42857143em;
        height: 1.42857143em;
        box-sizing: content-box;
        position: absolute;
        top: 2px
    }

        .k-calendar .k-nav-next .k-icon, .k-calendar .k-nav-prev .k-icon {
            vertical-align: text-top
        }

    .k-calendar .k-nav-prev {
        left: 2px
    }

    .k-calendar .k-nav-next {
        right: 2px
    }

    .k-calendar .k-nav-fast {
        margin: auto;
        width: 75%;
        box-sizing: border-box
    }

    .k-calendar .k-footer {
        text-align: center;
        position: relative;
        clear: both
    }

        .k-calendar .k-footer > .k-state-disabled, .k-calendar .k-nav-today {
            padding: .5em;
            border-width: 0;
            border-radius: 0;
            display: block
        }

            .k-calendar .k-nav-today:hover {
                text-decoration: underline
            }

    .k-calendar .k-calendar-view {
        width: 17em;
        height: 17em;
        position: relative;
        z-index: 1;
        overflow: hidden
    }

    .k-calendar.k-week-number .k-calendar-view {
        width: 19.42857143em;
        padding: 0
    }

    .k-calendar .k-content {
        width: 100%;
        background-color: transparent
    }

        .k-calendar .k-content th {
            padding: .25em 2px;
            border-bottom-width: 1px;
            box-sizing: border-box
        }

        .k-calendar .k-content td {
            border-radius: 4px
        }

            .k-calendar .k-content td.k-alt {
                width: 2.42857143em;
                border-radius: 0
            }

        .k-calendar .k-content .k-link {
            margin: auto;
            padding: .5em .5em;
            box-sizing: border-box;
            border-radius: 4px;
            line-height: 1.42857143;
            display: block
        }

    .k-calendar .k-month .k-link {
        width: 2.42857143em;
        height: 2.42857143em
    }

    .k-calendar .k-month th {
        height: 2.42857143em
    }

    .k-calendar .k-year .k-link {
        width: 4.28571429em;
        height: 4.28571429em;
        line-height: 3.28571429em
    }

    .k-calendar .k-decade .k-link {
        width: 4.28571429em;
        height: 4.28571429em;
        line-height: 3.28571429em
    }

    .k-calendar .k-century .k-link {
        width: 4.28571429em;
        height: 4.28571429em;
        text-align: left;
        line-height: 1.64285714em;
        white-space: normal
    }

    .k-calendar .k-animation-container .k-content {
        height: 100%
    }

    .k-calendar .k-calendar-header {
        padding: 8px 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .k-calendar .k-calendar-header .k-button {
            white-space: nowrap;
            border-color: transparent !important;
            color: inherit;
            background: 0 0 !important;
            box-shadow: none !important;
            transition: color .2s ease-in-out
        }

            .k-calendar .k-calendar-header .k-button.k-state-active, .k-calendar .k-calendar-header .k-button.k-state-hover, .k-calendar .k-calendar-header .k-button:active, .k-calendar .k-calendar-header .k-button:hover, .k-calendar .k-calendar-header .k-button:hover.k-state-active, .k-calendar .k-calendar-header .k-button:hover:active {
                color: inherit
            }

            .k-calendar .k-calendar-header .k-button::before {
                display: block
            }

            .k-calendar .k-calendar-header .k-button::after {
                display: block
            }

            .k-calendar .k-calendar-header .k-button.k-state-focused::after, .k-calendar .k-calendar-header .k-button:focus::after {
                box-shadow: inset 0 0 0 2px currentColor;
                opacity: .12
            }

            .k-calendar .k-calendar-header .k-button.k-state-disabled, .k-calendar .k-calendar-header .k-button[disabled], .k-state-disabled .k-calendar .k-calendar-header .k-button {
                pointer-events: none
            }

        .k-calendar .k-calendar-header .k-today {
            cursor: pointer
        }

    .k-calendar .k-calendar-decadeview, .k-calendar .k-calendar-monthview, .k-calendar .k-calendar-yearview {
        padding: 0 16px
    }

        .k-calendar .k-calendar-decadeview th, .k-calendar .k-calendar-monthview th, .k-calendar .k-calendar-yearview th {
            border-bottom-width: 0;
            background-color: transparent
        }

        .k-calendar .k-calendar-decadeview .k-alt, .k-calendar .k-calendar-monthview .k-alt, .k-calendar .k-calendar-yearview .k-alt {
            opacity: .5;
            background-color: transparent
        }

.k-calendar-range {
    width: auto;
    text-align: left;
    line-height: 1.42857143
}

    .k-calendar-range .k-calendar-header {
        padding: 8px 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .k-calendar-range .k-calendar-header .k-button {
            white-space: nowrap;
            border-color: transparent !important;
            color: inherit;
            background: 0 0 !important;
            box-shadow: none !important;
            transition: color .2s ease-in-out
        }

            .k-calendar-range .k-calendar-header .k-button.k-state-active, .k-calendar-range .k-calendar-header .k-button.k-state-hover, .k-calendar-range .k-calendar-header .k-button:active, .k-calendar-range .k-calendar-header .k-button:hover, .k-calendar-range .k-calendar-header .k-button:hover.k-state-active, .k-calendar-range .k-calendar-header .k-button:hover:active {
                color: inherit
            }

            .k-calendar-range .k-calendar-header .k-button::before {
                display: block
            }

            .k-calendar-range .k-calendar-header .k-button::after {
                display: block
            }

            .k-calendar-range .k-calendar-header .k-button.k-state-focused::after, .k-calendar-range .k-calendar-header .k-button:focus::after {
                box-shadow: inset 0 0 0 2px currentColor;
                opacity: .12
            }

            .k-calendar-range .k-calendar-header .k-button.k-state-disabled, .k-calendar-range .k-calendar-header .k-button[disabled], .k-state-disabled .k-calendar-range .k-calendar-header .k-button {
                pointer-events: none
            }

    .k-calendar-range .k-calendar-nav {
        display: inline-block;
        white-space: nowrap
    }

    .k-calendar-range .k-calendar-view {
        height: auto;
        width: auto;
        min-height: 17em;
        text-align: center;
        white-space: nowrap
    }

.k-animation-container-sm .k-calendar-range .k-calendar-view {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.k-calendar-range.k-week-number .k-calendar-view {
    width: auto
}

.k-calendar-range .k-content {
    padding: 0 16px 8px;
    width: auto;
    height: auto;
    text-align: center;
    display: inline-table;
    vertical-align: top;
    float: none;
    color: inherit;
    background-color: transparent
}

    .k-calendar-range .k-content td, .k-calendar-range .k-content th {
        padding: 0;
        border-width: 0;
        color: inherit;
        background-color: transparent;
        background-image: none;
        text-align: inherit;
        vertical-align: middle
    }

    .k-calendar-range .k-content th {
        padding: .5em 0;
        font-size: 12px;
        line-height: 1.5;
        text-transform: uppercase;
        opacity: .5
    }

    .k-calendar-range .k-content td {
        border-radius: 4px
    }

        .k-calendar-range .k-content td.k-alt {
            opacity: .5
        }

    .k-calendar-range .k-content .k-link {
        padding: .5em .5em;
        min-height: 0;
        box-sizing: border-box;
        border-radius: 4px;
        line-height: inherit
    }

    .k-calendar-range .k-content .k-meta-header, .k-calendar-range .k-content .k-month-header {
        margin: 0 16px;
        padding: .5em 8px;
        font-size: 12px;
        line-height: 1.5;
        text-transform: uppercase;
        text-align: left;
        opacity: .5
    }

    .k-calendar-range .k-content td.k-range-start {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .k-calendar-range .k-content td.k-range-mid {
        border-radius: 0
    }

    .k-calendar-range .k-content td.k-range-end {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .k-calendar-range .k-content td.k-range-split-end, .k-calendar-range .k-content td.k-range-split-start {
        position: relative
    }

        .k-calendar-range .k-content td.k-range-split-end::after, .k-calendar-range .k-content td.k-range-split-start::after {
            content: "";
            width: 5px;
            display: block;
            position: absolute;
            top: 1px;
            bottom: 1px
        }

        .k-calendar-range .k-content td.k-range-split-start::after {
            right: auto;
            left: -5px
        }

        .k-calendar-range .k-content td.k-range-split-end::after {
            right: -5px;
            left: auto
        }

    .k-calendar-range .k-content td.k-weekend {
        background-color: transparent
    }

.k-calendar-range .k-state-selected {
    color: inherit;
    background: 0;
    border-color: transparent
}

.k-calendar-range .k-state-focused, .k-calendar-range .k-state-focused.k-state-selected {
    box-shadow: none
}

.k-calendar-range td.k-state-disabled {
    opacity: .5
}

    .k-calendar-range td.k-state-disabled .k-link {
        color: inherit
    }

.k-calendar-range .k-footer .k-nav-today {
    padding: 8px 16px;
    width: auto;
    height: auto;
    display: block
}

.k-calendar-range .k-calendar-decadeview, .k-calendar-range .k-calendar-monthview, .k-calendar-range .k-calendar-yearview {
    padding: 0
}

.k-widget.k-daterangepicker {
    border: 0;
    box-shadow: none
}

.k-calendar-monthview .k-content .k-link {
    width: 2.42857143em
}

.k-calendar-monthview .k-content tbody tr {
    height: 2.42857143em
}

.k-calendar-yearview .k-content {
    margin: 0 -1px
}

    .k-calendar-yearview .k-content .k-link {
        width: 4.28571429em;
        height: 4.28571429em;
        line-height: 3.25
    }

.k-calendar-decadeview .k-content {
    margin: 0 -1px
}

    .k-calendar-decadeview .k-content .k-link {
        width: 4.28571429em;
        height: 4.28571429em;
        line-height: 3.25
    }

.k-calendar-centuryview .k-content {
    margin: 0 -1px
}

    .k-calendar-centuryview .k-content .k-link {
        padding: .5em .5em;
        width: 4.28571429em;
        height: 4.28571429em;
        text-align: left;
        line-height: 1.625;
        white-space: normal
    }

.k-rtl .k-calendar-range {
    text-align: right
}

    .k-rtl .k-calendar-range .k-calendar-nav {
        float: left
    }

.k-pdf-viewer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

    .k-pdf-viewer .k-toolbar {
        border-top-width: 0;
        border-right-width: 0;
        border-left-width: 0;
        border-color: inherit;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        z-index: 2
    }

    .k-pdf-viewer .k-pager-wrap {
        padding: 0;
        min-height: auto;
        border-width: 0;
        color: inherit;
        background: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-align: center;
        align-items: center
    }

    .k-pdf-viewer .k-list-scroller {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        outline: 0
    }

        .k-pdf-viewer .k-list-scroller .k-enable-text-select {
            -webkit-user-select: text;
            -ms-user-select: text;
            user-select: text;
            cursor: text
        }

        .k-pdf-viewer .k-list-scroller .k-enable-panning {
            cursor: grab
        }

            .k-pdf-viewer .k-list-scroller .k-enable-panning span::selection {
                background-color: transparent
            }

    .k-pdf-viewer .k-page {
        position: relative;
        margin: 30px auto
    }

        .k-pdf-viewer .k-page canvas {
            direction: ltr
        }

        .k-pdf-viewer .k-page .k-text-layer {
            position: absolute;
            top: 0;
            left: 0;
            opacity: .2;
            overflow: hidden
        }

            .k-pdf-viewer .k-page .k-text-layer > span {
                position: absolute;
                -webkit-transform-origin: 0 0;
                -ms-transform-origin: 0 0;
                transform-origin: 0 0;
                color: transparent
            }

            .k-pdf-viewer .k-page .k-text-layer mark {
                color: transparent
            }

.k-pdf-viewer-window {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

    .k-pdf-viewer-window .k-edit-field .k-file-format, .k-pdf-viewer-window .k-edit-field .k-textbox {
        width: 100%
    }

    .k-pdf-viewer-window .k-action-buttons {
        top: 10px;
        padding: 10px;
        margin-bottom: calc(10px - 1em)
    }

.k-pdf-viewer-search-dialog {
    padding: .28571428em
}

    .k-pdf-viewer-search-dialog .k-search-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center
    }

        .k-pdf-viewer-search-dialog .k-search-container .k-textbox {
            display: -ms-inline-flexbox;
            display: inline-flex;
            -ms-flex-align: center;
            align-items: center;
            background: 0;
            padding-right: .17857143em;
            margin: 0 .28571428em
        }

            .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-icon {
                position: relative;
                top: auto;
                margin: 0;
                font-size: inherit
            }

            .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-search-dialog-input::-ms-clear {
                display: none
            }

            .k-pdf-viewer-search-dialog .k-search-container .k-textbox:after {
                content: ""
            }

        .k-pdf-viewer-search-dialog .k-search-container .k-match-case-button {
            height: 1.65em
        }

        .k-pdf-viewer-search-dialog .k-search-container .k-search-matches {
            display: inline-block;
            min-width: 4.5em;
            margin: 0 .28571428em 0 .28571428em;
            vertical-align: middle
        }

        .k-pdf-viewer-search-dialog .k-search-container > .k-button {
            margin-left: .28571428em
        }

        .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
            cursor: move;
            margin-left: 0
        }

div.k-scrollview, kendo-scrollview.k-scrollview-wrap {
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.42857143;
    position: relative;
    overflow: hidden;
    display: block;
    -webkit-touch-callout: none
}

    div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(1), div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(1), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(1), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(1), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(1), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(1), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(1), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(1) {
        width: 4px;
        height: 4px
    }

    div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(2), div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(2), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(2), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(2), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(2), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(2), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(2), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(2) {
        width: 6px;
        height: 6px
    }

    div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(3), div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(3), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(3), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(3), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(3), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(3), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(3), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(3) {
        width: 8px;
        height: 8px
    }

    div.k-scrollview .k-scrollview-wrap, kendo-scrollview.k-scrollview-wrap .k-scrollview {
        list-style-type: none;
        position: absolute;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        cursor: default;
        white-space: nowrap
    }

        div.k-scrollview .k-scrollview-wrap img, kendo-scrollview.k-scrollview-wrap .k-scrollview img {
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        div.k-scrollview .k-scrollview-wrap > li, kendo-scrollview.k-scrollview-wrap .k-scrollview > li {
            display: inline-block;
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0
        }

        div.k-scrollview .k-scrollview-wrap > [data-role=page], kendo-scrollview.k-scrollview-wrap .k-scrollview > [data-role=page] {
            vertical-align: top;
            display: inline-block;
            min-height: 1px
        }

    .k-scrollview .k-scrollview-nav-wrap, kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager {
        padding: 0;
        margin: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 50px
    }

    .k-scrollview .k-scrollview-nav, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable {
        margin: 0;
        padding: 20px;
        overflow-x: scroll;
        overflow-y: hidden;
        width: calc(100% - 40px);
        line-height: 0;
        display: block;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        list-style: none;
        white-space: nowrap;
        pointer-events: initial
    }

        .k-scrollview .k-scrollview-nav.k-state-focused, .k-scrollview .k-scrollview-nav:focus, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable.k-state-focused, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:focus {
            outline: 0
        }

        .k-scrollview .k-scrollview-nav > .k-link, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button {
            margin: 0 10px;
            padding: 0;
            width: 10px;
            height: 10px;
            box-sizing: content-box;
            display: inline-block;
            position: relative;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            border-width: 0;
            border-style: solid;
            border-radius: 50%;
            cursor: pointer;
            pointer-events: all;
            vertical-align: top
        }

            .k-scrollview .k-scrollview-nav > .k-link::before, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button::before {
                content: "";
                width: 30px;
                height: 30px;
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                pointer-events: initial;
                border-radius: 0
            }

.k-scrollview-next, .k-scrollview-prev {
    display: table;
    position: absolute;
    padding: 0;
    height: 60%;
    top: 20%;
    text-decoration: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

    .k-scrollview-next .k-icon, .k-scrollview-prev .k-icon {
        display: table-cell;
        overflow: visible;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        font-size: 4.5em;
        font-weight: 400
    }

.k-scrollview-prev {
    left: 0
}

.k-scrollview-next {
    right: 0
}

.k-scrollview-animation {
    transition-duration: .3s;
    transition-timing-function: ease-in-out
}

@supports(-webkit-user-select:none) {
    div.k-scrollview ul.k-scrollview-wrap li > *, kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > * {
        pointer-events: auto
    }
}

@supports(not(-webkit-user-select:none)) {
    div.k-scrollview ul.k-scrollview-wrap li > *, kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > * {
        pointer-events: none
    }
}

.k-switch {
    border-radius: 5em;
    cursor: pointer;
    width: 5em;
    background: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    vertical-align: middle;
    font-size: 12px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left
}

    .k-switch [type=checkbox] {
        display: none
    }

.k-ie .k-switch {
    display: inline-block
}

.k-switch, .k-switch-container, .k-switch-handle {
    box-sizing: border-box
}

.k-switch-container {
    border-radius: 5em;
    padding: 2px 2px;
    border-width: 1px;
    border-style: solid;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    outline: 0;
    transition: background-color .2s ease-out 0s
}

.k-ie .k-switch-container {
    display: block
}

.k-switch-handle {
    border-radius: 5em;
    width: 2em;
    height: 2em;
    border-width: 1px;
    border-style: solid;
    background-position: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 0;
    transition: left .2s ease-out 0s
}

.k-ie11 .k-switch-handle {
    display: block
}

.k-switch-on .k-switch-handle {
    left: calc(100% - 2em)
}

.k-edge .k-switch-on .k-switch-handle, .k-ie .k-switch-on .k-switch-handle {
    left: 100%;
    margin-left: -2em
}

.k-switch-off .k-switch-handle {
    left: 0
}

.k-switch-label-off, .k-switch-label-on {
    display: inline;
    width: calc(100% - 2em - 12px);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: none;
    line-height: 2em;
    overflow: hidden
}

.k-switch-label-on {
    text-align: left;
    left: 7px
}

.k-switch-label-off {
    text-align: right;
    right: 7px
}

.k-rtl .k-switch.k-switch-on .k-switch-handle, .k-switch[dir=rtl].k-switch-on .k-switch-handle {
    left: 0
}

.k-rtl .k-switch.k-switch-off .k-switch-handle, .k-switch[dir=rtl].k-switch-off .k-switch-handle {
    left: calc(100% - 2em)
}

.k-rtl .k-switch .k-switch-label-on, .k-switch[dir=rtl] .k-switch-label-on {
    text-align: right;
    left: initial;
    right: 7px
}

.k-rtl .k-switch .k-switch-label-off, .k-switch[dir=rtl] .k-switch-label-off {
    text-align: left;
    left: 7px;
    right: initial
}

.k-filter {
    display: inline-block;
    border-width: 0;
    box-shadow: none
}

    .k-filter ul {
        padding: 0
    }

        .k-filter ul li {
            list-style-type: none
        }

    .k-filter .k-filter-container, .k-filter .k-filter-preview {
        margin-bottom: 2.1em
    }

    .k-filter .k-filter-item, .k-filter .k-filter-lines {
        padding-left: 8px
    }

    .k-filter .k-filter-toolbar {
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        padding: 4px 0
    }

        .k-filter .k-filter-toolbar::before {
            content: "";
            position: absolute;
            width: 8px;
            height: 1px;
            top: 50%;
            left: -8px
        }

        .k-filter .k-filter-toolbar .k-toolbar {
            border-style: solid;
            border-width: 1px
        }

        .k-filter .k-filter-toolbar .k-filter-operator .k-dropdown {
            width: 15em
        }

        .k-filter .k-filter-toolbar .k-filter-toolbar-item > .k-textbox {
            margin: 0 .2em;
            vertical-align: middle
        }

    .k-filter .k-filter-item {
        position: relative
    }

        .k-filter .k-filter-item::before {
            content: "";
            position: absolute;
            width: 1px;
            height: 100%;
            top: -4px;
            left: 0
        }

    .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after {
        content: "";
        position: absolute;
        width: 1px;
        top: -5px;
        bottom: 50%;
        left: -8px
    }

    .k-filter .k-filter-group-main::before, .k-filter .k-filter-group-main > .k-filter-toolbar::after, .k-filter .k-filter-group-main > .k-filter-toolbar::before, .k-filter .k-filter-lines .k-filter-item:last-child::before {
        display: none
    }

    .k-filter[dir=rtl] .k-filter-item, .k-filter[dir=rtl] .k-filter-lines, .k-rtl .k-filter .k-filter-item, .k-rtl .k-filter .k-filter-lines, [dir=rtl] .k-filter .k-filter-item, [dir=rtl] .k-filter .k-filter-lines {
        padding-left: 0;
        padding-right: 8px
    }

    .k-filter[dir=rtl] .k-filter-toolbar::before, .k-rtl .k-filter .k-filter-toolbar::before, [dir=rtl] .k-filter .k-filter-toolbar::before {
        left: auto;
        right: -8px
    }

    .k-filter[dir=rtl] .k-filter-item::before, .k-rtl .k-filter .k-filter-item::before, [dir=rtl] .k-filter .k-filter-item::before {
        left: auto;
        right: 0
    }

    .k-filter[dir=rtl] .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after, .k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after, [dir=rtl] .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after {
        left: auto;
        right: -8px
    }

.k-drawer-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: start;
    align-items: flex-start
}

.k-drawer {
    height: 100%;
    border-width: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    transition: all .3s ease-in-out
}

    .k-drawer-left.k-drawer-expanded .k-drawer, .k-drawer-left.k-drawer-mini .k-drawer, .k-drawer.k-drawer-start {
        border-right-width: 1px
    }

    .k-drawer-right.k-drawer-expanded .k-drawer, .k-drawer-right.k-drawer-mini .k-drawer, .k-drawer.k-drawer-end {
        border-left-width: 1px
    }

    .k-drawer-left .k-drawer, .k-drawer.k-drawer-start {
        top: 0;
        left: 0
    }

    .k-drawer-right .k-drawer, .k-drawer.k-drawer-end {
        top: 0;
        right: 0
    }

.k-drawer-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-drawer-overlay .k-drawer {
    max-width: 80vw;
    position: fixed;
    z-index: 10002
}

.k-drawer-overlay .k-overlay {
    display: none
}

.k-drawer-push {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

    .k-drawer-push .k-drawer {
        height: auto;
        position: relative;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .k-drawer-push.k-drawer-right .k-drawer {
        -ms-flex-order: 1;
        order: 1
    }

.k-drawer-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    transition: all .3s ease-in-out
}

    .k-drawer-wrapper::-webkit-scrollbar {
        width: 7px
    }

    .k-drawer-wrapper::-webkit-scrollbar-thumb {
        border-radius: 20px
    }

.k-drawer-items, .k-drawer-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch
}

.k-drawer-item {
    padding: 8px 8px;
    color: inherit;
    font-size: 16px;
    line-height: 1.5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    cursor: pointer
}

    .k-drawer-item .k-icon {
        margin: 0 8px;
        font-size: 18px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

        .k-drawer-item .k-icon.k-i-none {
            margin: 0
        }

    .k-drawer-item .k-item-text {
        padding: 0 8px;
        display: inline-block;
        white-space: nowrap
    }

.k-drawer-separator {
    padding: 0;
    height: 1px
}

.k-drawer-mini .k-drawer-wrapper {
    width: 50px
}

.k-rtl .k-drawer-left.k-drawer-push .k-drawer, [dir=rtl] .k-drawer-left.k-drawer-push .k-drawer {
    -ms-flex-order: 1;
    order: 1
}

.k-rtl .k-drawer-right.k-drawer-push .k-drawer, [dir=rtl] .k-drawer-right.k-drawer-push .k-drawer {
    -ms-flex-order: 0;
    order: 0
}

.k-rating {
    display: -ms-inline-flexbox;
    display: inline-flex;
    box-sizing: border-box;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    box-shadow: none;
    outline: 0
}

.k-rating-container {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    box-sizing: border-box;
    margin: 0 4px
}

    .k-rating-container .k-rating-item {
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        padding: 4px 4px;
        -ms-flex-align: center;
        align-items: center;
        vertical-align: middle;
        margin: 0;
        outline: 0;
        overflow: hidden;
        transition: color .2s ease-out 0s
    }

        .k-rating-container .k-rating-item * {
            pointer-events: none
        }

        .k-rating-container .k-rating-item .k-icon {
            font-size: 24px;
            overflow: visible
        }

        .k-rating-container .k-rating-item .k-rating-precision-complement, .k-rating-container .k-rating-item .k-rating-precision-part {
            display: inline-block;
            position: absolute;
            top: 4px;
            left: 4px;
            overflow: hidden
        }

        .k-rating-container .k-rating-item .k-rating-precision-complement {
            direction: rtl
        }

.k-rating-label {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    line-height: 1.5;
    margin: 4px 8px
}

.k-ie9 .k-rating-container, .k-ie9 .k-rating-item, .k-ie9 .k-rating-label {
    display: inline-block
}

.k-rtl .k-rating-precision-part, [dir=rtl] .k-rating-precision-part {
    left: auto;
    right: 4px
}

.k-rtl .k-rating-item .k-rating-precision-complement, [dir=rtl] .k-rating-item .k-rating-precision-complement {
    direction: ltr
}

.k-timeline ul {
    margin: 0;
    padding: 0
}

    .k-timeline ul li {
        list-style-type: none
    }

.k-timeline .k-timeline-flag {
    display: inline-block;
    text-align: center;
    padding: 4px 8px;
    border-radius: 2px;
    line-height: 1.42857143;
    min-width: 80px;
    max-width: 160px;
    box-sizing: border-box;
    position: relative;
    z-index: 1
}

.k-timeline .k-timeline-circle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1
}

.k-timeline.k-timeline-dates-hidden .k-timeline-date {
    display: none
}

.k-timeline .k-event-collapse {
    display: none
}

.k-timeline.k-timeline-collapsible .k-card-header {
    cursor: pointer
}

.k-timeline.k-timeline-collapsible .k-event-collapse {
    display: -ms-flexbox;
    display: flex
}

.k-timeline .k-timeline-arrow {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 50%;
    position: absolute;
    bottom: 11px;
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.k-timeline .k-timeline-arrow-left {
    left: 0
}

.k-timeline .k-timeline-arrow-right {
    right: 0
}

.k-timeline-card .k-card {
    position: relative;
    overflow: visible
}

    .k-timeline-card .k-card .k-card-header {
        overflow: visible;
        border-bottom: 0;
        border-radius: 4px
    }

        .k-timeline-card .k-card .k-card-header + .k-card-body {
            padding-top: 0
        }

    .k-timeline-card .k-card .k-card-body {
        overflow-y: auto;
        scrollbar-width: thin
    }

        .k-timeline-card .k-card .k-card-body::-webkit-scrollbar {
            width: 5px
        }

        .k-timeline-card .k-card .k-card-body::-webkit-scrollbar-thumb {
            border-radius: 2px
        }

.k-timeline-card .k-timeline-card-callout.k-callout-e, .k-timeline-card .k-timeline-card-callout.k-callout-w {
    top: 36px
}

.k-timeline-horizontal, .k-timeline-vertical {
    width: 100%;
    padding: 0 40px;
    margin: 40px 0;
    position: relative;
    box-sizing: border-box;
    border: 0
}

    .k-timeline-horizontal .k-timeline-track-wrap::after, .k-timeline-vertical::after {
        content: "";
        position: absolute;
        top: 0;
        border-width: 1px;
        border-style: solid;
        background-clip: padding-box
    }

.k-timeline-vertical {
    padding-left: 127px
}

    .k-timeline-vertical.k-timeline-dates-hidden {
        padding-left: 77px
    }

    .k-timeline-vertical::after {
        height: 100%;
        width: 6px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 4px
    }

    .k-timeline-vertical .k-timeline-flag-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

        .k-timeline-vertical .k-timeline-flag-wrap:first-child {
            padding-top: 40px
        }

    .k-timeline-vertical .k-timeline-flag {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .k-timeline-vertical .k-timeline-date-wrap {
        position: absolute;
        padding-right: 16px;
        margin-top: 36px;
        -webkit-transform: translate(-100%,-50%);
        -ms-transform: translate(-100%,-50%);
        transform: translate(-100%,-50%);
        text-align: right
    }

    .k-timeline-vertical .k-timeline-event {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 40px 0
    }

    .k-timeline-vertical .k-timeline-card {
        padding-left: 16px
    }

        .k-timeline-vertical .k-timeline-card .k-card {
            margin-left: 16px;
            min-height: 72px;
            width: 400px;
            max-width: 100%
        }

            .k-timeline-vertical .k-timeline-card .k-card .k-card-title {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

                .k-timeline-vertical .k-timeline-card .k-card .k-card-title .k-event-title {
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden
                }

        .k-timeline-vertical .k-timeline-card .k-event-collapse {
            margin: -4px 0;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            transition: -webkit-transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
        }

        .k-timeline-vertical .k-timeline-card.k-collapsed .k-card-actions, .k-timeline-vertical .k-timeline-card.k-collapsed .k-card-body {
            display: none
        }

        .k-timeline-vertical .k-timeline-card.k-collapsed .k-event-collapse {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0)
        }

    .k-timeline-vertical .k-timeline-circle {
        margin-top: 36px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        margin-right: -8px
    }

    .k-timeline-vertical.k-timeline-alternating {
        padding-left: 40px
    }

        .k-timeline-vertical.k-timeline-alternating::after {
            left: 50%
        }

        .k-timeline-vertical.k-timeline-alternating .k-timeline-flag-wrap {
            -ms-flex-pack: center;
            justify-content: center
        }

        .k-timeline-vertical.k-timeline-alternating .k-timeline-flag {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }

        .k-timeline-vertical.k-timeline-alternating .k-timeline-event {
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse {
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse
            }

                .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-date-wrap {
                    text-align: left;
                    padding-right: 0;
                    padding-left: 16px
                }

                .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-card {
                    padding-left: 0;
                    padding-right: 16px
                }

                    .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-card .k-card {
                        margin-right: 16px;
                        margin-left: auto
                    }

        .k-timeline-vertical.k-timeline-alternating .k-timeline-card, .k-timeline-vertical.k-timeline-alternating .k-timeline-date-wrap {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            min-width: 0
        }

        .k-timeline-vertical.k-timeline-alternating .k-timeline-date-wrap {
            position: static;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .k-timeline-vertical.k-timeline-alternating .k-timeline-circle {
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            margin-right: 0
        }

.k-timeline-horizontal .k-timeline-track-item {
    -ms-flex: 1 0 20%;
    flex: 1 0 20%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-timeline-horizontal .k-timeline-track-item:hover {
        cursor: pointer
    }

    .k-timeline-horizontal .k-timeline-track-item.k-timeline-flag-wrap:hover {
        cursor: default
    }

.k-timeline-horizontal .k-timeline-date-wrap {
    margin-top: auto;
    margin-bottom: 8px
}

.k-timeline-horizontal .k-timeline-card {
    height: 100%;
    box-sizing: border-box
}

.k-timeline-horizontal .k-card {
    max-height: 100%;
    box-sizing: border-box
}

.k-timeline-horizontal .k-timeline-events-list {
    overflow-x: hidden;
    padding-top: 16px
}

    .k-timeline-horizontal .k-timeline-events-list .k-timeline-scrollable-wrap {
        position: relative;
        height: 600px
    }

        .k-timeline-horizontal .k-timeline-events-list .k-timeline-scrollable-wrap .k-timeline-event {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

.k-timeline-horizontal .k-timeline-track-wrap {
    position: relative;
    padding: 15px 0
}

    .k-timeline-horizontal .k-timeline-track-wrap::after {
        top: auto;
        bottom: 18px;
        left: 28px;
        right: 28px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 6px
    }

    .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track {
        overflow: hidden;
        margin: 0 30px;
        position: relative;
        z-index: 2
    }

        .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track .k-timeline-scrollable-wrap {
            transition: -webkit-transform 1s ease-in-out;
            transition: transform 1s ease-in-out;
            transition: transform 1s ease-in-out,-webkit-transform 1s ease-in-out
        }

    .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag {
        margin-bottom: 22px;
        position: relative;
        min-width: 60px
    }

        .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag::after {
            content: "";
            width: 10px;
            height: 10px;
            position: absolute;
            left: 50%;
            bottom: 0;
            -webkit-transform: translate(-50%,50%) rotate(45deg);
            -ms-transform: translate(-50%,50%) rotate(45deg);
            transform: translate(-50%,50%) rotate(45deg)
        }

.k-timeline-horizontal .k-timeline-scrollable-wrap {
    padding-bottom: 3px;
    display: -ms-flexbox;
    display: flex;
    outline: 0
}

.k-timeline-mobile {
    padding: 0 16px;
    margin: 16px 0
}

    .k-timeline-mobile .k-timeline-flag {
        max-width: 112px
    }

    .k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap {
        display: none
    }

    .k-timeline-mobile.k-timeline-vertical {
        padding-left: 103px
    }

        .k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden {
            padding-left: 53px
        }

        .k-timeline-mobile.k-timeline-vertical.k-timeline-alternating {
            padding-left: 16px
        }

        .k-timeline-mobile.k-timeline-vertical .k-timeline-card {
            width: 100%
        }

            .k-timeline-mobile.k-timeline-vertical .k-timeline-card .k-card {
                width: auto
            }

        .k-timeline-mobile.k-timeline-vertical .k-card-actions > .k-button.k-flat:first-child {
            margin-left: 0
        }

.k-breadcrumb {
    min-height: 2.11em;
    border-width: 0;
    box-sizing: border-box;
    border-style: solid;
    background-color: transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

    .k-breadcrumb .k-breadcrumb-container {
        margin: 0;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        list-style: none;
        overflow: hidden
    }

    .k-breadcrumb .k-breadcrumb-item {
        vertical-align: middle;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden
    }

    .k-breadcrumb .k-breadcrumb-root-item {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .k-breadcrumb .k-breadcrumb-link, .k-breadcrumb .k-breadcrumb-root-link {
        padding: 4px 8px;
        border-radius: 4px;
        position: relative;
        line-height: 1.6em;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        overflow: hidden;
        white-space: nowrap;
        text-decoration: none;
        outline: 0
    }

    .k-breadcrumb .k-breadcrumb-root-link {
        margin-right: 8px
    }

    .k-breadcrumb .k-breadcrumb-icon-link {
        padding: 8px 8px
    }

    .k-breadcrumb .k-breadcrumb-icontext-link .k-icon {
        margin-right: 8px
    }

    .k-breadcrumb .k-breadcrumb-delimiter-icon {
        font-size: 12px
    }

    .k-breadcrumb .k-breadcrumb-input-container, .k-breadcrumb .k-breadcrumb-input-container .k-textbox {
        width: 100%;
        height: 100%
    }

.k-no-flexbox .k-breadcrumb, .k-no-flexbox .k-breadcrumb-container {
    display: block
}

.k-no-flexbox .k-breadcrumb-item {
    display: inline-block
}

.k-listgroup {
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    font: inherit;
    line-height: 1.42857143;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

    .k-listgroup > ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .k-listgroup .k-listgroup-item + .k-listgroup-item {
        border-top-width: 1px
    }

.k-listgroup-flush {
    border-left-width: 0;
    border-right-width: 0
}

.k-listgroup-item {
    padding: .5em 1em;
    border-width: 0;
    border-style: solid;
    border-color: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative
}

    .k-listgroup-item > .k-link {
        margin: -.5em -1em;
        padding: .5em 1em;
        color: inherit;
        text-decoration: none;
        outline: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        position: relative
    }

        .k-listgroup-item > .k-link > .k-select {
            padding: .5em;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }

.k-listgroup-item-segmented {
    -ms-flex-align: stretch;
    align-items: stretch
}

    .k-listgroup-item-segmented > .k-link {
        margin-right: 0
    }

    .k-listgroup-item-segmented > .k-select {
        margin: -.5em -1em -.5em 0;
        padding: .5em;
        border-width: 0 0 0 1px;
        border-style: solid;
        border-color: inherit;
        cursor: pointer
    }

.k-listgroup-form-row {
    margin: -.5em -1em;
    padding: .5em 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

    .k-listgroup-form-row .k-listgroup-form-field-label {
        width: 40%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .k-listgroup-form-row .k-listgroup-form-field-wrapper {
        width: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
        position: relative
    }

        .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=text], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=number], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=password], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=date], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=time], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=datetime-local], .k-listgroup-form-row .k-listgroup-form-field-wrapper select {
            width: 100%;
            box-sizing: border-box;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%
        }

.k-listgroup-item.k-listgroup-form-row {
    margin: 0
}

.k-rtl .k-listgroup-item > .k-link > .k-select, [dir=rtl] .k-listgroup-item > .k-link > .k-select {
    right: auto;
    left: 0
}

    .k-rtl .k-listgroup-item > .k-link > .k-select .k-icon, [dir=rtl] .k-listgroup-item > .k-link > .k-select .k-icon {
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1)
    }

.k-rtl .k-listgroup-item-segmented > .k-link, [dir=rtl] .k-listgroup-item-segmented > .k-link {
    margin-right: -1em;
    margin-left: 0
}

.k-rtl .k-listgroup-item-segmented > .k-select, [dir=rtl] .k-listgroup-item-segmented > .k-select {
    margin-right: 0;
    margin-left: -1em;
    border-right-width: 1px;
    border-left-width: 0
}

    .k-rtl .k-listgroup-item-segmented > .k-select .k-icon, [dir=rtl] .k-listgroup-item-segmented > .k-select .k-icon {
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1)
    }

.k-noflexbox .k-listgroup, .k-noflexbox .k-listgroup-item > .k-link, .k-noflexbox .k-listgroup > ul .k-listgroup-item {
    display: block
}

.k-messagebox {
    margin: 0 0 16px 0;
    padding: 4px 8px;
    border-width: 0 0 0 4px;
    border-style: solid;
    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.42857143
}

    .k-messagebox a {
        color: inherit;
        font-style: italic;
        text-decoration: underline
    }

.k-badge {
    padding: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    box-sizing: border-box;
    color: inherit;
    background-color: transparent;
    font: inherit;
    text-align: center;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis
}

    .k-badge > * {
        color: inherit
    }

    .k-badge > a, a.k-badge {
        text-decoration: none
    }

        .k-badge > a:hover, a.k-badge:hover {
            text-decoration: underline
        }

.k-badge-icon {
    max-width: 1em;
    max-height: 1em;
    font-size: inherit
}

    .k-badge-icon.k-svg-icon svg {
        fill: currentColor
    }

.k-badge-sm {
    padding: 2px 2px;
    border-width: 1px;
    font-size: 10px;
    line-height: 1
}

    .k-badge-sm:empty {
        padding: 2px
    }

.k-badge-md {
    padding: 4px 4px;
    border-width: 1px;
    font-size: 10px;
    line-height: 1
}

    .k-badge-md:empty {
        padding: 4px
    }

.k-badge-lg {
    padding: 6px 6px;
    border-width: 1px;
    font-size: 12px;
    line-height: 1
}

    .k-badge-lg:empty {
        padding: 6px
    }

.k-badge-rounded.k-badge-sm {
    border-radius: 1px
}

.k-badge-rounded.k-badge-md {
    border-radius: 2px
}

.k-badge-rounded.k-badge-lg {
    border-radius: 4px
}

.k-badge-pill {
    border-radius: 5rem
}

.k-badge-circle {
    padding: 0 !important;
    border-radius: 100%
}

    .k-badge-circle.k-badge-sm {
        width: calc(1em+6px);
        height: calc(1em+6px)
    }

    .k-badge-circle.k-badge-md {
        width: calc(1em+10px);
        height: calc(1em+10px)
    }

    .k-badge-circle.k-badge-lg {
        width: calc(1em+14px);
        height: calc(1em+14px)
    }

.k-badge-dot {
    padding: 0 !important;
    border-radius: 100%;
    font-size: 0
}

    .k-badge-dot.k-badge-sm {
        width: 6px;
        height: 6px
    }

    .k-badge-dot.k-badge-md {
        width: 10px;
        height: 10px
    }

    .k-badge-dot.k-badge-lg {
        width: 12px;
        height: 12px
    }

.k-badge-container {
    position: relative;
    overflow: visible
}

.k-badge-inside {
    position: absolute;
    z-index: 9999
}

.k-badge-edge {
    position: absolute;
    z-index: 9999
}

    .k-badge-edge.k-top-start {
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .k-badge-edge.k-top-end {
        -webkit-transform: translate(50%,-50%);
        -ms-transform: translate(50%,-50%);
        transform: translate(50%,-50%)
    }

    .k-badge-edge.k-bottom-start {
        -webkit-transform: translate(-50%,50%);
        -ms-transform: translate(-50%,50%);
        transform: translate(-50%,50%)
    }

    .k-badge-edge.k-bottom-end {
        -webkit-transform: translate(50%,50%);
        -ms-transform: translate(50%,50%);
        transform: translate(50%,50%)
    }

.k-rtl .k-badge-edge.k-top-start, [dir=rtl] .k-badge-edge.k-top-start, [dir=rtl].k-badge-edge.k-top-start {
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%)
}

.k-rtl .k-badge-edge.k-top-end, [dir=rtl] .k-badge-edge.k-top-end, [dir=rtl].k-badge-edge.k-top-end {
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.k-rtl .k-badge-edge.k-bottom-start, [dir=rtl] .k-badge-edge.k-bottom-start, [dir=rtl].k-badge-edge.k-bottom-start {
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%)
}

.k-rtl .k-badge-edge.k-bottom-end, [dir=rtl] .k-badge-edge.k-bottom-end, [dir=rtl].k-badge-edge.k-bottom-end {
    -webkit-transform: translate(-50%,50%);
    -ms-transform: translate(-50%,50%);
    transform: translate(-50%,50%)
}

.k-badge-outside {
    position: absolute;
    z-index: 9999
}

    .k-badge-outside.k-top-start {
        -webkit-transform: translate(-100%,-100%);
        -ms-transform: translate(-100%,-100%);
        transform: translate(-100%,-100%)
    }

    .k-badge-outside.k-top-end {
        -webkit-transform: translate(100%,-100%);
        -ms-transform: translate(100%,-100%);
        transform: translate(100%,-100%)
    }

    .k-badge-outside.k-bottom-start {
        -webkit-transform: translate(-100%,100%);
        -ms-transform: translate(-100%,100%);
        transform: translate(-100%,100%)
    }

    .k-badge-outside.k-bottom-end {
        -webkit-transform: translate(100%,100%);
        -ms-transform: translate(100%,100%);
        transform: translate(100%,100%)
    }

.k-rtl .k-badge-outside.k-top-start, [dir=rtl] .k-badge-outside.k-top-start, [dir=rtl].k-badge-outside.k-top-start {
    -webkit-transform: translate(100%,-100%);
    -ms-transform: translate(100%,-100%);
    transform: translate(100%,-100%)
}

.k-rtl .k-badge-outside.k-top-end, [dir=rtl] .k-badge-outside.k-top-end, [dir=rtl].k-badge-outside.k-top-end {
    -webkit-transform: translate(-100%,-100%);
    -ms-transform: translate(-100%,-100%);
    transform: translate(-100%,-100%)
}

.k-rtl .k-badge-outside.k-bottom-start, [dir=rtl] .k-badge-outside.k-bottom-start, [dir=rtl].k-badge-outside.k-bottom-start {
    -webkit-transform: translate(100%,100%);
    -ms-transform: translate(100%,100%);
    transform: translate(100%,100%)
}

.k-rtl .k-badge-outside.k-bottom-end, [dir=rtl] .k-badge-outside.k-bottom-end, [dir=rtl].k-badge-outside.k-bottom-end {
    -webkit-transform: translate(-100%,100%);
    -ms-transform: translate(-100%,100%);
    transform: translate(-100%,100%)
}

.k-checkbox {
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    line-height: initial;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-appearance: none
}

    .k-checkbox::before {
        content: "\e118";
        width: 12px;
        height: 12px;
        font-size: 12px;
        font-family: WebComponentsIcons,monospace;
        -webkit-transform: scale(0) translate(-50%,-50%);
        -ms-transform: scale(0) translate(-50%,-50%);
        transform: scale(0) translate(-50%,-50%);
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 50%
    }

    .k-checkbox:hover {
        cursor: pointer
    }

    .k-checkbox:checked::before {
        -webkit-transform: scale(1) translate(-50%,-50%);
        -ms-transform: scale(1) translate(-50%,-50%);
        transform: scale(1) translate(-50%,-50%)
    }

    .k-checkbox.k-state-indeterminate::before, .k-checkbox:indeterminate::before {
        content: "";
        width: 8px;
        height: 8px;
        background-color: currentColor;
        -webkit-transform: scale(1) translate(-50%,-50%);
        -ms-transform: scale(1) translate(-50%,-50%);
        transform: scale(1) translate(-50%,-50%)
    }

    .k-checkbox:disabled, .k-checkbox:disabled + .k-checkbox-label {
        opacity: .6;
        -webkit-filter: grayscale(.8);
        filter: grayscale(.8);
        cursor: default
    }

    .k-checkbox + .k-checkbox-label {
        display: inline
    }

.k-checkbox-label {
    margin: 0;
    padding: 0;
    line-height: 17px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
    align-items: flex-start;
    vertical-align: middle;
    position: relative;
    cursor: pointer
}

    .k-checkbox-label:empty {
        display: none
    }

    .k-checkbox-label.k-no-text {
        min-width: 1px
    }

    .k-checkbox-label .k-ripple {
        visibility: hidden !important
    }

    .k-checkbox + .k-checkbox-label, .k-checkbox-label + .k-checkbox {
        margin-left: 4px
    }

    .k-checkbox-label > .k-checkbox {
        margin-right: 4px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

.k-checkbox-list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .k-checkbox-list .k-checkbox-item {
        margin-top: 16px
    }

        .k-checkbox-list .k-checkbox-item:first-child {
            margin-top: 0
        }

.k-list-horizontal .k-checkbox-item {
    display: inline-block;
    margin: 0 32px 0 0
}

    .k-list-horizontal .k-checkbox-item:last-child {
        margin-right: 0
    }

.k-rtl .k-checkbox + .k-checkbox-label, [dir=rtl] .k-checkbox + .k-checkbox-label {
    margin-left: 0;
    margin-right: 4px
}

.k-rtl .k-checkbox-label > .k-checkbox, [dir=rtl] .k-checkbox-label > .k-checkbox {
    margin-right: 0;
    margin-left: 4px
}

.k-rtl .k-list-horizontal .k-checkbox-item, [dir=rtl] .k-list-horizontal .k-checkbox-item {
    margin-right: 0;
    margin-left: 32px
}

    .k-rtl .k-list-horizontal .k-checkbox-item:last-child, [dir=rtl] .k-list-horizontal .k-checkbox-item:last-child {
        margin-left: 0
    }

.k-checkbox::-ms-check {
    border-width: 0;
    border-color: inherit;
    border-radius: inherit;
    color: inherit;
    background-color: inherit
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .k-checkbox::-ms-check {
        border-width: 1px
    }
}

.k-radio {
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-appearance: none
}

    .k-radio::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: currentColor;
        -webkit-transform: scale(0) translate(-50%,-50%);
        -ms-transform: scale(0) translate(-50%,-50%);
        transform: scale(0) translate(-50%,-50%);
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 50%
    }

    .k-radio:hover {
        cursor: pointer
    }

    .k-radio:checked::before {
        -webkit-transform: scale(1) translate(-50%,-50%);
        -ms-transform: scale(1) translate(-50%,-50%);
        transform: scale(1) translate(-50%,-50%)
    }

    .k-radio:disabled, .k-radio:disabled + .k-radio-label {
        opacity: .6;
        -webkit-filter: grayscale(.8);
        filter: grayscale(.8);
        cursor: default
    }

    .k-radio + .k-radio-label {
        display: inline
    }

.k-radio-label {
    margin: 0;
    padding: 0;
    line-height: 17px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
    align-items: flex-start;
    vertical-align: middle;
    position: relative;
    cursor: pointer
}

    .k-radio-label.k-no-text, .k-radio-label:empty {
        display: none
    }

    .k-radio-label .k-ripple {
        display: none !important
    }

    .k-radio + .k-radio-label, .k-radio-label + .k-radio {
        margin-left: 4px
    }

    .k-radio-label > .k-radio {
        margin-right: 4px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

.k-radio-list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .k-radio-list .k-radio-item {
        margin-top: 16px
    }

        .k-radio-list .k-radio-item:first-child {
            margin-top: 0
        }

.k-list-horizontal .k-radio-item {
    display: inline-block;
    margin: 0 32px 0 0
}

    .k-list-horizontal .k-radio-item:last-child {
        margin-right: 0
    }

.k-rtl .k-radio + .k-radio-label, .k-rtl .k-radio-label + .k-radio, [dir=rtl] .k-radio + .k-radio-label, [dir=rtl] .k-radio-label + .k-radio {
    margin-left: 0;
    margin-right: 4px
}

.k-rtl .k-radio-label > .k-radio, [dir=rtl] .k-radio-label > .k-radio {
    margin-right: 0;
    margin-left: 4px
}

.k-rtl .k-list-horizontal .k-radio-item, [dir=rtl] .k-list-horizontal .k-radio-item {
    margin-right: 0;
    margin-left: 32px
}

    .k-rtl .k-list-horizontal .k-radio-item:last-child, [dir=rtl] .k-list-horizontal .k-radio-item:last-child {
        margin-left: 0
    }

.k-radio::-ms-check {
    border-width: 0;
    border-color: inherit;
    color: inherit;
    background-color: inherit
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .k-radio::-ms-check {
        border-width: 1px
    }
}