/* Compatible with @progress/kendo-theme-default v.11.0.2 */ :root { --kendo-disabled-text: unset; --kendo-disabled-bg: unset; --kendo-disabled-border: unset; --kendo-disabled-opacity: .6; --kendo-disabled-filter: grayscale(.1) } .k-ratio-auto { aspect-ratio: auto } .\!k-ratio-auto { aspect-ratio: auto !important } .k-ratio-1 { aspect-ratio: 1 } .\!k-ratio-1 { aspect-ratio: 1 !important } .k-ratio-square { aspect-ratio: 1 / 1 } .\!k-ratio-square { aspect-ratio: 1 / 1 !important } .k-ratio-video { aspect-ratio: 16 / 9 } .\!k-ratio-video { aspect-ratio: 16 / 9 !important } .k-aspect-ratio-auto { aspect-ratio: auto } .\!k-aspect-ratio-auto { aspect-ratio: auto !important } .k-aspect-ratio-1 { aspect-ratio: 1 } .\!k-aspect-ratio-1 { aspect-ratio: 1 !important } .k-aspect-ratio-square { aspect-ratio: 1 / 1 } .\!k-aspect-ratio-square { aspect-ratio: 1 / 1 !important } .k-aspect-ratio-video { aspect-ratio: 16 / 9 } .\!k-aspect-ratio-video { aspect-ratio: 16 / 9 !important } .k-box-sizing-border { box-sizing: border-box } .\!k-box-sizing-border { box-sizing: border-box !important } .k-box-sizing-content { box-sizing: content-box } .\!k-box-sizing-content { box-sizing: content-box !important } .k-clear-left { clear: left } .\!k-clear-left { clear: left !important } .k-clear-right { clear: right } .\!k-clear-right { clear: right !important } .k-clear-both { clear: both } .\!k-clear-both { clear: both !important } .k-clear-none { clear: none } .\!k-clear-none { clear: none !important } .k-columns-1 { -moz-columns: 1; columns: 1 } .\!k-columns-1 { -moz-columns: 1 !important; columns: 1 !important } .k-columns-2 { -moz-columns: 2; columns: 2 } .\!k-columns-2 { -moz-columns: 2 !important; columns: 2 !important } .k-columns-3 { -moz-columns: 3; columns: 3 } .\!k-columns-3 { -moz-columns: 3 !important; columns: 3 !important } .k-columns-4 { -moz-columns: 4; columns: 4 } .\!k-columns-4 { -moz-columns: 4 !important; columns: 4 !important } .k-columns-5 { -moz-columns: 5; columns: 5 } .\!k-columns-5 { -moz-columns: 5 !important; columns: 5 !important } .k-columns-6 { -moz-columns: 6; columns: 6 } .\!k-columns-6 { -moz-columns: 6 !important; columns: 6 !important } .k-columns-7 { -moz-columns: 7; columns: 7 } .\!k-columns-7 { -moz-columns: 7 !important; columns: 7 !important } .k-columns-8 { -moz-columns: 8; columns: 8 } .\!k-columns-8 { -moz-columns: 8 !important; columns: 8 !important } .k-columns-9 { -moz-columns: 9; columns: 9 } .\!k-columns-9 { -moz-columns: 9 !important; columns: 9 !important } .k-columns-10 { -moz-columns: 10; columns: 10 } .\!k-columns-10 { -moz-columns: 10 !important; columns: 10 !important } .k-columns-11 { -moz-columns: 11; columns: 11 } .\!k-columns-11 { -moz-columns: 11 !important; columns: 11 !important } .k-columns-12 { -moz-columns: 12; columns: 12 } .\!k-columns-12 { -moz-columns: 12 !important; columns: 12 !important } .k-columns-auto { -moz-columns: auto; columns: auto } .\!k-columns-auto { -moz-columns: auto !important; columns: auto !important } .k-d-none { display: none } .\!k-d-none { display: none !important } .k-d-contents { display: contents } .\!k-d-contents { display: contents !important } .k-d-block { display: block } .\!k-d-block { display: block !important } .k-d-inline { display: inline } .\!k-d-inline { display: inline !important } .k-d-inline-block { display: inline-block } .\!k-d-inline-block { display: inline-block !important } .k-d-flex, .k-d-flex-col, .k-d-flex-row { display: flex } .\!k-d-flex, .\!k-d-flex-col, .\!k-d-flex-row { display: flex !important } .k-d-inline-flex { display: inline-flex } .\!k-d-inline-flex { display: inline-flex !important } .k-d-grid { display: grid } .\!k-d-grid { display: grid !important } .k-d-inline-grid { display: inline-grid } .\!k-d-inline-grid { display: inline-grid !important } .k-d-table { display: table } .\!k-d-table { display: table !important } .k-d-inline-table { display: inline-table } .\!k-d-inline-table { display: inline-table !important } .k-d-table-row { display: table-row } .\!k-d-table-row { display: table-row !important } .k-d-table-cell { display: table-cell } .\!k-d-table-cell { display: table-cell !important } .k-d-list-item { display: list-item } .\!k-d-list-item { display: list-item !important } .k-display-none { display: none } .\!k-display-none { display: none !important } .k-display-contents { display: contents } .\!k-display-contents { display: contents !important } .k-display-block { display: block } .\!k-display-block { display: block !important } .k-display-inline { display: inline } .\!k-display-inline { display: inline !important } .k-display-inline-block { display: inline-block } .\!k-display-inline-block { display: inline-block !important } .k-display-flex { display: flex } .\!k-display-flex { display: flex !important } .k-display-inline-flex { display: inline-flex } .\!k-display-inline-flex { display: inline-flex !important } .k-display-grid { display: grid } .\!k-display-grid { display: grid !important } .k-display-inline-grid { display: inline-grid } .\!k-display-inline-grid { display: inline-grid !important } .k-display-table { display: table } .\!k-display-table { display: table !important } .k-display-inline-table { display: inline-table } .\!k-display-inline-table { display: inline-table !important } .k-display-table-row { display: table-row } .\!k-display-table-row { display: table-row !important } .k-display-table-cell { display: table-cell } .\!k-display-table-cell { display: table-cell !important } .k-display-list-item { display: list-item } .\!k-display-list-item { display: list-item !important } .k-float-left { float: left } .\!k-float-left { float: left !important } .k-float-right { float: right } .\!k-float-right { float: right !important } .k-float-none { float: none } .\!k-float-none { float: none !important } .k-object-fit-contain { -o-object-fit: contain; object-fit: contain } .\!k-object-fit-contain { -o-object-fit: contain !important; object-fit: contain !important } .k-object-fit-cover { -o-object-fit: cover; object-fit: cover } .\!k-object-fit-cover { -o-object-fit: cover !important; object-fit: cover !important } .k-object-fit-fill { -o-object-fit: fill; object-fit: fill } .\!k-object-fit-fill { -o-object-fit: fill !important; object-fit: fill !important } .k-object-fit-scale-down { -o-object-fit: scale-down; object-fit: scale-down } .\!k-object-fit-scale-down { -o-object-fit: scale-down !important; object-fit: scale-down !important } .k-object-fit-initial { -o-object-fit: initial; object-fit: initial } .\!k-object-fit-initial { -o-object-fit: initial !important; object-fit: initial !important } .k-object-fit-none { -o-object-fit: none; object-fit: none } .\!k-object-fit-none { -o-object-fit: none !important; object-fit: none !important } .k-object-position-center { -o-object-position: center; object-position: center } .\!k-object-position-center { -o-object-position: center !important; object-position: center !important } .k-object-position-top { -o-object-position: top; object-position: top } .\!k-object-position-top { -o-object-position: top !important; object-position: top !important } .k-object-position-right { -o-object-position: right; object-position: right } .\!k-object-position-right { -o-object-position: right !important; object-position: right !important } .k-object-position-bottom { -o-object-position: bottom; object-position: bottom } .\!k-object-position-bottom { -o-object-position: bottom !important; object-position: bottom !important } .k-object-position-left { -o-object-position: left; object-position: left } .\!k-object-position-left { -o-object-position: left !important; object-position: left !important } .k-object-position-top-left { -o-object-position: top left; object-position: top left } .\!k-object-position-top-left { -o-object-position: top left !important; object-position: top left !important } .k-object-position-top-right { -o-object-position: top right; object-position: top right } .\!k-object-position-top-right { -o-object-position: top right !important; object-position: top right !important } .k-object-position-bottom-left { -o-object-position: bottom left; object-position: bottom left } .\!k-object-position-bottom-left { -o-object-position: bottom left !important; object-position: bottom left !important } .k-object-position-bottom-right { -o-object-position: bottom right; object-position: bottom right } .\!k-object-position-bottom-right { -o-object-position: bottom right !important; object-position: bottom right !important } .k-overflow-auto { overflow: auto } .\!k-overflow-auto { overflow: auto !important } .k-overflow-hidden { overflow: hidden } .\!k-overflow-hidden { overflow: hidden !important } .k-overflow-visible { overflow: visible } .\!k-overflow-visible { overflow: visible !important } .k-overflow-scroll { overflow: scroll } .\!k-overflow-scroll { overflow: scroll !important } .k-overflow-clip { overflow: clip } .\!k-overflow-clip { overflow: clip !important } .k-overflow-x-auto { overflow-x: auto } .\!k-overflow-x-auto { overflow-x: auto !important } .k-overflow-x-hidden { overflow-x: hidden } .\!k-overflow-x-hidden { overflow-x: hidden !important } .k-overflow-x-visible { overflow-x: visible } .\!k-overflow-x-visible { overflow-x: visible !important } .k-overflow-x-scroll { overflow-x: scroll } .\!k-overflow-x-scroll { overflow-x: scroll !important } .k-overflow-x-clip { overflow-x: clip } .\!k-overflow-x-clip { overflow-x: clip !important } .k-overflow-y-auto { overflow-y: auto } .\!k-overflow-y-auto { overflow-y: auto !important } .k-overflow-y-hidden { overflow-y: hidden } .\!k-overflow-y-hidden { overflow-y: hidden !important } .k-overflow-y-visible { overflow-y: visible } .\!k-overflow-y-visible { overflow-y: visible !important } .k-overflow-y-scroll { overflow-y: scroll } .\!k-overflow-y-scroll { overflow-y: scroll !important } .k-overflow-y-clip { overflow-y: clip } .\!k-overflow-y-clip { overflow-y: clip !important } .k-top-0 { top: 0px } .\!k-top-0 { top: 0px !important } .k-top-1px { top: 1px } .\!k-top-1px { top: 1px !important } .k-top-0\.5 { top: .125rem } .\!k-top-0\.5 { top: .125rem !important } .k-top-1 { top: .25rem } .\!k-top-1 { top: .25rem !important } .k-top-1\.5 { top: .375rem } .\!k-top-1\.5 { top: .375rem !important } .k-top-2 { top: .5rem } .\!k-top-2 { top: .5rem !important } .k-top-2\.5 { top: .625rem } .\!k-top-2\.5 { top: .625rem !important } .k-top-3 { top: .75rem } .\!k-top-3 { top: .75rem !important } .k-top-3\.5 { top: .875rem } .\!k-top-3\.5 { top: .875rem !important } .k-top-4 { top: 1rem } .\!k-top-4 { top: 1rem !important } .k-top-4\.5 { top: 1.125rem } .\!k-top-4\.5 { top: 1.125rem !important } .k-top-5 { top: 1.25rem } .\!k-top-5 { top: 1.25rem !important } .k-top-5\.5 { top: 1.375rem } .\!k-top-5\.5 { top: 1.375rem !important } .k-top-6 { top: 1.5rem } .\!k-top-6 { top: 1.5rem !important } .k-top-6\.5 { top: 1.625rem } .\!k-top-6\.5 { top: 1.625rem !important } .k-top-7 { top: 1.75rem } .\!k-top-7 { top: 1.75rem !important } .k-top-7\.5 { top: 1.875rem } .\!k-top-7\.5 { top: 1.875rem !important } .k-top-8 { top: 2rem } .\!k-top-8 { top: 2rem !important } .k-top-9 { top: 2.25rem } .\!k-top-9 { top: 2.25rem !important } .k-top-10 { top: 2.5rem } .\!k-top-10 { top: 2.5rem !important } .k-top-11 { top: 2.75rem } .\!k-top-11 { top: 2.75rem !important } .k-top-12 { top: 3rem } .\!k-top-12 { top: 3rem !important } .k-top-13 { top: 3.25rem } .\!k-top-13 { top: 3.25rem !important } .k-top-14 { top: 3.5rem } .\!k-top-14 { top: 3.5rem !important } .k-top-15 { top: 3.75rem } .\!k-top-15 { top: 3.75rem !important } .k-top-16 { top: 4rem } .\!k-top-16 { top: 4rem !important } .k-top-17 { top: 4.25rem } .\!k-top-17 { top: 4.25rem !important } .k-top-18 { top: 4.5rem } .\!k-top-18 { top: 4.5rem !important } .k-top-19 { top: 4.75rem } .\!k-top-19 { top: 4.75rem !important } .k-top-20 { top: 5rem } .\!k-top-20 { top: 5rem !important } .k-top-21 { top: 5.25rem } .\!k-top-21 { top: 5.25rem !important } .k-top-22 { top: 5.5rem } .\!k-top-22 { top: 5.5rem !important } .k-top-23 { top: 5.75rem } .\!k-top-23 { top: 5.75rem !important } .k-top-24 { top: 6rem } .\!k-top-24 { top: 6rem !important } .k-top-25 { top: 7rem } .\!k-top-25 { top: 7rem !important } .k-top-26 { top: 8rem } .\!k-top-26 { top: 8rem !important } .k-top-27 { top: 9rem } .\!k-top-27 { top: 9rem !important } .k-top-28 { top: 10rem } .\!k-top-28 { top: 10rem !important } .k-top-29 { top: 11rem } .\!k-top-29 { top: 11rem !important } .k-top-30 { top: 12rem } .\!k-top-30 { top: 12rem !important } .k-top--1 { top: -1px } .\!k-top--1 { top: -1px !important } .k-right-0 { right: 0px } .\!k-right-0 { right: 0px !important } .k-right-1px { right: 1px } .\!k-right-1px { right: 1px !important } .k-right-0\.5 { right: .125rem } .\!k-right-0\.5 { right: .125rem !important } .k-right-1 { right: .25rem } .\!k-right-1 { right: .25rem !important } .k-right-1\.5 { right: .375rem } .\!k-right-1\.5 { right: .375rem !important } .k-right-2 { right: .5rem } .\!k-right-2 { right: .5rem !important } .k-right-2\.5 { right: .625rem } .\!k-right-2\.5 { right: .625rem !important } .k-right-3 { right: .75rem } .\!k-right-3 { right: .75rem !important } .k-right-3\.5 { right: .875rem } .\!k-right-3\.5 { right: .875rem !important } .k-right-4 { right: 1rem } .\!k-right-4 { right: 1rem !important } .k-right-4\.5 { right: 1.125rem } .\!k-right-4\.5 { right: 1.125rem !important } .k-right-5 { right: 1.25rem } .\!k-right-5 { right: 1.25rem !important } .k-right-5\.5 { right: 1.375rem } .\!k-right-5\.5 { right: 1.375rem !important } .k-right-6 { right: 1.5rem } .\!k-right-6 { right: 1.5rem !important } .k-right-6\.5 { right: 1.625rem } .\!k-right-6\.5 { right: 1.625rem !important } .k-right-7 { right: 1.75rem } .\!k-right-7 { right: 1.75rem !important } .k-right-7\.5 { right: 1.875rem } .\!k-right-7\.5 { right: 1.875rem !important } .k-right-8 { right: 2rem } .\!k-right-8 { right: 2rem !important } .k-right-9 { right: 2.25rem } .\!k-right-9 { right: 2.25rem !important } .k-right-10 { right: 2.5rem } .\!k-right-10 { right: 2.5rem !important } .k-right-11 { right: 2.75rem } .\!k-right-11 { right: 2.75rem !important } .k-right-12 { right: 3rem } .\!k-right-12 { right: 3rem !important } .k-right-13 { right: 3.25rem } .\!k-right-13 { right: 3.25rem !important } .k-right-14 { right: 3.5rem } .\!k-right-14 { right: 3.5rem !important } .k-right-15 { right: 3.75rem } .\!k-right-15 { right: 3.75rem !important } .k-right-16 { right: 4rem } .\!k-right-16 { right: 4rem !important } .k-right-17 { right: 4.25rem } .\!k-right-17 { right: 4.25rem !important } .k-right-18 { right: 4.5rem } .\!k-right-18 { right: 4.5rem !important } .k-right-19 { right: 4.75rem } .\!k-right-19 { right: 4.75rem !important } .k-right-20 { right: 5rem } .\!k-right-20 { right: 5rem !important } .k-right-21 { right: 5.25rem } .\!k-right-21 { right: 5.25rem !important } .k-right-22 { right: 5.5rem } .\!k-right-22 { right: 5.5rem !important } .k-right-23 { right: 5.75rem } .\!k-right-23 { right: 5.75rem !important } .k-right-24 { right: 6rem } .\!k-right-24 { right: 6rem !important } .k-right-25 { right: 7rem } .\!k-right-25 { right: 7rem !important } .k-right-26 { right: 8rem } .\!k-right-26 { right: 8rem !important } .k-right-27 { right: 9rem } .\!k-right-27 { right: 9rem !important } .k-right-28 { right: 10rem } .\!k-right-28 { right: 10rem !important } .k-right-29 { right: 11rem } .\!k-right-29 { right: 11rem !important } .k-right-30 { right: 12rem } .\!k-right-30 { right: 12rem !important } .k-right--1 { right: -1px } .\!k-right--1 { right: -1px !important } .k-bottom-0 { bottom: 0px } .\!k-bottom-0 { bottom: 0px !important } .k-bottom-1px { bottom: 1px } .\!k-bottom-1px { bottom: 1px !important } .k-bottom-0\.5 { bottom: .125rem } .\!k-bottom-0\.5 { bottom: .125rem !important } .k-bottom-1 { bottom: .25rem } .\!k-bottom-1 { bottom: .25rem !important } .k-bottom-1\.5 { bottom: .375rem } .\!k-bottom-1\.5 { bottom: .375rem !important } .k-bottom-2 { bottom: .5rem } .\!k-bottom-2 { bottom: .5rem !important } .k-bottom-2\.5 { bottom: .625rem } .\!k-bottom-2\.5 { bottom: .625rem !important } .k-bottom-3 { bottom: .75rem } .\!k-bottom-3 { bottom: .75rem !important } .k-bottom-3\.5 { bottom: .875rem } .\!k-bottom-3\.5 { bottom: .875rem !important } .k-bottom-4 { bottom: 1rem } .\!k-bottom-4 { bottom: 1rem !important } .k-bottom-4\.5 { bottom: 1.125rem } .\!k-bottom-4\.5 { bottom: 1.125rem !important } .k-bottom-5 { bottom: 1.25rem } .\!k-bottom-5 { bottom: 1.25rem !important } .k-bottom-5\.5 { bottom: 1.375rem } .\!k-bottom-5\.5 { bottom: 1.375rem !important } .k-bottom-6 { bottom: 1.5rem } .\!k-bottom-6 { bottom: 1.5rem !important } .k-bottom-6\.5 { bottom: 1.625rem } .\!k-bottom-6\.5 { bottom: 1.625rem !important } .k-bottom-7 { bottom: 1.75rem } .\!k-bottom-7 { bottom: 1.75rem !important } .k-bottom-7\.5 { bottom: 1.875rem } .\!k-bottom-7\.5 { bottom: 1.875rem !important } .k-bottom-8 { bottom: 2rem } .\!k-bottom-8 { bottom: 2rem !important } .k-bottom-9 { bottom: 2.25rem } .\!k-bottom-9 { bottom: 2.25rem !important } .k-bottom-10 { bottom: 2.5rem } .\!k-bottom-10 { bottom: 2.5rem !important } .k-bottom-11 { bottom: 2.75rem } .\!k-bottom-11 { bottom: 2.75rem !important } .k-bottom-12 { bottom: 3rem } .\!k-bottom-12 { bottom: 3rem !important } .k-bottom-13 { bottom: 3.25rem } .\!k-bottom-13 { bottom: 3.25rem !important } .k-bottom-14 { bottom: 3.5rem } .\!k-bottom-14 { bottom: 3.5rem !important } .k-bottom-15 { bottom: 3.75rem } .\!k-bottom-15 { bottom: 3.75rem !important } .k-bottom-16 { bottom: 4rem } .\!k-bottom-16 { bottom: 4rem !important } .k-bottom-17 { bottom: 4.25rem } .\!k-bottom-17 { bottom: 4.25rem !important } .k-bottom-18 { bottom: 4.5rem } .\!k-bottom-18 { bottom: 4.5rem !important } .k-bottom-19 { bottom: 4.75rem } .\!k-bottom-19 { bottom: 4.75rem !important } .k-bottom-20 { bottom: 5rem } .\!k-bottom-20 { bottom: 5rem !important } .k-bottom-21 { bottom: 5.25rem } .\!k-bottom-21 { bottom: 5.25rem !important } .k-bottom-22 { bottom: 5.5rem } .\!k-bottom-22 { bottom: 5.5rem !important } .k-bottom-23 { bottom: 5.75rem } .\!k-bottom-23 { bottom: 5.75rem !important } .k-bottom-24 { bottom: 6rem } .\!k-bottom-24 { bottom: 6rem !important } .k-bottom-25 { bottom: 7rem } .\!k-bottom-25 { bottom: 7rem !important } .k-bottom-26 { bottom: 8rem } .\!k-bottom-26 { bottom: 8rem !important } .k-bottom-27 { bottom: 9rem } .\!k-bottom-27 { bottom: 9rem !important } .k-bottom-28 { bottom: 10rem } .\!k-bottom-28 { bottom: 10rem !important } .k-bottom-29 { bottom: 11rem } .\!k-bottom-29 { bottom: 11rem !important } .k-bottom-30 { bottom: 12rem } .\!k-bottom-30 { bottom: 12rem !important } .k-bottom--1 { bottom: -1px } .\!k-bottom--1 { bottom: -1px !important } .k-left-0 { left: 0px } .\!k-left-0 { left: 0px !important } .k-left-1px { left: 1px } .\!k-left-1px { left: 1px !important } .k-left-0\.5 { left: .125rem } .\!k-left-0\.5 { left: .125rem !important } .k-left-1 { left: .25rem } .\!k-left-1 { left: .25rem !important } .k-left-1\.5 { left: .375rem } .\!k-left-1\.5 { left: .375rem !important } .k-left-2 { left: .5rem } .\!k-left-2 { left: .5rem !important } .k-left-2\.5 { left: .625rem } .\!k-left-2\.5 { left: .625rem !important } .k-left-3 { left: .75rem } .\!k-left-3 { left: .75rem !important } .k-left-3\.5 { left: .875rem } .\!k-left-3\.5 { left: .875rem !important } .k-left-4 { left: 1rem } .\!k-left-4 { left: 1rem !important } .k-left-4\.5 { left: 1.125rem } .\!k-left-4\.5 { left: 1.125rem !important } .k-left-5 { left: 1.25rem } .\!k-left-5 { left: 1.25rem !important } .k-left-5\.5 { left: 1.375rem } .\!k-left-5\.5 { left: 1.375rem !important } .k-left-6 { left: 1.5rem } .\!k-left-6 { left: 1.5rem !important } .k-left-6\.5 { left: 1.625rem } .\!k-left-6\.5 { left: 1.625rem !important } .k-left-7 { left: 1.75rem } .\!k-left-7 { left: 1.75rem !important } .k-left-7\.5 { left: 1.875rem } .\!k-left-7\.5 { left: 1.875rem !important } .k-left-8 { left: 2rem } .\!k-left-8 { left: 2rem !important } .k-left-9 { left: 2.25rem } .\!k-left-9 { left: 2.25rem !important } .k-left-10 { left: 2.5rem } .\!k-left-10 { left: 2.5rem !important } .k-left-11 { left: 2.75rem } .\!k-left-11 { left: 2.75rem !important } .k-left-12 { left: 3rem } .\!k-left-12 { left: 3rem !important } .k-left-13 { left: 3.25rem } .\!k-left-13 { left: 3.25rem !important } .k-left-14 { left: 3.5rem } .\!k-left-14 { left: 3.5rem !important } .k-left-15 { left: 3.75rem } .\!k-left-15 { left: 3.75rem !important } .k-left-16 { left: 4rem } .\!k-left-16 { left: 4rem !important } .k-left-17 { left: 4.25rem } .\!k-left-17 { left: 4.25rem !important } .k-left-18 { left: 4.5rem } .\!k-left-18 { left: 4.5rem !important } .k-left-19 { left: 4.75rem } .\!k-left-19 { left: 4.75rem !important } .k-left-20 { left: 5rem } .\!k-left-20 { left: 5rem !important } .k-left-21 { left: 5.25rem } .\!k-left-21 { left: 5.25rem !important } .k-left-22 { left: 5.5rem } .\!k-left-22 { left: 5.5rem !important } .k-left-23 { left: 5.75rem } .\!k-left-23 { left: 5.75rem !important } .k-left-24 { left: 6rem } .\!k-left-24 { left: 6rem !important } .k-left-25 { left: 7rem } .\!k-left-25 { left: 7rem !important } .k-left-26 { left: 8rem } .\!k-left-26 { left: 8rem !important } .k-left-27 { left: 9rem } .\!k-left-27 { left: 9rem !important } .k-left-28 { left: 10rem } .\!k-left-28 { left: 10rem !important } .k-left-29 { left: 11rem } .\!k-left-29 { left: 11rem !important } .k-left-30 { left: 12rem } .\!k-left-30 { left: 12rem !important } .k-left--1 { left: -1px } .\!k-left--1 { left: -1px !important } .k-top, .k-pos-top { top: 0 } .k-right, .k-pos-right { right: 0 } .k-bottom, .k-pos-bottom { bottom: 0 } .k-left, .k-pos-left { left: 0 } .k-inset-0 { inset: 0 } .\!k-inset-0 { inset: 0 !important } .k-inset-1 { inset: 1px } .\!k-inset-1 { inset: 1px !important } .k-inset--1 { inset: -1px } .\!k-inset--1 { inset: -1px !important } .k-inset-x-0 { inset-inline: 0 } .\!k-inset-x-0 { inset-inline: 0 !important } .k-inset-x-1 { inset-inline: 1px } .\!k-inset-x-1 { inset-inline: 1px !important } .k-inset-x--1 { inset-inline: -1px } .\!k-inset-x--1 { inset-inline: -1px !important } .k-inset-y-0 { inset-block: 0 } .\!k-inset-y-0 { inset-block: 0 !important } .k-inset-y-1 { inset-block: 1px } .\!k-inset-y-1 { inset-block: 1px !important } .k-inset-y--1 { inset-block: -1px } .\!k-inset-y--1 { inset-block: -1px !important } .k-top-left-0 { top: 0; left: 0 } .\!k-top-left-0 { top: 0 !important; left: 0 !important } .k-top-left-1 { top: 1px; left: 1px } .\!k-top-left-1 { top: 1px !important; left: 1px !important } .k-top-left--1 { top: -1px; left: -1px } .\!k-top-left--1 { top: -1px !important; left: -1px !important } .k-top-right-0 { top: 0; right: 0 } .\!k-top-right-0 { top: 0 !important; right: 0 !important } .k-top-right-1 { top: 1px; right: 1px } .\!k-top-right-1 { top: 1px !important; right: 1px !important } .k-top-right--1 { top: -1px; right: -1px } .\!k-top-right--1 { top: -1px !important; right: -1px !important } .k-bottom-left-0 { bottom: 0; left: 0 } .\!k-bottom-left-0 { bottom: 0 !important; left: 0 !important } .k-bottom-left-1 { bottom: 1px; left: 1px } .\!k-bottom-left-1 { bottom: 1px !important; left: 1px !important } .k-bottom-left--1 { bottom: -1px; left: -1px } .\!k-bottom-left--1 { bottom: -1px !important; left: -1px !important } .k-bottom-right-0 { bottom: 0; right: 0 } .\!k-bottom-right-0 { bottom: 0 !important; right: 0 !important } .k-bottom-right-1 { bottom: 1px; right: 1px } .\!k-bottom-right-1 { bottom: 1px !important; right: 1px !important } .k-bottom-right--1 { bottom: -1px; right: -1px } .\!k-bottom-right--1 { bottom: -1px !important; right: -1px !important } .k-pos-static, .k-static { position: static } .\!k-pos-static, .\!k-static { position: static !important } .k-pos-relative, .k-relative { position: relative } .\!k-pos-relative, .\!k-relative { position: relative !important } .k-pos-absolute, .k-absolute { position: absolute } .\!k-pos-absolute, .\!k-absolute { position: absolute !important } .k-pos-fixed, .k-fixed { position: fixed } .\!k-pos-fixed, .\!k-fixed { position: fixed !important } .k-pos-sticky, .k-sticky { position: sticky } .\!k-pos-sticky, .\!k-sticky { position: sticky !important } .k-visibility-visible, .k-visible { visibility: visible } .\!k-visibility-visible, .\!k-visible { visibility: visible !important } .k-visibility-invisible { visibility: hidden } .\!k-visibility-invisible { visibility: hidden !important } .k-visibility-collapse { visibility: collapse } .\!k-visibility-collapse { visibility: collapse !important } .k-z-0 { z-index: 0 } .\!k-z-0 { z-index: 0 !important } .k-z-10 { z-index: 10 } .\!k-z-10 { z-index: 10 !important } .k-z-20 { z-index: 20 } .\!k-z-20 { z-index: 20 !important } .k-z-30 { z-index: 30 } .\!k-z-30 { z-index: 30 !important } .k-z-40 { z-index: 40 } .\!k-z-40 { z-index: 40 !important } .k-z-50 { z-index: 50 } .\!k-z-50 { z-index: 50 !important } .k-z-auto { z-index: auto } .\!k-z-auto { z-index: auto !important } .k-container, .k-container-fluid { margin: 0 auto; width: 100%; display: flex; flex-direction: column; box-sizing: border-box } .k-row { margin-top: calc(var(--kendo-col-gap, 0)*-1); margin-left: calc(var(--kendo-col-gap, 0)*-0.5); margin-right: calc(var(--kendo-col-gap, 0)*-0.5); display: flex; flex-flow: row wrap; box-sizing: border-box } .k-row > * { margin-top: var(--kendo-col-gap, 0); padding-left: calc(var(--kendo-col-gap, 0)*0.5); padding-right: calc(var(--kendo-col-gap, 0)*0.5); width: 100%; box-sizing: border-box } .k-col { flex: 1 0 0% } .k-col-size-1 { flex: 0 0 auto; width: 1% } .k-col-size-2 { flex: 0 0 auto; width: 2% } .k-col-size-3 { flex: 0 0 auto; width: 3% } .k-col-size-4 { flex: 0 0 auto; width: 4% } .k-col-size-5 { flex: 0 0 auto; width: 5% } .k-col-size-6 { flex: 0 0 auto; width: 6% } .k-col-size-7 { flex: 0 0 auto; width: 7% } .k-col-size-8 { flex: 0 0 auto; width: 8% } .k-col-size-9 { flex: 0 0 auto; width: 9% } .k-col-size-10 { flex: 0 0 auto; width: 10% } .k-col-size-11 { flex: 0 0 auto; width: 11% } .k-col-size-12 { flex: 0 0 auto; width: 12% } .k-col-size-13 { flex: 0 0 auto; width: 13% } .k-col-size-14 { flex: 0 0 auto; width: 14% } .k-col-size-15 { flex: 0 0 auto; width: 15% } .k-col-size-16 { flex: 0 0 auto; width: 16% } .k-col-size-17 { flex: 0 0 auto; width: 17% } .k-col-size-18 { flex: 0 0 auto; width: 18% } .k-col-size-19 { flex: 0 0 auto; width: 19% } .k-col-size-20 { flex: 0 0 auto; width: 20% } .k-col-size-21 { flex: 0 0 auto; width: 21% } .k-col-size-22 { flex: 0 0 auto; width: 22% } .k-col-size-23 { flex: 0 0 auto; width: 23% } .k-col-size-24 { flex: 0 0 auto; width: 24% } .k-col-size-25 { flex: 0 0 auto; width: 25% } .k-col-size-26 { flex: 0 0 auto; width: 26% } .k-col-size-27 { flex: 0 0 auto; width: 27% } .k-col-size-28 { flex: 0 0 auto; width: 28% } .k-col-size-29 { flex: 0 0 auto; width: 29% } .k-col-size-30 { flex: 0 0 auto; width: 30% } .k-col-size-31 { flex: 0 0 auto; width: 31% } .k-col-size-32 { flex: 0 0 auto; width: 32% } .k-col-size-33 { flex: 0 0 auto; width: 33% } .k-col-size-34 { flex: 0 0 auto; width: 34% } .k-col-size-35 { flex: 0 0 auto; width: 35% } .k-col-size-36 { flex: 0 0 auto; width: 36% } .k-col-size-37 { flex: 0 0 auto; width: 37% } .k-col-size-38 { flex: 0 0 auto; width: 38% } .k-col-size-39 { flex: 0 0 auto; width: 39% } .k-col-size-40 { flex: 0 0 auto; width: 40% } .k-col-size-41 { flex: 0 0 auto; width: 41% } .k-col-size-42 { flex: 0 0 auto; width: 42% } .k-col-size-43 { flex: 0 0 auto; width: 43% } .k-col-size-44 { flex: 0 0 auto; width: 44% } .k-col-size-45 { flex: 0 0 auto; width: 45% } .k-col-size-46 { flex: 0 0 auto; width: 46% } .k-col-size-47 { flex: 0 0 auto; width: 47% } .k-col-size-48 { flex: 0 0 auto; width: 48% } .k-col-size-49 { flex: 0 0 auto; width: 49% } .k-col-size-50 { flex: 0 0 auto; width: 50% } .k-col-size-51 { flex: 0 0 auto; width: 51% } .k-col-size-52 { flex: 0 0 auto; width: 52% } .k-col-size-53 { flex: 0 0 auto; width: 53% } .k-col-size-54 { flex: 0 0 auto; width: 54% } .k-col-size-55 { flex: 0 0 auto; width: 55% } .k-col-size-56 { flex: 0 0 auto; width: 56% } .k-col-size-57 { flex: 0 0 auto; width: 57% } .k-col-size-58 { flex: 0 0 auto; width: 58% } .k-col-size-59 { flex: 0 0 auto; width: 59% } .k-col-size-60 { flex: 0 0 auto; width: 60% } .k-col-size-61 { flex: 0 0 auto; width: 61% } .k-col-size-62 { flex: 0 0 auto; width: 62% } .k-col-size-63 { flex: 0 0 auto; width: 63% } .k-col-size-64 { flex: 0 0 auto; width: 64% } .k-col-size-65 { flex: 0 0 auto; width: 65% } .k-col-size-66 { flex: 0 0 auto; width: 66% } .k-col-size-67 { flex: 0 0 auto; width: 67% } .k-col-size-68 { flex: 0 0 auto; width: 68% } .k-col-size-69 { flex: 0 0 auto; width: 69% } .k-col-size-70 { flex: 0 0 auto; width: 70% } .k-col-size-71 { flex: 0 0 auto; width: 71% } .k-col-size-72 { flex: 0 0 auto; width: 72% } .k-col-size-73 { flex: 0 0 auto; width: 73% } .k-col-size-74 { flex: 0 0 auto; width: 74% } .k-col-size-75 { flex: 0 0 auto; width: 75% } .k-col-size-76 { flex: 0 0 auto; width: 76% } .k-col-size-77 { flex: 0 0 auto; width: 77% } .k-col-size-78 { flex: 0 0 auto; width: 78% } .k-col-size-79 { flex: 0 0 auto; width: 79% } .k-col-size-80 { flex: 0 0 auto; width: 80% } .k-col-size-81 { flex: 0 0 auto; width: 81% } .k-col-size-82 { flex: 0 0 auto; width: 82% } .k-col-size-83 { flex: 0 0 auto; width: 83% } .k-col-size-84 { flex: 0 0 auto; width: 84% } .k-col-size-85 { flex: 0 0 auto; width: 85% } .k-col-size-86 { flex: 0 0 auto; width: 86% } .k-col-size-87 { flex: 0 0 auto; width: 87% } .k-col-size-88 { flex: 0 0 auto; width: 88% } .k-col-size-89 { flex: 0 0 auto; width: 89% } .k-col-size-90 { flex: 0 0 auto; width: 90% } .k-col-size-91 { flex: 0 0 auto; width: 91% } .k-col-size-92 { flex: 0 0 auto; width: 92% } .k-col-size-93 { flex: 0 0 auto; width: 93% } .k-col-size-94 { flex: 0 0 auto; width: 94% } .k-col-size-95 { flex: 0 0 auto; width: 95% } .k-col-size-96 { flex: 0 0 auto; width: 96% } .k-col-size-97 { flex: 0 0 auto; width: 97% } .k-col-size-98 { flex: 0 0 auto; width: 98% } .k-col-size-99 { flex: 0 0 auto; width: 99% } .k-col-size-100 { flex: 0 0 auto; width: 100% } .k-col-size-91-6 { flex: 0 0 auto; width: 91.6666% } .k-col-size-83-3 { flex: 0 0 auto; width: 83.3333% } .k-col-size-66-6 { flex: 0 0 auto; width: 66.6666% } .k-col-size-58-3 { flex: 0 0 auto; width: 58.3333% } .k-col-size-41-6 { flex: 0 0 auto; width: 41.6666% } .k-col-size-33-3 { flex: 0 0 auto; width: 33.3333% } .k-col-size-16-7 { flex: 0 0 auto; width: 16.6666% } .k-col-size-14-3 { flex: 0 0 auto; width: 14.2857% } .k-col-size-12-5 { flex: 0 0 auto; width: 12.5% } .k-col-size-11-1 { flex: 0 0 auto; width: 11.1111% } .k-col-size-9-1 { flex: 0 0 auto; width: 9.0909% } .k-col-size-8-3 { flex: 0 0 auto; width: 8.3333% } .k-col-gap-0 { --kendo-col-gap: 0px } .k-col-gap-1px { --kendo-col-gap: 1px } .k-col-gap-0\.5 { --kendo-col-gap: 0.125rem } .k-col-gap-1 { --kendo-col-gap: 0.25rem } .k-col-gap-1\.5 { --kendo-col-gap: 0.375rem } .k-col-gap-2 { --kendo-col-gap: 0.5rem } .k-col-gap-2\.5 { --kendo-col-gap: 0.625rem } .k-col-gap-3 { --kendo-col-gap: 0.75rem } .k-col-gap-3\.5 { --kendo-col-gap: 0.875rem } .k-col-gap-4 { --kendo-col-gap: 1rem } .k-col-gap-4\.5 { --kendo-col-gap: 1.125rem } .k-col-gap-5 { --kendo-col-gap: 1.25rem } .k-col-gap-5\.5 { --kendo-col-gap: 1.375rem } .k-col-gap-6 { --kendo-col-gap: 1.5rem } .k-col-gap-6\.5 { --kendo-col-gap: 1.625rem } .k-col-gap-7 { --kendo-col-gap: 1.75rem } .k-col-gap-7\.5 { --kendo-col-gap: 1.875rem } .k-col-gap-8 { --kendo-col-gap: 2rem } .k-col-gap-9 { --kendo-col-gap: 2.25rem } .k-col-gap-10 { --kendo-col-gap: 2.5rem } .k-col-gap-11 { --kendo-col-gap: 2.75rem } .k-col-gap-12 { --kendo-col-gap: 3rem } .k-col-gap-13 { --kendo-col-gap: 3.25rem } .k-col-gap-14 { --kendo-col-gap: 3.5rem } .k-col-gap-15 { --kendo-col-gap: 3.75rem } .k-col-gap-16 { --kendo-col-gap: 4rem } .k-col-gap-17 { --kendo-col-gap: 4.25rem } .k-col-gap-18 { --kendo-col-gap: 4.5rem } .k-col-gap-19 { --kendo-col-gap: 4.75rem } .k-col-gap-20 { --kendo-col-gap: 5rem } .k-col-gap-21 { --kendo-col-gap: 5.25rem } .k-col-gap-22 { --kendo-col-gap: 5.5rem } .k-col-gap-23 { --kendo-col-gap: 5.75rem } .k-col-gap-24 { --kendo-col-gap: 6rem } .k-col-gap-25 { --kendo-col-gap: 7rem } .k-col-gap-26 { --kendo-col-gap: 8rem } .k-col-gap-27 { --kendo-col-gap: 9rem } .k-col-gap-28 { --kendo-col-gap: 10rem } .k-col-gap-29 { --kendo-col-gap: 11rem } .k-col-gap-30 { --kendo-col-gap: 12rem } .k-col-gap-xs { --kendo-col-gap: var(--kendo-spacing-1, 0.25rem) } .k-col-gap-sm { --kendo-col-gap: var(--kendo-spacing-2, 0.5rem) } .k-col-gap-md { --kendo-col-gap: var(--kendo-spacing-3, 0.75rem) } .k-col-gap-lg { --kendo-col-gap: var(--kendo-spacing-4, 1rem) } .k-col-gap-xl { --kendo-col-gap: var(--kendo-spacing-6, 1.5rem) } .k-col-gap-thin { --kendo-col-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-col-gap-hair { --kendo-col-gap: var(--kendo-spacing-1px, 1px) } @media only all and (min-width: 0) { .k-col-xs { flex: 1 0 0% } .k-col-xs-size-1 { flex: 0 0 auto; width: 1% } .k-col-xs-size-2 { flex: 0 0 auto; width: 2% } .k-col-xs-size-3 { flex: 0 0 auto; width: 3% } .k-col-xs-size-4 { flex: 0 0 auto; width: 4% } .k-col-xs-size-5 { flex: 0 0 auto; width: 5% } .k-col-xs-size-6 { flex: 0 0 auto; width: 6% } .k-col-xs-size-7 { flex: 0 0 auto; width: 7% } .k-col-xs-size-8 { flex: 0 0 auto; width: 8% } .k-col-xs-size-9 { flex: 0 0 auto; width: 9% } .k-col-xs-size-10 { flex: 0 0 auto; width: 10% } .k-col-xs-size-11 { flex: 0 0 auto; width: 11% } .k-col-xs-size-12 { flex: 0 0 auto; width: 12% } .k-col-xs-size-13 { flex: 0 0 auto; width: 13% } .k-col-xs-size-14 { flex: 0 0 auto; width: 14% } .k-col-xs-size-15 { flex: 0 0 auto; width: 15% } .k-col-xs-size-16 { flex: 0 0 auto; width: 16% } .k-col-xs-size-17 { flex: 0 0 auto; width: 17% } .k-col-xs-size-18 { flex: 0 0 auto; width: 18% } .k-col-xs-size-19 { flex: 0 0 auto; width: 19% } .k-col-xs-size-20 { flex: 0 0 auto; width: 20% } .k-col-xs-size-21 { flex: 0 0 auto; width: 21% } .k-col-xs-size-22 { flex: 0 0 auto; width: 22% } .k-col-xs-size-23 { flex: 0 0 auto; width: 23% } .k-col-xs-size-24 { flex: 0 0 auto; width: 24% } .k-col-xs-size-25 { flex: 0 0 auto; width: 25% } .k-col-xs-size-26 { flex: 0 0 auto; width: 26% } .k-col-xs-size-27 { flex: 0 0 auto; width: 27% } .k-col-xs-size-28 { flex: 0 0 auto; width: 28% } .k-col-xs-size-29 { flex: 0 0 auto; width: 29% } .k-col-xs-size-30 { flex: 0 0 auto; width: 30% } .k-col-xs-size-31 { flex: 0 0 auto; width: 31% } .k-col-xs-size-32 { flex: 0 0 auto; width: 32% } .k-col-xs-size-33 { flex: 0 0 auto; width: 33% } .k-col-xs-size-34 { flex: 0 0 auto; width: 34% } .k-col-xs-size-35 { flex: 0 0 auto; width: 35% } .k-col-xs-size-36 { flex: 0 0 auto; width: 36% } .k-col-xs-size-37 { flex: 0 0 auto; width: 37% } .k-col-xs-size-38 { flex: 0 0 auto; width: 38% } .k-col-xs-size-39 { flex: 0 0 auto; width: 39% } .k-col-xs-size-40 { flex: 0 0 auto; width: 40% } .k-col-xs-size-41 { flex: 0 0 auto; width: 41% } .k-col-xs-size-42 { flex: 0 0 auto; width: 42% } .k-col-xs-size-43 { flex: 0 0 auto; width: 43% } .k-col-xs-size-44 { flex: 0 0 auto; width: 44% } .k-col-xs-size-45 { flex: 0 0 auto; width: 45% } .k-col-xs-size-46 { flex: 0 0 auto; width: 46% } .k-col-xs-size-47 { flex: 0 0 auto; width: 47% } .k-col-xs-size-48 { flex: 0 0 auto; width: 48% } .k-col-xs-size-49 { flex: 0 0 auto; width: 49% } .k-col-xs-size-50 { flex: 0 0 auto; width: 50% } .k-col-xs-size-51 { flex: 0 0 auto; width: 51% } .k-col-xs-size-52 { flex: 0 0 auto; width: 52% } .k-col-xs-size-53 { flex: 0 0 auto; width: 53% } .k-col-xs-size-54 { flex: 0 0 auto; width: 54% } .k-col-xs-size-55 { flex: 0 0 auto; width: 55% } .k-col-xs-size-56 { flex: 0 0 auto; width: 56% } .k-col-xs-size-57 { flex: 0 0 auto; width: 57% } .k-col-xs-size-58 { flex: 0 0 auto; width: 58% } .k-col-xs-size-59 { flex: 0 0 auto; width: 59% } .k-col-xs-size-60 { flex: 0 0 auto; width: 60% } .k-col-xs-size-61 { flex: 0 0 auto; width: 61% } .k-col-xs-size-62 { flex: 0 0 auto; width: 62% } .k-col-xs-size-63 { flex: 0 0 auto; width: 63% } .k-col-xs-size-64 { flex: 0 0 auto; width: 64% } .k-col-xs-size-65 { flex: 0 0 auto; width: 65% } .k-col-xs-size-66 { flex: 0 0 auto; width: 66% } .k-col-xs-size-67 { flex: 0 0 auto; width: 67% } .k-col-xs-size-68 { flex: 0 0 auto; width: 68% } .k-col-xs-size-69 { flex: 0 0 auto; width: 69% } .k-col-xs-size-70 { flex: 0 0 auto; width: 70% } .k-col-xs-size-71 { flex: 0 0 auto; width: 71% } .k-col-xs-size-72 { flex: 0 0 auto; width: 72% } .k-col-xs-size-73 { flex: 0 0 auto; width: 73% } .k-col-xs-size-74 { flex: 0 0 auto; width: 74% } .k-col-xs-size-75 { flex: 0 0 auto; width: 75% } .k-col-xs-size-76 { flex: 0 0 auto; width: 76% } .k-col-xs-size-77 { flex: 0 0 auto; width: 77% } .k-col-xs-size-78 { flex: 0 0 auto; width: 78% } .k-col-xs-size-79 { flex: 0 0 auto; width: 79% } .k-col-xs-size-80 { flex: 0 0 auto; width: 80% } .k-col-xs-size-81 { flex: 0 0 auto; width: 81% } .k-col-xs-size-82 { flex: 0 0 auto; width: 82% } .k-col-xs-size-83 { flex: 0 0 auto; width: 83% } .k-col-xs-size-84 { flex: 0 0 auto; width: 84% } .k-col-xs-size-85 { flex: 0 0 auto; width: 85% } .k-col-xs-size-86 { flex: 0 0 auto; width: 86% } .k-col-xs-size-87 { flex: 0 0 auto; width: 87% } .k-col-xs-size-88 { flex: 0 0 auto; width: 88% } .k-col-xs-size-89 { flex: 0 0 auto; width: 89% } .k-col-xs-size-90 { flex: 0 0 auto; width: 90% } .k-col-xs-size-91 { flex: 0 0 auto; width: 91% } .k-col-xs-size-92 { flex: 0 0 auto; width: 92% } .k-col-xs-size-93 { flex: 0 0 auto; width: 93% } .k-col-xs-size-94 { flex: 0 0 auto; width: 94% } .k-col-xs-size-95 { flex: 0 0 auto; width: 95% } .k-col-xs-size-96 { flex: 0 0 auto; width: 96% } .k-col-xs-size-97 { flex: 0 0 auto; width: 97% } .k-col-xs-size-98 { flex: 0 0 auto; width: 98% } .k-col-xs-size-99 { flex: 0 0 auto; width: 99% } .k-col-xs-size-100 { flex: 0 0 auto; width: 100% } .k-col-xs-size-91-6 { flex: 0 0 auto; width: 91.6666% } .k-col-xs-size-83-3 { flex: 0 0 auto; width: 83.3333% } .k-col-xs-size-66-6 { flex: 0 0 auto; width: 66.6666% } .k-col-xs-size-58-3 { flex: 0 0 auto; width: 58.3333% } .k-col-xs-size-41-6 { flex: 0 0 auto; width: 41.6666% } .k-col-xs-size-33-3 { flex: 0 0 auto; width: 33.3333% } .k-col-xs-size-16-7 { flex: 0 0 auto; width: 16.6666% } .k-col-xs-size-14-3 { flex: 0 0 auto; width: 14.2857% } .k-col-xs-size-12-5 { flex: 0 0 auto; width: 12.5% } .k-col-xs-size-11-1 { flex: 0 0 auto; width: 11.1111% } .k-col-xs-size-9-1 { flex: 0 0 auto; width: 9.0909% } .k-col-xs-size-8-3 { flex: 0 0 auto; width: 8.3333% } .k-col-gap-xs-0 { --kendo-col-gap: 0px } .k-col-gap-xs-1px { --kendo-col-gap: 1px } .k-col-gap-xs-0\.5 { --kendo-col-gap: 0.125rem } .k-col-gap-xs-1 { --kendo-col-gap: 0.25rem } .k-col-gap-xs-1\.5 { --kendo-col-gap: 0.375rem } .k-col-gap-xs-2 { --kendo-col-gap: 0.5rem } .k-col-gap-xs-2\.5 { --kendo-col-gap: 0.625rem } .k-col-gap-xs-3 { --kendo-col-gap: 0.75rem } .k-col-gap-xs-3\.5 { --kendo-col-gap: 0.875rem } .k-col-gap-xs-4 { --kendo-col-gap: 1rem } .k-col-gap-xs-4\.5 { --kendo-col-gap: 1.125rem } .k-col-gap-xs-5 { --kendo-col-gap: 1.25rem } .k-col-gap-xs-5\.5 { --kendo-col-gap: 1.375rem } .k-col-gap-xs-6 { --kendo-col-gap: 1.5rem } .k-col-gap-xs-6\.5 { --kendo-col-gap: 1.625rem } .k-col-gap-xs-7 { --kendo-col-gap: 1.75rem } .k-col-gap-xs-7\.5 { --kendo-col-gap: 1.875rem } .k-col-gap-xs-8 { --kendo-col-gap: 2rem } .k-col-gap-xs-9 { --kendo-col-gap: 2.25rem } .k-col-gap-xs-10 { --kendo-col-gap: 2.5rem } .k-col-gap-xs-11 { --kendo-col-gap: 2.75rem } .k-col-gap-xs-12 { --kendo-col-gap: 3rem } .k-col-gap-xs-13 { --kendo-col-gap: 3.25rem } .k-col-gap-xs-14 { --kendo-col-gap: 3.5rem } .k-col-gap-xs-15 { --kendo-col-gap: 3.75rem } .k-col-gap-xs-16 { --kendo-col-gap: 4rem } .k-col-gap-xs-17 { --kendo-col-gap: 4.25rem } .k-col-gap-xs-18 { --kendo-col-gap: 4.5rem } .k-col-gap-xs-19 { --kendo-col-gap: 4.75rem } .k-col-gap-xs-20 { --kendo-col-gap: 5rem } .k-col-gap-xs-21 { --kendo-col-gap: 5.25rem } .k-col-gap-xs-22 { --kendo-col-gap: 5.5rem } .k-col-gap-xs-23 { --kendo-col-gap: 5.75rem } .k-col-gap-xs-24 { --kendo-col-gap: 6rem } .k-col-gap-xs-25 { --kendo-col-gap: 7rem } .k-col-gap-xs-26 { --kendo-col-gap: 8rem } .k-col-gap-xs-27 { --kendo-col-gap: 9rem } .k-col-gap-xs-28 { --kendo-col-gap: 10rem } .k-col-gap-xs-29 { --kendo-col-gap: 11rem } .k-col-gap-xs-30 { --kendo-col-gap: 12rem } .k-col-gap-xs-xs { --kendo-col-gap: var(--kendo-spacing-1, 0.25rem) } .k-col-gap-xs-sm { --kendo-col-gap: var(--kendo-spacing-2, 0.5rem) } .k-col-gap-xs-md { --kendo-col-gap: var(--kendo-spacing-3, 0.75rem) } .k-col-gap-xs-lg { --kendo-col-gap: var(--kendo-spacing-4, 1rem) } .k-col-gap-xs-xl { --kendo-col-gap: var(--kendo-spacing-6, 1.5rem) } .k-col-gap-xs-thin { --kendo-col-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-col-gap-xs-hair { --kendo-col-gap: var(--kendo-spacing-1px, 1px) } } @media only all and (min-width: 576px) { .k-col-sm { flex: 1 0 0% } .k-col-sm-size-1 { flex: 0 0 auto; width: 1% } .k-col-sm-size-2 { flex: 0 0 auto; width: 2% } .k-col-sm-size-3 { flex: 0 0 auto; width: 3% } .k-col-sm-size-4 { flex: 0 0 auto; width: 4% } .k-col-sm-size-5 { flex: 0 0 auto; width: 5% } .k-col-sm-size-6 { flex: 0 0 auto; width: 6% } .k-col-sm-size-7 { flex: 0 0 auto; width: 7% } .k-col-sm-size-8 { flex: 0 0 auto; width: 8% } .k-col-sm-size-9 { flex: 0 0 auto; width: 9% } .k-col-sm-size-10 { flex: 0 0 auto; width: 10% } .k-col-sm-size-11 { flex: 0 0 auto; width: 11% } .k-col-sm-size-12 { flex: 0 0 auto; width: 12% } .k-col-sm-size-13 { flex: 0 0 auto; width: 13% } .k-col-sm-size-14 { flex: 0 0 auto; width: 14% } .k-col-sm-size-15 { flex: 0 0 auto; width: 15% } .k-col-sm-size-16 { flex: 0 0 auto; width: 16% } .k-col-sm-size-17 { flex: 0 0 auto; width: 17% } .k-col-sm-size-18 { flex: 0 0 auto; width: 18% } .k-col-sm-size-19 { flex: 0 0 auto; width: 19% } .k-col-sm-size-20 { flex: 0 0 auto; width: 20% } .k-col-sm-size-21 { flex: 0 0 auto; width: 21% } .k-col-sm-size-22 { flex: 0 0 auto; width: 22% } .k-col-sm-size-23 { flex: 0 0 auto; width: 23% } .k-col-sm-size-24 { flex: 0 0 auto; width: 24% } .k-col-sm-size-25 { flex: 0 0 auto; width: 25% } .k-col-sm-size-26 { flex: 0 0 auto; width: 26% } .k-col-sm-size-27 { flex: 0 0 auto; width: 27% } .k-col-sm-size-28 { flex: 0 0 auto; width: 28% } .k-col-sm-size-29 { flex: 0 0 auto; width: 29% } .k-col-sm-size-30 { flex: 0 0 auto; width: 30% } .k-col-sm-size-31 { flex: 0 0 auto; width: 31% } .k-col-sm-size-32 { flex: 0 0 auto; width: 32% } .k-col-sm-size-33 { flex: 0 0 auto; width: 33% } .k-col-sm-size-34 { flex: 0 0 auto; width: 34% } .k-col-sm-size-35 { flex: 0 0 auto; width: 35% } .k-col-sm-size-36 { flex: 0 0 auto; width: 36% } .k-col-sm-size-37 { flex: 0 0 auto; width: 37% } .k-col-sm-size-38 { flex: 0 0 auto; width: 38% } .k-col-sm-size-39 { flex: 0 0 auto; width: 39% } .k-col-sm-size-40 { flex: 0 0 auto; width: 40% } .k-col-sm-size-41 { flex: 0 0 auto; width: 41% } .k-col-sm-size-42 { flex: 0 0 auto; width: 42% } .k-col-sm-size-43 { flex: 0 0 auto; width: 43% } .k-col-sm-size-44 { flex: 0 0 auto; width: 44% } .k-col-sm-size-45 { flex: 0 0 auto; width: 45% } .k-col-sm-size-46 { flex: 0 0 auto; width: 46% } .k-col-sm-size-47 { flex: 0 0 auto; width: 47% } .k-col-sm-size-48 { flex: 0 0 auto; width: 48% } .k-col-sm-size-49 { flex: 0 0 auto; width: 49% } .k-col-sm-size-50 { flex: 0 0 auto; width: 50% } .k-col-sm-size-51 { flex: 0 0 auto; width: 51% } .k-col-sm-size-52 { flex: 0 0 auto; width: 52% } .k-col-sm-size-53 { flex: 0 0 auto; width: 53% } .k-col-sm-size-54 { flex: 0 0 auto; width: 54% } .k-col-sm-size-55 { flex: 0 0 auto; width: 55% } .k-col-sm-size-56 { flex: 0 0 auto; width: 56% } .k-col-sm-size-57 { flex: 0 0 auto; width: 57% } .k-col-sm-size-58 { flex: 0 0 auto; width: 58% } .k-col-sm-size-59 { flex: 0 0 auto; width: 59% } .k-col-sm-size-60 { flex: 0 0 auto; width: 60% } .k-col-sm-size-61 { flex: 0 0 auto; width: 61% } .k-col-sm-size-62 { flex: 0 0 auto; width: 62% } .k-col-sm-size-63 { flex: 0 0 auto; width: 63% } .k-col-sm-size-64 { flex: 0 0 auto; width: 64% } .k-col-sm-size-65 { flex: 0 0 auto; width: 65% } .k-col-sm-size-66 { flex: 0 0 auto; width: 66% } .k-col-sm-size-67 { flex: 0 0 auto; width: 67% } .k-col-sm-size-68 { flex: 0 0 auto; width: 68% } .k-col-sm-size-69 { flex: 0 0 auto; width: 69% } .k-col-sm-size-70 { flex: 0 0 auto; width: 70% } .k-col-sm-size-71 { flex: 0 0 auto; width: 71% } .k-col-sm-size-72 { flex: 0 0 auto; width: 72% } .k-col-sm-size-73 { flex: 0 0 auto; width: 73% } .k-col-sm-size-74 { flex: 0 0 auto; width: 74% } .k-col-sm-size-75 { flex: 0 0 auto; width: 75% } .k-col-sm-size-76 { flex: 0 0 auto; width: 76% } .k-col-sm-size-77 { flex: 0 0 auto; width: 77% } .k-col-sm-size-78 { flex: 0 0 auto; width: 78% } .k-col-sm-size-79 { flex: 0 0 auto; width: 79% } .k-col-sm-size-80 { flex: 0 0 auto; width: 80% } .k-col-sm-size-81 { flex: 0 0 auto; width: 81% } .k-col-sm-size-82 { flex: 0 0 auto; width: 82% } .k-col-sm-size-83 { flex: 0 0 auto; width: 83% } .k-col-sm-size-84 { flex: 0 0 auto; width: 84% } .k-col-sm-size-85 { flex: 0 0 auto; width: 85% } .k-col-sm-size-86 { flex: 0 0 auto; width: 86% } .k-col-sm-size-87 { flex: 0 0 auto; width: 87% } .k-col-sm-size-88 { flex: 0 0 auto; width: 88% } .k-col-sm-size-89 { flex: 0 0 auto; width: 89% } .k-col-sm-size-90 { flex: 0 0 auto; width: 90% } .k-col-sm-size-91 { flex: 0 0 auto; width: 91% } .k-col-sm-size-92 { flex: 0 0 auto; width: 92% } .k-col-sm-size-93 { flex: 0 0 auto; width: 93% } .k-col-sm-size-94 { flex: 0 0 auto; width: 94% } .k-col-sm-size-95 { flex: 0 0 auto; width: 95% } .k-col-sm-size-96 { flex: 0 0 auto; width: 96% } .k-col-sm-size-97 { flex: 0 0 auto; width: 97% } .k-col-sm-size-98 { flex: 0 0 auto; width: 98% } .k-col-sm-size-99 { flex: 0 0 auto; width: 99% } .k-col-sm-size-100 { flex: 0 0 auto; width: 100% } .k-col-sm-size-91-6 { flex: 0 0 auto; width: 91.6666% } .k-col-sm-size-83-3 { flex: 0 0 auto; width: 83.3333% } .k-col-sm-size-66-6 { flex: 0 0 auto; width: 66.6666% } .k-col-sm-size-58-3 { flex: 0 0 auto; width: 58.3333% } .k-col-sm-size-41-6 { flex: 0 0 auto; width: 41.6666% } .k-col-sm-size-33-3 { flex: 0 0 auto; width: 33.3333% } .k-col-sm-size-16-7 { flex: 0 0 auto; width: 16.6666% } .k-col-sm-size-14-3 { flex: 0 0 auto; width: 14.2857% } .k-col-sm-size-12-5 { flex: 0 0 auto; width: 12.5% } .k-col-sm-size-11-1 { flex: 0 0 auto; width: 11.1111% } .k-col-sm-size-9-1 { flex: 0 0 auto; width: 9.0909% } .k-col-sm-size-8-3 { flex: 0 0 auto; width: 8.3333% } .k-col-gap-sm-0 { --kendo-col-gap: 0px } .k-col-gap-sm-1px { --kendo-col-gap: 1px } .k-col-gap-sm-0\.5 { --kendo-col-gap: 0.125rem } .k-col-gap-sm-1 { --kendo-col-gap: 0.25rem } .k-col-gap-sm-1\.5 { --kendo-col-gap: 0.375rem } .k-col-gap-sm-2 { --kendo-col-gap: 0.5rem } .k-col-gap-sm-2\.5 { --kendo-col-gap: 0.625rem } .k-col-gap-sm-3 { --kendo-col-gap: 0.75rem } .k-col-gap-sm-3\.5 { --kendo-col-gap: 0.875rem } .k-col-gap-sm-4 { --kendo-col-gap: 1rem } .k-col-gap-sm-4\.5 { --kendo-col-gap: 1.125rem } .k-col-gap-sm-5 { --kendo-col-gap: 1.25rem } .k-col-gap-sm-5\.5 { --kendo-col-gap: 1.375rem } .k-col-gap-sm-6 { --kendo-col-gap: 1.5rem } .k-col-gap-sm-6\.5 { --kendo-col-gap: 1.625rem } .k-col-gap-sm-7 { --kendo-col-gap: 1.75rem } .k-col-gap-sm-7\.5 { --kendo-col-gap: 1.875rem } .k-col-gap-sm-8 { --kendo-col-gap: 2rem } .k-col-gap-sm-9 { --kendo-col-gap: 2.25rem } .k-col-gap-sm-10 { --kendo-col-gap: 2.5rem } .k-col-gap-sm-11 { --kendo-col-gap: 2.75rem } .k-col-gap-sm-12 { --kendo-col-gap: 3rem } .k-col-gap-sm-13 { --kendo-col-gap: 3.25rem } .k-col-gap-sm-14 { --kendo-col-gap: 3.5rem } .k-col-gap-sm-15 { --kendo-col-gap: 3.75rem } .k-col-gap-sm-16 { --kendo-col-gap: 4rem } .k-col-gap-sm-17 { --kendo-col-gap: 4.25rem } .k-col-gap-sm-18 { --kendo-col-gap: 4.5rem } .k-col-gap-sm-19 { --kendo-col-gap: 4.75rem } .k-col-gap-sm-20 { --kendo-col-gap: 5rem } .k-col-gap-sm-21 { --kendo-col-gap: 5.25rem } .k-col-gap-sm-22 { --kendo-col-gap: 5.5rem } .k-col-gap-sm-23 { --kendo-col-gap: 5.75rem } .k-col-gap-sm-24 { --kendo-col-gap: 6rem } .k-col-gap-sm-25 { --kendo-col-gap: 7rem } .k-col-gap-sm-26 { --kendo-col-gap: 8rem } .k-col-gap-sm-27 { --kendo-col-gap: 9rem } .k-col-gap-sm-28 { --kendo-col-gap: 10rem } .k-col-gap-sm-29 { --kendo-col-gap: 11rem } .k-col-gap-sm-30 { --kendo-col-gap: 12rem } .k-col-gap-sm-xs { --kendo-col-gap: var(--kendo-spacing-1, 0.25rem) } .k-col-gap-sm-sm { --kendo-col-gap: var(--kendo-spacing-2, 0.5rem) } .k-col-gap-sm-md { --kendo-col-gap: var(--kendo-spacing-3, 0.75rem) } .k-col-gap-sm-lg { --kendo-col-gap: var(--kendo-spacing-4, 1rem) } .k-col-gap-sm-xl { --kendo-col-gap: var(--kendo-spacing-6, 1.5rem) } .k-col-gap-sm-thin { --kendo-col-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-col-gap-sm-hair { --kendo-col-gap: var(--kendo-spacing-1px, 1px) } } @media only all and (min-width: 768px) { .k-col-md { flex: 1 0 0% } .k-col-md-size-1 { flex: 0 0 auto; width: 1% } .k-col-md-size-2 { flex: 0 0 auto; width: 2% } .k-col-md-size-3 { flex: 0 0 auto; width: 3% } .k-col-md-size-4 { flex: 0 0 auto; width: 4% } .k-col-md-size-5 { flex: 0 0 auto; width: 5% } .k-col-md-size-6 { flex: 0 0 auto; width: 6% } .k-col-md-size-7 { flex: 0 0 auto; width: 7% } .k-col-md-size-8 { flex: 0 0 auto; width: 8% } .k-col-md-size-9 { flex: 0 0 auto; width: 9% } .k-col-md-size-10 { flex: 0 0 auto; width: 10% } .k-col-md-size-11 { flex: 0 0 auto; width: 11% } .k-col-md-size-12 { flex: 0 0 auto; width: 12% } .k-col-md-size-13 { flex: 0 0 auto; width: 13% } .k-col-md-size-14 { flex: 0 0 auto; width: 14% } .k-col-md-size-15 { flex: 0 0 auto; width: 15% } .k-col-md-size-16 { flex: 0 0 auto; width: 16% } .k-col-md-size-17 { flex: 0 0 auto; width: 17% } .k-col-md-size-18 { flex: 0 0 auto; width: 18% } .k-col-md-size-19 { flex: 0 0 auto; width: 19% } .k-col-md-size-20 { flex: 0 0 auto; width: 20% } .k-col-md-size-21 { flex: 0 0 auto; width: 21% } .k-col-md-size-22 { flex: 0 0 auto; width: 22% } .k-col-md-size-23 { flex: 0 0 auto; width: 23% } .k-col-md-size-24 { flex: 0 0 auto; width: 24% } .k-col-md-size-25 { flex: 0 0 auto; width: 25% } .k-col-md-size-26 { flex: 0 0 auto; width: 26% } .k-col-md-size-27 { flex: 0 0 auto; width: 27% } .k-col-md-size-28 { flex: 0 0 auto; width: 28% } .k-col-md-size-29 { flex: 0 0 auto; width: 29% } .k-col-md-size-30 { flex: 0 0 auto; width: 30% } .k-col-md-size-31 { flex: 0 0 auto; width: 31% } .k-col-md-size-32 { flex: 0 0 auto; width: 32% } .k-col-md-size-33 { flex: 0 0 auto; width: 33% } .k-col-md-size-34 { flex: 0 0 auto; width: 34% } .k-col-md-size-35 { flex: 0 0 auto; width: 35% } .k-col-md-size-36 { flex: 0 0 auto; width: 36% } .k-col-md-size-37 { flex: 0 0 auto; width: 37% } .k-col-md-size-38 { flex: 0 0 auto; width: 38% } .k-col-md-size-39 { flex: 0 0 auto; width: 39% } .k-col-md-size-40 { flex: 0 0 auto; width: 40% } .k-col-md-size-41 { flex: 0 0 auto; width: 41% } .k-col-md-size-42 { flex: 0 0 auto; width: 42% } .k-col-md-size-43 { flex: 0 0 auto; width: 43% } .k-col-md-size-44 { flex: 0 0 auto; width: 44% } .k-col-md-size-45 { flex: 0 0 auto; width: 45% } .k-col-md-size-46 { flex: 0 0 auto; width: 46% } .k-col-md-size-47 { flex: 0 0 auto; width: 47% } .k-col-md-size-48 { flex: 0 0 auto; width: 48% } .k-col-md-size-49 { flex: 0 0 auto; width: 49% } .k-col-md-size-50 { flex: 0 0 auto; width: 50% } .k-col-md-size-51 { flex: 0 0 auto; width: 51% } .k-col-md-size-52 { flex: 0 0 auto; width: 52% } .k-col-md-size-53 { flex: 0 0 auto; width: 53% } .k-col-md-size-54 { flex: 0 0 auto; width: 54% } .k-col-md-size-55 { flex: 0 0 auto; width: 55% } .k-col-md-size-56 { flex: 0 0 auto; width: 56% } .k-col-md-size-57 { flex: 0 0 auto; width: 57% } .k-col-md-size-58 { flex: 0 0 auto; width: 58% } .k-col-md-size-59 { flex: 0 0 auto; width: 59% } .k-col-md-size-60 { flex: 0 0 auto; width: 60% } .k-col-md-size-61 { flex: 0 0 auto; width: 61% } .k-col-md-size-62 { flex: 0 0 auto; width: 62% } .k-col-md-size-63 { flex: 0 0 auto; width: 63% } .k-col-md-size-64 { flex: 0 0 auto; width: 64% } .k-col-md-size-65 { flex: 0 0 auto; width: 65% } .k-col-md-size-66 { flex: 0 0 auto; width: 66% } .k-col-md-size-67 { flex: 0 0 auto; width: 67% } .k-col-md-size-68 { flex: 0 0 auto; width: 68% } .k-col-md-size-69 { flex: 0 0 auto; width: 69% } .k-col-md-size-70 { flex: 0 0 auto; width: 70% } .k-col-md-size-71 { flex: 0 0 auto; width: 71% } .k-col-md-size-72 { flex: 0 0 auto; width: 72% } .k-col-md-size-73 { flex: 0 0 auto; width: 73% } .k-col-md-size-74 { flex: 0 0 auto; width: 74% } .k-col-md-size-75 { flex: 0 0 auto; width: 75% } .k-col-md-size-76 { flex: 0 0 auto; width: 76% } .k-col-md-size-77 { flex: 0 0 auto; width: 77% } .k-col-md-size-78 { flex: 0 0 auto; width: 78% } .k-col-md-size-79 { flex: 0 0 auto; width: 79% } .k-col-md-size-80 { flex: 0 0 auto; width: 80% } .k-col-md-size-81 { flex: 0 0 auto; width: 81% } .k-col-md-size-82 { flex: 0 0 auto; width: 82% } .k-col-md-size-83 { flex: 0 0 auto; width: 83% } .k-col-md-size-84 { flex: 0 0 auto; width: 84% } .k-col-md-size-85 { flex: 0 0 auto; width: 85% } .k-col-md-size-86 { flex: 0 0 auto; width: 86% } .k-col-md-size-87 { flex: 0 0 auto; width: 87% } .k-col-md-size-88 { flex: 0 0 auto; width: 88% } .k-col-md-size-89 { flex: 0 0 auto; width: 89% } .k-col-md-size-90 { flex: 0 0 auto; width: 90% } .k-col-md-size-91 { flex: 0 0 auto; width: 91% } .k-col-md-size-92 { flex: 0 0 auto; width: 92% } .k-col-md-size-93 { flex: 0 0 auto; width: 93% } .k-col-md-size-94 { flex: 0 0 auto; width: 94% } .k-col-md-size-95 { flex: 0 0 auto; width: 95% } .k-col-md-size-96 { flex: 0 0 auto; width: 96% } .k-col-md-size-97 { flex: 0 0 auto; width: 97% } .k-col-md-size-98 { flex: 0 0 auto; width: 98% } .k-col-md-size-99 { flex: 0 0 auto; width: 99% } .k-col-md-size-100 { flex: 0 0 auto; width: 100% } .k-col-md-size-91-6 { flex: 0 0 auto; width: 91.6666% } .k-col-md-size-83-3 { flex: 0 0 auto; width: 83.3333% } .k-col-md-size-66-6 { flex: 0 0 auto; width: 66.6666% } .k-col-md-size-58-3 { flex: 0 0 auto; width: 58.3333% } .k-col-md-size-41-6 { flex: 0 0 auto; width: 41.6666% } .k-col-md-size-33-3 { flex: 0 0 auto; width: 33.3333% } .k-col-md-size-16-7 { flex: 0 0 auto; width: 16.6666% } .k-col-md-size-14-3 { flex: 0 0 auto; width: 14.2857% } .k-col-md-size-12-5 { flex: 0 0 auto; width: 12.5% } .k-col-md-size-11-1 { flex: 0 0 auto; width: 11.1111% } .k-col-md-size-9-1 { flex: 0 0 auto; width: 9.0909% } .k-col-md-size-8-3 { flex: 0 0 auto; width: 8.3333% } .k-col-gap-md-0 { --kendo-col-gap: 0px } .k-col-gap-md-1px { --kendo-col-gap: 1px } .k-col-gap-md-0\.5 { --kendo-col-gap: 0.125rem } .k-col-gap-md-1 { --kendo-col-gap: 0.25rem } .k-col-gap-md-1\.5 { --kendo-col-gap: 0.375rem } .k-col-gap-md-2 { --kendo-col-gap: 0.5rem } .k-col-gap-md-2\.5 { --kendo-col-gap: 0.625rem } .k-col-gap-md-3 { --kendo-col-gap: 0.75rem } .k-col-gap-md-3\.5 { --kendo-col-gap: 0.875rem } .k-col-gap-md-4 { --kendo-col-gap: 1rem } .k-col-gap-md-4\.5 { --kendo-col-gap: 1.125rem } .k-col-gap-md-5 { --kendo-col-gap: 1.25rem } .k-col-gap-md-5\.5 { --kendo-col-gap: 1.375rem } .k-col-gap-md-6 { --kendo-col-gap: 1.5rem } .k-col-gap-md-6\.5 { --kendo-col-gap: 1.625rem } .k-col-gap-md-7 { --kendo-col-gap: 1.75rem } .k-col-gap-md-7\.5 { --kendo-col-gap: 1.875rem } .k-col-gap-md-8 { --kendo-col-gap: 2rem } .k-col-gap-md-9 { --kendo-col-gap: 2.25rem } .k-col-gap-md-10 { --kendo-col-gap: 2.5rem } .k-col-gap-md-11 { --kendo-col-gap: 2.75rem } .k-col-gap-md-12 { --kendo-col-gap: 3rem } .k-col-gap-md-13 { --kendo-col-gap: 3.25rem } .k-col-gap-md-14 { --kendo-col-gap: 3.5rem } .k-col-gap-md-15 { --kendo-col-gap: 3.75rem } .k-col-gap-md-16 { --kendo-col-gap: 4rem } .k-col-gap-md-17 { --kendo-col-gap: 4.25rem } .k-col-gap-md-18 { --kendo-col-gap: 4.5rem } .k-col-gap-md-19 { --kendo-col-gap: 4.75rem } .k-col-gap-md-20 { --kendo-col-gap: 5rem } .k-col-gap-md-21 { --kendo-col-gap: 5.25rem } .k-col-gap-md-22 { --kendo-col-gap: 5.5rem } .k-col-gap-md-23 { --kendo-col-gap: 5.75rem } .k-col-gap-md-24 { --kendo-col-gap: 6rem } .k-col-gap-md-25 { --kendo-col-gap: 7rem } .k-col-gap-md-26 { --kendo-col-gap: 8rem } .k-col-gap-md-27 { --kendo-col-gap: 9rem } .k-col-gap-md-28 { --kendo-col-gap: 10rem } .k-col-gap-md-29 { --kendo-col-gap: 11rem } .k-col-gap-md-30 { --kendo-col-gap: 12rem } .k-col-gap-md-xs { --kendo-col-gap: var(--kendo-spacing-1, 0.25rem) } .k-col-gap-md-sm { --kendo-col-gap: var(--kendo-spacing-2, 0.5rem) } .k-col-gap-md-md { --kendo-col-gap: var(--kendo-spacing-3, 0.75rem) } .k-col-gap-md-lg { --kendo-col-gap: var(--kendo-spacing-4, 1rem) } .k-col-gap-md-xl { --kendo-col-gap: var(--kendo-spacing-6, 1.5rem) } .k-col-gap-md-thin { --kendo-col-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-col-gap-md-hair { --kendo-col-gap: var(--kendo-spacing-1px, 1px) } } @media only all and (min-width: 992px) { .k-col-lg { flex: 1 0 0% } .k-col-lg-size-1 { flex: 0 0 auto; width: 1% } .k-col-lg-size-2 { flex: 0 0 auto; width: 2% } .k-col-lg-size-3 { flex: 0 0 auto; width: 3% } .k-col-lg-size-4 { flex: 0 0 auto; width: 4% } .k-col-lg-size-5 { flex: 0 0 auto; width: 5% } .k-col-lg-size-6 { flex: 0 0 auto; width: 6% } .k-col-lg-size-7 { flex: 0 0 auto; width: 7% } .k-col-lg-size-8 { flex: 0 0 auto; width: 8% } .k-col-lg-size-9 { flex: 0 0 auto; width: 9% } .k-col-lg-size-10 { flex: 0 0 auto; width: 10% } .k-col-lg-size-11 { flex: 0 0 auto; width: 11% } .k-col-lg-size-12 { flex: 0 0 auto; width: 12% } .k-col-lg-size-13 { flex: 0 0 auto; width: 13% } .k-col-lg-size-14 { flex: 0 0 auto; width: 14% } .k-col-lg-size-15 { flex: 0 0 auto; width: 15% } .k-col-lg-size-16 { flex: 0 0 auto; width: 16% } .k-col-lg-size-17 { flex: 0 0 auto; width: 17% } .k-col-lg-size-18 { flex: 0 0 auto; width: 18% } .k-col-lg-size-19 { flex: 0 0 auto; width: 19% } .k-col-lg-size-20 { flex: 0 0 auto; width: 20% } .k-col-lg-size-21 { flex: 0 0 auto; width: 21% } .k-col-lg-size-22 { flex: 0 0 auto; width: 22% } .k-col-lg-size-23 { flex: 0 0 auto; width: 23% } .k-col-lg-size-24 { flex: 0 0 auto; width: 24% } .k-col-lg-size-25 { flex: 0 0 auto; width: 25% } .k-col-lg-size-26 { flex: 0 0 auto; width: 26% } .k-col-lg-size-27 { flex: 0 0 auto; width: 27% } .k-col-lg-size-28 { flex: 0 0 auto; width: 28% } .k-col-lg-size-29 { flex: 0 0 auto; width: 29% } .k-col-lg-size-30 { flex: 0 0 auto; width: 30% } .k-col-lg-size-31 { flex: 0 0 auto; width: 31% } .k-col-lg-size-32 { flex: 0 0 auto; width: 32% } .k-col-lg-size-33 { flex: 0 0 auto; width: 33% } .k-col-lg-size-34 { flex: 0 0 auto; width: 34% } .k-col-lg-size-35 { flex: 0 0 auto; width: 35% } .k-col-lg-size-36 { flex: 0 0 auto; width: 36% } .k-col-lg-size-37 { flex: 0 0 auto; width: 37% } .k-col-lg-size-38 { flex: 0 0 auto; width: 38% } .k-col-lg-size-39 { flex: 0 0 auto; width: 39% } .k-col-lg-size-40 { flex: 0 0 auto; width: 40% } .k-col-lg-size-41 { flex: 0 0 auto; width: 41% } .k-col-lg-size-42 { flex: 0 0 auto; width: 42% } .k-col-lg-size-43 { flex: 0 0 auto; width: 43% } .k-col-lg-size-44 { flex: 0 0 auto; width: 44% } .k-col-lg-size-45 { flex: 0 0 auto; width: 45% } .k-col-lg-size-46 { flex: 0 0 auto; width: 46% } .k-col-lg-size-47 { flex: 0 0 auto; width: 47% } .k-col-lg-size-48 { flex: 0 0 auto; width: 48% } .k-col-lg-size-49 { flex: 0 0 auto; width: 49% } .k-col-lg-size-50 { flex: 0 0 auto; width: 50% } .k-col-lg-size-51 { flex: 0 0 auto; width: 51% } .k-col-lg-size-52 { flex: 0 0 auto; width: 52% } .k-col-lg-size-53 { flex: 0 0 auto; width: 53% } .k-col-lg-size-54 { flex: 0 0 auto; width: 54% } .k-col-lg-size-55 { flex: 0 0 auto; width: 55% } .k-col-lg-size-56 { flex: 0 0 auto; width: 56% } .k-col-lg-size-57 { flex: 0 0 auto; width: 57% } .k-col-lg-size-58 { flex: 0 0 auto; width: 58% } .k-col-lg-size-59 { flex: 0 0 auto; width: 59% } .k-col-lg-size-60 { flex: 0 0 auto; width: 60% } .k-col-lg-size-61 { flex: 0 0 auto; width: 61% } .k-col-lg-size-62 { flex: 0 0 auto; width: 62% } .k-col-lg-size-63 { flex: 0 0 auto; width: 63% } .k-col-lg-size-64 { flex: 0 0 auto; width: 64% } .k-col-lg-size-65 { flex: 0 0 auto; width: 65% } .k-col-lg-size-66 { flex: 0 0 auto; width: 66% } .k-col-lg-size-67 { flex: 0 0 auto; width: 67% } .k-col-lg-size-68 { flex: 0 0 auto; width: 68% } .k-col-lg-size-69 { flex: 0 0 auto; width: 69% } .k-col-lg-size-70 { flex: 0 0 auto; width: 70% } .k-col-lg-size-71 { flex: 0 0 auto; width: 71% } .k-col-lg-size-72 { flex: 0 0 auto; width: 72% } .k-col-lg-size-73 { flex: 0 0 auto; width: 73% } .k-col-lg-size-74 { flex: 0 0 auto; width: 74% } .k-col-lg-size-75 { flex: 0 0 auto; width: 75% } .k-col-lg-size-76 { flex: 0 0 auto; width: 76% } .k-col-lg-size-77 { flex: 0 0 auto; width: 77% } .k-col-lg-size-78 { flex: 0 0 auto; width: 78% } .k-col-lg-size-79 { flex: 0 0 auto; width: 79% } .k-col-lg-size-80 { flex: 0 0 auto; width: 80% } .k-col-lg-size-81 { flex: 0 0 auto; width: 81% } .k-col-lg-size-82 { flex: 0 0 auto; width: 82% } .k-col-lg-size-83 { flex: 0 0 auto; width: 83% } .k-col-lg-size-84 { flex: 0 0 auto; width: 84% } .k-col-lg-size-85 { flex: 0 0 auto; width: 85% } .k-col-lg-size-86 { flex: 0 0 auto; width: 86% } .k-col-lg-size-87 { flex: 0 0 auto; width: 87% } .k-col-lg-size-88 { flex: 0 0 auto; width: 88% } .k-col-lg-size-89 { flex: 0 0 auto; width: 89% } .k-col-lg-size-90 { flex: 0 0 auto; width: 90% } .k-col-lg-size-91 { flex: 0 0 auto; width: 91% } .k-col-lg-size-92 { flex: 0 0 auto; width: 92% } .k-col-lg-size-93 { flex: 0 0 auto; width: 93% } .k-col-lg-size-94 { flex: 0 0 auto; width: 94% } .k-col-lg-size-95 { flex: 0 0 auto; width: 95% } .k-col-lg-size-96 { flex: 0 0 auto; width: 96% } .k-col-lg-size-97 { flex: 0 0 auto; width: 97% } .k-col-lg-size-98 { flex: 0 0 auto; width: 98% } .k-col-lg-size-99 { flex: 0 0 auto; width: 99% } .k-col-lg-size-100 { flex: 0 0 auto; width: 100% } .k-col-lg-size-91-6 { flex: 0 0 auto; width: 91.6666% } .k-col-lg-size-83-3 { flex: 0 0 auto; width: 83.3333% } .k-col-lg-size-66-6 { flex: 0 0 auto; width: 66.6666% } .k-col-lg-size-58-3 { flex: 0 0 auto; width: 58.3333% } .k-col-lg-size-41-6 { flex: 0 0 auto; width: 41.6666% } .k-col-lg-size-33-3 { flex: 0 0 auto; width: 33.3333% } .k-col-lg-size-16-7 { flex: 0 0 auto; width: 16.6666% } .k-col-lg-size-14-3 { flex: 0 0 auto; width: 14.2857% } .k-col-lg-size-12-5 { flex: 0 0 auto; width: 12.5% } .k-col-lg-size-11-1 { flex: 0 0 auto; width: 11.1111% } .k-col-lg-size-9-1 { flex: 0 0 auto; width: 9.0909% } .k-col-lg-size-8-3 { flex: 0 0 auto; width: 8.3333% } .k-col-gap-lg-0 { --kendo-col-gap: 0px } .k-col-gap-lg-1px { --kendo-col-gap: 1px } .k-col-gap-lg-0\.5 { --kendo-col-gap: 0.125rem } .k-col-gap-lg-1 { --kendo-col-gap: 0.25rem } .k-col-gap-lg-1\.5 { --kendo-col-gap: 0.375rem } .k-col-gap-lg-2 { --kendo-col-gap: 0.5rem } .k-col-gap-lg-2\.5 { --kendo-col-gap: 0.625rem } .k-col-gap-lg-3 { --kendo-col-gap: 0.75rem } .k-col-gap-lg-3\.5 { --kendo-col-gap: 0.875rem } .k-col-gap-lg-4 { --kendo-col-gap: 1rem } .k-col-gap-lg-4\.5 { --kendo-col-gap: 1.125rem } .k-col-gap-lg-5 { --kendo-col-gap: 1.25rem } .k-col-gap-lg-5\.5 { --kendo-col-gap: 1.375rem } .k-col-gap-lg-6 { --kendo-col-gap: 1.5rem } .k-col-gap-lg-6\.5 { --kendo-col-gap: 1.625rem } .k-col-gap-lg-7 { --kendo-col-gap: 1.75rem } .k-col-gap-lg-7\.5 { --kendo-col-gap: 1.875rem } .k-col-gap-lg-8 { --kendo-col-gap: 2rem } .k-col-gap-lg-9 { --kendo-col-gap: 2.25rem } .k-col-gap-lg-10 { --kendo-col-gap: 2.5rem } .k-col-gap-lg-11 { --kendo-col-gap: 2.75rem } .k-col-gap-lg-12 { --kendo-col-gap: 3rem } .k-col-gap-lg-13 { --kendo-col-gap: 3.25rem } .k-col-gap-lg-14 { --kendo-col-gap: 3.5rem } .k-col-gap-lg-15 { --kendo-col-gap: 3.75rem } .k-col-gap-lg-16 { --kendo-col-gap: 4rem } .k-col-gap-lg-17 { --kendo-col-gap: 4.25rem } .k-col-gap-lg-18 { --kendo-col-gap: 4.5rem } .k-col-gap-lg-19 { --kendo-col-gap: 4.75rem } .k-col-gap-lg-20 { --kendo-col-gap: 5rem } .k-col-gap-lg-21 { --kendo-col-gap: 5.25rem } .k-col-gap-lg-22 { --kendo-col-gap: 5.5rem } .k-col-gap-lg-23 { --kendo-col-gap: 5.75rem } .k-col-gap-lg-24 { --kendo-col-gap: 6rem } .k-col-gap-lg-25 { --kendo-col-gap: 7rem } .k-col-gap-lg-26 { --kendo-col-gap: 8rem } .k-col-gap-lg-27 { --kendo-col-gap: 9rem } .k-col-gap-lg-28 { --kendo-col-gap: 10rem } .k-col-gap-lg-29 { --kendo-col-gap: 11rem } .k-col-gap-lg-30 { --kendo-col-gap: 12rem } .k-col-gap-lg-xs { --kendo-col-gap: var(--kendo-spacing-1, 0.25rem) } .k-col-gap-lg-sm { --kendo-col-gap: var(--kendo-spacing-2, 0.5rem) } .k-col-gap-lg-md { --kendo-col-gap: var(--kendo-spacing-3, 0.75rem) } .k-col-gap-lg-lg { --kendo-col-gap: var(--kendo-spacing-4, 1rem) } .k-col-gap-lg-xl { --kendo-col-gap: var(--kendo-spacing-6, 1.5rem) } .k-col-gap-lg-thin { --kendo-col-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-col-gap-lg-hair { --kendo-col-gap: var(--kendo-spacing-1px, 1px) } } @media only all and (min-width: 1200px) { .k-col-xl { flex: 1 0 0% } .k-col-xl-size-1 { flex: 0 0 auto; width: 1% } .k-col-xl-size-2 { flex: 0 0 auto; width: 2% } .k-col-xl-size-3 { flex: 0 0 auto; width: 3% } .k-col-xl-size-4 { flex: 0 0 auto; width: 4% } .k-col-xl-size-5 { flex: 0 0 auto; width: 5% } .k-col-xl-size-6 { flex: 0 0 auto; width: 6% } .k-col-xl-size-7 { flex: 0 0 auto; width: 7% } .k-col-xl-size-8 { flex: 0 0 auto; width: 8% } .k-col-xl-size-9 { flex: 0 0 auto; width: 9% } .k-col-xl-size-10 { flex: 0 0 auto; width: 10% } .k-col-xl-size-11 { flex: 0 0 auto; width: 11% } .k-col-xl-size-12 { flex: 0 0 auto; width: 12% } .k-col-xl-size-13 { flex: 0 0 auto; width: 13% } .k-col-xl-size-14 { flex: 0 0 auto; width: 14% } .k-col-xl-size-15 { flex: 0 0 auto; width: 15% } .k-col-xl-size-16 { flex: 0 0 auto; width: 16% } .k-col-xl-size-17 { flex: 0 0 auto; width: 17% } .k-col-xl-size-18 { flex: 0 0 auto; width: 18% } .k-col-xl-size-19 { flex: 0 0 auto; width: 19% } .k-col-xl-size-20 { flex: 0 0 auto; width: 20% } .k-col-xl-size-21 { flex: 0 0 auto; width: 21% } .k-col-xl-size-22 { flex: 0 0 auto; width: 22% } .k-col-xl-size-23 { flex: 0 0 auto; width: 23% } .k-col-xl-size-24 { flex: 0 0 auto; width: 24% } .k-col-xl-size-25 { flex: 0 0 auto; width: 25% } .k-col-xl-size-26 { flex: 0 0 auto; width: 26% } .k-col-xl-size-27 { flex: 0 0 auto; width: 27% } .k-col-xl-size-28 { flex: 0 0 auto; width: 28% } .k-col-xl-size-29 { flex: 0 0 auto; width: 29% } .k-col-xl-size-30 { flex: 0 0 auto; width: 30% } .k-col-xl-size-31 { flex: 0 0 auto; width: 31% } .k-col-xl-size-32 { flex: 0 0 auto; width: 32% } .k-col-xl-size-33 { flex: 0 0 auto; width: 33% } .k-col-xl-size-34 { flex: 0 0 auto; width: 34% } .k-col-xl-size-35 { flex: 0 0 auto; width: 35% } .k-col-xl-size-36 { flex: 0 0 auto; width: 36% } .k-col-xl-size-37 { flex: 0 0 auto; width: 37% } .k-col-xl-size-38 { flex: 0 0 auto; width: 38% } .k-col-xl-size-39 { flex: 0 0 auto; width: 39% } .k-col-xl-size-40 { flex: 0 0 auto; width: 40% } .k-col-xl-size-41 { flex: 0 0 auto; width: 41% } .k-col-xl-size-42 { flex: 0 0 auto; width: 42% } .k-col-xl-size-43 { flex: 0 0 auto; width: 43% } .k-col-xl-size-44 { flex: 0 0 auto; width: 44% } .k-col-xl-size-45 { flex: 0 0 auto; width: 45% } .k-col-xl-size-46 { flex: 0 0 auto; width: 46% } .k-col-xl-size-47 { flex: 0 0 auto; width: 47% } .k-col-xl-size-48 { flex: 0 0 auto; width: 48% } .k-col-xl-size-49 { flex: 0 0 auto; width: 49% } .k-col-xl-size-50 { flex: 0 0 auto; width: 50% } .k-col-xl-size-51 { flex: 0 0 auto; width: 51% } .k-col-xl-size-52 { flex: 0 0 auto; width: 52% } .k-col-xl-size-53 { flex: 0 0 auto; width: 53% } .k-col-xl-size-54 { flex: 0 0 auto; width: 54% } .k-col-xl-size-55 { flex: 0 0 auto; width: 55% } .k-col-xl-size-56 { flex: 0 0 auto; width: 56% } .k-col-xl-size-57 { flex: 0 0 auto; width: 57% } .k-col-xl-size-58 { flex: 0 0 auto; width: 58% } .k-col-xl-size-59 { flex: 0 0 auto; width: 59% } .k-col-xl-size-60 { flex: 0 0 auto; width: 60% } .k-col-xl-size-61 { flex: 0 0 auto; width: 61% } .k-col-xl-size-62 { flex: 0 0 auto; width: 62% } .k-col-xl-size-63 { flex: 0 0 auto; width: 63% } .k-col-xl-size-64 { flex: 0 0 auto; width: 64% } .k-col-xl-size-65 { flex: 0 0 auto; width: 65% } .k-col-xl-size-66 { flex: 0 0 auto; width: 66% } .k-col-xl-size-67 { flex: 0 0 auto; width: 67% } .k-col-xl-size-68 { flex: 0 0 auto; width: 68% } .k-col-xl-size-69 { flex: 0 0 auto; width: 69% } .k-col-xl-size-70 { flex: 0 0 auto; width: 70% } .k-col-xl-size-71 { flex: 0 0 auto; width: 71% } .k-col-xl-size-72 { flex: 0 0 auto; width: 72% } .k-col-xl-size-73 { flex: 0 0 auto; width: 73% } .k-col-xl-size-74 { flex: 0 0 auto; width: 74% } .k-col-xl-size-75 { flex: 0 0 auto; width: 75% } .k-col-xl-size-76 { flex: 0 0 auto; width: 76% } .k-col-xl-size-77 { flex: 0 0 auto; width: 77% } .k-col-xl-size-78 { flex: 0 0 auto; width: 78% } .k-col-xl-size-79 { flex: 0 0 auto; width: 79% } .k-col-xl-size-80 { flex: 0 0 auto; width: 80% } .k-col-xl-size-81 { flex: 0 0 auto; width: 81% } .k-col-xl-size-82 { flex: 0 0 auto; width: 82% } .k-col-xl-size-83 { flex: 0 0 auto; width: 83% } .k-col-xl-size-84 { flex: 0 0 auto; width: 84% } .k-col-xl-size-85 { flex: 0 0 auto; width: 85% } .k-col-xl-size-86 { flex: 0 0 auto; width: 86% } .k-col-xl-size-87 { flex: 0 0 auto; width: 87% } .k-col-xl-size-88 { flex: 0 0 auto; width: 88% } .k-col-xl-size-89 { flex: 0 0 auto; width: 89% } .k-col-xl-size-90 { flex: 0 0 auto; width: 90% } .k-col-xl-size-91 { flex: 0 0 auto; width: 91% } .k-col-xl-size-92 { flex: 0 0 auto; width: 92% } .k-col-xl-size-93 { flex: 0 0 auto; width: 93% } .k-col-xl-size-94 { flex: 0 0 auto; width: 94% } .k-col-xl-size-95 { flex: 0 0 auto; width: 95% } .k-col-xl-size-96 { flex: 0 0 auto; width: 96% } .k-col-xl-size-97 { flex: 0 0 auto; width: 97% } .k-col-xl-size-98 { flex: 0 0 auto; width: 98% } .k-col-xl-size-99 { flex: 0 0 auto; width: 99% } .k-col-xl-size-100 { flex: 0 0 auto; width: 100% } .k-col-xl-size-91-6 { flex: 0 0 auto; width: 91.6666% } .k-col-xl-size-83-3 { flex: 0 0 auto; width: 83.3333% } .k-col-xl-size-66-6 { flex: 0 0 auto; width: 66.6666% } .k-col-xl-size-58-3 { flex: 0 0 auto; width: 58.3333% } .k-col-xl-size-41-6 { flex: 0 0 auto; width: 41.6666% } .k-col-xl-size-33-3 { flex: 0 0 auto; width: 33.3333% } .k-col-xl-size-16-7 { flex: 0 0 auto; width: 16.6666% } .k-col-xl-size-14-3 { flex: 0 0 auto; width: 14.2857% } .k-col-xl-size-12-5 { flex: 0 0 auto; width: 12.5% } .k-col-xl-size-11-1 { flex: 0 0 auto; width: 11.1111% } .k-col-xl-size-9-1 { flex: 0 0 auto; width: 9.0909% } .k-col-xl-size-8-3 { flex: 0 0 auto; width: 8.3333% } .k-col-gap-xl-0 { --kendo-col-gap: 0px } .k-col-gap-xl-1px { --kendo-col-gap: 1px } .k-col-gap-xl-0\.5 { --kendo-col-gap: 0.125rem } .k-col-gap-xl-1 { --kendo-col-gap: 0.25rem } .k-col-gap-xl-1\.5 { --kendo-col-gap: 0.375rem } .k-col-gap-xl-2 { --kendo-col-gap: 0.5rem } .k-col-gap-xl-2\.5 { --kendo-col-gap: 0.625rem } .k-col-gap-xl-3 { --kendo-col-gap: 0.75rem } .k-col-gap-xl-3\.5 { --kendo-col-gap: 0.875rem } .k-col-gap-xl-4 { --kendo-col-gap: 1rem } .k-col-gap-xl-4\.5 { --kendo-col-gap: 1.125rem } .k-col-gap-xl-5 { --kendo-col-gap: 1.25rem } .k-col-gap-xl-5\.5 { --kendo-col-gap: 1.375rem } .k-col-gap-xl-6 { --kendo-col-gap: 1.5rem } .k-col-gap-xl-6\.5 { --kendo-col-gap: 1.625rem } .k-col-gap-xl-7 { --kendo-col-gap: 1.75rem } .k-col-gap-xl-7\.5 { --kendo-col-gap: 1.875rem } .k-col-gap-xl-8 { --kendo-col-gap: 2rem } .k-col-gap-xl-9 { --kendo-col-gap: 2.25rem } .k-col-gap-xl-10 { --kendo-col-gap: 2.5rem } .k-col-gap-xl-11 { --kendo-col-gap: 2.75rem } .k-col-gap-xl-12 { --kendo-col-gap: 3rem } .k-col-gap-xl-13 { --kendo-col-gap: 3.25rem } .k-col-gap-xl-14 { --kendo-col-gap: 3.5rem } .k-col-gap-xl-15 { --kendo-col-gap: 3.75rem } .k-col-gap-xl-16 { --kendo-col-gap: 4rem } .k-col-gap-xl-17 { --kendo-col-gap: 4.25rem } .k-col-gap-xl-18 { --kendo-col-gap: 4.5rem } .k-col-gap-xl-19 { --kendo-col-gap: 4.75rem } .k-col-gap-xl-20 { --kendo-col-gap: 5rem } .k-col-gap-xl-21 { --kendo-col-gap: 5.25rem } .k-col-gap-xl-22 { --kendo-col-gap: 5.5rem } .k-col-gap-xl-23 { --kendo-col-gap: 5.75rem } .k-col-gap-xl-24 { --kendo-col-gap: 6rem } .k-col-gap-xl-25 { --kendo-col-gap: 7rem } .k-col-gap-xl-26 { --kendo-col-gap: 8rem } .k-col-gap-xl-27 { --kendo-col-gap: 9rem } .k-col-gap-xl-28 { --kendo-col-gap: 10rem } .k-col-gap-xl-29 { --kendo-col-gap: 11rem } .k-col-gap-xl-30 { --kendo-col-gap: 12rem } .k-col-gap-xl-xs { --kendo-col-gap: var(--kendo-spacing-1, 0.25rem) } .k-col-gap-xl-sm { --kendo-col-gap: var(--kendo-spacing-2, 0.5rem) } .k-col-gap-xl-md { --kendo-col-gap: var(--kendo-spacing-3, 0.75rem) } .k-col-gap-xl-lg { --kendo-col-gap: var(--kendo-spacing-4, 1rem) } .k-col-gap-xl-xl { --kendo-col-gap: var(--kendo-spacing-6, 1.5rem) } .k-col-gap-xl-thin { --kendo-col-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-col-gap-xl-hair { --kendo-col-gap: var(--kendo-spacing-1px, 1px) } } @media only all and (min-width: 1400px) { .k-col-xxl { flex: 1 0 0% } .k-col-xxl-size-1 { flex: 0 0 auto; width: 1% } .k-col-xxl-size-2 { flex: 0 0 auto; width: 2% } .k-col-xxl-size-3 { flex: 0 0 auto; width: 3% } .k-col-xxl-size-4 { flex: 0 0 auto; width: 4% } .k-col-xxl-size-5 { flex: 0 0 auto; width: 5% } .k-col-xxl-size-6 { flex: 0 0 auto; width: 6% } .k-col-xxl-size-7 { flex: 0 0 auto; width: 7% } .k-col-xxl-size-8 { flex: 0 0 auto; width: 8% } .k-col-xxl-size-9 { flex: 0 0 auto; width: 9% } .k-col-xxl-size-10 { flex: 0 0 auto; width: 10% } .k-col-xxl-size-11 { flex: 0 0 auto; width: 11% } .k-col-xxl-size-12 { flex: 0 0 auto; width: 12% } .k-col-xxl-size-13 { flex: 0 0 auto; width: 13% } .k-col-xxl-size-14 { flex: 0 0 auto; width: 14% } .k-col-xxl-size-15 { flex: 0 0 auto; width: 15% } .k-col-xxl-size-16 { flex: 0 0 auto; width: 16% } .k-col-xxl-size-17 { flex: 0 0 auto; width: 17% } .k-col-xxl-size-18 { flex: 0 0 auto; width: 18% } .k-col-xxl-size-19 { flex: 0 0 auto; width: 19% } .k-col-xxl-size-20 { flex: 0 0 auto; width: 20% } .k-col-xxl-size-21 { flex: 0 0 auto; width: 21% } .k-col-xxl-size-22 { flex: 0 0 auto; width: 22% } .k-col-xxl-size-23 { flex: 0 0 auto; width: 23% } .k-col-xxl-size-24 { flex: 0 0 auto; width: 24% } .k-col-xxl-size-25 { flex: 0 0 auto; width: 25% } .k-col-xxl-size-26 { flex: 0 0 auto; width: 26% } .k-col-xxl-size-27 { flex: 0 0 auto; width: 27% } .k-col-xxl-size-28 { flex: 0 0 auto; width: 28% } .k-col-xxl-size-29 { flex: 0 0 auto; width: 29% } .k-col-xxl-size-30 { flex: 0 0 auto; width: 30% } .k-col-xxl-size-31 { flex: 0 0 auto; width: 31% } .k-col-xxl-size-32 { flex: 0 0 auto; width: 32% } .k-col-xxl-size-33 { flex: 0 0 auto; width: 33% } .k-col-xxl-size-34 { flex: 0 0 auto; width: 34% } .k-col-xxl-size-35 { flex: 0 0 auto; width: 35% } .k-col-xxl-size-36 { flex: 0 0 auto; width: 36% } .k-col-xxl-size-37 { flex: 0 0 auto; width: 37% } .k-col-xxl-size-38 { flex: 0 0 auto; width: 38% } .k-col-xxl-size-39 { flex: 0 0 auto; width: 39% } .k-col-xxl-size-40 { flex: 0 0 auto; width: 40% } .k-col-xxl-size-41 { flex: 0 0 auto; width: 41% } .k-col-xxl-size-42 { flex: 0 0 auto; width: 42% } .k-col-xxl-size-43 { flex: 0 0 auto; width: 43% } .k-col-xxl-size-44 { flex: 0 0 auto; width: 44% } .k-col-xxl-size-45 { flex: 0 0 auto; width: 45% } .k-col-xxl-size-46 { flex: 0 0 auto; width: 46% } .k-col-xxl-size-47 { flex: 0 0 auto; width: 47% } .k-col-xxl-size-48 { flex: 0 0 auto; width: 48% } .k-col-xxl-size-49 { flex: 0 0 auto; width: 49% } .k-col-xxl-size-50 { flex: 0 0 auto; width: 50% } .k-col-xxl-size-51 { flex: 0 0 auto; width: 51% } .k-col-xxl-size-52 { flex: 0 0 auto; width: 52% } .k-col-xxl-size-53 { flex: 0 0 auto; width: 53% } .k-col-xxl-size-54 { flex: 0 0 auto; width: 54% } .k-col-xxl-size-55 { flex: 0 0 auto; width: 55% } .k-col-xxl-size-56 { flex: 0 0 auto; width: 56% } .k-col-xxl-size-57 { flex: 0 0 auto; width: 57% } .k-col-xxl-size-58 { flex: 0 0 auto; width: 58% } .k-col-xxl-size-59 { flex: 0 0 auto; width: 59% } .k-col-xxl-size-60 { flex: 0 0 auto; width: 60% } .k-col-xxl-size-61 { flex: 0 0 auto; width: 61% } .k-col-xxl-size-62 { flex: 0 0 auto; width: 62% } .k-col-xxl-size-63 { flex: 0 0 auto; width: 63% } .k-col-xxl-size-64 { flex: 0 0 auto; width: 64% } .k-col-xxl-size-65 { flex: 0 0 auto; width: 65% } .k-col-xxl-size-66 { flex: 0 0 auto; width: 66% } .k-col-xxl-size-67 { flex: 0 0 auto; width: 67% } .k-col-xxl-size-68 { flex: 0 0 auto; width: 68% } .k-col-xxl-size-69 { flex: 0 0 auto; width: 69% } .k-col-xxl-size-70 { flex: 0 0 auto; width: 70% } .k-col-xxl-size-71 { flex: 0 0 auto; width: 71% } .k-col-xxl-size-72 { flex: 0 0 auto; width: 72% } .k-col-xxl-size-73 { flex: 0 0 auto; width: 73% } .k-col-xxl-size-74 { flex: 0 0 auto; width: 74% } .k-col-xxl-size-75 { flex: 0 0 auto; width: 75% } .k-col-xxl-size-76 { flex: 0 0 auto; width: 76% } .k-col-xxl-size-77 { flex: 0 0 auto; width: 77% } .k-col-xxl-size-78 { flex: 0 0 auto; width: 78% } .k-col-xxl-size-79 { flex: 0 0 auto; width: 79% } .k-col-xxl-size-80 { flex: 0 0 auto; width: 80% } .k-col-xxl-size-81 { flex: 0 0 auto; width: 81% } .k-col-xxl-size-82 { flex: 0 0 auto; width: 82% } .k-col-xxl-size-83 { flex: 0 0 auto; width: 83% } .k-col-xxl-size-84 { flex: 0 0 auto; width: 84% } .k-col-xxl-size-85 { flex: 0 0 auto; width: 85% } .k-col-xxl-size-86 { flex: 0 0 auto; width: 86% } .k-col-xxl-size-87 { flex: 0 0 auto; width: 87% } .k-col-xxl-size-88 { flex: 0 0 auto; width: 88% } .k-col-xxl-size-89 { flex: 0 0 auto; width: 89% } .k-col-xxl-size-90 { flex: 0 0 auto; width: 90% } .k-col-xxl-size-91 { flex: 0 0 auto; width: 91% } .k-col-xxl-size-92 { flex: 0 0 auto; width: 92% } .k-col-xxl-size-93 { flex: 0 0 auto; width: 93% } .k-col-xxl-size-94 { flex: 0 0 auto; width: 94% } .k-col-xxl-size-95 { flex: 0 0 auto; width: 95% } .k-col-xxl-size-96 { flex: 0 0 auto; width: 96% } .k-col-xxl-size-97 { flex: 0 0 auto; width: 97% } .k-col-xxl-size-98 { flex: 0 0 auto; width: 98% } .k-col-xxl-size-99 { flex: 0 0 auto; width: 99% } .k-col-xxl-size-100 { flex: 0 0 auto; width: 100% } .k-col-xxl-size-91-6 { flex: 0 0 auto; width: 91.6666% } .k-col-xxl-size-83-3 { flex: 0 0 auto; width: 83.3333% } .k-col-xxl-size-66-6 { flex: 0 0 auto; width: 66.6666% } .k-col-xxl-size-58-3 { flex: 0 0 auto; width: 58.3333% } .k-col-xxl-size-41-6 { flex: 0 0 auto; width: 41.6666% } .k-col-xxl-size-33-3 { flex: 0 0 auto; width: 33.3333% } .k-col-xxl-size-16-7 { flex: 0 0 auto; width: 16.6666% } .k-col-xxl-size-14-3 { flex: 0 0 auto; width: 14.2857% } .k-col-xxl-size-12-5 { flex: 0 0 auto; width: 12.5% } .k-col-xxl-size-11-1 { flex: 0 0 auto; width: 11.1111% } .k-col-xxl-size-9-1 { flex: 0 0 auto; width: 9.0909% } .k-col-xxl-size-8-3 { flex: 0 0 auto; width: 8.3333% } .k-col-gap-xxl-0 { --kendo-col-gap: 0px } .k-col-gap-xxl-1px { --kendo-col-gap: 1px } .k-col-gap-xxl-0\.5 { --kendo-col-gap: 0.125rem } .k-col-gap-xxl-1 { --kendo-col-gap: 0.25rem } .k-col-gap-xxl-1\.5 { --kendo-col-gap: 0.375rem } .k-col-gap-xxl-2 { --kendo-col-gap: 0.5rem } .k-col-gap-xxl-2\.5 { --kendo-col-gap: 0.625rem } .k-col-gap-xxl-3 { --kendo-col-gap: 0.75rem } .k-col-gap-xxl-3\.5 { --kendo-col-gap: 0.875rem } .k-col-gap-xxl-4 { --kendo-col-gap: 1rem } .k-col-gap-xxl-4\.5 { --kendo-col-gap: 1.125rem } .k-col-gap-xxl-5 { --kendo-col-gap: 1.25rem } .k-col-gap-xxl-5\.5 { --kendo-col-gap: 1.375rem } .k-col-gap-xxl-6 { --kendo-col-gap: 1.5rem } .k-col-gap-xxl-6\.5 { --kendo-col-gap: 1.625rem } .k-col-gap-xxl-7 { --kendo-col-gap: 1.75rem } .k-col-gap-xxl-7\.5 { --kendo-col-gap: 1.875rem } .k-col-gap-xxl-8 { --kendo-col-gap: 2rem } .k-col-gap-xxl-9 { --kendo-col-gap: 2.25rem } .k-col-gap-xxl-10 { --kendo-col-gap: 2.5rem } .k-col-gap-xxl-11 { --kendo-col-gap: 2.75rem } .k-col-gap-xxl-12 { --kendo-col-gap: 3rem } .k-col-gap-xxl-13 { --kendo-col-gap: 3.25rem } .k-col-gap-xxl-14 { --kendo-col-gap: 3.5rem } .k-col-gap-xxl-15 { --kendo-col-gap: 3.75rem } .k-col-gap-xxl-16 { --kendo-col-gap: 4rem } .k-col-gap-xxl-17 { --kendo-col-gap: 4.25rem } .k-col-gap-xxl-18 { --kendo-col-gap: 4.5rem } .k-col-gap-xxl-19 { --kendo-col-gap: 4.75rem } .k-col-gap-xxl-20 { --kendo-col-gap: 5rem } .k-col-gap-xxl-21 { --kendo-col-gap: 5.25rem } .k-col-gap-xxl-22 { --kendo-col-gap: 5.5rem } .k-col-gap-xxl-23 { --kendo-col-gap: 5.75rem } .k-col-gap-xxl-24 { --kendo-col-gap: 6rem } .k-col-gap-xxl-25 { --kendo-col-gap: 7rem } .k-col-gap-xxl-26 { --kendo-col-gap: 8rem } .k-col-gap-xxl-27 { --kendo-col-gap: 9rem } .k-col-gap-xxl-28 { --kendo-col-gap: 10rem } .k-col-gap-xxl-29 { --kendo-col-gap: 11rem } .k-col-gap-xxl-30 { --kendo-col-gap: 12rem } .k-col-gap-xxl-xs { --kendo-col-gap: var(--kendo-spacing-1, 0.25rem) } .k-col-gap-xxl-sm { --kendo-col-gap: var(--kendo-spacing-2, 0.5rem) } .k-col-gap-xxl-md { --kendo-col-gap: var(--kendo-spacing-3, 0.75rem) } .k-col-gap-xxl-lg { --kendo-col-gap: var(--kendo-spacing-4, 1rem) } .k-col-gap-xxl-xl { --kendo-col-gap: var(--kendo-spacing-6, 1.5rem) } .k-col-gap-xxl-thin { --kendo-col-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-col-gap-xxl-hair { --kendo-col-gap: var(--kendo-spacing-1px, 1px) } } @media only all and (min-width: 576px) { .k-container { max-width: var(--kendo-container-sm-max-width, 540px) } } @media only all and (min-width: 768px) { .k-container { max-width: var(--kendo-container-md-max-width, 720px) } } @media only all and (min-width: 992px) { .k-container { max-width: var(--kendo-container-lg-max-width, 960px) } } @media only all and (min-width: 1200px) { .k-container { max-width: var(--kendo-container-xl-max-width, 1140px) } } @media only all and (min-width: 1400px) { .k-container { max-width: var(--kendo-container-xxl-max-width, 1320px) } } .k-align-content-normal { align-content: normal } .\!k-align-content-normal { align-content: normal !important } .k-align-content-stretch { align-content: stretch } .\!k-align-content-stretch { align-content: stretch !important } .k-align-content-center { align-content: center } .\!k-align-content-center { align-content: center !important } .k-align-content-start { align-content: start } .\!k-align-content-start { align-content: start !important } .k-align-content-end { align-content: end } .\!k-align-content-end { align-content: end !important } .k-align-content-flex-start { align-content: flex-start } .\!k-align-content-flex-start { align-content: flex-start !important } .k-align-content-flex-end { align-content: flex-end } .\!k-align-content-flex-end { align-content: flex-end !important } .k-align-content-baseline { align-content: baseline } .\!k-align-content-baseline { align-content: baseline !important } .k-align-content-first-baseline { align-content: first baseline } .\!k-align-content-first-baseline { align-content: first baseline !important } .k-align-content-last-baseline { align-content: last baseline } .\!k-align-content-last-baseline { align-content: last baseline !important } .k-align-content-between { align-content: space-between } .\!k-align-content-between { align-content: space-between !important } .k-align-content-around { align-content: space-around } .\!k-align-content-around { align-content: space-around !important } .k-align-content-evenly { align-content: space-evenly } .\!k-align-content-evenly { align-content: space-evenly !important } .k-align-items-normal { align-items: normal } .\!k-align-items-normal { align-items: normal !important } .k-align-items-stretch { align-items: stretch } .\!k-align-items-stretch { align-items: stretch !important } .k-align-items-center { align-items: center } .\!k-align-items-center { align-items: center !important } .k-align-items-start { align-items: start } .\!k-align-items-start { align-items: start !important } .k-align-items-end { align-items: end } .\!k-align-items-end { align-items: end !important } .k-align-items-flex-start { align-items: flex-start } .\!k-align-items-flex-start { align-items: flex-start !important } .k-align-items-flex-end { align-items: flex-end } .\!k-align-items-flex-end { align-items: flex-end !important } .k-align-items-baseline { align-items: baseline } .\!k-align-items-baseline { align-items: baseline !important } .k-align-items-first-baseline { align-items: first baseline } .\!k-align-items-first-baseline { align-items: first baseline !important } .k-align-items-last-baseline { align-items: last baseline } .\!k-align-items-last-baseline { align-items: last baseline !important } .k-align-items-self-start { align-items: self-start } .\!k-align-items-self-start { align-items: self-start !important } .k-align-items-self-end { align-items: self-end } .\!k-align-items-self-end { align-items: self-end !important } .k-align-self-auto { align-self: auto } .\!k-align-self-auto { align-self: auto !important } .k-align-self-normal { align-self: normal } .\!k-align-self-normal { align-self: normal !important } .k-align-self-stretch { align-self: stretch } .\!k-align-self-stretch { align-self: stretch !important } .k-align-self-center { align-self: center } .\!k-align-self-center { align-self: center !important } .k-align-self-start { align-self: start } .\!k-align-self-start { align-self: start !important } .k-align-self-end { align-self: end } .\!k-align-self-end { align-self: end !important } .k-align-self-flex-start { align-self: flex-start } .\!k-align-self-flex-start { align-self: flex-start !important } .k-align-self-flex-end { align-self: flex-end } .\!k-align-self-flex-end { align-self: flex-end !important } .k-align-self-baseline { align-self: baseline } .\!k-align-self-baseline { align-self: baseline !important } .k-align-self-first-baseline { align-self: first baseline } .\!k-align-self-first-baseline { align-self: first baseline !important } .k-align-self-last-baseline { align-self: last baseline } .\!k-align-self-last-baseline { align-self: last baseline !important } .k-align-self-self-start { align-self: self-start } .\!k-align-self-self-start { align-self: self-start !important } .k-align-self-self-end { align-self: self-end } .\!k-align-self-self-end { align-self: self-end !important } .k-basis-0 { flex-basis: 0px } .\!k-basis-0 { flex-basis: 0px !important } .k-basis-1px { flex-basis: 1px } .\!k-basis-1px { flex-basis: 1px !important } .k-basis-0\.5 { flex-basis: .125rem } .\!k-basis-0\.5 { flex-basis: .125rem !important } .k-basis-1 { flex-basis: .25rem } .\!k-basis-1 { flex-basis: .25rem !important } .k-basis-1\.5 { flex-basis: .375rem } .\!k-basis-1\.5 { flex-basis: .375rem !important } .k-basis-2 { flex-basis: .5rem } .\!k-basis-2 { flex-basis: .5rem !important } .k-basis-2\.5 { flex-basis: .625rem } .\!k-basis-2\.5 { flex-basis: .625rem !important } .k-basis-3 { flex-basis: .75rem } .\!k-basis-3 { flex-basis: .75rem !important } .k-basis-3\.5 { flex-basis: .875rem } .\!k-basis-3\.5 { flex-basis: .875rem !important } .k-basis-4 { flex-basis: 1rem } .\!k-basis-4 { flex-basis: 1rem !important } .k-basis-4\.5 { flex-basis: 1.125rem } .\!k-basis-4\.5 { flex-basis: 1.125rem !important } .k-basis-5 { flex-basis: 1.25rem } .\!k-basis-5 { flex-basis: 1.25rem !important } .k-basis-5\.5 { flex-basis: 1.375rem } .\!k-basis-5\.5 { flex-basis: 1.375rem !important } .k-basis-6 { flex-basis: 1.5rem } .\!k-basis-6 { flex-basis: 1.5rem !important } .k-basis-6\.5 { flex-basis: 1.625rem } .\!k-basis-6\.5 { flex-basis: 1.625rem !important } .k-basis-7 { flex-basis: 1.75rem } .\!k-basis-7 { flex-basis: 1.75rem !important } .k-basis-7\.5 { flex-basis: 1.875rem } .\!k-basis-7\.5 { flex-basis: 1.875rem !important } .k-basis-8 { flex-basis: 2rem } .\!k-basis-8 { flex-basis: 2rem !important } .k-basis-9 { flex-basis: 2.25rem } .\!k-basis-9 { flex-basis: 2.25rem !important } .k-basis-10 { flex-basis: 2.5rem } .\!k-basis-10 { flex-basis: 2.5rem !important } .k-basis-11 { flex-basis: 2.75rem } .\!k-basis-11 { flex-basis: 2.75rem !important } .k-basis-12 { flex-basis: 3rem } .\!k-basis-12 { flex-basis: 3rem !important } .k-basis-13 { flex-basis: 3.25rem } .\!k-basis-13 { flex-basis: 3.25rem !important } .k-basis-14 { flex-basis: 3.5rem } .\!k-basis-14 { flex-basis: 3.5rem !important } .k-basis-15 { flex-basis: 3.75rem } .\!k-basis-15 { flex-basis: 3.75rem !important } .k-basis-16 { flex-basis: 4rem } .\!k-basis-16 { flex-basis: 4rem !important } .k-basis-17 { flex-basis: 4.25rem } .\!k-basis-17 { flex-basis: 4.25rem !important } .k-basis-18 { flex-basis: 4.5rem } .\!k-basis-18 { flex-basis: 4.5rem !important } .k-basis-19 { flex-basis: 4.75rem } .\!k-basis-19 { flex-basis: 4.75rem !important } .k-basis-20 { flex-basis: 5rem } .\!k-basis-20 { flex-basis: 5rem !important } .k-basis-21 { flex-basis: 5.25rem } .\!k-basis-21 { flex-basis: 5.25rem !important } .k-basis-22 { flex-basis: 5.5rem } .\!k-basis-22 { flex-basis: 5.5rem !important } .k-basis-23 { flex-basis: 5.75rem } .\!k-basis-23 { flex-basis: 5.75rem !important } .k-basis-24 { flex-basis: 6rem } .\!k-basis-24 { flex-basis: 6rem !important } .k-basis-25 { flex-basis: 7rem } .\!k-basis-25 { flex-basis: 7rem !important } .k-basis-26 { flex-basis: 8rem } .\!k-basis-26 { flex-basis: 8rem !important } .k-basis-27 { flex-basis: 9rem } .\!k-basis-27 { flex-basis: 9rem !important } .k-basis-28 { flex-basis: 10rem } .\!k-basis-28 { flex-basis: 10rem !important } .k-basis-29 { flex-basis: 11rem } .\!k-basis-29 { flex-basis: 11rem !important } .k-basis-30 { flex-basis: 12rem } .\!k-basis-30 { flex-basis: 12rem !important } .k-basis-auto { flex-basis: auto } .\!k-basis-auto { flex-basis: auto !important } .k-basis-1\/2 { flex-basis: 50% } .\!k-basis-1\/2 { flex-basis: 50% !important } .k-basis-1\/3 { flex-basis: 33.333333% } .\!k-basis-1\/3 { flex-basis: 33.333333% !important } .k-basis-2\/3 { flex-basis: 66.666667% } .\!k-basis-2\/3 { flex-basis: 66.666667% !important } .k-basis-1\/4 { flex-basis: 25% } .\!k-basis-1\/4 { flex-basis: 25% !important } .k-basis-2\/4 { flex-basis: 50% } .\!k-basis-2\/4 { flex-basis: 50% !important } .k-basis-3\/4 { flex-basis: 75% } .\!k-basis-3\/4 { flex-basis: 75% !important } .k-basis-1\/5 { flex-basis: 20% } .\!k-basis-1\/5 { flex-basis: 20% !important } .k-basis-2\/5 { flex-basis: 40% } .\!k-basis-2\/5 { flex-basis: 40% !important } .k-basis-3\/5 { flex-basis: 60% } .\!k-basis-3\/5 { flex-basis: 60% !important } .k-basis-4\/5 { flex-basis: 80% } .\!k-basis-4\/5 { flex-basis: 80% !important } .k-basis-1\/6 { flex-basis: 16.666667% } .\!k-basis-1\/6 { flex-basis: 16.666667% !important } .k-basis-2\/6 { flex-basis: 33.333333% } .\!k-basis-2\/6 { flex-basis: 33.333333% !important } .k-basis-3\/6 { flex-basis: 50% } .\!k-basis-3\/6 { flex-basis: 50% !important } .k-basis-4\/6 { flex-basis: 66.666667% } .\!k-basis-4\/6 { flex-basis: 66.666667% !important } .k-basis-5\/6 { flex-basis: 83.333333% } .\!k-basis-5\/6 { flex-basis: 83.333333% !important } .k-basis-1\/12 { flex-basis: 8.333333% } .\!k-basis-1\/12 { flex-basis: 8.333333% !important } .k-basis-2\/12 { flex-basis: 16.666667% } .\!k-basis-2\/12 { flex-basis: 16.666667% !important } .k-basis-3\/12 { flex-basis: 25% } .\!k-basis-3\/12 { flex-basis: 25% !important } .k-basis-4\/12 { flex-basis: 33.333333% } .\!k-basis-4\/12 { flex-basis: 33.333333% !important } .k-basis-5\/12 { flex-basis: 41.666667% } .\!k-basis-5\/12 { flex-basis: 41.666667% !important } .k-basis-6\/12 { flex-basis: 50% } .\!k-basis-6\/12 { flex-basis: 50% !important } .k-basis-7\/12 { flex-basis: 58.333333% } .\!k-basis-7\/12 { flex-basis: 58.333333% !important } .k-basis-8\/12 { flex-basis: 66.666667% } .\!k-basis-8\/12 { flex-basis: 66.666667% !important } .k-basis-9\/12 { flex-basis: 75% } .\!k-basis-9\/12 { flex-basis: 75% !important } .k-basis-10\/12 { flex-basis: 83.333333% } .\!k-basis-10\/12 { flex-basis: 83.333333% !important } .k-basis-11\/12 { flex-basis: 91.666667% } .\!k-basis-11\/12 { flex-basis: 91.666667% !important } .k-basis-full { flex-basis: 100% } .\!k-basis-full { flex-basis: 100% !important } .k-basis-min { flex-basis: min-content } .\!k-basis-min { flex-basis: min-content !important } .k-basis-max { flex-basis: max-content } .\!k-basis-max { flex-basis: max-content !important } .k-basis-fit { flex-basis: fit-content } .\!k-basis-fit { flex-basis: fit-content !important } .k-flex-basis-0 { flex-basis: 0px } .\!k-flex-basis-0 { flex-basis: 0px !important } .k-flex-basis-1px { flex-basis: 1px } .\!k-flex-basis-1px { flex-basis: 1px !important } .k-flex-basis-0\.5 { flex-basis: .125rem } .\!k-flex-basis-0\.5 { flex-basis: .125rem !important } .k-flex-basis-1 { flex-basis: .25rem } .\!k-flex-basis-1 { flex-basis: .25rem !important } .k-flex-basis-1\.5 { flex-basis: .375rem } .\!k-flex-basis-1\.5 { flex-basis: .375rem !important } .k-flex-basis-2 { flex-basis: .5rem } .\!k-flex-basis-2 { flex-basis: .5rem !important } .k-flex-basis-2\.5 { flex-basis: .625rem } .\!k-flex-basis-2\.5 { flex-basis: .625rem !important } .k-flex-basis-3 { flex-basis: .75rem } .\!k-flex-basis-3 { flex-basis: .75rem !important } .k-flex-basis-3\.5 { flex-basis: .875rem } .\!k-flex-basis-3\.5 { flex-basis: .875rem !important } .k-flex-basis-4 { flex-basis: 1rem } .\!k-flex-basis-4 { flex-basis: 1rem !important } .k-flex-basis-4\.5 { flex-basis: 1.125rem } .\!k-flex-basis-4\.5 { flex-basis: 1.125rem !important } .k-flex-basis-5 { flex-basis: 1.25rem } .\!k-flex-basis-5 { flex-basis: 1.25rem !important } .k-flex-basis-5\.5 { flex-basis: 1.375rem } .\!k-flex-basis-5\.5 { flex-basis: 1.375rem !important } .k-flex-basis-6 { flex-basis: 1.5rem } .\!k-flex-basis-6 { flex-basis: 1.5rem !important } .k-flex-basis-6\.5 { flex-basis: 1.625rem } .\!k-flex-basis-6\.5 { flex-basis: 1.625rem !important } .k-flex-basis-7 { flex-basis: 1.75rem } .\!k-flex-basis-7 { flex-basis: 1.75rem !important } .k-flex-basis-7\.5 { flex-basis: 1.875rem } .\!k-flex-basis-7\.5 { flex-basis: 1.875rem !important } .k-flex-basis-8 { flex-basis: 2rem } .\!k-flex-basis-8 { flex-basis: 2rem !important } .k-flex-basis-9 { flex-basis: 2.25rem } .\!k-flex-basis-9 { flex-basis: 2.25rem !important } .k-flex-basis-10 { flex-basis: 2.5rem } .\!k-flex-basis-10 { flex-basis: 2.5rem !important } .k-flex-basis-11 { flex-basis: 2.75rem } .\!k-flex-basis-11 { flex-basis: 2.75rem !important } .k-flex-basis-12 { flex-basis: 3rem } .\!k-flex-basis-12 { flex-basis: 3rem !important } .k-flex-basis-13 { flex-basis: 3.25rem } .\!k-flex-basis-13 { flex-basis: 3.25rem !important } .k-flex-basis-14 { flex-basis: 3.5rem } .\!k-flex-basis-14 { flex-basis: 3.5rem !important } .k-flex-basis-15 { flex-basis: 3.75rem } .\!k-flex-basis-15 { flex-basis: 3.75rem !important } .k-flex-basis-16 { flex-basis: 4rem } .\!k-flex-basis-16 { flex-basis: 4rem !important } .k-flex-basis-17 { flex-basis: 4.25rem } .\!k-flex-basis-17 { flex-basis: 4.25rem !important } .k-flex-basis-18 { flex-basis: 4.5rem } .\!k-flex-basis-18 { flex-basis: 4.5rem !important } .k-flex-basis-19 { flex-basis: 4.75rem } .\!k-flex-basis-19 { flex-basis: 4.75rem !important } .k-flex-basis-20 { flex-basis: 5rem } .\!k-flex-basis-20 { flex-basis: 5rem !important } .k-flex-basis-21 { flex-basis: 5.25rem } .\!k-flex-basis-21 { flex-basis: 5.25rem !important } .k-flex-basis-22 { flex-basis: 5.5rem } .\!k-flex-basis-22 { flex-basis: 5.5rem !important } .k-flex-basis-23 { flex-basis: 5.75rem } .\!k-flex-basis-23 { flex-basis: 5.75rem !important } .k-flex-basis-24 { flex-basis: 6rem } .\!k-flex-basis-24 { flex-basis: 6rem !important } .k-flex-basis-25 { flex-basis: 7rem } .\!k-flex-basis-25 { flex-basis: 7rem !important } .k-flex-basis-26 { flex-basis: 8rem } .\!k-flex-basis-26 { flex-basis: 8rem !important } .k-flex-basis-27 { flex-basis: 9rem } .\!k-flex-basis-27 { flex-basis: 9rem !important } .k-flex-basis-28 { flex-basis: 10rem } .\!k-flex-basis-28 { flex-basis: 10rem !important } .k-flex-basis-29 { flex-basis: 11rem } .\!k-flex-basis-29 { flex-basis: 11rem !important } .k-flex-basis-30 { flex-basis: 12rem } .\!k-flex-basis-30 { flex-basis: 12rem !important } .k-flex-basis-auto { flex-basis: auto } .\!k-flex-basis-auto { flex-basis: auto !important } .k-flex-basis-1\/2 { flex-basis: 50% } .\!k-flex-basis-1\/2 { flex-basis: 50% !important } .k-flex-basis-1\/3 { flex-basis: 33.333333% } .\!k-flex-basis-1\/3 { flex-basis: 33.333333% !important } .k-flex-basis-2\/3 { flex-basis: 66.666667% } .\!k-flex-basis-2\/3 { flex-basis: 66.666667% !important } .k-flex-basis-1\/4 { flex-basis: 25% } .\!k-flex-basis-1\/4 { flex-basis: 25% !important } .k-flex-basis-2\/4 { flex-basis: 50% } .\!k-flex-basis-2\/4 { flex-basis: 50% !important } .k-flex-basis-3\/4 { flex-basis: 75% } .\!k-flex-basis-3\/4 { flex-basis: 75% !important } .k-flex-basis-1\/5 { flex-basis: 20% } .\!k-flex-basis-1\/5 { flex-basis: 20% !important } .k-flex-basis-2\/5 { flex-basis: 40% } .\!k-flex-basis-2\/5 { flex-basis: 40% !important } .k-flex-basis-3\/5 { flex-basis: 60% } .\!k-flex-basis-3\/5 { flex-basis: 60% !important } .k-flex-basis-4\/5 { flex-basis: 80% } .\!k-flex-basis-4\/5 { flex-basis: 80% !important } .k-flex-basis-1\/6 { flex-basis: 16.666667% } .\!k-flex-basis-1\/6 { flex-basis: 16.666667% !important } .k-flex-basis-2\/6 { flex-basis: 33.333333% } .\!k-flex-basis-2\/6 { flex-basis: 33.333333% !important } .k-flex-basis-3\/6 { flex-basis: 50% } .\!k-flex-basis-3\/6 { flex-basis: 50% !important } .k-flex-basis-4\/6 { flex-basis: 66.666667% } .\!k-flex-basis-4\/6 { flex-basis: 66.666667% !important } .k-flex-basis-5\/6 { flex-basis: 83.333333% } .\!k-flex-basis-5\/6 { flex-basis: 83.333333% !important } .k-flex-basis-1\/12 { flex-basis: 8.333333% } .\!k-flex-basis-1\/12 { flex-basis: 8.333333% !important } .k-flex-basis-2\/12 { flex-basis: 16.666667% } .\!k-flex-basis-2\/12 { flex-basis: 16.666667% !important } .k-flex-basis-3\/12 { flex-basis: 25% } .\!k-flex-basis-3\/12 { flex-basis: 25% !important } .k-flex-basis-4\/12 { flex-basis: 33.333333% } .\!k-flex-basis-4\/12 { flex-basis: 33.333333% !important } .k-flex-basis-5\/12 { flex-basis: 41.666667% } .\!k-flex-basis-5\/12 { flex-basis: 41.666667% !important } .k-flex-basis-6\/12 { flex-basis: 50% } .\!k-flex-basis-6\/12 { flex-basis: 50% !important } .k-flex-basis-7\/12 { flex-basis: 58.333333% } .\!k-flex-basis-7\/12 { flex-basis: 58.333333% !important } .k-flex-basis-8\/12 { flex-basis: 66.666667% } .\!k-flex-basis-8\/12 { flex-basis: 66.666667% !important } .k-flex-basis-9\/12 { flex-basis: 75% } .\!k-flex-basis-9\/12 { flex-basis: 75% !important } .k-flex-basis-10\/12 { flex-basis: 83.333333% } .\!k-flex-basis-10\/12 { flex-basis: 83.333333% !important } .k-flex-basis-11\/12 { flex-basis: 91.666667% } .\!k-flex-basis-11\/12 { flex-basis: 91.666667% !important } .k-flex-basis-full { flex-basis: 100% } .\!k-flex-basis-full { flex-basis: 100% !important } .k-flex-basis-min { flex-basis: min-content } .\!k-flex-basis-min { flex-basis: min-content !important } .k-flex-basis-max { flex-basis: max-content } .\!k-flex-basis-max { flex-basis: max-content !important } .k-flex-basis-fit { flex-basis: fit-content } .\!k-flex-basis-fit { flex-basis: fit-content !important } .k-flex-row, .k-d-flex-row { flex-direction: row } .\!k-flex-row, .\!k-d-flex-row, .\!k-d-flex-col { flex-direction: row !important } .k-flex-row-reverse { flex-direction: row-reverse } .\!k-flex-row-reverse { flex-direction: row-reverse !important } .k-flex-col, .k-flex-column, .k-d-flex-col { flex-direction: column } .\!k-flex-col { flex-direction: column !important } .k-flex-col-reverse, .k-flex-column-reverse { flex-direction: column-reverse } .\!k-flex-col-reverse { flex-direction: column-reverse !important } .k-grow { flex-grow: 1 } .\!k-grow { flex-grow: 1 !important } .k-grow-0 { flex-grow: 0 } .\!k-grow-0 { flex-grow: 0 !important } .k-flex-grow { flex-grow: 1 } .\!k-flex-grow { flex-grow: 1 !important } .k-flex-grow-0 { flex-grow: 0 } .\!k-flex-grow-0 { flex-grow: 0 !important } .k-shrink { flex-shrink: 1 } .\!k-shrink { flex-shrink: 1 !important } .k-shrink-0 { flex-shrink: 0 } .\!k-shrink-0 { flex-shrink: 0 !important } .k-flex-shrink { flex-shrink: 1 } .\!k-flex-shrink { flex-shrink: 1 !important } .k-flex-shrink-0 { flex-shrink: 0 } .\!k-flex-shrink-0 { flex-shrink: 0 !important } .k-flex-wrap { flex-wrap: wrap } .\!k-flex-wrap { flex-wrap: wrap !important } .k-flex-wrap-reverse { flex-wrap: wrap-reverse } .\!k-flex-wrap-reverse { flex-wrap: wrap-reverse !important } .k-flex-nowrap { flex-wrap: nowrap } .\!k-flex-nowrap { flex-wrap: nowrap !important } .k-flex-1 { flex: 1 1 0% } .\!k-flex-1 { flex: 1 1 0% !important } .k-flex-auto { flex: 1 1 auto } .\!k-flex-auto { flex: 1 1 auto !important } .k-flex-initial { flex: 0 1 auto } .\!k-flex-initial { flex: 0 1 auto !important } .k-flex-none { flex: none } .\!k-flex-none { flex: none !important } .k-gap-0 { gap: var(--kendo-spacing-0, 0px) } .\!k-gap-0 { gap: var(--kendo-spacing-0, 0px) !important } .k-gap-1px { gap: var(--kendo-spacing-1px, 1px) } .\!k-gap-1px { gap: var(--kendo-spacing-1px, 1px) !important } .k-gap-0\.5 { gap: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-gap-0\.5 { gap: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-gap-1 { gap: var(--kendo-spacing-1, 0.25rem) } .\!k-gap-1 { gap: var(--kendo-spacing-1, 0.25rem) !important } .k-gap-1\.5 { gap: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-gap-1\.5 { gap: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-gap-2 { gap: var(--kendo-spacing-2, 0.5rem) } .\!k-gap-2 { gap: var(--kendo-spacing-2, 0.5rem) !important } .k-gap-2\.5 { gap: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-gap-2\.5 { gap: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-gap-3 { gap: var(--kendo-spacing-3, 0.75rem) } .\!k-gap-3 { gap: var(--kendo-spacing-3, 0.75rem) !important } .k-gap-3\.5 { gap: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-gap-3\.5 { gap: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-gap-4 { gap: var(--kendo-spacing-4, 1rem) } .\!k-gap-4 { gap: var(--kendo-spacing-4, 1rem) !important } .k-gap-4\.5 { gap: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-gap-4\.5 { gap: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-gap-5 { gap: var(--kendo-spacing-5, 1.25rem) } .\!k-gap-5 { gap: var(--kendo-spacing-5, 1.25rem) !important } .k-gap-5\.5 { gap: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-gap-5\.5 { gap: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-gap-6 { gap: var(--kendo-spacing-6, 1.5rem) } .\!k-gap-6 { gap: var(--kendo-spacing-6, 1.5rem) !important } .k-gap-6\.5 { gap: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-gap-6\.5 { gap: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-gap-7 { gap: var(--kendo-spacing-7, 1.75rem) } .\!k-gap-7 { gap: var(--kendo-spacing-7, 1.75rem) !important } .k-gap-7\.5 { gap: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-gap-7\.5 { gap: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-gap-8 { gap: var(--kendo-spacing-8, 2rem) } .\!k-gap-8 { gap: var(--kendo-spacing-8, 2rem) !important } .k-gap-9 { gap: var(--kendo-spacing-9, 2.25rem) } .\!k-gap-9 { gap: var(--kendo-spacing-9, 2.25rem) !important } .k-gap-10 { gap: var(--kendo-spacing-10, 2.5rem) } .\!k-gap-10 { gap: var(--kendo-spacing-10, 2.5rem) !important } .k-gap-11 { gap: var(--kendo-spacing-11, 2.75rem) } .\!k-gap-11 { gap: var(--kendo-spacing-11, 2.75rem) !important } .k-gap-12 { gap: var(--kendo-spacing-12, 3rem) } .\!k-gap-12 { gap: var(--kendo-spacing-12, 3rem) !important } .k-gap-13 { gap: var(--kendo-spacing-13, 3.25rem) } .\!k-gap-13 { gap: var(--kendo-spacing-13, 3.25rem) !important } .k-gap-14 { gap: var(--kendo-spacing-14, 3.5rem) } .\!k-gap-14 { gap: var(--kendo-spacing-14, 3.5rem) !important } .k-gap-15 { gap: var(--kendo-spacing-15, 3.75rem) } .\!k-gap-15 { gap: var(--kendo-spacing-15, 3.75rem) !important } .k-gap-16 { gap: var(--kendo-spacing-16, 4rem) } .\!k-gap-16 { gap: var(--kendo-spacing-16, 4rem) !important } .k-gap-17 { gap: var(--kendo-spacing-17, 4.25rem) } .\!k-gap-17 { gap: var(--kendo-spacing-17, 4.25rem) !important } .k-gap-18 { gap: var(--kendo-spacing-18, 4.5rem) } .\!k-gap-18 { gap: var(--kendo-spacing-18, 4.5rem) !important } .k-gap-19 { gap: var(--kendo-spacing-19, 4.75rem) } .\!k-gap-19 { gap: var(--kendo-spacing-19, 4.75rem) !important } .k-gap-20 { gap: var(--kendo-spacing-20, 5rem) } .\!k-gap-20 { gap: var(--kendo-spacing-20, 5rem) !important } .k-gap-21 { gap: var(--kendo-spacing-21, 5.25rem) } .\!k-gap-21 { gap: var(--kendo-spacing-21, 5.25rem) !important } .k-gap-22 { gap: var(--kendo-spacing-22, 5.5rem) } .\!k-gap-22 { gap: var(--kendo-spacing-22, 5.5rem) !important } .k-gap-23 { gap: var(--kendo-spacing-23, 5.75rem) } .\!k-gap-23 { gap: var(--kendo-spacing-23, 5.75rem) !important } .k-gap-24 { gap: var(--kendo-spacing-24, 6rem) } .\!k-gap-24 { gap: var(--kendo-spacing-24, 6rem) !important } .k-gap-25 { gap: var(--kendo-spacing-25, 7rem) } .\!k-gap-25 { gap: var(--kendo-spacing-25, 7rem) !important } .k-gap-26 { gap: var(--kendo-spacing-26, 8rem) } .\!k-gap-26 { gap: var(--kendo-spacing-26, 8rem) !important } .k-gap-27 { gap: var(--kendo-spacing-27, 9rem) } .\!k-gap-27 { gap: var(--kendo-spacing-27, 9rem) !important } .k-gap-28 { gap: var(--kendo-spacing-28, 10rem) } .\!k-gap-28 { gap: var(--kendo-spacing-28, 10rem) !important } .k-gap-29 { gap: var(--kendo-spacing-29, 11rem) } .\!k-gap-29 { gap: var(--kendo-spacing-29, 11rem) !important } .k-gap-30 { gap: var(--kendo-spacing-30, 12rem) } .\!k-gap-30 { gap: var(--kendo-spacing-30, 12rem) !important } .k-gap-xs { gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-gap-xs { gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-gap-sm { gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-gap-sm { gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-gap-md { gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-gap-md { gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-gap-lg { gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-gap-lg { gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-gap-xl { gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-gap-xl { gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-gap-thin { gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-gap-thin { gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-gap-hair { gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-gap-hair { gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-gap-x-0 { -moz-column-gap: var(--kendo-spacing-0, 0px); column-gap: var(--kendo-spacing-0, 0px) } .\!k-gap-x-0 { -moz-column-gap: var(--kendo-spacing-0, 0px) !important; column-gap: var(--kendo-spacing-0, 0px) !important } .k-gap-x-1px { -moz-column-gap: var(--kendo-spacing-1px, 1px); column-gap: var(--kendo-spacing-1px, 1px) } .\!k-gap-x-1px { -moz-column-gap: var(--kendo-spacing-1px, 1px) !important; column-gap: var(--kendo-spacing-1px, 1px) !important } .k-gap-x-0\.5 { -moz-column-gap: var(--kendo-spacing-0\.5, 0.125rem); column-gap: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-gap-x-0\.5 { -moz-column-gap: var(--kendo-spacing-0\.5, 0.125rem) !important; column-gap: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-gap-x-1 { -moz-column-gap: var(--kendo-spacing-1, 0.25rem); column-gap: var(--kendo-spacing-1, 0.25rem) } .\!k-gap-x-1 { -moz-column-gap: var(--kendo-spacing-1, 0.25rem) !important; column-gap: var(--kendo-spacing-1, 0.25rem) !important } .k-gap-x-1\.5 { -moz-column-gap: var(--kendo-spacing-1\.5, 0.375rem); column-gap: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-gap-x-1\.5 { -moz-column-gap: var(--kendo-spacing-1\.5, 0.375rem) !important; column-gap: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-gap-x-2 { -moz-column-gap: var(--kendo-spacing-2, 0.5rem); column-gap: var(--kendo-spacing-2, 0.5rem) } .\!k-gap-x-2 { -moz-column-gap: var(--kendo-spacing-2, 0.5rem) !important; column-gap: var(--kendo-spacing-2, 0.5rem) !important } .k-gap-x-2\.5 { -moz-column-gap: var(--kendo-spacing-2\.5, 0.625rem); column-gap: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-gap-x-2\.5 { -moz-column-gap: var(--kendo-spacing-2\.5, 0.625rem) !important; column-gap: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-gap-x-3 { -moz-column-gap: var(--kendo-spacing-3, 0.75rem); column-gap: var(--kendo-spacing-3, 0.75rem) } .\!k-gap-x-3 { -moz-column-gap: var(--kendo-spacing-3, 0.75rem) !important; column-gap: var(--kendo-spacing-3, 0.75rem) !important } .k-gap-x-3\.5 { -moz-column-gap: var(--kendo-spacing-3\.5, 0.875rem); column-gap: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-gap-x-3\.5 { -moz-column-gap: var(--kendo-spacing-3\.5, 0.875rem) !important; column-gap: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-gap-x-4 { -moz-column-gap: var(--kendo-spacing-4, 1rem); column-gap: var(--kendo-spacing-4, 1rem) } .\!k-gap-x-4 { -moz-column-gap: var(--kendo-spacing-4, 1rem) !important; column-gap: var(--kendo-spacing-4, 1rem) !important } .k-gap-x-4\.5 { -moz-column-gap: var(--kendo-spacing-4\.5, 1.125rem); column-gap: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-gap-x-4\.5 { -moz-column-gap: var(--kendo-spacing-4\.5, 1.125rem) !important; column-gap: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-gap-x-5 { -moz-column-gap: var(--kendo-spacing-5, 1.25rem); column-gap: var(--kendo-spacing-5, 1.25rem) } .\!k-gap-x-5 { -moz-column-gap: var(--kendo-spacing-5, 1.25rem) !important; column-gap: var(--kendo-spacing-5, 1.25rem) !important } .k-gap-x-5\.5 { -moz-column-gap: var(--kendo-spacing-5\.5, 1.375rem); column-gap: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-gap-x-5\.5 { -moz-column-gap: var(--kendo-spacing-5\.5, 1.375rem) !important; column-gap: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-gap-x-6 { -moz-column-gap: var(--kendo-spacing-6, 1.5rem); column-gap: var(--kendo-spacing-6, 1.5rem) } .\!k-gap-x-6 { -moz-column-gap: var(--kendo-spacing-6, 1.5rem) !important; column-gap: var(--kendo-spacing-6, 1.5rem) !important } .k-gap-x-6\.5 { -moz-column-gap: var(--kendo-spacing-6\.5, 1.625rem); column-gap: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-gap-x-6\.5 { -moz-column-gap: var(--kendo-spacing-6\.5, 1.625rem) !important; column-gap: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-gap-x-7 { -moz-column-gap: var(--kendo-spacing-7, 1.75rem); column-gap: var(--kendo-spacing-7, 1.75rem) } .\!k-gap-x-7 { -moz-column-gap: var(--kendo-spacing-7, 1.75rem) !important; column-gap: var(--kendo-spacing-7, 1.75rem) !important } .k-gap-x-7\.5 { -moz-column-gap: var(--kendo-spacing-7\.5, 1.875rem); column-gap: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-gap-x-7\.5 { -moz-column-gap: var(--kendo-spacing-7\.5, 1.875rem) !important; column-gap: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-gap-x-8 { -moz-column-gap: var(--kendo-spacing-8, 2rem); column-gap: var(--kendo-spacing-8, 2rem) } .\!k-gap-x-8 { -moz-column-gap: var(--kendo-spacing-8, 2rem) !important; column-gap: var(--kendo-spacing-8, 2rem) !important } .k-gap-x-9 { -moz-column-gap: var(--kendo-spacing-9, 2.25rem); column-gap: var(--kendo-spacing-9, 2.25rem) } .\!k-gap-x-9 { -moz-column-gap: var(--kendo-spacing-9, 2.25rem) !important; column-gap: var(--kendo-spacing-9, 2.25rem) !important } .k-gap-x-10 { -moz-column-gap: var(--kendo-spacing-10, 2.5rem); column-gap: var(--kendo-spacing-10, 2.5rem) } .\!k-gap-x-10 { -moz-column-gap: var(--kendo-spacing-10, 2.5rem) !important; column-gap: var(--kendo-spacing-10, 2.5rem) !important } .k-gap-x-11 { -moz-column-gap: var(--kendo-spacing-11, 2.75rem); column-gap: var(--kendo-spacing-11, 2.75rem) } .\!k-gap-x-11 { -moz-column-gap: var(--kendo-spacing-11, 2.75rem) !important; column-gap: var(--kendo-spacing-11, 2.75rem) !important } .k-gap-x-12 { -moz-column-gap: var(--kendo-spacing-12, 3rem); column-gap: var(--kendo-spacing-12, 3rem) } .\!k-gap-x-12 { -moz-column-gap: var(--kendo-spacing-12, 3rem) !important; column-gap: var(--kendo-spacing-12, 3rem) !important } .k-gap-x-13 { -moz-column-gap: var(--kendo-spacing-13, 3.25rem); column-gap: var(--kendo-spacing-13, 3.25rem) } .\!k-gap-x-13 { -moz-column-gap: var(--kendo-spacing-13, 3.25rem) !important; column-gap: var(--kendo-spacing-13, 3.25rem) !important } .k-gap-x-14 { -moz-column-gap: var(--kendo-spacing-14, 3.5rem); column-gap: var(--kendo-spacing-14, 3.5rem) } .\!k-gap-x-14 { -moz-column-gap: var(--kendo-spacing-14, 3.5rem) !important; column-gap: var(--kendo-spacing-14, 3.5rem) !important } .k-gap-x-15 { -moz-column-gap: var(--kendo-spacing-15, 3.75rem); column-gap: var(--kendo-spacing-15, 3.75rem) } .\!k-gap-x-15 { -moz-column-gap: var(--kendo-spacing-15, 3.75rem) !important; column-gap: var(--kendo-spacing-15, 3.75rem) !important } .k-gap-x-16 { -moz-column-gap: var(--kendo-spacing-16, 4rem); column-gap: var(--kendo-spacing-16, 4rem) } .\!k-gap-x-16 { -moz-column-gap: var(--kendo-spacing-16, 4rem) !important; column-gap: var(--kendo-spacing-16, 4rem) !important } .k-gap-x-17 { -moz-column-gap: var(--kendo-spacing-17, 4.25rem); column-gap: var(--kendo-spacing-17, 4.25rem) } .\!k-gap-x-17 { -moz-column-gap: var(--kendo-spacing-17, 4.25rem) !important; column-gap: var(--kendo-spacing-17, 4.25rem) !important } .k-gap-x-18 { -moz-column-gap: var(--kendo-spacing-18, 4.5rem); column-gap: var(--kendo-spacing-18, 4.5rem) } .\!k-gap-x-18 { -moz-column-gap: var(--kendo-spacing-18, 4.5rem) !important; column-gap: var(--kendo-spacing-18, 4.5rem) !important } .k-gap-x-19 { -moz-column-gap: var(--kendo-spacing-19, 4.75rem); column-gap: var(--kendo-spacing-19, 4.75rem) } .\!k-gap-x-19 { -moz-column-gap: var(--kendo-spacing-19, 4.75rem) !important; column-gap: var(--kendo-spacing-19, 4.75rem) !important } .k-gap-x-20 { -moz-column-gap: var(--kendo-spacing-20, 5rem); column-gap: var(--kendo-spacing-20, 5rem) } .\!k-gap-x-20 { -moz-column-gap: var(--kendo-spacing-20, 5rem) !important; column-gap: var(--kendo-spacing-20, 5rem) !important } .k-gap-x-21 { -moz-column-gap: var(--kendo-spacing-21, 5.25rem); column-gap: var(--kendo-spacing-21, 5.25rem) } .\!k-gap-x-21 { -moz-column-gap: var(--kendo-spacing-21, 5.25rem) !important; column-gap: var(--kendo-spacing-21, 5.25rem) !important } .k-gap-x-22 { -moz-column-gap: var(--kendo-spacing-22, 5.5rem); column-gap: var(--kendo-spacing-22, 5.5rem) } .\!k-gap-x-22 { -moz-column-gap: var(--kendo-spacing-22, 5.5rem) !important; column-gap: var(--kendo-spacing-22, 5.5rem) !important } .k-gap-x-23 { -moz-column-gap: var(--kendo-spacing-23, 5.75rem); column-gap: var(--kendo-spacing-23, 5.75rem) } .\!k-gap-x-23 { -moz-column-gap: var(--kendo-spacing-23, 5.75rem) !important; column-gap: var(--kendo-spacing-23, 5.75rem) !important } .k-gap-x-24 { -moz-column-gap: var(--kendo-spacing-24, 6rem); column-gap: var(--kendo-spacing-24, 6rem) } .\!k-gap-x-24 { -moz-column-gap: var(--kendo-spacing-24, 6rem) !important; column-gap: var(--kendo-spacing-24, 6rem) !important } .k-gap-x-25 { -moz-column-gap: var(--kendo-spacing-25, 7rem); column-gap: var(--kendo-spacing-25, 7rem) } .\!k-gap-x-25 { -moz-column-gap: var(--kendo-spacing-25, 7rem) !important; column-gap: var(--kendo-spacing-25, 7rem) !important } .k-gap-x-26 { -moz-column-gap: var(--kendo-spacing-26, 8rem); column-gap: var(--kendo-spacing-26, 8rem) } .\!k-gap-x-26 { -moz-column-gap: var(--kendo-spacing-26, 8rem) !important; column-gap: var(--kendo-spacing-26, 8rem) !important } .k-gap-x-27 { -moz-column-gap: var(--kendo-spacing-27, 9rem); column-gap: var(--kendo-spacing-27, 9rem) } .\!k-gap-x-27 { -moz-column-gap: var(--kendo-spacing-27, 9rem) !important; column-gap: var(--kendo-spacing-27, 9rem) !important } .k-gap-x-28 { -moz-column-gap: var(--kendo-spacing-28, 10rem); column-gap: var(--kendo-spacing-28, 10rem) } .\!k-gap-x-28 { -moz-column-gap: var(--kendo-spacing-28, 10rem) !important; column-gap: var(--kendo-spacing-28, 10rem) !important } .k-gap-x-29 { -moz-column-gap: var(--kendo-spacing-29, 11rem); column-gap: var(--kendo-spacing-29, 11rem) } .\!k-gap-x-29 { -moz-column-gap: var(--kendo-spacing-29, 11rem) !important; column-gap: var(--kendo-spacing-29, 11rem) !important } .k-gap-x-30 { -moz-column-gap: var(--kendo-spacing-30, 12rem); column-gap: var(--kendo-spacing-30, 12rem) } .\!k-gap-x-30 { -moz-column-gap: var(--kendo-spacing-30, 12rem) !important; column-gap: var(--kendo-spacing-30, 12rem) !important } .k-gap-x-xs { -moz-column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)); column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-gap-x-xs { -moz-column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important; column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-gap-x-sm { -moz-column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)); column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-gap-x-sm { -moz-column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important; column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-gap-x-md { -moz-column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)); column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-gap-x-md { -moz-column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important; column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-gap-x-lg { -moz-column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)); column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-gap-x-lg { -moz-column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important; column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-gap-x-xl { -moz-column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)); column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-gap-x-xl { -moz-column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important; column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-gap-x-thin { -moz-column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)); column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-gap-x-thin { -moz-column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important; column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-gap-x-hair { -moz-column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)); column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-gap-x-hair { -moz-column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important; column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-gap-y-0 { row-gap: var(--kendo-spacing-0, 0px) } .\!k-gap-y-0 { row-gap: var(--kendo-spacing-0, 0px) !important } .k-gap-y-1px { row-gap: var(--kendo-spacing-1px, 1px) } .\!k-gap-y-1px { row-gap: var(--kendo-spacing-1px, 1px) !important } .k-gap-y-0\.5 { row-gap: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-gap-y-0\.5 { row-gap: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-gap-y-1 { row-gap: var(--kendo-spacing-1, 0.25rem) } .\!k-gap-y-1 { row-gap: var(--kendo-spacing-1, 0.25rem) !important } .k-gap-y-1\.5 { row-gap: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-gap-y-1\.5 { row-gap: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-gap-y-2 { row-gap: var(--kendo-spacing-2, 0.5rem) } .\!k-gap-y-2 { row-gap: var(--kendo-spacing-2, 0.5rem) !important } .k-gap-y-2\.5 { row-gap: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-gap-y-2\.5 { row-gap: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-gap-y-3 { row-gap: var(--kendo-spacing-3, 0.75rem) } .\!k-gap-y-3 { row-gap: var(--kendo-spacing-3, 0.75rem) !important } .k-gap-y-3\.5 { row-gap: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-gap-y-3\.5 { row-gap: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-gap-y-4 { row-gap: var(--kendo-spacing-4, 1rem) } .\!k-gap-y-4 { row-gap: var(--kendo-spacing-4, 1rem) !important } .k-gap-y-4\.5 { row-gap: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-gap-y-4\.5 { row-gap: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-gap-y-5 { row-gap: var(--kendo-spacing-5, 1.25rem) } .\!k-gap-y-5 { row-gap: var(--kendo-spacing-5, 1.25rem) !important } .k-gap-y-5\.5 { row-gap: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-gap-y-5\.5 { row-gap: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-gap-y-6 { row-gap: var(--kendo-spacing-6, 1.5rem) } .\!k-gap-y-6 { row-gap: var(--kendo-spacing-6, 1.5rem) !important } .k-gap-y-6\.5 { row-gap: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-gap-y-6\.5 { row-gap: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-gap-y-7 { row-gap: var(--kendo-spacing-7, 1.75rem) } .\!k-gap-y-7 { row-gap: var(--kendo-spacing-7, 1.75rem) !important } .k-gap-y-7\.5 { row-gap: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-gap-y-7\.5 { row-gap: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-gap-y-8 { row-gap: var(--kendo-spacing-8, 2rem) } .\!k-gap-y-8 { row-gap: var(--kendo-spacing-8, 2rem) !important } .k-gap-y-9 { row-gap: var(--kendo-spacing-9, 2.25rem) } .\!k-gap-y-9 { row-gap: var(--kendo-spacing-9, 2.25rem) !important } .k-gap-y-10 { row-gap: var(--kendo-spacing-10, 2.5rem) } .\!k-gap-y-10 { row-gap: var(--kendo-spacing-10, 2.5rem) !important } .k-gap-y-11 { row-gap: var(--kendo-spacing-11, 2.75rem) } .\!k-gap-y-11 { row-gap: var(--kendo-spacing-11, 2.75rem) !important } .k-gap-y-12 { row-gap: var(--kendo-spacing-12, 3rem) } .\!k-gap-y-12 { row-gap: var(--kendo-spacing-12, 3rem) !important } .k-gap-y-13 { row-gap: var(--kendo-spacing-13, 3.25rem) } .\!k-gap-y-13 { row-gap: var(--kendo-spacing-13, 3.25rem) !important } .k-gap-y-14 { row-gap: var(--kendo-spacing-14, 3.5rem) } .\!k-gap-y-14 { row-gap: var(--kendo-spacing-14, 3.5rem) !important } .k-gap-y-15 { row-gap: var(--kendo-spacing-15, 3.75rem) } .\!k-gap-y-15 { row-gap: var(--kendo-spacing-15, 3.75rem) !important } .k-gap-y-16 { row-gap: var(--kendo-spacing-16, 4rem) } .\!k-gap-y-16 { row-gap: var(--kendo-spacing-16, 4rem) !important } .k-gap-y-17 { row-gap: var(--kendo-spacing-17, 4.25rem) } .\!k-gap-y-17 { row-gap: var(--kendo-spacing-17, 4.25rem) !important } .k-gap-y-18 { row-gap: var(--kendo-spacing-18, 4.5rem) } .\!k-gap-y-18 { row-gap: var(--kendo-spacing-18, 4.5rem) !important } .k-gap-y-19 { row-gap: var(--kendo-spacing-19, 4.75rem) } .\!k-gap-y-19 { row-gap: var(--kendo-spacing-19, 4.75rem) !important } .k-gap-y-20 { row-gap: var(--kendo-spacing-20, 5rem) } .\!k-gap-y-20 { row-gap: var(--kendo-spacing-20, 5rem) !important } .k-gap-y-21 { row-gap: var(--kendo-spacing-21, 5.25rem) } .\!k-gap-y-21 { row-gap: var(--kendo-spacing-21, 5.25rem) !important } .k-gap-y-22 { row-gap: var(--kendo-spacing-22, 5.5rem) } .\!k-gap-y-22 { row-gap: var(--kendo-spacing-22, 5.5rem) !important } .k-gap-y-23 { row-gap: var(--kendo-spacing-23, 5.75rem) } .\!k-gap-y-23 { row-gap: var(--kendo-spacing-23, 5.75rem) !important } .k-gap-y-24 { row-gap: var(--kendo-spacing-24, 6rem) } .\!k-gap-y-24 { row-gap: var(--kendo-spacing-24, 6rem) !important } .k-gap-y-25 { row-gap: var(--kendo-spacing-25, 7rem) } .\!k-gap-y-25 { row-gap: var(--kendo-spacing-25, 7rem) !important } .k-gap-y-26 { row-gap: var(--kendo-spacing-26, 8rem) } .\!k-gap-y-26 { row-gap: var(--kendo-spacing-26, 8rem) !important } .k-gap-y-27 { row-gap: var(--kendo-spacing-27, 9rem) } .\!k-gap-y-27 { row-gap: var(--kendo-spacing-27, 9rem) !important } .k-gap-y-28 { row-gap: var(--kendo-spacing-28, 10rem) } .\!k-gap-y-28 { row-gap: var(--kendo-spacing-28, 10rem) !important } .k-gap-y-29 { row-gap: var(--kendo-spacing-29, 11rem) } .\!k-gap-y-29 { row-gap: var(--kendo-spacing-29, 11rem) !important } .k-gap-y-30 { row-gap: var(--kendo-spacing-30, 12rem) } .\!k-gap-y-30 { row-gap: var(--kendo-spacing-30, 12rem) !important } .k-gap-y-xs { row-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-gap-y-xs { row-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-gap-y-sm { row-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-gap-y-sm { row-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-gap-y-md { row-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-gap-y-md { row-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-gap-y-lg { row-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-gap-y-lg { row-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-gap-y-xl { row-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-gap-y-xl { row-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-gap-y-thin { row-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-gap-y-thin { row-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-gap-y-hair { row-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-gap-y-hair { row-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-grid-auto-cols-auto { grid-auto-columns: auto } .\!k-grid-auto-cols-auto { grid-auto-columns: auto !important } .k-grid-auto-cols-min { grid-auto-columns: min-content } .\!k-grid-auto-cols-min { grid-auto-columns: min-content !important } .k-grid-auto-cols-max { grid-auto-columns: max-content } .\!k-grid-auto-cols-max { grid-auto-columns: max-content !important } .k-grid-auto-cols-fr { grid-auto-columns: minmax(0, 1fr) } .\!k-grid-auto-cols-fr { grid-auto-columns: minmax(0, 1fr) !important } .k-grid-flow-row { grid-auto-flow: row } .\!k-grid-flow-row { grid-auto-flow: row !important } .k-grid-flow-col { grid-auto-flow: column } .\!k-grid-flow-col { grid-auto-flow: column !important } .k-grid-flow-dense { grid-auto-flow: dense } .\!k-grid-flow-dense { grid-auto-flow: dense !important } .k-grid-flow-row-dense { grid-auto-flow: row dense } .\!k-grid-flow-row-dense { grid-auto-flow: row dense !important } .k-grid-flow-col-dense { grid-auto-flow: column dense } .\!k-grid-flow-col-dense { grid-auto-flow: column dense !important } .k-grid-flow-unset { grid-auto-flow: unset } .\!k-grid-flow-unset { grid-auto-flow: unset !important } .k-grid-auto-rows-auto { grid-auto-rows: auto } .\!k-grid-auto-rows-auto { grid-auto-rows: auto !important } .k-grid-auto-rows-min { grid-auto-rows: min-content } .\!k-grid-auto-rows-min { grid-auto-rows: min-content !important } .k-grid-auto-rows-max { grid-auto-rows: max-content } .\!k-grid-auto-rows-max { grid-auto-rows: max-content !important } .k-grid-auto-rows-fr { grid-auto-rows: minmax(0, 1fr) } .\!k-grid-auto-rows-fr { grid-auto-rows: minmax(0, 1fr) !important } .k-col-span-1 { grid-column: span 1/span 1 } .\!k-col-span-1 { grid-column: span 1/span 1 !important } .k-col-span-2 { grid-column: span 2/span 2 } .\!k-col-span-2 { grid-column: span 2/span 2 !important } .k-col-span-3 { grid-column: span 3/span 3 } .\!k-col-span-3 { grid-column: span 3/span 3 !important } .k-col-span-4 { grid-column: span 4/span 4 } .\!k-col-span-4 { grid-column: span 4/span 4 !important } .k-col-span-5 { grid-column: span 5/span 5 } .\!k-col-span-5 { grid-column: span 5/span 5 !important } .k-col-span-6 { grid-column: span 6/span 6 } .\!k-col-span-6 { grid-column: span 6/span 6 !important } .k-col-span-7 { grid-column: span 7/span 7 } .\!k-col-span-7 { grid-column: span 7/span 7 !important } .k-col-span-8 { grid-column: span 8/span 8 } .\!k-col-span-8 { grid-column: span 8/span 8 !important } .k-col-span-9 { grid-column: span 9/span 9 } .\!k-col-span-9 { grid-column: span 9/span 9 !important } .k-col-span-10 { grid-column: span 10/span 10 } .\!k-col-span-10 { grid-column: span 10/span 10 !important } .k-col-span-11 { grid-column: span 11/span 11 } .\!k-col-span-11 { grid-column: span 11/span 11 !important } .k-col-span-12 { grid-column: span 12/span 12 } .\!k-col-span-12 { grid-column: span 12/span 12 !important } .k-col-span-full { grid-column: 1 / -1 } .\!k-col-span-full { grid-column: 1 / -1 !important } .k-col-span-auto { grid-column: auto } .\!k-col-span-auto { grid-column: auto !important } .k-col-start-1 { grid-column-start: 1 } .\!k-col-start-1 { grid-column-start: 1 !important } .k-col-start-2 { grid-column-start: 2 } .\!k-col-start-2 { grid-column-start: 2 !important } .k-col-start-3 { grid-column-start: 3 } .\!k-col-start-3 { grid-column-start: 3 !important } .k-col-start-4 { grid-column-start: 4 } .\!k-col-start-4 { grid-column-start: 4 !important } .k-col-start-5 { grid-column-start: 5 } .\!k-col-start-5 { grid-column-start: 5 !important } .k-col-start-6 { grid-column-start: 6 } .\!k-col-start-6 { grid-column-start: 6 !important } .k-col-start-7 { grid-column-start: 7 } .\!k-col-start-7 { grid-column-start: 7 !important } .k-col-start-8 { grid-column-start: 8 } .\!k-col-start-8 { grid-column-start: 8 !important } .k-col-start-9 { grid-column-start: 9 } .\!k-col-start-9 { grid-column-start: 9 !important } .k-col-start-10 { grid-column-start: 10 } .\!k-col-start-10 { grid-column-start: 10 !important } .k-col-start-11 { grid-column-start: 11 } .\!k-col-start-11 { grid-column-start: 11 !important } .k-col-start-12 { grid-column-start: 12 } .\!k-col-start-12 { grid-column-start: 12 !important } .k-col-start-13 { grid-column-start: 13 } .\!k-col-start-13 { grid-column-start: 13 !important } .k-col-start-auto { grid-column-start: auto } .\!k-col-start-auto { grid-column-start: auto !important } .k-col-end-1 { grid-column-end: 1 } .\!k-col-end-1 { grid-column-end: 1 !important } .k-col-end-2 { grid-column-end: 2 } .\!k-col-end-2 { grid-column-end: 2 !important } .k-col-end-3 { grid-column-end: 3 } .\!k-col-end-3 { grid-column-end: 3 !important } .k-col-end-4 { grid-column-end: 4 } .\!k-col-end-4 { grid-column-end: 4 !important } .k-col-end-5 { grid-column-end: 5 } .\!k-col-end-5 { grid-column-end: 5 !important } .k-col-end-6 { grid-column-end: 6 } .\!k-col-end-6 { grid-column-end: 6 !important } .k-col-end-7 { grid-column-end: 7 } .\!k-col-end-7 { grid-column-end: 7 !important } .k-col-end-8 { grid-column-end: 8 } .\!k-col-end-8 { grid-column-end: 8 !important } .k-col-end-9 { grid-column-end: 9 } .\!k-col-end-9 { grid-column-end: 9 !important } .k-col-end-10 { grid-column-end: 10 } .\!k-col-end-10 { grid-column-end: 10 !important } .k-col-end-11 { grid-column-end: 11 } .\!k-col-end-11 { grid-column-end: 11 !important } .k-col-end-12 { grid-column-end: 12 } .\!k-col-end-12 { grid-column-end: 12 !important } .k-col-end-13 { grid-column-end: 13 } .\!k-col-end-13 { grid-column-end: 13 !important } .k-col-end-auto { grid-column-end: auto } .\!k-col-end-auto { grid-column-end: auto !important } .k-colspan-1 { grid-column: span 1/span 1 } .\!k-colspan-1 { grid-column: span 1/span 1 !important } .k-colspan-2 { grid-column: span 2/span 2 } .\!k-colspan-2 { grid-column: span 2/span 2 !important } .k-colspan-3 { grid-column: span 3/span 3 } .\!k-colspan-3 { grid-column: span 3/span 3 !important } .k-colspan-4 { grid-column: span 4/span 4 } .\!k-colspan-4 { grid-column: span 4/span 4 !important } .k-colspan-5 { grid-column: span 5/span 5 } .\!k-colspan-5 { grid-column: span 5/span 5 !important } .k-colspan-6 { grid-column: span 6/span 6 } .\!k-colspan-6 { grid-column: span 6/span 6 !important } .k-colspan-7 { grid-column: span 7/span 7 } .\!k-colspan-7 { grid-column: span 7/span 7 !important } .k-colspan-8 { grid-column: span 8/span 8 } .\!k-colspan-8 { grid-column: span 8/span 8 !important } .k-colspan-9 { grid-column: span 9/span 9 } .\!k-colspan-9 { grid-column: span 9/span 9 !important } .k-colspan-10 { grid-column: span 10/span 10 } .\!k-colspan-10 { grid-column: span 10/span 10 !important } .k-colspan-11 { grid-column: span 11/span 11 } .\!k-colspan-11 { grid-column: span 11/span 11 !important } .k-colspan-12 { grid-column: span 12/span 12 } .\!k-colspan-12 { grid-column: span 12/span 12 !important } .k-colspan-full, .k-colspan-all { grid-column: 1 / -1 } .\!k-colspan-full, .\!k-colspan-all { grid-column: 1 / -1 !important } .k-colspan-auto { grid-column: auto } .\!k-colspan-auto { grid-column: auto !important } .k-row-start-1 { grid-row-start: 1 } .\!k-row-start-1 { grid-row-start: 1 !important } .k-row-start-2 { grid-row-start: 2 } .\!k-row-start-2 { grid-row-start: 2 !important } .k-row-start-3 { grid-row-start: 3 } .\!k-row-start-3 { grid-row-start: 3 !important } .k-row-start-4 { grid-row-start: 4 } .\!k-row-start-4 { grid-row-start: 4 !important } .k-row-start-5 { grid-row-start: 5 } .\!k-row-start-5 { grid-row-start: 5 !important } .k-row-start-6 { grid-row-start: 6 } .\!k-row-start-6 { grid-row-start: 6 !important } .k-row-start-7 { grid-row-start: 7 } .\!k-row-start-7 { grid-row-start: 7 !important } .k-row-start-8 { grid-row-start: 8 } .\!k-row-start-8 { grid-row-start: 8 !important } .k-row-start-9 { grid-row-start: 9 } .\!k-row-start-9 { grid-row-start: 9 !important } .k-row-start-10 { grid-row-start: 10 } .\!k-row-start-10 { grid-row-start: 10 !important } .k-row-start-11 { grid-row-start: 11 } .\!k-row-start-11 { grid-row-start: 11 !important } .k-row-start-12 { grid-row-start: 12 } .\!k-row-start-12 { grid-row-start: 12 !important } .k-row-start-13 { grid-row-start: 13 } .\!k-row-start-13 { grid-row-start: 13 !important } .k-row-start-auto { grid-row-start: auto } .\!k-row-start-auto { grid-row-start: auto !important } .k-row-end-1 { grid-row-end: 1 } .\!k-row-end-1 { grid-row-end: 1 !important } .k-row-end-2 { grid-row-end: 2 } .\!k-row-end-2 { grid-row-end: 2 !important } .k-row-end-3 { grid-row-end: 3 } .\!k-row-end-3 { grid-row-end: 3 !important } .k-row-end-4 { grid-row-end: 4 } .\!k-row-end-4 { grid-row-end: 4 !important } .k-row-end-5 { grid-row-end: 5 } .\!k-row-end-5 { grid-row-end: 5 !important } .k-row-end-6 { grid-row-end: 6 } .\!k-row-end-6 { grid-row-end: 6 !important } .k-row-end-7 { grid-row-end: 7 } .\!k-row-end-7 { grid-row-end: 7 !important } .k-row-end-8 { grid-row-end: 8 } .\!k-row-end-8 { grid-row-end: 8 !important } .k-row-end-9 { grid-row-end: 9 } .\!k-row-end-9 { grid-row-end: 9 !important } .k-row-end-10 { grid-row-end: 10 } .\!k-row-end-10 { grid-row-end: 10 !important } .k-row-end-11 { grid-row-end: 11 } .\!k-row-end-11 { grid-row-end: 11 !important } .k-row-end-12 { grid-row-end: 12 } .\!k-row-end-12 { grid-row-end: 12 !important } .k-row-end-13 { grid-row-end: 13 } .\!k-row-end-13 { grid-row-end: 13 !important } .k-row-end-auto { grid-row-end: auto } .\!k-row-end-auto { grid-row-end: auto !important } .k-row-span-1 { grid-row: span 1/span 1 } .\!k-row-span-1 { grid-row: span 1/span 1 !important } .k-row-span-2 { grid-row: span 2/span 2 } .\!k-row-span-2 { grid-row: span 2/span 2 !important } .k-row-span-3 { grid-row: span 3/span 3 } .\!k-row-span-3 { grid-row: span 3/span 3 !important } .k-row-span-4 { grid-row: span 4/span 4 } .\!k-row-span-4 { grid-row: span 4/span 4 !important } .k-row-span-5 { grid-row: span 5/span 5 } .\!k-row-span-5 { grid-row: span 5/span 5 !important } .k-row-span-6 { grid-row: span 6/span 6 } .\!k-row-span-6 { grid-row: span 6/span 6 !important } .k-row-span-7 { grid-row: span 7/span 7 } .\!k-row-span-7 { grid-row: span 7/span 7 !important } .k-row-span-8 { grid-row: span 8/span 8 } .\!k-row-span-8 { grid-row: span 8/span 8 !important } .k-row-span-9 { grid-row: span 9/span 9 } .\!k-row-span-9 { grid-row: span 9/span 9 !important } .k-row-span-10 { grid-row: span 10/span 10 } .\!k-row-span-10 { grid-row: span 10/span 10 !important } .k-row-span-11 { grid-row: span 11/span 11 } .\!k-row-span-11 { grid-row: span 11/span 11 !important } .k-row-span-12 { grid-row: span 12/span 12 } .\!k-row-span-12 { grid-row: span 12/span 12 !important } .k-row-span-full { grid-row: span 1/span -1 } .\!k-row-span-full { grid-row: span 1/span -1 !important } .k-row-span-auto { grid-row: auto } .\!k-row-span-auto { grid-row: auto !important } .k-rowspan-1 { grid-row: span 1/span 1 } .\!k-rowspan-1 { grid-row: span 1/span 1 !important } .k-rowspan-2 { grid-row: span 2/span 2 } .\!k-rowspan-2 { grid-row: span 2/span 2 !important } .k-rowspan-3 { grid-row: span 3/span 3 } .\!k-rowspan-3 { grid-row: span 3/span 3 !important } .k-rowspan-4 { grid-row: span 4/span 4 } .\!k-rowspan-4 { grid-row: span 4/span 4 !important } .k-rowspan-5 { grid-row: span 5/span 5 } .\!k-rowspan-5 { grid-row: span 5/span 5 !important } .k-rowspan-6 { grid-row: span 6/span 6 } .\!k-rowspan-6 { grid-row: span 6/span 6 !important } .k-rowspan-7 { grid-row: span 7/span 7 } .\!k-rowspan-7 { grid-row: span 7/span 7 !important } .k-rowspan-8 { grid-row: span 8/span 8 } .\!k-rowspan-8 { grid-row: span 8/span 8 !important } .k-rowspan-9 { grid-row: span 9/span 9 } .\!k-rowspan-9 { grid-row: span 9/span 9 !important } .k-rowspan-10 { grid-row: span 10/span 10 } .\!k-rowspan-10 { grid-row: span 10/span 10 !important } .k-rowspan-11 { grid-row: span 11/span 11 } .\!k-rowspan-11 { grid-row: span 11/span 11 !important } .k-rowspan-12 { grid-row: span 12/span 12 } .\!k-rowspan-12 { grid-row: span 12/span 12 !important } .k-rowspan-full, .k-rowspan-all { grid-row: span 1/span -1 } .\!k-rowspan-full, .\!k-rowspan-all { grid-row: span 1/span -1 !important } .k-rowspan-auto { grid-row: auto } .\!k-rowspan-auto { grid-row: auto !important } .k-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) } .\!k-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important } .k-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .\!k-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important } .k-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .\!k-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important } .k-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .\!k-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important } .k-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .\!k-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important } .k-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .\!k-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important } .k-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .\!k-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important } .k-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .\!k-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important } .k-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) } .\!k-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important } .k-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .\!k-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important } .k-grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) } .\!k-grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important } .k-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .\!k-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important } .k-grid-cols-none { grid-template-columns: none } .\!k-grid-cols-none { grid-template-columns: none !important } .k-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) } .\!k-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) !important } .k-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) } .\!k-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) !important } .k-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) } .\!k-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) !important } .k-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) } .\!k-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) !important } .k-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) } .\!k-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) !important } .k-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)) } .\!k-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)) !important } .k-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)) } .\!k-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)) !important } .k-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)) } .\!k-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)) !important } .k-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)) } .\!k-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)) !important } .k-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)) } .\!k-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)) !important } .k-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)) } .\!k-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)) !important } .k-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)) } .\!k-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)) !important } .k-grid-rows-none { grid-template-rows: none } .\!k-grid-rows-none { grid-template-rows: none !important } .k-justify-content-normal { justify-content: normal } .\!k-justify-content-normal { justify-content: normal !important } .k-justify-content-stretch { justify-content: stretch } .\!k-justify-content-stretch { justify-content: stretch !important } .k-justify-content-center { justify-content: center } .\!k-justify-content-center { justify-content: center !important } .k-justify-content-start { justify-content: start } .\!k-justify-content-start { justify-content: start !important } .k-justify-content-end { justify-content: end } .\!k-justify-content-end { justify-content: end !important } .k-justify-content-flex-start { justify-content: flex-start } .\!k-justify-content-flex-start { justify-content: flex-start !important } .k-justify-content-flex-end { justify-content: flex-end } .\!k-justify-content-flex-end { justify-content: flex-end !important } .k-justify-content-left { justify-content: left } .\!k-justify-content-left { justify-content: left !important } .k-justify-content-right { justify-content: right } .\!k-justify-content-right { justify-content: right !important } .k-justify-content-baseline { justify-content: baseline } .\!k-justify-content-baseline { justify-content: baseline !important } .k-justify-content-first-baseline { justify-content: first baseline } .\!k-justify-content-first-baseline { justify-content: first baseline !important } .k-justify-content-last-baseline { justify-content: last baseline } .\!k-justify-content-last-baseline { justify-content: last baseline !important } .k-justify-content-between { justify-content: space-between } .\!k-justify-content-between { justify-content: space-between !important } .k-justify-content-around { justify-content: space-around } .\!k-justify-content-around { justify-content: space-around !important } .k-justify-content-evenly { justify-content: space-evenly } .\!k-justify-content-evenly { justify-content: space-evenly !important } .k-justify-content-stretch > * { flex: 1 0 0% } .\!.k-justify-content-stretch > * { flex: 1 0 0% !important } .k-justify-items-normal { justify-items: normal } .\!k-justify-items-normal { justify-items: normal !important } .k-justify-items-stretch { justify-items: stretch } .\!k-justify-items-stretch { justify-items: stretch !important } .k-justify-items-center { justify-items: center } .\!k-justify-items-center { justify-items: center !important } .k-justify-items-start { justify-items: start } .\!k-justify-items-start { justify-items: start !important } .k-justify-items-end { justify-items: end } .\!k-justify-items-end { justify-items: end !important } .k-justify-items-flex-start { justify-items: flex-start } .\!k-justify-items-flex-start { justify-items: flex-start !important } .k-justify-items-flex-end { justify-items: flex-end } .\!k-justify-items-flex-end { justify-items: flex-end !important } .k-justify-items-self-start { justify-items: self-start } .\!k-justify-items-self-start { justify-items: self-start !important } .k-justify-items-self-end { justify-items: self-end } .\!k-justify-items-self-end { justify-items: self-end !important } .k-justify-items-left { justify-items: left } .\!k-justify-items-left { justify-items: left !important } .k-justify-items-right { justify-items: right } .\!k-justify-items-right { justify-items: right !important } .k-justify-items-baseline { justify-items: baseline } .\!k-justify-items-baseline { justify-items: baseline !important } .k-justify-items-first-baseline { justify-items: first baseline } .\!k-justify-items-first-baseline { justify-items: first baseline !important } .k-justify-items-last-baseline { justify-items: last baseline } .\!k-justify-items-last-baseline { justify-items: last baseline !important } .k-justify-self-auto { justify-self: auto } .\!k-justify-self-auto { justify-self: auto !important } .k-justify-self-normal { justify-self: normal } .\!k-justify-self-normal { justify-self: normal !important } .k-justify-self-stretch { justify-self: stretch } .\!k-justify-self-stretch { justify-self: stretch !important } .k-justify-self-center { justify-self: center } .\!k-justify-self-center { justify-self: center !important } .k-justify-self-start { justify-self: start } .\!k-justify-self-start { justify-self: start !important } .k-justify-self-end { justify-self: end } .\!k-justify-self-end { justify-self: end !important } .k-justify-self-flex-start { justify-self: flex-start } .\!k-justify-self-flex-start { justify-self: flex-start !important } .k-justify-self-flex-end { justify-self: flex-end } .\!k-justify-self-flex-end { justify-self: flex-end !important } .k-justify-self-self-start { justify-self: self-start } .\!k-justify-self-self-start { justify-self: self-start !important } .k-justify-self-self-end { justify-self: self-end } .\!k-justify-self-self-end { justify-self: self-end !important } .k-justify-self-baseline { justify-self: baseline } .\!k-justify-self-baseline { justify-self: baseline !important } .k-justify-self-first-baseline { justify-self: first baseline } .\!k-justify-self-first-baseline { justify-self: first baseline !important } .k-justify-self-last-baseline { justify-self: last baseline } .\!k-justify-self-last-baseline { justify-self: last baseline !important } .k-order-1 { order: 1 } .\!k-order-1 { order: 1 !important } .k-order-2 { order: 2 } .\!k-order-2 { order: 2 !important } .k-order-3 { order: 3 } .\!k-order-3 { order: 3 !important } .k-order-4 { order: 4 } .\!k-order-4 { order: 4 !important } .k-order-5 { order: 5 } .\!k-order-5 { order: 5 !important } .k-order-6 { order: 6 } .\!k-order-6 { order: 6 !important } .k-order-7 { order: 7 } .\!k-order-7 { order: 7 !important } .k-order-8 { order: 8 } .\!k-order-8 { order: 8 !important } .k-order-9 { order: 9 } .\!k-order-9 { order: 9 !important } .k-order-10 { order: 10 } .\!k-order-10 { order: 10 !important } .k-order-11 { order: 11 } .\!k-order-11 { order: 11 !important } .k-order-12 { order: 12 } .\!k-order-12 { order: 12 !important } .k-order-first { order: -9999 } .\!k-order-first { order: -9999 !important } .k-order-last { order: 9999 } .\!k-order-last { order: 9999 !important } .k-order-none { order: 0 } .\!k-order-none { order: 0 !important } .k-place-content-normal { place-content: normal } .\!k-place-content-normal { place-content: normal !important } .k-place-content-stretch { place-content: stretch } .\!k-place-content-stretch { place-content: stretch !important } .k-place-content-center { place-content: center } .\!k-place-content-center { place-content: center !important } .k-place-content-start { place-content: start } .\!k-place-content-start { place-content: start !important } .k-place-content-end { place-content: end } .\!k-place-content-end { place-content: end !important } .k-place-content-flex-start { place-content: flex-start } .\!k-place-content-flex-start { place-content: flex-start !important } .k-place-content-flex-end { place-content: flex-end } .\!k-place-content-flex-end { place-content: flex-end !important } .k-place-content-baseline { place-content: baseline } .\!k-place-content-baseline { place-content: baseline !important } .k-place-content-between { place-content: space-between } .\!k-place-content-between { place-content: space-between !important } .k-place-content-around { place-content: space-around } .\!k-place-content-around { place-content: space-around !important } .k-place-content-evenly { place-content: space-evenly } .\!k-place-content-evenly { place-content: space-evenly !important } .k-place-items-normal { place-items: normal } .\!k-place-items-normal { place-items: normal !important } .k-place-items-stretch { place-items: stretch } .\!k-place-items-stretch { place-items: stretch !important } .k-place-items-center { place-items: center } .\!k-place-items-center { place-items: center !important } .k-place-items-start { place-items: start } .\!k-place-items-start { place-items: start !important } .k-place-items-end { place-items: end } .\!k-place-items-end { place-items: end !important } .k-place-items-flex-start { place-items: flex-start } .\!k-place-items-flex-start { place-items: flex-start !important } .k-place-items-flex-end { place-items: flex-end } .\!k-place-items-flex-end { place-items: flex-end !important } .k-place-items-self-start { place-items: self-start } .\!k-place-items-self-start { place-items: self-start !important } .k-place-items-self-end { place-items: self-end } .\!k-place-items-self-end { place-items: self-end !important } .k-place-items-baseline { place-items: baseline } .\!k-place-items-baseline { place-items: baseline !important } .k-place-self-auto { place-self: auto } .\!k-place-self-auto { place-self: auto !important } .k-place-self-normal { place-self: normal } .\!k-place-self-normal { place-self: normal !important } .k-place-self-stretch { place-self: stretch } .\!k-place-self-stretch { place-self: stretch !important } .k-place-self-center { place-self: center } .\!k-place-self-center { place-self: center !important } .k-place-self-start { place-self: start } .\!k-place-self-start { place-self: start !important } .k-place-self-end { place-self: end } .\!k-place-self-end { place-self: end !important } .k-place-self-flex-start { place-self: flex-start } .\!k-place-self-flex-start { place-self: flex-start !important } .k-place-self-flex-end { place-self: flex-end } .\!k-place-self-flex-end { place-self: flex-end !important } .k-place-self-self-start { place-self: self-start } .\!k-place-self-self-start { place-self: self-start !important } .k-place-self-self-end { place-self: self-end } .\!k-place-self-self-end { place-self: self-end !important } .k-place-self-baseline { place-self: baseline } .\!k-place-self-baseline { place-self: baseline !important } .k-m-0 { margin: var(--kendo-spacing-0, 0px) } .\!k-m-0 { margin: var(--kendo-spacing-0, 0px) !important } .k-m-1px { margin: var(--kendo-spacing-1px, 1px) } .\!k-m-1px { margin: var(--kendo-spacing-1px, 1px) !important } .k-m-0\.5 { margin: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-m-0\.5 { margin: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-m-1 { margin: var(--kendo-spacing-1, 0.25rem) } .\!k-m-1 { margin: var(--kendo-spacing-1, 0.25rem) !important } .k-m-1\.5 { margin: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-m-1\.5 { margin: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-m-2 { margin: var(--kendo-spacing-2, 0.5rem) } .\!k-m-2 { margin: var(--kendo-spacing-2, 0.5rem) !important } .k-m-2\.5 { margin: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-m-2\.5 { margin: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-m-3 { margin: var(--kendo-spacing-3, 0.75rem) } .\!k-m-3 { margin: var(--kendo-spacing-3, 0.75rem) !important } .k-m-3\.5 { margin: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-m-3\.5 { margin: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-m-4 { margin: var(--kendo-spacing-4, 1rem) } .\!k-m-4 { margin: var(--kendo-spacing-4, 1rem) !important } .k-m-4\.5 { margin: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-m-4\.5 { margin: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-m-5 { margin: var(--kendo-spacing-5, 1.25rem) } .\!k-m-5 { margin: var(--kendo-spacing-5, 1.25rem) !important } .k-m-5\.5 { margin: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-m-5\.5 { margin: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-m-6 { margin: var(--kendo-spacing-6, 1.5rem) } .\!k-m-6 { margin: var(--kendo-spacing-6, 1.5rem) !important } .k-m-6\.5 { margin: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-m-6\.5 { margin: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-m-7 { margin: var(--kendo-spacing-7, 1.75rem) } .\!k-m-7 { margin: var(--kendo-spacing-7, 1.75rem) !important } .k-m-7\.5 { margin: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-m-7\.5 { margin: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-m-8 { margin: var(--kendo-spacing-8, 2rem) } .\!k-m-8 { margin: var(--kendo-spacing-8, 2rem) !important } .k-m-9 { margin: var(--kendo-spacing-9, 2.25rem) } .\!k-m-9 { margin: var(--kendo-spacing-9, 2.25rem) !important } .k-m-10 { margin: var(--kendo-spacing-10, 2.5rem) } .\!k-m-10 { margin: var(--kendo-spacing-10, 2.5rem) !important } .k-m-11 { margin: var(--kendo-spacing-11, 2.75rem) } .\!k-m-11 { margin: var(--kendo-spacing-11, 2.75rem) !important } .k-m-12 { margin: var(--kendo-spacing-12, 3rem) } .\!k-m-12 { margin: var(--kendo-spacing-12, 3rem) !important } .k-m-13 { margin: var(--kendo-spacing-13, 3.25rem) } .\!k-m-13 { margin: var(--kendo-spacing-13, 3.25rem) !important } .k-m-14 { margin: var(--kendo-spacing-14, 3.5rem) } .\!k-m-14 { margin: var(--kendo-spacing-14, 3.5rem) !important } .k-m-15 { margin: var(--kendo-spacing-15, 3.75rem) } .\!k-m-15 { margin: var(--kendo-spacing-15, 3.75rem) !important } .k-m-16 { margin: var(--kendo-spacing-16, 4rem) } .\!k-m-16 { margin: var(--kendo-spacing-16, 4rem) !important } .k-m-17 { margin: var(--kendo-spacing-17, 4.25rem) } .\!k-m-17 { margin: var(--kendo-spacing-17, 4.25rem) !important } .k-m-18 { margin: var(--kendo-spacing-18, 4.5rem) } .\!k-m-18 { margin: var(--kendo-spacing-18, 4.5rem) !important } .k-m-19 { margin: var(--kendo-spacing-19, 4.75rem) } .\!k-m-19 { margin: var(--kendo-spacing-19, 4.75rem) !important } .k-m-20 { margin: var(--kendo-spacing-20, 5rem) } .\!k-m-20 { margin: var(--kendo-spacing-20, 5rem) !important } .k-m-21 { margin: var(--kendo-spacing-21, 5.25rem) } .\!k-m-21 { margin: var(--kendo-spacing-21, 5.25rem) !important } .k-m-22 { margin: var(--kendo-spacing-22, 5.5rem) } .\!k-m-22 { margin: var(--kendo-spacing-22, 5.5rem) !important } .k-m-23 { margin: var(--kendo-spacing-23, 5.75rem) } .\!k-m-23 { margin: var(--kendo-spacing-23, 5.75rem) !important } .k-m-24 { margin: var(--kendo-spacing-24, 6rem) } .\!k-m-24 { margin: var(--kendo-spacing-24, 6rem) !important } .k-m-25 { margin: var(--kendo-spacing-25, 7rem) } .\!k-m-25 { margin: var(--kendo-spacing-25, 7rem) !important } .k-m-26 { margin: var(--kendo-spacing-26, 8rem) } .\!k-m-26 { margin: var(--kendo-spacing-26, 8rem) !important } .k-m-27 { margin: var(--kendo-spacing-27, 9rem) } .\!k-m-27 { margin: var(--kendo-spacing-27, 9rem) !important } .k-m-28 { margin: var(--kendo-spacing-28, 10rem) } .\!k-m-28 { margin: var(--kendo-spacing-28, 10rem) !important } .k-m-29 { margin: var(--kendo-spacing-29, 11rem) } .\!k-m-29 { margin: var(--kendo-spacing-29, 11rem) !important } .k-m-30 { margin: var(--kendo-spacing-30, 12rem) } .\!k-m-30 { margin: var(--kendo-spacing-30, 12rem) !important } .k-m--1px { margin: var(--kendo-spacing--1px, -1px) } .\!k-m--1px { margin: var(--kendo-spacing--1px, -1px) !important } .k-m--0\.5 { margin: var(--kendo-spacing--0\.5, -0.125rem) } .\!k-m--0\.5 { margin: var(--kendo-spacing--0\.5, -0.125rem) !important } .k-m--1 { margin: var(--kendo-spacing--1, -0.25rem) } .\!k-m--1 { margin: var(--kendo-spacing--1, -0.25rem) !important } .k-m--1\.5 { margin: var(--kendo-spacing--1\.5, -0.375rem) } .\!k-m--1\.5 { margin: var(--kendo-spacing--1\.5, -0.375rem) !important } .k-m--2 { margin: var(--kendo-spacing--2, -0.5rem) } .\!k-m--2 { margin: var(--kendo-spacing--2, -0.5rem) !important } .k-m--2\.5 { margin: var(--kendo-spacing--2\.5, -0.625rem) } .\!k-m--2\.5 { margin: var(--kendo-spacing--2\.5, -0.625rem) !important } .k-m--3 { margin: var(--kendo-spacing--3, -0.75rem) } .\!k-m--3 { margin: var(--kendo-spacing--3, -0.75rem) !important } .k-m--3\.5 { margin: var(--kendo-spacing--3\.5, -0.875rem) } .\!k-m--3\.5 { margin: var(--kendo-spacing--3\.5, -0.875rem) !important } .k-m--4 { margin: var(--kendo-spacing--4, -1rem) } .\!k-m--4 { margin: var(--kendo-spacing--4, -1rem) !important } .k-m--4\.5 { margin: var(--kendo-spacing--4\.5, -1.125rem) } .\!k-m--4\.5 { margin: var(--kendo-spacing--4\.5, -1.125rem) !important } .k-m--5 { margin: var(--kendo-spacing--5, -1.25rem) } .\!k-m--5 { margin: var(--kendo-spacing--5, -1.25rem) !important } .k-m--5\.5 { margin: var(--kendo-spacing--5\.5, -1.375rem) } .\!k-m--5\.5 { margin: var(--kendo-spacing--5\.5, -1.375rem) !important } .k-m--6 { margin: var(--kendo-spacing--6, -1.5rem) } .\!k-m--6 { margin: var(--kendo-spacing--6, -1.5rem) !important } .k-m--6\.5 { margin: var(--kendo-spacing--6\.5, -1.625rem) } .\!k-m--6\.5 { margin: var(--kendo-spacing--6\.5, -1.625rem) !important } .k-m--7 { margin: var(--kendo-spacing--7, -1.75rem) } .\!k-m--7 { margin: var(--kendo-spacing--7, -1.75rem) !important } .k-m--7\.5 { margin: var(--kendo-spacing--7\.5, -1.875rem) } .\!k-m--7\.5 { margin: var(--kendo-spacing--7\.5, -1.875rem) !important } .k-m--8 { margin: var(--kendo-spacing--8, -2rem) } .\!k-m--8 { margin: var(--kendo-spacing--8, -2rem) !important } .k-m--9 { margin: var(--kendo-spacing--9, -2.25rem) } .\!k-m--9 { margin: var(--kendo-spacing--9, -2.25rem) !important } .k-m--10 { margin: var(--kendo-spacing--10, -2.5rem) } .\!k-m--10 { margin: var(--kendo-spacing--10, -2.5rem) !important } .k-m--11 { margin: var(--kendo-spacing--11, -2.75rem) } .\!k-m--11 { margin: var(--kendo-spacing--11, -2.75rem) !important } .k-m--12 { margin: var(--kendo-spacing--12, -3rem) } .\!k-m--12 { margin: var(--kendo-spacing--12, -3rem) !important } .k-m--13 { margin: var(--kendo-spacing--13, -3.25rem) } .\!k-m--13 { margin: var(--kendo-spacing--13, -3.25rem) !important } .k-m--14 { margin: var(--kendo-spacing--14, -3.5rem) } .\!k-m--14 { margin: var(--kendo-spacing--14, -3.5rem) !important } .k-m--15 { margin: var(--kendo-spacing--15, -3.75rem) } .\!k-m--15 { margin: var(--kendo-spacing--15, -3.75rem) !important } .k-m--16 { margin: var(--kendo-spacing--16, -4rem) } .\!k-m--16 { margin: var(--kendo-spacing--16, -4rem) !important } .k-m--17 { margin: var(--kendo-spacing--17, -4.25rem) } .\!k-m--17 { margin: var(--kendo-spacing--17, -4.25rem) !important } .k-m--18 { margin: var(--kendo-spacing--18, -4.5rem) } .\!k-m--18 { margin: var(--kendo-spacing--18, -4.5rem) !important } .k-m--19 { margin: var(--kendo-spacing--19, -4.75rem) } .\!k-m--19 { margin: var(--kendo-spacing--19, -4.75rem) !important } .k-m--20 { margin: var(--kendo-spacing--20, -5rem) } .\!k-m--20 { margin: var(--kendo-spacing--20, -5rem) !important } .k-m--21 { margin: var(--kendo-spacing--21, -5.25rem) } .\!k-m--21 { margin: var(--kendo-spacing--21, -5.25rem) !important } .k-m--22 { margin: var(--kendo-spacing--22, -5.5rem) } .\!k-m--22 { margin: var(--kendo-spacing--22, -5.5rem) !important } .k-m--23 { margin: var(--kendo-spacing--23, -5.75rem) } .\!k-m--23 { margin: var(--kendo-spacing--23, -5.75rem) !important } .k-m--24 { margin: var(--kendo-spacing--24, -6rem) } .\!k-m--24 { margin: var(--kendo-spacing--24, -6rem) !important } .k-m--25 { margin: var(--kendo-spacing--25, -7rem) } .\!k-m--25 { margin: var(--kendo-spacing--25, -7rem) !important } .k-m--26 { margin: var(--kendo-spacing--26, -8rem) } .\!k-m--26 { margin: var(--kendo-spacing--26, -8rem) !important } .k-m--27 { margin: var(--kendo-spacing--27, -9rem) } .\!k-m--27 { margin: var(--kendo-spacing--27, -9rem) !important } .k-m--28 { margin: var(--kendo-spacing--28, -10rem) } .\!k-m--28 { margin: var(--kendo-spacing--28, -10rem) !important } .k-m--29 { margin: var(--kendo-spacing--29, -11rem) } .\!k-m--29 { margin: var(--kendo-spacing--29, -11rem) !important } .k-m--30 { margin: var(--kendo-spacing--30, -12rem) } .\!k-m--30 { margin: var(--kendo-spacing--30, -12rem) !important } .k-m-xs { margin: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-m-xs { margin: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-m-sm { margin: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-m-sm { margin: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-m-md { margin: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-m-md { margin: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-m-lg { margin: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-m-lg { margin: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-m-xl { margin: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-m-xl { margin: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-m-thin { margin: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-m-thin { margin: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-m-hair { margin: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-m-hair { margin: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-m-auto { margin: var(--kendo-spacing-auto, auto) } .\!k-m-auto { margin: var(--kendo-spacing-auto, auto) !important } .k-mt-0 { margin-top: var(--kendo-spacing-0, 0px) } .\!k-mt-0 { margin-top: var(--kendo-spacing-0, 0px) !important } .k-mt-1px { margin-top: var(--kendo-spacing-1px, 1px) } .\!k-mt-1px { margin-top: var(--kendo-spacing-1px, 1px) !important } .k-mt-0\.5 { margin-top: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-mt-0\.5 { margin-top: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-mt-1 { margin-top: var(--kendo-spacing-1, 0.25rem) } .\!k-mt-1 { margin-top: var(--kendo-spacing-1, 0.25rem) !important } .k-mt-1\.5 { margin-top: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-mt-1\.5 { margin-top: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-mt-2 { margin-top: var(--kendo-spacing-2, 0.5rem) } .\!k-mt-2 { margin-top: var(--kendo-spacing-2, 0.5rem) !important } .k-mt-2\.5 { margin-top: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-mt-2\.5 { margin-top: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-mt-3 { margin-top: var(--kendo-spacing-3, 0.75rem) } .\!k-mt-3 { margin-top: var(--kendo-spacing-3, 0.75rem) !important } .k-mt-3\.5 { margin-top: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-mt-3\.5 { margin-top: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-mt-4 { margin-top: var(--kendo-spacing-4, 1rem) } .\!k-mt-4 { margin-top: var(--kendo-spacing-4, 1rem) !important } .k-mt-4\.5 { margin-top: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-mt-4\.5 { margin-top: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-mt-5 { margin-top: var(--kendo-spacing-5, 1.25rem) } .\!k-mt-5 { margin-top: var(--kendo-spacing-5, 1.25rem) !important } .k-mt-5\.5 { margin-top: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-mt-5\.5 { margin-top: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-mt-6 { margin-top: var(--kendo-spacing-6, 1.5rem) } .\!k-mt-6 { margin-top: var(--kendo-spacing-6, 1.5rem) !important } .k-mt-6\.5 { margin-top: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-mt-6\.5 { margin-top: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-mt-7 { margin-top: var(--kendo-spacing-7, 1.75rem) } .\!k-mt-7 { margin-top: var(--kendo-spacing-7, 1.75rem) !important } .k-mt-7\.5 { margin-top: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-mt-7\.5 { margin-top: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-mt-8 { margin-top: var(--kendo-spacing-8, 2rem) } .\!k-mt-8 { margin-top: var(--kendo-spacing-8, 2rem) !important } .k-mt-9 { margin-top: var(--kendo-spacing-9, 2.25rem) } .\!k-mt-9 { margin-top: var(--kendo-spacing-9, 2.25rem) !important } .k-mt-10 { margin-top: var(--kendo-spacing-10, 2.5rem) } .\!k-mt-10 { margin-top: var(--kendo-spacing-10, 2.5rem) !important } .k-mt-11 { margin-top: var(--kendo-spacing-11, 2.75rem) } .\!k-mt-11 { margin-top: var(--kendo-spacing-11, 2.75rem) !important } .k-mt-12 { margin-top: var(--kendo-spacing-12, 3rem) } .\!k-mt-12 { margin-top: var(--kendo-spacing-12, 3rem) !important } .k-mt-13 { margin-top: var(--kendo-spacing-13, 3.25rem) } .\!k-mt-13 { margin-top: var(--kendo-spacing-13, 3.25rem) !important } .k-mt-14 { margin-top: var(--kendo-spacing-14, 3.5rem) } .\!k-mt-14 { margin-top: var(--kendo-spacing-14, 3.5rem) !important } .k-mt-15 { margin-top: var(--kendo-spacing-15, 3.75rem) } .\!k-mt-15 { margin-top: var(--kendo-spacing-15, 3.75rem) !important } .k-mt-16 { margin-top: var(--kendo-spacing-16, 4rem) } .\!k-mt-16 { margin-top: var(--kendo-spacing-16, 4rem) !important } .k-mt-17 { margin-top: var(--kendo-spacing-17, 4.25rem) } .\!k-mt-17 { margin-top: var(--kendo-spacing-17, 4.25rem) !important } .k-mt-18 { margin-top: var(--kendo-spacing-18, 4.5rem) } .\!k-mt-18 { margin-top: var(--kendo-spacing-18, 4.5rem) !important } .k-mt-19 { margin-top: var(--kendo-spacing-19, 4.75rem) } .\!k-mt-19 { margin-top: var(--kendo-spacing-19, 4.75rem) !important } .k-mt-20 { margin-top: var(--kendo-spacing-20, 5rem) } .\!k-mt-20 { margin-top: var(--kendo-spacing-20, 5rem) !important } .k-mt-21 { margin-top: var(--kendo-spacing-21, 5.25rem) } .\!k-mt-21 { margin-top: var(--kendo-spacing-21, 5.25rem) !important } .k-mt-22 { margin-top: var(--kendo-spacing-22, 5.5rem) } .\!k-mt-22 { margin-top: var(--kendo-spacing-22, 5.5rem) !important } .k-mt-23 { margin-top: var(--kendo-spacing-23, 5.75rem) } .\!k-mt-23 { margin-top: var(--kendo-spacing-23, 5.75rem) !important } .k-mt-24 { margin-top: var(--kendo-spacing-24, 6rem) } .\!k-mt-24 { margin-top: var(--kendo-spacing-24, 6rem) !important } .k-mt-25 { margin-top: var(--kendo-spacing-25, 7rem) } .\!k-mt-25 { margin-top: var(--kendo-spacing-25, 7rem) !important } .k-mt-26 { margin-top: var(--kendo-spacing-26, 8rem) } .\!k-mt-26 { margin-top: var(--kendo-spacing-26, 8rem) !important } .k-mt-27 { margin-top: var(--kendo-spacing-27, 9rem) } .\!k-mt-27 { margin-top: var(--kendo-spacing-27, 9rem) !important } .k-mt-28 { margin-top: var(--kendo-spacing-28, 10rem) } .\!k-mt-28 { margin-top: var(--kendo-spacing-28, 10rem) !important } .k-mt-29 { margin-top: var(--kendo-spacing-29, 11rem) } .\!k-mt-29 { margin-top: var(--kendo-spacing-29, 11rem) !important } .k-mt-30 { margin-top: var(--kendo-spacing-30, 12rem) } .\!k-mt-30 { margin-top: var(--kendo-spacing-30, 12rem) !important } .k-mt--1px { margin-top: var(--kendo-spacing--1px, -1px) } .\!k-mt--1px { margin-top: var(--kendo-spacing--1px, -1px) !important } .k-mt--0\.5 { margin-top: var(--kendo-spacing--0\.5, -0.125rem) } .\!k-mt--0\.5 { margin-top: var(--kendo-spacing--0\.5, -0.125rem) !important } .k-mt--1 { margin-top: var(--kendo-spacing--1, -0.25rem) } .\!k-mt--1 { margin-top: var(--kendo-spacing--1, -0.25rem) !important } .k-mt--1\.5 { margin-top: var(--kendo-spacing--1\.5, -0.375rem) } .\!k-mt--1\.5 { margin-top: var(--kendo-spacing--1\.5, -0.375rem) !important } .k-mt--2 { margin-top: var(--kendo-spacing--2, -0.5rem) } .\!k-mt--2 { margin-top: var(--kendo-spacing--2, -0.5rem) !important } .k-mt--2\.5 { margin-top: var(--kendo-spacing--2\.5, -0.625rem) } .\!k-mt--2\.5 { margin-top: var(--kendo-spacing--2\.5, -0.625rem) !important } .k-mt--3 { margin-top: var(--kendo-spacing--3, -0.75rem) } .\!k-mt--3 { margin-top: var(--kendo-spacing--3, -0.75rem) !important } .k-mt--3\.5 { margin-top: var(--kendo-spacing--3\.5, -0.875rem) } .\!k-mt--3\.5 { margin-top: var(--kendo-spacing--3\.5, -0.875rem) !important } .k-mt--4 { margin-top: var(--kendo-spacing--4, -1rem) } .\!k-mt--4 { margin-top: var(--kendo-spacing--4, -1rem) !important } .k-mt--4\.5 { margin-top: var(--kendo-spacing--4\.5, -1.125rem) } .\!k-mt--4\.5 { margin-top: var(--kendo-spacing--4\.5, -1.125rem) !important } .k-mt--5 { margin-top: var(--kendo-spacing--5, -1.25rem) } .\!k-mt--5 { margin-top: var(--kendo-spacing--5, -1.25rem) !important } .k-mt--5\.5 { margin-top: var(--kendo-spacing--5\.5, -1.375rem) } .\!k-mt--5\.5 { margin-top: var(--kendo-spacing--5\.5, -1.375rem) !important } .k-mt--6 { margin-top: var(--kendo-spacing--6, -1.5rem) } .\!k-mt--6 { margin-top: var(--kendo-spacing--6, -1.5rem) !important } .k-mt--6\.5 { margin-top: var(--kendo-spacing--6\.5, -1.625rem) } .\!k-mt--6\.5 { margin-top: var(--kendo-spacing--6\.5, -1.625rem) !important } .k-mt--7 { margin-top: var(--kendo-spacing--7, -1.75rem) } .\!k-mt--7 { margin-top: var(--kendo-spacing--7, -1.75rem) !important } .k-mt--7\.5 { margin-top: var(--kendo-spacing--7\.5, -1.875rem) } .\!k-mt--7\.5 { margin-top: var(--kendo-spacing--7\.5, -1.875rem) !important } .k-mt--8 { margin-top: var(--kendo-spacing--8, -2rem) } .\!k-mt--8 { margin-top: var(--kendo-spacing--8, -2rem) !important } .k-mt--9 { margin-top: var(--kendo-spacing--9, -2.25rem) } .\!k-mt--9 { margin-top: var(--kendo-spacing--9, -2.25rem) !important } .k-mt--10 { margin-top: var(--kendo-spacing--10, -2.5rem) } .\!k-mt--10 { margin-top: var(--kendo-spacing--10, -2.5rem) !important } .k-mt--11 { margin-top: var(--kendo-spacing--11, -2.75rem) } .\!k-mt--11 { margin-top: var(--kendo-spacing--11, -2.75rem) !important } .k-mt--12 { margin-top: var(--kendo-spacing--12, -3rem) } .\!k-mt--12 { margin-top: var(--kendo-spacing--12, -3rem) !important } .k-mt--13 { margin-top: var(--kendo-spacing--13, -3.25rem) } .\!k-mt--13 { margin-top: var(--kendo-spacing--13, -3.25rem) !important } .k-mt--14 { margin-top: var(--kendo-spacing--14, -3.5rem) } .\!k-mt--14 { margin-top: var(--kendo-spacing--14, -3.5rem) !important } .k-mt--15 { margin-top: var(--kendo-spacing--15, -3.75rem) } .\!k-mt--15 { margin-top: var(--kendo-spacing--15, -3.75rem) !important } .k-mt--16 { margin-top: var(--kendo-spacing--16, -4rem) } .\!k-mt--16 { margin-top: var(--kendo-spacing--16, -4rem) !important } .k-mt--17 { margin-top: var(--kendo-spacing--17, -4.25rem) } .\!k-mt--17 { margin-top: var(--kendo-spacing--17, -4.25rem) !important } .k-mt--18 { margin-top: var(--kendo-spacing--18, -4.5rem) } .\!k-mt--18 { margin-top: var(--kendo-spacing--18, -4.5rem) !important } .k-mt--19 { margin-top: var(--kendo-spacing--19, -4.75rem) } .\!k-mt--19 { margin-top: var(--kendo-spacing--19, -4.75rem) !important } .k-mt--20 { margin-top: var(--kendo-spacing--20, -5rem) } .\!k-mt--20 { margin-top: var(--kendo-spacing--20, -5rem) !important } .k-mt--21 { margin-top: var(--kendo-spacing--21, -5.25rem) } .\!k-mt--21 { margin-top: var(--kendo-spacing--21, -5.25rem) !important } .k-mt--22 { margin-top: var(--kendo-spacing--22, -5.5rem) } .\!k-mt--22 { margin-top: var(--kendo-spacing--22, -5.5rem) !important } .k-mt--23 { margin-top: var(--kendo-spacing--23, -5.75rem) } .\!k-mt--23 { margin-top: var(--kendo-spacing--23, -5.75rem) !important } .k-mt--24 { margin-top: var(--kendo-spacing--24, -6rem) } .\!k-mt--24 { margin-top: var(--kendo-spacing--24, -6rem) !important } .k-mt--25 { margin-top: var(--kendo-spacing--25, -7rem) } .\!k-mt--25 { margin-top: var(--kendo-spacing--25, -7rem) !important } .k-mt--26 { margin-top: var(--kendo-spacing--26, -8rem) } .\!k-mt--26 { margin-top: var(--kendo-spacing--26, -8rem) !important } .k-mt--27 { margin-top: var(--kendo-spacing--27, -9rem) } .\!k-mt--27 { margin-top: var(--kendo-spacing--27, -9rem) !important } .k-mt--28 { margin-top: var(--kendo-spacing--28, -10rem) } .\!k-mt--28 { margin-top: var(--kendo-spacing--28, -10rem) !important } .k-mt--29 { margin-top: var(--kendo-spacing--29, -11rem) } .\!k-mt--29 { margin-top: var(--kendo-spacing--29, -11rem) !important } .k-mt--30 { margin-top: var(--kendo-spacing--30, -12rem) } .\!k-mt--30 { margin-top: var(--kendo-spacing--30, -12rem) !important } .k-mt-xs { margin-top: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-mt-xs { margin-top: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-mt-sm { margin-top: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-mt-sm { margin-top: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-mt-md { margin-top: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-mt-md { margin-top: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-mt-lg { margin-top: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-mt-lg { margin-top: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-mt-xl { margin-top: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-mt-xl { margin-top: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-mt-thin { margin-top: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-mt-thin { margin-top: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-mt-hair { margin-top: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-mt-hair { margin-top: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-mt-auto { margin-top: var(--kendo-spacing-auto, auto) } .\!k-mt-auto { margin-top: var(--kendo-spacing-auto, auto) !important } .k-mr-0 { margin-right: var(--kendo-spacing-0, 0px) } .\!k-mr-0 { margin-right: var(--kendo-spacing-0, 0px) !important } .k-mr-1px { margin-right: var(--kendo-spacing-1px, 1px) } .\!k-mr-1px { margin-right: var(--kendo-spacing-1px, 1px) !important } .k-mr-0\.5 { margin-right: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-mr-0\.5 { margin-right: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-mr-1 { margin-right: var(--kendo-spacing-1, 0.25rem) } .\!k-mr-1 { margin-right: var(--kendo-spacing-1, 0.25rem) !important } .k-mr-1\.5 { margin-right: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-mr-1\.5 { margin-right: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-mr-2 { margin-right: var(--kendo-spacing-2, 0.5rem) } .\!k-mr-2 { margin-right: var(--kendo-spacing-2, 0.5rem) !important } .k-mr-2\.5 { margin-right: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-mr-2\.5 { margin-right: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-mr-3 { margin-right: var(--kendo-spacing-3, 0.75rem) } .\!k-mr-3 { margin-right: var(--kendo-spacing-3, 0.75rem) !important } .k-mr-3\.5 { margin-right: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-mr-3\.5 { margin-right: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-mr-4 { margin-right: var(--kendo-spacing-4, 1rem) } .\!k-mr-4 { margin-right: var(--kendo-spacing-4, 1rem) !important } .k-mr-4\.5 { margin-right: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-mr-4\.5 { margin-right: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-mr-5 { margin-right: var(--kendo-spacing-5, 1.25rem) } .\!k-mr-5 { margin-right: var(--kendo-spacing-5, 1.25rem) !important } .k-mr-5\.5 { margin-right: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-mr-5\.5 { margin-right: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-mr-6 { margin-right: var(--kendo-spacing-6, 1.5rem) } .\!k-mr-6 { margin-right: var(--kendo-spacing-6, 1.5rem) !important } .k-mr-6\.5 { margin-right: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-mr-6\.5 { margin-right: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-mr-7 { margin-right: var(--kendo-spacing-7, 1.75rem) } .\!k-mr-7 { margin-right: var(--kendo-spacing-7, 1.75rem) !important } .k-mr-7\.5 { margin-right: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-mr-7\.5 { margin-right: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-mr-8 { margin-right: var(--kendo-spacing-8, 2rem) } .\!k-mr-8 { margin-right: var(--kendo-spacing-8, 2rem) !important } .k-mr-9 { margin-right: var(--kendo-spacing-9, 2.25rem) } .\!k-mr-9 { margin-right: var(--kendo-spacing-9, 2.25rem) !important } .k-mr-10 { margin-right: var(--kendo-spacing-10, 2.5rem) } .\!k-mr-10 { margin-right: var(--kendo-spacing-10, 2.5rem) !important } .k-mr-11 { margin-right: var(--kendo-spacing-11, 2.75rem) } .\!k-mr-11 { margin-right: var(--kendo-spacing-11, 2.75rem) !important } .k-mr-12 { margin-right: var(--kendo-spacing-12, 3rem) } .\!k-mr-12 { margin-right: var(--kendo-spacing-12, 3rem) !important } .k-mr-13 { margin-right: var(--kendo-spacing-13, 3.25rem) } .\!k-mr-13 { margin-right: var(--kendo-spacing-13, 3.25rem) !important } .k-mr-14 { margin-right: var(--kendo-spacing-14, 3.5rem) } .\!k-mr-14 { margin-right: var(--kendo-spacing-14, 3.5rem) !important } .k-mr-15 { margin-right: var(--kendo-spacing-15, 3.75rem) } .\!k-mr-15 { margin-right: var(--kendo-spacing-15, 3.75rem) !important } .k-mr-16 { margin-right: var(--kendo-spacing-16, 4rem) } .\!k-mr-16 { margin-right: var(--kendo-spacing-16, 4rem) !important } .k-mr-17 { margin-right: var(--kendo-spacing-17, 4.25rem) } .\!k-mr-17 { margin-right: var(--kendo-spacing-17, 4.25rem) !important } .k-mr-18 { margin-right: var(--kendo-spacing-18, 4.5rem) } .\!k-mr-18 { margin-right: var(--kendo-spacing-18, 4.5rem) !important } .k-mr-19 { margin-right: var(--kendo-spacing-19, 4.75rem) } .\!k-mr-19 { margin-right: var(--kendo-spacing-19, 4.75rem) !important } .k-mr-20 { margin-right: var(--kendo-spacing-20, 5rem) } .\!k-mr-20 { margin-right: var(--kendo-spacing-20, 5rem) !important } .k-mr-21 { margin-right: var(--kendo-spacing-21, 5.25rem) } .\!k-mr-21 { margin-right: var(--kendo-spacing-21, 5.25rem) !important } .k-mr-22 { margin-right: var(--kendo-spacing-22, 5.5rem) } .\!k-mr-22 { margin-right: var(--kendo-spacing-22, 5.5rem) !important } .k-mr-23 { margin-right: var(--kendo-spacing-23, 5.75rem) } .\!k-mr-23 { margin-right: var(--kendo-spacing-23, 5.75rem) !important } .k-mr-24 { margin-right: var(--kendo-spacing-24, 6rem) } .\!k-mr-24 { margin-right: var(--kendo-spacing-24, 6rem) !important } .k-mr-25 { margin-right: var(--kendo-spacing-25, 7rem) } .\!k-mr-25 { margin-right: var(--kendo-spacing-25, 7rem) !important } .k-mr-26 { margin-right: var(--kendo-spacing-26, 8rem) } .\!k-mr-26 { margin-right: var(--kendo-spacing-26, 8rem) !important } .k-mr-27 { margin-right: var(--kendo-spacing-27, 9rem) } .\!k-mr-27 { margin-right: var(--kendo-spacing-27, 9rem) !important } .k-mr-28 { margin-right: var(--kendo-spacing-28, 10rem) } .\!k-mr-28 { margin-right: var(--kendo-spacing-28, 10rem) !important } .k-mr-29 { margin-right: var(--kendo-spacing-29, 11rem) } .\!k-mr-29 { margin-right: var(--kendo-spacing-29, 11rem) !important } .k-mr-30 { margin-right: var(--kendo-spacing-30, 12rem) } .\!k-mr-30 { margin-right: var(--kendo-spacing-30, 12rem) !important } .k-mr--1px { margin-right: var(--kendo-spacing--1px, -1px) } .\!k-mr--1px { margin-right: var(--kendo-spacing--1px, -1px) !important } .k-mr--0\.5 { margin-right: var(--kendo-spacing--0\.5, -0.125rem) } .\!k-mr--0\.5 { margin-right: var(--kendo-spacing--0\.5, -0.125rem) !important } .k-mr--1 { margin-right: var(--kendo-spacing--1, -0.25rem) } .\!k-mr--1 { margin-right: var(--kendo-spacing--1, -0.25rem) !important } .k-mr--1\.5 { margin-right: var(--kendo-spacing--1\.5, -0.375rem) } .\!k-mr--1\.5 { margin-right: var(--kendo-spacing--1\.5, -0.375rem) !important } .k-mr--2 { margin-right: var(--kendo-spacing--2, -0.5rem) } .\!k-mr--2 { margin-right: var(--kendo-spacing--2, -0.5rem) !important } .k-mr--2\.5 { margin-right: var(--kendo-spacing--2\.5, -0.625rem) } .\!k-mr--2\.5 { margin-right: var(--kendo-spacing--2\.5, -0.625rem) !important } .k-mr--3 { margin-right: var(--kendo-spacing--3, -0.75rem) } .\!k-mr--3 { margin-right: var(--kendo-spacing--3, -0.75rem) !important } .k-mr--3\.5 { margin-right: var(--kendo-spacing--3\.5, -0.875rem) } .\!k-mr--3\.5 { margin-right: var(--kendo-spacing--3\.5, -0.875rem) !important } .k-mr--4 { margin-right: var(--kendo-spacing--4, -1rem) } .\!k-mr--4 { margin-right: var(--kendo-spacing--4, -1rem) !important } .k-mr--4\.5 { margin-right: var(--kendo-spacing--4\.5, -1.125rem) } .\!k-mr--4\.5 { margin-right: var(--kendo-spacing--4\.5, -1.125rem) !important } .k-mr--5 { margin-right: var(--kendo-spacing--5, -1.25rem) } .\!k-mr--5 { margin-right: var(--kendo-spacing--5, -1.25rem) !important } .k-mr--5\.5 { margin-right: var(--kendo-spacing--5\.5, -1.375rem) } .\!k-mr--5\.5 { margin-right: var(--kendo-spacing--5\.5, -1.375rem) !important } .k-mr--6 { margin-right: var(--kendo-spacing--6, -1.5rem) } .\!k-mr--6 { margin-right: var(--kendo-spacing--6, -1.5rem) !important } .k-mr--6\.5 { margin-right: var(--kendo-spacing--6\.5, -1.625rem) } .\!k-mr--6\.5 { margin-right: var(--kendo-spacing--6\.5, -1.625rem) !important } .k-mr--7 { margin-right: var(--kendo-spacing--7, -1.75rem) } .\!k-mr--7 { margin-right: var(--kendo-spacing--7, -1.75rem) !important } .k-mr--7\.5 { margin-right: var(--kendo-spacing--7\.5, -1.875rem) } .\!k-mr--7\.5 { margin-right: var(--kendo-spacing--7\.5, -1.875rem) !important } .k-mr--8 { margin-right: var(--kendo-spacing--8, -2rem) } .\!k-mr--8 { margin-right: var(--kendo-spacing--8, -2rem) !important } .k-mr--9 { margin-right: var(--kendo-spacing--9, -2.25rem) } .\!k-mr--9 { margin-right: var(--kendo-spacing--9, -2.25rem) !important } .k-mr--10 { margin-right: var(--kendo-spacing--10, -2.5rem) } .\!k-mr--10 { margin-right: var(--kendo-spacing--10, -2.5rem) !important } .k-mr--11 { margin-right: var(--kendo-spacing--11, -2.75rem) } .\!k-mr--11 { margin-right: var(--kendo-spacing--11, -2.75rem) !important } .k-mr--12 { margin-right: var(--kendo-spacing--12, -3rem) } .\!k-mr--12 { margin-right: var(--kendo-spacing--12, -3rem) !important } .k-mr--13 { margin-right: var(--kendo-spacing--13, -3.25rem) } .\!k-mr--13 { margin-right: var(--kendo-spacing--13, -3.25rem) !important } .k-mr--14 { margin-right: var(--kendo-spacing--14, -3.5rem) } .\!k-mr--14 { margin-right: var(--kendo-spacing--14, -3.5rem) !important } .k-mr--15 { margin-right: var(--kendo-spacing--15, -3.75rem) } .\!k-mr--15 { margin-right: var(--kendo-spacing--15, -3.75rem) !important } .k-mr--16 { margin-right: var(--kendo-spacing--16, -4rem) } .\!k-mr--16 { margin-right: var(--kendo-spacing--16, -4rem) !important } .k-mr--17 { margin-right: var(--kendo-spacing--17, -4.25rem) } .\!k-mr--17 { margin-right: var(--kendo-spacing--17, -4.25rem) !important } .k-mr--18 { margin-right: var(--kendo-spacing--18, -4.5rem) } .\!k-mr--18 { margin-right: var(--kendo-spacing--18, -4.5rem) !important } .k-mr--19 { margin-right: var(--kendo-spacing--19, -4.75rem) } .\!k-mr--19 { margin-right: var(--kendo-spacing--19, -4.75rem) !important } .k-mr--20 { margin-right: var(--kendo-spacing--20, -5rem) } .\!k-mr--20 { margin-right: var(--kendo-spacing--20, -5rem) !important } .k-mr--21 { margin-right: var(--kendo-spacing--21, -5.25rem) } .\!k-mr--21 { margin-right: var(--kendo-spacing--21, -5.25rem) !important } .k-mr--22 { margin-right: var(--kendo-spacing--22, -5.5rem) } .\!k-mr--22 { margin-right: var(--kendo-spacing--22, -5.5rem) !important } .k-mr--23 { margin-right: var(--kendo-spacing--23, -5.75rem) } .\!k-mr--23 { margin-right: var(--kendo-spacing--23, -5.75rem) !important } .k-mr--24 { margin-right: var(--kendo-spacing--24, -6rem) } .\!k-mr--24 { margin-right: var(--kendo-spacing--24, -6rem) !important } .k-mr--25 { margin-right: var(--kendo-spacing--25, -7rem) } .\!k-mr--25 { margin-right: var(--kendo-spacing--25, -7rem) !important } .k-mr--26 { margin-right: var(--kendo-spacing--26, -8rem) } .\!k-mr--26 { margin-right: var(--kendo-spacing--26, -8rem) !important } .k-mr--27 { margin-right: var(--kendo-spacing--27, -9rem) } .\!k-mr--27 { margin-right: var(--kendo-spacing--27, -9rem) !important } .k-mr--28 { margin-right: var(--kendo-spacing--28, -10rem) } .\!k-mr--28 { margin-right: var(--kendo-spacing--28, -10rem) !important } .k-mr--29 { margin-right: var(--kendo-spacing--29, -11rem) } .\!k-mr--29 { margin-right: var(--kendo-spacing--29, -11rem) !important } .k-mr--30 { margin-right: var(--kendo-spacing--30, -12rem) } .\!k-mr--30 { margin-right: var(--kendo-spacing--30, -12rem) !important } .k-mr-xs { margin-right: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-mr-xs { margin-right: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-mr-sm { margin-right: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-mr-sm { margin-right: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-mr-md { margin-right: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-mr-md { margin-right: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-mr-lg { margin-right: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-mr-lg { margin-right: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-mr-xl { margin-right: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-mr-xl { margin-right: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-mr-thin { margin-right: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-mr-thin { margin-right: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-mr-hair { margin-right: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-mr-hair { margin-right: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-mr-auto { margin-right: var(--kendo-spacing-auto, auto) } .\!k-mr-auto { margin-right: var(--kendo-spacing-auto, auto) !important } .k-mb-0 { margin-bottom: var(--kendo-spacing-0, 0px) } .\!k-mb-0 { margin-bottom: var(--kendo-spacing-0, 0px) !important } .k-mb-1px { margin-bottom: var(--kendo-spacing-1px, 1px) } .\!k-mb-1px { margin-bottom: var(--kendo-spacing-1px, 1px) !important } .k-mb-0\.5 { margin-bottom: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-mb-0\.5 { margin-bottom: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-mb-1 { margin-bottom: var(--kendo-spacing-1, 0.25rem) } .\!k-mb-1 { margin-bottom: var(--kendo-spacing-1, 0.25rem) !important } .k-mb-1\.5 { margin-bottom: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-mb-1\.5 { margin-bottom: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-mb-2 { margin-bottom: var(--kendo-spacing-2, 0.5rem) } .\!k-mb-2 { margin-bottom: var(--kendo-spacing-2, 0.5rem) !important } .k-mb-2\.5 { margin-bottom: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-mb-2\.5 { margin-bottom: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-mb-3 { margin-bottom: var(--kendo-spacing-3, 0.75rem) } .\!k-mb-3 { margin-bottom: var(--kendo-spacing-3, 0.75rem) !important } .k-mb-3\.5 { margin-bottom: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-mb-3\.5 { margin-bottom: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-mb-4 { margin-bottom: var(--kendo-spacing-4, 1rem) } .\!k-mb-4 { margin-bottom: var(--kendo-spacing-4, 1rem) !important } .k-mb-4\.5 { margin-bottom: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-mb-4\.5 { margin-bottom: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-mb-5 { margin-bottom: var(--kendo-spacing-5, 1.25rem) } .\!k-mb-5 { margin-bottom: var(--kendo-spacing-5, 1.25rem) !important } .k-mb-5\.5 { margin-bottom: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-mb-5\.5 { margin-bottom: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-mb-6 { margin-bottom: var(--kendo-spacing-6, 1.5rem) } .\!k-mb-6 { margin-bottom: var(--kendo-spacing-6, 1.5rem) !important } .k-mb-6\.5 { margin-bottom: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-mb-6\.5 { margin-bottom: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-mb-7 { margin-bottom: var(--kendo-spacing-7, 1.75rem) } .\!k-mb-7 { margin-bottom: var(--kendo-spacing-7, 1.75rem) !important } .k-mb-7\.5 { margin-bottom: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-mb-7\.5 { margin-bottom: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-mb-8 { margin-bottom: var(--kendo-spacing-8, 2rem) } .\!k-mb-8 { margin-bottom: var(--kendo-spacing-8, 2rem) !important } .k-mb-9 { margin-bottom: var(--kendo-spacing-9, 2.25rem) } .\!k-mb-9 { margin-bottom: var(--kendo-spacing-9, 2.25rem) !important } .k-mb-10 { margin-bottom: var(--kendo-spacing-10, 2.5rem) } .\!k-mb-10 { margin-bottom: var(--kendo-spacing-10, 2.5rem) !important } .k-mb-11 { margin-bottom: var(--kendo-spacing-11, 2.75rem) } .\!k-mb-11 { margin-bottom: var(--kendo-spacing-11, 2.75rem) !important } .k-mb-12 { margin-bottom: var(--kendo-spacing-12, 3rem) } .\!k-mb-12 { margin-bottom: var(--kendo-spacing-12, 3rem) !important } .k-mb-13 { margin-bottom: var(--kendo-spacing-13, 3.25rem) } .\!k-mb-13 { margin-bottom: var(--kendo-spacing-13, 3.25rem) !important } .k-mb-14 { margin-bottom: var(--kendo-spacing-14, 3.5rem) } .\!k-mb-14 { margin-bottom: var(--kendo-spacing-14, 3.5rem) !important } .k-mb-15 { margin-bottom: var(--kendo-spacing-15, 3.75rem) } .\!k-mb-15 { margin-bottom: var(--kendo-spacing-15, 3.75rem) !important } .k-mb-16 { margin-bottom: var(--kendo-spacing-16, 4rem) } .\!k-mb-16 { margin-bottom: var(--kendo-spacing-16, 4rem) !important } .k-mb-17 { margin-bottom: var(--kendo-spacing-17, 4.25rem) } .\!k-mb-17 { margin-bottom: var(--kendo-spacing-17, 4.25rem) !important } .k-mb-18 { margin-bottom: var(--kendo-spacing-18, 4.5rem) } .\!k-mb-18 { margin-bottom: var(--kendo-spacing-18, 4.5rem) !important } .k-mb-19 { margin-bottom: var(--kendo-spacing-19, 4.75rem) } .\!k-mb-19 { margin-bottom: var(--kendo-spacing-19, 4.75rem) !important } .k-mb-20 { margin-bottom: var(--kendo-spacing-20, 5rem) } .\!k-mb-20 { margin-bottom: var(--kendo-spacing-20, 5rem) !important } .k-mb-21 { margin-bottom: var(--kendo-spacing-21, 5.25rem) } .\!k-mb-21 { margin-bottom: var(--kendo-spacing-21, 5.25rem) !important } .k-mb-22 { margin-bottom: var(--kendo-spacing-22, 5.5rem) } .\!k-mb-22 { margin-bottom: var(--kendo-spacing-22, 5.5rem) !important } .k-mb-23 { margin-bottom: var(--kendo-spacing-23, 5.75rem) } .\!k-mb-23 { margin-bottom: var(--kendo-spacing-23, 5.75rem) !important } .k-mb-24 { margin-bottom: var(--kendo-spacing-24, 6rem) } .\!k-mb-24 { margin-bottom: var(--kendo-spacing-24, 6rem) !important } .k-mb-25 { margin-bottom: var(--kendo-spacing-25, 7rem) } .\!k-mb-25 { margin-bottom: var(--kendo-spacing-25, 7rem) !important } .k-mb-26 { margin-bottom: var(--kendo-spacing-26, 8rem) } .\!k-mb-26 { margin-bottom: var(--kendo-spacing-26, 8rem) !important } .k-mb-27 { margin-bottom: var(--kendo-spacing-27, 9rem) } .\!k-mb-27 { margin-bottom: var(--kendo-spacing-27, 9rem) !important } .k-mb-28 { margin-bottom: var(--kendo-spacing-28, 10rem) } .\!k-mb-28 { margin-bottom: var(--kendo-spacing-28, 10rem) !important } .k-mb-29 { margin-bottom: var(--kendo-spacing-29, 11rem) } .\!k-mb-29 { margin-bottom: var(--kendo-spacing-29, 11rem) !important } .k-mb-30 { margin-bottom: var(--kendo-spacing-30, 12rem) } .\!k-mb-30 { margin-bottom: var(--kendo-spacing-30, 12rem) !important } .k-mb--1px { margin-bottom: var(--kendo-spacing--1px, -1px) } .\!k-mb--1px { margin-bottom: var(--kendo-spacing--1px, -1px) !important } .k-mb--0\.5 { margin-bottom: var(--kendo-spacing--0\.5, -0.125rem) } .\!k-mb--0\.5 { margin-bottom: var(--kendo-spacing--0\.5, -0.125rem) !important } .k-mb--1 { margin-bottom: var(--kendo-spacing--1, -0.25rem) } .\!k-mb--1 { margin-bottom: var(--kendo-spacing--1, -0.25rem) !important } .k-mb--1\.5 { margin-bottom: var(--kendo-spacing--1\.5, -0.375rem) } .\!k-mb--1\.5 { margin-bottom: var(--kendo-spacing--1\.5, -0.375rem) !important } .k-mb--2 { margin-bottom: var(--kendo-spacing--2, -0.5rem) } .\!k-mb--2 { margin-bottom: var(--kendo-spacing--2, -0.5rem) !important } .k-mb--2\.5 { margin-bottom: var(--kendo-spacing--2\.5, -0.625rem) } .\!k-mb--2\.5 { margin-bottom: var(--kendo-spacing--2\.5, -0.625rem) !important } .k-mb--3 { margin-bottom: var(--kendo-spacing--3, -0.75rem) } .\!k-mb--3 { margin-bottom: var(--kendo-spacing--3, -0.75rem) !important } .k-mb--3\.5 { margin-bottom: var(--kendo-spacing--3\.5, -0.875rem) } .\!k-mb--3\.5 { margin-bottom: var(--kendo-spacing--3\.5, -0.875rem) !important } .k-mb--4 { margin-bottom: var(--kendo-spacing--4, -1rem) } .\!k-mb--4 { margin-bottom: var(--kendo-spacing--4, -1rem) !important } .k-mb--4\.5 { margin-bottom: var(--kendo-spacing--4\.5, -1.125rem) } .\!k-mb--4\.5 { margin-bottom: var(--kendo-spacing--4\.5, -1.125rem) !important } .k-mb--5 { margin-bottom: var(--kendo-spacing--5, -1.25rem) } .\!k-mb--5 { margin-bottom: var(--kendo-spacing--5, -1.25rem) !important } .k-mb--5\.5 { margin-bottom: var(--kendo-spacing--5\.5, -1.375rem) } .\!k-mb--5\.5 { margin-bottom: var(--kendo-spacing--5\.5, -1.375rem) !important } .k-mb--6 { margin-bottom: var(--kendo-spacing--6, -1.5rem) } .\!k-mb--6 { margin-bottom: var(--kendo-spacing--6, -1.5rem) !important } .k-mb--6\.5 { margin-bottom: var(--kendo-spacing--6\.5, -1.625rem) } .\!k-mb--6\.5 { margin-bottom: var(--kendo-spacing--6\.5, -1.625rem) !important } .k-mb--7 { margin-bottom: var(--kendo-spacing--7, -1.75rem) } .\!k-mb--7 { margin-bottom: var(--kendo-spacing--7, -1.75rem) !important } .k-mb--7\.5 { margin-bottom: var(--kendo-spacing--7\.5, -1.875rem) } .\!k-mb--7\.5 { margin-bottom: var(--kendo-spacing--7\.5, -1.875rem) !important } .k-mb--8 { margin-bottom: var(--kendo-spacing--8, -2rem) } .\!k-mb--8 { margin-bottom: var(--kendo-spacing--8, -2rem) !important } .k-mb--9 { margin-bottom: var(--kendo-spacing--9, -2.25rem) } .\!k-mb--9 { margin-bottom: var(--kendo-spacing--9, -2.25rem) !important } .k-mb--10 { margin-bottom: var(--kendo-spacing--10, -2.5rem) } .\!k-mb--10 { margin-bottom: var(--kendo-spacing--10, -2.5rem) !important } .k-mb--11 { margin-bottom: var(--kendo-spacing--11, -2.75rem) } .\!k-mb--11 { margin-bottom: var(--kendo-spacing--11, -2.75rem) !important } .k-mb--12 { margin-bottom: var(--kendo-spacing--12, -3rem) } .\!k-mb--12 { margin-bottom: var(--kendo-spacing--12, -3rem) !important } .k-mb--13 { margin-bottom: var(--kendo-spacing--13, -3.25rem) } .\!k-mb--13 { margin-bottom: var(--kendo-spacing--13, -3.25rem) !important } .k-mb--14 { margin-bottom: var(--kendo-spacing--14, -3.5rem) } .\!k-mb--14 { margin-bottom: var(--kendo-spacing--14, -3.5rem) !important } .k-mb--15 { margin-bottom: var(--kendo-spacing--15, -3.75rem) } .\!k-mb--15 { margin-bottom: var(--kendo-spacing--15, -3.75rem) !important } .k-mb--16 { margin-bottom: var(--kendo-spacing--16, -4rem) } .\!k-mb--16 { margin-bottom: var(--kendo-spacing--16, -4rem) !important } .k-mb--17 { margin-bottom: var(--kendo-spacing--17, -4.25rem) } .\!k-mb--17 { margin-bottom: var(--kendo-spacing--17, -4.25rem) !important } .k-mb--18 { margin-bottom: var(--kendo-spacing--18, -4.5rem) } .\!k-mb--18 { margin-bottom: var(--kendo-spacing--18, -4.5rem) !important } .k-mb--19 { margin-bottom: var(--kendo-spacing--19, -4.75rem) } .\!k-mb--19 { margin-bottom: var(--kendo-spacing--19, -4.75rem) !important } .k-mb--20 { margin-bottom: var(--kendo-spacing--20, -5rem) } .\!k-mb--20 { margin-bottom: var(--kendo-spacing--20, -5rem) !important } .k-mb--21 { margin-bottom: var(--kendo-spacing--21, -5.25rem) } .\!k-mb--21 { margin-bottom: var(--kendo-spacing--21, -5.25rem) !important } .k-mb--22 { margin-bottom: var(--kendo-spacing--22, -5.5rem) } .\!k-mb--22 { margin-bottom: var(--kendo-spacing--22, -5.5rem) !important } .k-mb--23 { margin-bottom: var(--kendo-spacing--23, -5.75rem) } .\!k-mb--23 { margin-bottom: var(--kendo-spacing--23, -5.75rem) !important } .k-mb--24 { margin-bottom: var(--kendo-spacing--24, -6rem) } .\!k-mb--24 { margin-bottom: var(--kendo-spacing--24, -6rem) !important } .k-mb--25 { margin-bottom: var(--kendo-spacing--25, -7rem) } .\!k-mb--25 { margin-bottom: var(--kendo-spacing--25, -7rem) !important } .k-mb--26 { margin-bottom: var(--kendo-spacing--26, -8rem) } .\!k-mb--26 { margin-bottom: var(--kendo-spacing--26, -8rem) !important } .k-mb--27 { margin-bottom: var(--kendo-spacing--27, -9rem) } .\!k-mb--27 { margin-bottom: var(--kendo-spacing--27, -9rem) !important } .k-mb--28 { margin-bottom: var(--kendo-spacing--28, -10rem) } .\!k-mb--28 { margin-bottom: var(--kendo-spacing--28, -10rem) !important } .k-mb--29 { margin-bottom: var(--kendo-spacing--29, -11rem) } .\!k-mb--29 { margin-bottom: var(--kendo-spacing--29, -11rem) !important } .k-mb--30 { margin-bottom: var(--kendo-spacing--30, -12rem) } .\!k-mb--30 { margin-bottom: var(--kendo-spacing--30, -12rem) !important } .k-mb-xs { margin-bottom: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-mb-xs { margin-bottom: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-mb-sm { margin-bottom: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-mb-sm { margin-bottom: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-mb-md { margin-bottom: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-mb-md { margin-bottom: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-mb-lg { margin-bottom: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-mb-lg { margin-bottom: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-mb-xl { margin-bottom: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-mb-xl { margin-bottom: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-mb-thin { margin-bottom: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-mb-thin { margin-bottom: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-mb-hair { margin-bottom: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-mb-hair { margin-bottom: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-mb-auto { margin-bottom: var(--kendo-spacing-auto, auto) } .\!k-mb-auto { margin-bottom: var(--kendo-spacing-auto, auto) !important } .k-ml-0 { margin-left: var(--kendo-spacing-0, 0px) } .\!k-ml-0 { margin-left: var(--kendo-spacing-0, 0px) !important } .k-ml-1px { margin-left: var(--kendo-spacing-1px, 1px) } .\!k-ml-1px { margin-left: var(--kendo-spacing-1px, 1px) !important } .k-ml-0\.5 { margin-left: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-ml-0\.5 { margin-left: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-ml-1 { margin-left: var(--kendo-spacing-1, 0.25rem) } .\!k-ml-1 { margin-left: var(--kendo-spacing-1, 0.25rem) !important } .k-ml-1\.5 { margin-left: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-ml-1\.5 { margin-left: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-ml-2 { margin-left: var(--kendo-spacing-2, 0.5rem) } .\!k-ml-2 { margin-left: var(--kendo-spacing-2, 0.5rem) !important } .k-ml-2\.5 { margin-left: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-ml-2\.5 { margin-left: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-ml-3 { margin-left: var(--kendo-spacing-3, 0.75rem) } .\!k-ml-3 { margin-left: var(--kendo-spacing-3, 0.75rem) !important } .k-ml-3\.5 { margin-left: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-ml-3\.5 { margin-left: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-ml-4 { margin-left: var(--kendo-spacing-4, 1rem) } .\!k-ml-4 { margin-left: var(--kendo-spacing-4, 1rem) !important } .k-ml-4\.5 { margin-left: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-ml-4\.5 { margin-left: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-ml-5 { margin-left: var(--kendo-spacing-5, 1.25rem) } .\!k-ml-5 { margin-left: var(--kendo-spacing-5, 1.25rem) !important } .k-ml-5\.5 { margin-left: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-ml-5\.5 { margin-left: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-ml-6 { margin-left: var(--kendo-spacing-6, 1.5rem) } .\!k-ml-6 { margin-left: var(--kendo-spacing-6, 1.5rem) !important } .k-ml-6\.5 { margin-left: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-ml-6\.5 { margin-left: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-ml-7 { margin-left: var(--kendo-spacing-7, 1.75rem) } .\!k-ml-7 { margin-left: var(--kendo-spacing-7, 1.75rem) !important } .k-ml-7\.5 { margin-left: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-ml-7\.5 { margin-left: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-ml-8 { margin-left: var(--kendo-spacing-8, 2rem) } .\!k-ml-8 { margin-left: var(--kendo-spacing-8, 2rem) !important } .k-ml-9 { margin-left: var(--kendo-spacing-9, 2.25rem) } .\!k-ml-9 { margin-left: var(--kendo-spacing-9, 2.25rem) !important } .k-ml-10 { margin-left: var(--kendo-spacing-10, 2.5rem) } .\!k-ml-10 { margin-left: var(--kendo-spacing-10, 2.5rem) !important } .k-ml-11 { margin-left: var(--kendo-spacing-11, 2.75rem) } .\!k-ml-11 { margin-left: var(--kendo-spacing-11, 2.75rem) !important } .k-ml-12 { margin-left: var(--kendo-spacing-12, 3rem) } .\!k-ml-12 { margin-left: var(--kendo-spacing-12, 3rem) !important } .k-ml-13 { margin-left: var(--kendo-spacing-13, 3.25rem) } .\!k-ml-13 { margin-left: var(--kendo-spacing-13, 3.25rem) !important } .k-ml-14 { margin-left: var(--kendo-spacing-14, 3.5rem) } .\!k-ml-14 { margin-left: var(--kendo-spacing-14, 3.5rem) !important } .k-ml-15 { margin-left: var(--kendo-spacing-15, 3.75rem) } .\!k-ml-15 { margin-left: var(--kendo-spacing-15, 3.75rem) !important } .k-ml-16 { margin-left: var(--kendo-spacing-16, 4rem) } .\!k-ml-16 { margin-left: var(--kendo-spacing-16, 4rem) !important } .k-ml-17 { margin-left: var(--kendo-spacing-17, 4.25rem) } .\!k-ml-17 { margin-left: var(--kendo-spacing-17, 4.25rem) !important } .k-ml-18 { margin-left: var(--kendo-spacing-18, 4.5rem) } .\!k-ml-18 { margin-left: var(--kendo-spacing-18, 4.5rem) !important } .k-ml-19 { margin-left: var(--kendo-spacing-19, 4.75rem) } .\!k-ml-19 { margin-left: var(--kendo-spacing-19, 4.75rem) !important } .k-ml-20 { margin-left: var(--kendo-spacing-20, 5rem) } .\!k-ml-20 { margin-left: var(--kendo-spacing-20, 5rem) !important } .k-ml-21 { margin-left: var(--kendo-spacing-21, 5.25rem) } .\!k-ml-21 { margin-left: var(--kendo-spacing-21, 5.25rem) !important } .k-ml-22 { margin-left: var(--kendo-spacing-22, 5.5rem) } .\!k-ml-22 { margin-left: var(--kendo-spacing-22, 5.5rem) !important } .k-ml-23 { margin-left: var(--kendo-spacing-23, 5.75rem) } .\!k-ml-23 { margin-left: var(--kendo-spacing-23, 5.75rem) !important } .k-ml-24 { margin-left: var(--kendo-spacing-24, 6rem) } .\!k-ml-24 { margin-left: var(--kendo-spacing-24, 6rem) !important } .k-ml-25 { margin-left: var(--kendo-spacing-25, 7rem) } .\!k-ml-25 { margin-left: var(--kendo-spacing-25, 7rem) !important } .k-ml-26 { margin-left: var(--kendo-spacing-26, 8rem) } .\!k-ml-26 { margin-left: var(--kendo-spacing-26, 8rem) !important } .k-ml-27 { margin-left: var(--kendo-spacing-27, 9rem) } .\!k-ml-27 { margin-left: var(--kendo-spacing-27, 9rem) !important } .k-ml-28 { margin-left: var(--kendo-spacing-28, 10rem) } .\!k-ml-28 { margin-left: var(--kendo-spacing-28, 10rem) !important } .k-ml-29 { margin-left: var(--kendo-spacing-29, 11rem) } .\!k-ml-29 { margin-left: var(--kendo-spacing-29, 11rem) !important } .k-ml-30 { margin-left: var(--kendo-spacing-30, 12rem) } .\!k-ml-30 { margin-left: var(--kendo-spacing-30, 12rem) !important } .k-ml--1px { margin-left: var(--kendo-spacing--1px, -1px) } .\!k-ml--1px { margin-left: var(--kendo-spacing--1px, -1px) !important } .k-ml--0\.5 { margin-left: var(--kendo-spacing--0\.5, -0.125rem) } .\!k-ml--0\.5 { margin-left: var(--kendo-spacing--0\.5, -0.125rem) !important } .k-ml--1 { margin-left: var(--kendo-spacing--1, -0.25rem) } .\!k-ml--1 { margin-left: var(--kendo-spacing--1, -0.25rem) !important } .k-ml--1\.5 { margin-left: var(--kendo-spacing--1\.5, -0.375rem) } .\!k-ml--1\.5 { margin-left: var(--kendo-spacing--1\.5, -0.375rem) !important } .k-ml--2 { margin-left: var(--kendo-spacing--2, -0.5rem) } .\!k-ml--2 { margin-left: var(--kendo-spacing--2, -0.5rem) !important } .k-ml--2\.5 { margin-left: var(--kendo-spacing--2\.5, -0.625rem) } .\!k-ml--2\.5 { margin-left: var(--kendo-spacing--2\.5, -0.625rem) !important } .k-ml--3 { margin-left: var(--kendo-spacing--3, -0.75rem) } .\!k-ml--3 { margin-left: var(--kendo-spacing--3, -0.75rem) !important } .k-ml--3\.5 { margin-left: var(--kendo-spacing--3\.5, -0.875rem) } .\!k-ml--3\.5 { margin-left: var(--kendo-spacing--3\.5, -0.875rem) !important } .k-ml--4 { margin-left: var(--kendo-spacing--4, -1rem) } .\!k-ml--4 { margin-left: var(--kendo-spacing--4, -1rem) !important } .k-ml--4\.5 { margin-left: var(--kendo-spacing--4\.5, -1.125rem) } .\!k-ml--4\.5 { margin-left: var(--kendo-spacing--4\.5, -1.125rem) !important } .k-ml--5 { margin-left: var(--kendo-spacing--5, -1.25rem) } .\!k-ml--5 { margin-left: var(--kendo-spacing--5, -1.25rem) !important } .k-ml--5\.5 { margin-left: var(--kendo-spacing--5\.5, -1.375rem) } .\!k-ml--5\.5 { margin-left: var(--kendo-spacing--5\.5, -1.375rem) !important } .k-ml--6 { margin-left: var(--kendo-spacing--6, -1.5rem) } .\!k-ml--6 { margin-left: var(--kendo-spacing--6, -1.5rem) !important } .k-ml--6\.5 { margin-left: var(--kendo-spacing--6\.5, -1.625rem) } .\!k-ml--6\.5 { margin-left: var(--kendo-spacing--6\.5, -1.625rem) !important } .k-ml--7 { margin-left: var(--kendo-spacing--7, -1.75rem) } .\!k-ml--7 { margin-left: var(--kendo-spacing--7, -1.75rem) !important } .k-ml--7\.5 { margin-left: var(--kendo-spacing--7\.5, -1.875rem) } .\!k-ml--7\.5 { margin-left: var(--kendo-spacing--7\.5, -1.875rem) !important } .k-ml--8 { margin-left: var(--kendo-spacing--8, -2rem) } .\!k-ml--8 { margin-left: var(--kendo-spacing--8, -2rem) !important } .k-ml--9 { margin-left: var(--kendo-spacing--9, -2.25rem) } .\!k-ml--9 { margin-left: var(--kendo-spacing--9, -2.25rem) !important } .k-ml--10 { margin-left: var(--kendo-spacing--10, -2.5rem) } .\!k-ml--10 { margin-left: var(--kendo-spacing--10, -2.5rem) !important } .k-ml--11 { margin-left: var(--kendo-spacing--11, -2.75rem) } .\!k-ml--11 { margin-left: var(--kendo-spacing--11, -2.75rem) !important } .k-ml--12 { margin-left: var(--kendo-spacing--12, -3rem) } .\!k-ml--12 { margin-left: var(--kendo-spacing--12, -3rem) !important } .k-ml--13 { margin-left: var(--kendo-spacing--13, -3.25rem) } .\!k-ml--13 { margin-left: var(--kendo-spacing--13, -3.25rem) !important } .k-ml--14 { margin-left: var(--kendo-spacing--14, -3.5rem) } .\!k-ml--14 { margin-left: var(--kendo-spacing--14, -3.5rem) !important } .k-ml--15 { margin-left: var(--kendo-spacing--15, -3.75rem) } .\!k-ml--15 { margin-left: var(--kendo-spacing--15, -3.75rem) !important } .k-ml--16 { margin-left: var(--kendo-spacing--16, -4rem) } .\!k-ml--16 { margin-left: var(--kendo-spacing--16, -4rem) !important } .k-ml--17 { margin-left: var(--kendo-spacing--17, -4.25rem) } .\!k-ml--17 { margin-left: var(--kendo-spacing--17, -4.25rem) !important } .k-ml--18 { margin-left: var(--kendo-spacing--18, -4.5rem) } .\!k-ml--18 { margin-left: var(--kendo-spacing--18, -4.5rem) !important } .k-ml--19 { margin-left: var(--kendo-spacing--19, -4.75rem) } .\!k-ml--19 { margin-left: var(--kendo-spacing--19, -4.75rem) !important } .k-ml--20 { margin-left: var(--kendo-spacing--20, -5rem) } .\!k-ml--20 { margin-left: var(--kendo-spacing--20, -5rem) !important } .k-ml--21 { margin-left: var(--kendo-spacing--21, -5.25rem) } .\!k-ml--21 { margin-left: var(--kendo-spacing--21, -5.25rem) !important } .k-ml--22 { margin-left: var(--kendo-spacing--22, -5.5rem) } .\!k-ml--22 { margin-left: var(--kendo-spacing--22, -5.5rem) !important } .k-ml--23 { margin-left: var(--kendo-spacing--23, -5.75rem) } .\!k-ml--23 { margin-left: var(--kendo-spacing--23, -5.75rem) !important } .k-ml--24 { margin-left: var(--kendo-spacing--24, -6rem) } .\!k-ml--24 { margin-left: var(--kendo-spacing--24, -6rem) !important } .k-ml--25 { margin-left: var(--kendo-spacing--25, -7rem) } .\!k-ml--25 { margin-left: var(--kendo-spacing--25, -7rem) !important } .k-ml--26 { margin-left: var(--kendo-spacing--26, -8rem) } .\!k-ml--26 { margin-left: var(--kendo-spacing--26, -8rem) !important } .k-ml--27 { margin-left: var(--kendo-spacing--27, -9rem) } .\!k-ml--27 { margin-left: var(--kendo-spacing--27, -9rem) !important } .k-ml--28 { margin-left: var(--kendo-spacing--28, -10rem) } .\!k-ml--28 { margin-left: var(--kendo-spacing--28, -10rem) !important } .k-ml--29 { margin-left: var(--kendo-spacing--29, -11rem) } .\!k-ml--29 { margin-left: var(--kendo-spacing--29, -11rem) !important } .k-ml--30 { margin-left: var(--kendo-spacing--30, -12rem) } .\!k-ml--30 { margin-left: var(--kendo-spacing--30, -12rem) !important } .k-ml-xs { margin-left: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-ml-xs { margin-left: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-ml-sm { margin-left: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-ml-sm { margin-left: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-ml-md { margin-left: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-ml-md { margin-left: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-ml-lg { margin-left: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-ml-lg { margin-left: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-ml-xl { margin-left: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-ml-xl { margin-left: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-ml-thin { margin-left: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-ml-thin { margin-left: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-ml-hair { margin-left: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-ml-hair { margin-left: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-ml-auto { margin-left: var(--kendo-spacing-auto, auto) } .\!k-ml-auto { margin-left: var(--kendo-spacing-auto, auto) !important } .k-mx-0 { margin-inline: var(--kendo-spacing-0, 0px) } .\!k-mx-0 { margin-inline: var(--kendo-spacing-0, 0px) !important } .k-mx-1px { margin-inline: var(--kendo-spacing-1px, 1px) } .\!k-mx-1px { margin-inline: var(--kendo-spacing-1px, 1px) !important } .k-mx-0\.5 { margin-inline: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-mx-0\.5 { margin-inline: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-mx-1 { margin-inline: var(--kendo-spacing-1, 0.25rem) } .\!k-mx-1 { margin-inline: var(--kendo-spacing-1, 0.25rem) !important } .k-mx-1\.5 { margin-inline: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-mx-1\.5 { margin-inline: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-mx-2 { margin-inline: var(--kendo-spacing-2, 0.5rem) } .\!k-mx-2 { margin-inline: var(--kendo-spacing-2, 0.5rem) !important } .k-mx-2\.5 { margin-inline: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-mx-2\.5 { margin-inline: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-mx-3 { margin-inline: var(--kendo-spacing-3, 0.75rem) } .\!k-mx-3 { margin-inline: var(--kendo-spacing-3, 0.75rem) !important } .k-mx-3\.5 { margin-inline: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-mx-3\.5 { margin-inline: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-mx-4 { margin-inline: var(--kendo-spacing-4, 1rem) } .\!k-mx-4 { margin-inline: var(--kendo-spacing-4, 1rem) !important } .k-mx-4\.5 { margin-inline: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-mx-4\.5 { margin-inline: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-mx-5 { margin-inline: var(--kendo-spacing-5, 1.25rem) } .\!k-mx-5 { margin-inline: var(--kendo-spacing-5, 1.25rem) !important } .k-mx-5\.5 { margin-inline: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-mx-5\.5 { margin-inline: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-mx-6 { margin-inline: var(--kendo-spacing-6, 1.5rem) } .\!k-mx-6 { margin-inline: var(--kendo-spacing-6, 1.5rem) !important } .k-mx-6\.5 { margin-inline: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-mx-6\.5 { margin-inline: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-mx-7 { margin-inline: var(--kendo-spacing-7, 1.75rem) } .\!k-mx-7 { margin-inline: var(--kendo-spacing-7, 1.75rem) !important } .k-mx-7\.5 { margin-inline: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-mx-7\.5 { margin-inline: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-mx-8 { margin-inline: var(--kendo-spacing-8, 2rem) } .\!k-mx-8 { margin-inline: var(--kendo-spacing-8, 2rem) !important } .k-mx-9 { margin-inline: var(--kendo-spacing-9, 2.25rem) } .\!k-mx-9 { margin-inline: var(--kendo-spacing-9, 2.25rem) !important } .k-mx-10 { margin-inline: var(--kendo-spacing-10, 2.5rem) } .\!k-mx-10 { margin-inline: var(--kendo-spacing-10, 2.5rem) !important } .k-mx-11 { margin-inline: var(--kendo-spacing-11, 2.75rem) } .\!k-mx-11 { margin-inline: var(--kendo-spacing-11, 2.75rem) !important } .k-mx-12 { margin-inline: var(--kendo-spacing-12, 3rem) } .\!k-mx-12 { margin-inline: var(--kendo-spacing-12, 3rem) !important } .k-mx-13 { margin-inline: var(--kendo-spacing-13, 3.25rem) } .\!k-mx-13 { margin-inline: var(--kendo-spacing-13, 3.25rem) !important } .k-mx-14 { margin-inline: var(--kendo-spacing-14, 3.5rem) } .\!k-mx-14 { margin-inline: var(--kendo-spacing-14, 3.5rem) !important } .k-mx-15 { margin-inline: var(--kendo-spacing-15, 3.75rem) } .\!k-mx-15 { margin-inline: var(--kendo-spacing-15, 3.75rem) !important } .k-mx-16 { margin-inline: var(--kendo-spacing-16, 4rem) } .\!k-mx-16 { margin-inline: var(--kendo-spacing-16, 4rem) !important } .k-mx-17 { margin-inline: var(--kendo-spacing-17, 4.25rem) } .\!k-mx-17 { margin-inline: var(--kendo-spacing-17, 4.25rem) !important } .k-mx-18 { margin-inline: var(--kendo-spacing-18, 4.5rem) } .\!k-mx-18 { margin-inline: var(--kendo-spacing-18, 4.5rem) !important } .k-mx-19 { margin-inline: var(--kendo-spacing-19, 4.75rem) } .\!k-mx-19 { margin-inline: var(--kendo-spacing-19, 4.75rem) !important } .k-mx-20 { margin-inline: var(--kendo-spacing-20, 5rem) } .\!k-mx-20 { margin-inline: var(--kendo-spacing-20, 5rem) !important } .k-mx-21 { margin-inline: var(--kendo-spacing-21, 5.25rem) } .\!k-mx-21 { margin-inline: var(--kendo-spacing-21, 5.25rem) !important } .k-mx-22 { margin-inline: var(--kendo-spacing-22, 5.5rem) } .\!k-mx-22 { margin-inline: var(--kendo-spacing-22, 5.5rem) !important } .k-mx-23 { margin-inline: var(--kendo-spacing-23, 5.75rem) } .\!k-mx-23 { margin-inline: var(--kendo-spacing-23, 5.75rem) !important } .k-mx-24 { margin-inline: var(--kendo-spacing-24, 6rem) } .\!k-mx-24 { margin-inline: var(--kendo-spacing-24, 6rem) !important } .k-mx-25 { margin-inline: var(--kendo-spacing-25, 7rem) } .\!k-mx-25 { margin-inline: var(--kendo-spacing-25, 7rem) !important } .k-mx-26 { margin-inline: var(--kendo-spacing-26, 8rem) } .\!k-mx-26 { margin-inline: var(--kendo-spacing-26, 8rem) !important } .k-mx-27 { margin-inline: var(--kendo-spacing-27, 9rem) } .\!k-mx-27 { margin-inline: var(--kendo-spacing-27, 9rem) !important } .k-mx-28 { margin-inline: var(--kendo-spacing-28, 10rem) } .\!k-mx-28 { margin-inline: var(--kendo-spacing-28, 10rem) !important } .k-mx-29 { margin-inline: var(--kendo-spacing-29, 11rem) } .\!k-mx-29 { margin-inline: var(--kendo-spacing-29, 11rem) !important } .k-mx-30 { margin-inline: var(--kendo-spacing-30, 12rem) } .\!k-mx-30 { margin-inline: var(--kendo-spacing-30, 12rem) !important } .k-mx--1px { margin-inline: var(--kendo-spacing--1px, -1px) } .\!k-mx--1px { margin-inline: var(--kendo-spacing--1px, -1px) !important } .k-mx--0\.5 { margin-inline: var(--kendo-spacing--0\.5, -0.125rem) } .\!k-mx--0\.5 { margin-inline: var(--kendo-spacing--0\.5, -0.125rem) !important } .k-mx--1 { margin-inline: var(--kendo-spacing--1, -0.25rem) } .\!k-mx--1 { margin-inline: var(--kendo-spacing--1, -0.25rem) !important } .k-mx--1\.5 { margin-inline: var(--kendo-spacing--1\.5, -0.375rem) } .\!k-mx--1\.5 { margin-inline: var(--kendo-spacing--1\.5, -0.375rem) !important } .k-mx--2 { margin-inline: var(--kendo-spacing--2, -0.5rem) } .\!k-mx--2 { margin-inline: var(--kendo-spacing--2, -0.5rem) !important } .k-mx--2\.5 { margin-inline: var(--kendo-spacing--2\.5, -0.625rem) } .\!k-mx--2\.5 { margin-inline: var(--kendo-spacing--2\.5, -0.625rem) !important } .k-mx--3 { margin-inline: var(--kendo-spacing--3, -0.75rem) } .\!k-mx--3 { margin-inline: var(--kendo-spacing--3, -0.75rem) !important } .k-mx--3\.5 { margin-inline: var(--kendo-spacing--3\.5, -0.875rem) } .\!k-mx--3\.5 { margin-inline: var(--kendo-spacing--3\.5, -0.875rem) !important } .k-mx--4 { margin-inline: var(--kendo-spacing--4, -1rem) } .\!k-mx--4 { margin-inline: var(--kendo-spacing--4, -1rem) !important } .k-mx--4\.5 { margin-inline: var(--kendo-spacing--4\.5, -1.125rem) } .\!k-mx--4\.5 { margin-inline: var(--kendo-spacing--4\.5, -1.125rem) !important } .k-mx--5 { margin-inline: var(--kendo-spacing--5, -1.25rem) } .\!k-mx--5 { margin-inline: var(--kendo-spacing--5, -1.25rem) !important } .k-mx--5\.5 { margin-inline: var(--kendo-spacing--5\.5, -1.375rem) } .\!k-mx--5\.5 { margin-inline: var(--kendo-spacing--5\.5, -1.375rem) !important } .k-mx--6 { margin-inline: var(--kendo-spacing--6, -1.5rem) } .\!k-mx--6 { margin-inline: var(--kendo-spacing--6, -1.5rem) !important } .k-mx--6\.5 { margin-inline: var(--kendo-spacing--6\.5, -1.625rem) } .\!k-mx--6\.5 { margin-inline: var(--kendo-spacing--6\.5, -1.625rem) !important } .k-mx--7 { margin-inline: var(--kendo-spacing--7, -1.75rem) } .\!k-mx--7 { margin-inline: var(--kendo-spacing--7, -1.75rem) !important } .k-mx--7\.5 { margin-inline: var(--kendo-spacing--7\.5, -1.875rem) } .\!k-mx--7\.5 { margin-inline: var(--kendo-spacing--7\.5, -1.875rem) !important } .k-mx--8 { margin-inline: var(--kendo-spacing--8, -2rem) } .\!k-mx--8 { margin-inline: var(--kendo-spacing--8, -2rem) !important } .k-mx--9 { margin-inline: var(--kendo-spacing--9, -2.25rem) } .\!k-mx--9 { margin-inline: var(--kendo-spacing--9, -2.25rem) !important } .k-mx--10 { margin-inline: var(--kendo-spacing--10, -2.5rem) } .\!k-mx--10 { margin-inline: var(--kendo-spacing--10, -2.5rem) !important } .k-mx--11 { margin-inline: var(--kendo-spacing--11, -2.75rem) } .\!k-mx--11 { margin-inline: var(--kendo-spacing--11, -2.75rem) !important } .k-mx--12 { margin-inline: var(--kendo-spacing--12, -3rem) } .\!k-mx--12 { margin-inline: var(--kendo-spacing--12, -3rem) !important } .k-mx--13 { margin-inline: var(--kendo-spacing--13, -3.25rem) } .\!k-mx--13 { margin-inline: var(--kendo-spacing--13, -3.25rem) !important } .k-mx--14 { margin-inline: var(--kendo-spacing--14, -3.5rem) } .\!k-mx--14 { margin-inline: var(--kendo-spacing--14, -3.5rem) !important } .k-mx--15 { margin-inline: var(--kendo-spacing--15, -3.75rem) } .\!k-mx--15 { margin-inline: var(--kendo-spacing--15, -3.75rem) !important } .k-mx--16 { margin-inline: var(--kendo-spacing--16, -4rem) } .\!k-mx--16 { margin-inline: var(--kendo-spacing--16, -4rem) !important } .k-mx--17 { margin-inline: var(--kendo-spacing--17, -4.25rem) } .\!k-mx--17 { margin-inline: var(--kendo-spacing--17, -4.25rem) !important } .k-mx--18 { margin-inline: var(--kendo-spacing--18, -4.5rem) } .\!k-mx--18 { margin-inline: var(--kendo-spacing--18, -4.5rem) !important } .k-mx--19 { margin-inline: var(--kendo-spacing--19, -4.75rem) } .\!k-mx--19 { margin-inline: var(--kendo-spacing--19, -4.75rem) !important } .k-mx--20 { margin-inline: var(--kendo-spacing--20, -5rem) } .\!k-mx--20 { margin-inline: var(--kendo-spacing--20, -5rem) !important } .k-mx--21 { margin-inline: var(--kendo-spacing--21, -5.25rem) } .\!k-mx--21 { margin-inline: var(--kendo-spacing--21, -5.25rem) !important } .k-mx--22 { margin-inline: var(--kendo-spacing--22, -5.5rem) } .\!k-mx--22 { margin-inline: var(--kendo-spacing--22, -5.5rem) !important } .k-mx--23 { margin-inline: var(--kendo-spacing--23, -5.75rem) } .\!k-mx--23 { margin-inline: var(--kendo-spacing--23, -5.75rem) !important } .k-mx--24 { margin-inline: var(--kendo-spacing--24, -6rem) } .\!k-mx--24 { margin-inline: var(--kendo-spacing--24, -6rem) !important } .k-mx--25 { margin-inline: var(--kendo-spacing--25, -7rem) } .\!k-mx--25 { margin-inline: var(--kendo-spacing--25, -7rem) !important } .k-mx--26 { margin-inline: var(--kendo-spacing--26, -8rem) } .\!k-mx--26 { margin-inline: var(--kendo-spacing--26, -8rem) !important } .k-mx--27 { margin-inline: var(--kendo-spacing--27, -9rem) } .\!k-mx--27 { margin-inline: var(--kendo-spacing--27, -9rem) !important } .k-mx--28 { margin-inline: var(--kendo-spacing--28, -10rem) } .\!k-mx--28 { margin-inline: var(--kendo-spacing--28, -10rem) !important } .k-mx--29 { margin-inline: var(--kendo-spacing--29, -11rem) } .\!k-mx--29 { margin-inline: var(--kendo-spacing--29, -11rem) !important } .k-mx--30 { margin-inline: var(--kendo-spacing--30, -12rem) } .\!k-mx--30 { margin-inline: var(--kendo-spacing--30, -12rem) !important } .k-mx-xs { margin-inline: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-mx-xs { margin-inline: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-mx-sm { margin-inline: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-mx-sm { margin-inline: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-mx-md { margin-inline: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-mx-md { margin-inline: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-mx-lg { margin-inline: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-mx-lg { margin-inline: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-mx-xl { margin-inline: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-mx-xl { margin-inline: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-mx-thin { margin-inline: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-mx-thin { margin-inline: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-mx-hair { margin-inline: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-mx-hair { margin-inline: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-mx-auto { margin-inline: var(--kendo-spacing-auto, auto) } .\!k-mx-auto { margin-inline: var(--kendo-spacing-auto, auto) !important } .k-my-0 { margin-block: var(--kendo-spacing-0, 0px) } .\!k-my-0 { margin-block: var(--kendo-spacing-0, 0px) !important } .k-my-1px { margin-block: var(--kendo-spacing-1px, 1px) } .\!k-my-1px { margin-block: var(--kendo-spacing-1px, 1px) !important } .k-my-0\.5 { margin-block: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-my-0\.5 { margin-block: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-my-1 { margin-block: var(--kendo-spacing-1, 0.25rem) } .\!k-my-1 { margin-block: var(--kendo-spacing-1, 0.25rem) !important } .k-my-1\.5 { margin-block: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-my-1\.5 { margin-block: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-my-2 { margin-block: var(--kendo-spacing-2, 0.5rem) } .\!k-my-2 { margin-block: var(--kendo-spacing-2, 0.5rem) !important } .k-my-2\.5 { margin-block: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-my-2\.5 { margin-block: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-my-3 { margin-block: var(--kendo-spacing-3, 0.75rem) } .\!k-my-3 { margin-block: var(--kendo-spacing-3, 0.75rem) !important } .k-my-3\.5 { margin-block: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-my-3\.5 { margin-block: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-my-4 { margin-block: var(--kendo-spacing-4, 1rem) } .\!k-my-4 { margin-block: var(--kendo-spacing-4, 1rem) !important } .k-my-4\.5 { margin-block: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-my-4\.5 { margin-block: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-my-5 { margin-block: var(--kendo-spacing-5, 1.25rem) } .\!k-my-5 { margin-block: var(--kendo-spacing-5, 1.25rem) !important } .k-my-5\.5 { margin-block: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-my-5\.5 { margin-block: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-my-6 { margin-block: var(--kendo-spacing-6, 1.5rem) } .\!k-my-6 { margin-block: var(--kendo-spacing-6, 1.5rem) !important } .k-my-6\.5 { margin-block: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-my-6\.5 { margin-block: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-my-7 { margin-block: var(--kendo-spacing-7, 1.75rem) } .\!k-my-7 { margin-block: var(--kendo-spacing-7, 1.75rem) !important } .k-my-7\.5 { margin-block: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-my-7\.5 { margin-block: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-my-8 { margin-block: var(--kendo-spacing-8, 2rem) } .\!k-my-8 { margin-block: var(--kendo-spacing-8, 2rem) !important } .k-my-9 { margin-block: var(--kendo-spacing-9, 2.25rem) } .\!k-my-9 { margin-block: var(--kendo-spacing-9, 2.25rem) !important } .k-my-10 { margin-block: var(--kendo-spacing-10, 2.5rem) } .\!k-my-10 { margin-block: var(--kendo-spacing-10, 2.5rem) !important } .k-my-11 { margin-block: var(--kendo-spacing-11, 2.75rem) } .\!k-my-11 { margin-block: var(--kendo-spacing-11, 2.75rem) !important } .k-my-12 { margin-block: var(--kendo-spacing-12, 3rem) } .\!k-my-12 { margin-block: var(--kendo-spacing-12, 3rem) !important } .k-my-13 { margin-block: var(--kendo-spacing-13, 3.25rem) } .\!k-my-13 { margin-block: var(--kendo-spacing-13, 3.25rem) !important } .k-my-14 { margin-block: var(--kendo-spacing-14, 3.5rem) } .\!k-my-14 { margin-block: var(--kendo-spacing-14, 3.5rem) !important } .k-my-15 { margin-block: var(--kendo-spacing-15, 3.75rem) } .\!k-my-15 { margin-block: var(--kendo-spacing-15, 3.75rem) !important } .k-my-16 { margin-block: var(--kendo-spacing-16, 4rem) } .\!k-my-16 { margin-block: var(--kendo-spacing-16, 4rem) !important } .k-my-17 { margin-block: var(--kendo-spacing-17, 4.25rem) } .\!k-my-17 { margin-block: var(--kendo-spacing-17, 4.25rem) !important } .k-my-18 { margin-block: var(--kendo-spacing-18, 4.5rem) } .\!k-my-18 { margin-block: var(--kendo-spacing-18, 4.5rem) !important } .k-my-19 { margin-block: var(--kendo-spacing-19, 4.75rem) } .\!k-my-19 { margin-block: var(--kendo-spacing-19, 4.75rem) !important } .k-my-20 { margin-block: var(--kendo-spacing-20, 5rem) } .\!k-my-20 { margin-block: var(--kendo-spacing-20, 5rem) !important } .k-my-21 { margin-block: var(--kendo-spacing-21, 5.25rem) } .\!k-my-21 { margin-block: var(--kendo-spacing-21, 5.25rem) !important } .k-my-22 { margin-block: var(--kendo-spacing-22, 5.5rem) } .\!k-my-22 { margin-block: var(--kendo-spacing-22, 5.5rem) !important } .k-my-23 { margin-block: var(--kendo-spacing-23, 5.75rem) } .\!k-my-23 { margin-block: var(--kendo-spacing-23, 5.75rem) !important } .k-my-24 { margin-block: var(--kendo-spacing-24, 6rem) } .\!k-my-24 { margin-block: var(--kendo-spacing-24, 6rem) !important } .k-my-25 { margin-block: var(--kendo-spacing-25, 7rem) } .\!k-my-25 { margin-block: var(--kendo-spacing-25, 7rem) !important } .k-my-26 { margin-block: var(--kendo-spacing-26, 8rem) } .\!k-my-26 { margin-block: var(--kendo-spacing-26, 8rem) !important } .k-my-27 { margin-block: var(--kendo-spacing-27, 9rem) } .\!k-my-27 { margin-block: var(--kendo-spacing-27, 9rem) !important } .k-my-28 { margin-block: var(--kendo-spacing-28, 10rem) } .\!k-my-28 { margin-block: var(--kendo-spacing-28, 10rem) !important } .k-my-29 { margin-block: var(--kendo-spacing-29, 11rem) } .\!k-my-29 { margin-block: var(--kendo-spacing-29, 11rem) !important } .k-my-30 { margin-block: var(--kendo-spacing-30, 12rem) } .\!k-my-30 { margin-block: var(--kendo-spacing-30, 12rem) !important } .k-my--1px { margin-block: var(--kendo-spacing--1px, -1px) } .\!k-my--1px { margin-block: var(--kendo-spacing--1px, -1px) !important } .k-my--0\.5 { margin-block: var(--kendo-spacing--0\.5, -0.125rem) } .\!k-my--0\.5 { margin-block: var(--kendo-spacing--0\.5, -0.125rem) !important } .k-my--1 { margin-block: var(--kendo-spacing--1, -0.25rem) } .\!k-my--1 { margin-block: var(--kendo-spacing--1, -0.25rem) !important } .k-my--1\.5 { margin-block: var(--kendo-spacing--1\.5, -0.375rem) } .\!k-my--1\.5 { margin-block: var(--kendo-spacing--1\.5, -0.375rem) !important } .k-my--2 { margin-block: var(--kendo-spacing--2, -0.5rem) } .\!k-my--2 { margin-block: var(--kendo-spacing--2, -0.5rem) !important } .k-my--2\.5 { margin-block: var(--kendo-spacing--2\.5, -0.625rem) } .\!k-my--2\.5 { margin-block: var(--kendo-spacing--2\.5, -0.625rem) !important } .k-my--3 { margin-block: var(--kendo-spacing--3, -0.75rem) } .\!k-my--3 { margin-block: var(--kendo-spacing--3, -0.75rem) !important } .k-my--3\.5 { margin-block: var(--kendo-spacing--3\.5, -0.875rem) } .\!k-my--3\.5 { margin-block: var(--kendo-spacing--3\.5, -0.875rem) !important } .k-my--4 { margin-block: var(--kendo-spacing--4, -1rem) } .\!k-my--4 { margin-block: var(--kendo-spacing--4, -1rem) !important } .k-my--4\.5 { margin-block: var(--kendo-spacing--4\.5, -1.125rem) } .\!k-my--4\.5 { margin-block: var(--kendo-spacing--4\.5, -1.125rem) !important } .k-my--5 { margin-block: var(--kendo-spacing--5, -1.25rem) } .\!k-my--5 { margin-block: var(--kendo-spacing--5, -1.25rem) !important } .k-my--5\.5 { margin-block: var(--kendo-spacing--5\.5, -1.375rem) } .\!k-my--5\.5 { margin-block: var(--kendo-spacing--5\.5, -1.375rem) !important } .k-my--6 { margin-block: var(--kendo-spacing--6, -1.5rem) } .\!k-my--6 { margin-block: var(--kendo-spacing--6, -1.5rem) !important } .k-my--6\.5 { margin-block: var(--kendo-spacing--6\.5, -1.625rem) } .\!k-my--6\.5 { margin-block: var(--kendo-spacing--6\.5, -1.625rem) !important } .k-my--7 { margin-block: var(--kendo-spacing--7, -1.75rem) } .\!k-my--7 { margin-block: var(--kendo-spacing--7, -1.75rem) !important } .k-my--7\.5 { margin-block: var(--kendo-spacing--7\.5, -1.875rem) } .\!k-my--7\.5 { margin-block: var(--kendo-spacing--7\.5, -1.875rem) !important } .k-my--8 { margin-block: var(--kendo-spacing--8, -2rem) } .\!k-my--8 { margin-block: var(--kendo-spacing--8, -2rem) !important } .k-my--9 { margin-block: var(--kendo-spacing--9, -2.25rem) } .\!k-my--9 { margin-block: var(--kendo-spacing--9, -2.25rem) !important } .k-my--10 { margin-block: var(--kendo-spacing--10, -2.5rem) } .\!k-my--10 { margin-block: var(--kendo-spacing--10, -2.5rem) !important } .k-my--11 { margin-block: var(--kendo-spacing--11, -2.75rem) } .\!k-my--11 { margin-block: var(--kendo-spacing--11, -2.75rem) !important } .k-my--12 { margin-block: var(--kendo-spacing--12, -3rem) } .\!k-my--12 { margin-block: var(--kendo-spacing--12, -3rem) !important } .k-my--13 { margin-block: var(--kendo-spacing--13, -3.25rem) } .\!k-my--13 { margin-block: var(--kendo-spacing--13, -3.25rem) !important } .k-my--14 { margin-block: var(--kendo-spacing--14, -3.5rem) } .\!k-my--14 { margin-block: var(--kendo-spacing--14, -3.5rem) !important } .k-my--15 { margin-block: var(--kendo-spacing--15, -3.75rem) } .\!k-my--15 { margin-block: var(--kendo-spacing--15, -3.75rem) !important } .k-my--16 { margin-block: var(--kendo-spacing--16, -4rem) } .\!k-my--16 { margin-block: var(--kendo-spacing--16, -4rem) !important } .k-my--17 { margin-block: var(--kendo-spacing--17, -4.25rem) } .\!k-my--17 { margin-block: var(--kendo-spacing--17, -4.25rem) !important } .k-my--18 { margin-block: var(--kendo-spacing--18, -4.5rem) } .\!k-my--18 { margin-block: var(--kendo-spacing--18, -4.5rem) !important } .k-my--19 { margin-block: var(--kendo-spacing--19, -4.75rem) } .\!k-my--19 { margin-block: var(--kendo-spacing--19, -4.75rem) !important } .k-my--20 { margin-block: var(--kendo-spacing--20, -5rem) } .\!k-my--20 { margin-block: var(--kendo-spacing--20, -5rem) !important } .k-my--21 { margin-block: var(--kendo-spacing--21, -5.25rem) } .\!k-my--21 { margin-block: var(--kendo-spacing--21, -5.25rem) !important } .k-my--22 { margin-block: var(--kendo-spacing--22, -5.5rem) } .\!k-my--22 { margin-block: var(--kendo-spacing--22, -5.5rem) !important } .k-my--23 { margin-block: var(--kendo-spacing--23, -5.75rem) } .\!k-my--23 { margin-block: var(--kendo-spacing--23, -5.75rem) !important } .k-my--24 { margin-block: var(--kendo-spacing--24, -6rem) } .\!k-my--24 { margin-block: var(--kendo-spacing--24, -6rem) !important } .k-my--25 { margin-block: var(--kendo-spacing--25, -7rem) } .\!k-my--25 { margin-block: var(--kendo-spacing--25, -7rem) !important } .k-my--26 { margin-block: var(--kendo-spacing--26, -8rem) } .\!k-my--26 { margin-block: var(--kendo-spacing--26, -8rem) !important } .k-my--27 { margin-block: var(--kendo-spacing--27, -9rem) } .\!k-my--27 { margin-block: var(--kendo-spacing--27, -9rem) !important } .k-my--28 { margin-block: var(--kendo-spacing--28, -10rem) } .\!k-my--28 { margin-block: var(--kendo-spacing--28, -10rem) !important } .k-my--29 { margin-block: var(--kendo-spacing--29, -11rem) } .\!k-my--29 { margin-block: var(--kendo-spacing--29, -11rem) !important } .k-my--30 { margin-block: var(--kendo-spacing--30, -12rem) } .\!k-my--30 { margin-block: var(--kendo-spacing--30, -12rem) !important } .k-my-xs { margin-block: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-my-xs { margin-block: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-my-sm { margin-block: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-my-sm { margin-block: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-my-md { margin-block: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-my-md { margin-block: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-my-lg { margin-block: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-my-lg { margin-block: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-my-xl { margin-block: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-my-xl { margin-block: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-my-thin { margin-block: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-my-thin { margin-block: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-my-hair { margin-block: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-my-hair { margin-block: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-my-auto { margin-block: var(--kendo-spacing-auto, auto) } .\!k-my-auto { margin-block: var(--kendo-spacing-auto, auto) !important } .k-p-0 { padding: var(--kendo-spacing-0, 0px) } .\!k-p-0 { padding: var(--kendo-spacing-0, 0px) !important } .k-p-1px { padding: var(--kendo-spacing-1px, 1px) } .\!k-p-1px { padding: var(--kendo-spacing-1px, 1px) !important } .k-p-0\.5 { padding: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-p-0\.5 { padding: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-p-1 { padding: var(--kendo-spacing-1, 0.25rem) } .\!k-p-1 { padding: var(--kendo-spacing-1, 0.25rem) !important } .k-p-1\.5 { padding: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-p-1\.5 { padding: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-p-2 { padding: var(--kendo-spacing-2, 0.5rem) } .\!k-p-2 { padding: var(--kendo-spacing-2, 0.5rem) !important } .k-p-2\.5 { padding: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-p-2\.5 { padding: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-p-3 { padding: var(--kendo-spacing-3, 0.75rem) } .\!k-p-3 { padding: var(--kendo-spacing-3, 0.75rem) !important } .k-p-3\.5 { padding: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-p-3\.5 { padding: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-p-4 { padding: var(--kendo-spacing-4, 1rem) } .\!k-p-4 { padding: var(--kendo-spacing-4, 1rem) !important } .k-p-4\.5 { padding: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-p-4\.5 { padding: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-p-5 { padding: var(--kendo-spacing-5, 1.25rem) } .\!k-p-5 { padding: var(--kendo-spacing-5, 1.25rem) !important } .k-p-5\.5 { padding: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-p-5\.5 { padding: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-p-6 { padding: var(--kendo-spacing-6, 1.5rem) } .\!k-p-6 { padding: var(--kendo-spacing-6, 1.5rem) !important } .k-p-6\.5 { padding: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-p-6\.5 { padding: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-p-7 { padding: var(--kendo-spacing-7, 1.75rem) } .\!k-p-7 { padding: var(--kendo-spacing-7, 1.75rem) !important } .k-p-7\.5 { padding: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-p-7\.5 { padding: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-p-8 { padding: var(--kendo-spacing-8, 2rem) } .\!k-p-8 { padding: var(--kendo-spacing-8, 2rem) !important } .k-p-9 { padding: var(--kendo-spacing-9, 2.25rem) } .\!k-p-9 { padding: var(--kendo-spacing-9, 2.25rem) !important } .k-p-10 { padding: var(--kendo-spacing-10, 2.5rem) } .\!k-p-10 { padding: var(--kendo-spacing-10, 2.5rem) !important } .k-p-11 { padding: var(--kendo-spacing-11, 2.75rem) } .\!k-p-11 { padding: var(--kendo-spacing-11, 2.75rem) !important } .k-p-12 { padding: var(--kendo-spacing-12, 3rem) } .\!k-p-12 { padding: var(--kendo-spacing-12, 3rem) !important } .k-p-13 { padding: var(--kendo-spacing-13, 3.25rem) } .\!k-p-13 { padding: var(--kendo-spacing-13, 3.25rem) !important } .k-p-14 { padding: var(--kendo-spacing-14, 3.5rem) } .\!k-p-14 { padding: var(--kendo-spacing-14, 3.5rem) !important } .k-p-15 { padding: var(--kendo-spacing-15, 3.75rem) } .\!k-p-15 { padding: var(--kendo-spacing-15, 3.75rem) !important } .k-p-16 { padding: var(--kendo-spacing-16, 4rem) } .\!k-p-16 { padding: var(--kendo-spacing-16, 4rem) !important } .k-p-17 { padding: var(--kendo-spacing-17, 4.25rem) } .\!k-p-17 { padding: var(--kendo-spacing-17, 4.25rem) !important } .k-p-18 { padding: var(--kendo-spacing-18, 4.5rem) } .\!k-p-18 { padding: var(--kendo-spacing-18, 4.5rem) !important } .k-p-19 { padding: var(--kendo-spacing-19, 4.75rem) } .\!k-p-19 { padding: var(--kendo-spacing-19, 4.75rem) !important } .k-p-20 { padding: var(--kendo-spacing-20, 5rem) } .\!k-p-20 { padding: var(--kendo-spacing-20, 5rem) !important } .k-p-21 { padding: var(--kendo-spacing-21, 5.25rem) } .\!k-p-21 { padding: var(--kendo-spacing-21, 5.25rem) !important } .k-p-22 { padding: var(--kendo-spacing-22, 5.5rem) } .\!k-p-22 { padding: var(--kendo-spacing-22, 5.5rem) !important } .k-p-23 { padding: var(--kendo-spacing-23, 5.75rem) } .\!k-p-23 { padding: var(--kendo-spacing-23, 5.75rem) !important } .k-p-24 { padding: var(--kendo-spacing-24, 6rem) } .\!k-p-24 { padding: var(--kendo-spacing-24, 6rem) !important } .k-p-25 { padding: var(--kendo-spacing-25, 7rem) } .\!k-p-25 { padding: var(--kendo-spacing-25, 7rem) !important } .k-p-26 { padding: var(--kendo-spacing-26, 8rem) } .\!k-p-26 { padding: var(--kendo-spacing-26, 8rem) !important } .k-p-27 { padding: var(--kendo-spacing-27, 9rem) } .\!k-p-27 { padding: var(--kendo-spacing-27, 9rem) !important } .k-p-28 { padding: var(--kendo-spacing-28, 10rem) } .\!k-p-28 { padding: var(--kendo-spacing-28, 10rem) !important } .k-p-29 { padding: var(--kendo-spacing-29, 11rem) } .\!k-p-29 { padding: var(--kendo-spacing-29, 11rem) !important } .k-p-30 { padding: var(--kendo-spacing-30, 12rem) } .\!k-p-30 { padding: var(--kendo-spacing-30, 12rem) !important } .k-p-xs { padding: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-p-xs { padding: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-p-sm { padding: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-p-sm { padding: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-p-md { padding: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-p-md { padding: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-p-lg { padding: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-p-lg { padding: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-p-xl { padding: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-p-xl { padding: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-p-thin { padding: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-p-thin { padding: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-p-hair { padding: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-p-hair { padding: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-pt-0 { padding-top: var(--kendo-spacing-0, 0px) } .\!k-pt-0 { padding-top: var(--kendo-spacing-0, 0px) !important } .k-pt-1px { padding-top: var(--kendo-spacing-1px, 1px) } .\!k-pt-1px { padding-top: var(--kendo-spacing-1px, 1px) !important } .k-pt-0\.5 { padding-top: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-pt-0\.5 { padding-top: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-pt-1 { padding-top: var(--kendo-spacing-1, 0.25rem) } .\!k-pt-1 { padding-top: var(--kendo-spacing-1, 0.25rem) !important } .k-pt-1\.5 { padding-top: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-pt-1\.5 { padding-top: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-pt-2 { padding-top: var(--kendo-spacing-2, 0.5rem) } .\!k-pt-2 { padding-top: var(--kendo-spacing-2, 0.5rem) !important } .k-pt-2\.5 { padding-top: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-pt-2\.5 { padding-top: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-pt-3 { padding-top: var(--kendo-spacing-3, 0.75rem) } .\!k-pt-3 { padding-top: var(--kendo-spacing-3, 0.75rem) !important } .k-pt-3\.5 { padding-top: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-pt-3\.5 { padding-top: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-pt-4 { padding-top: var(--kendo-spacing-4, 1rem) } .\!k-pt-4 { padding-top: var(--kendo-spacing-4, 1rem) !important } .k-pt-4\.5 { padding-top: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-pt-4\.5 { padding-top: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-pt-5 { padding-top: var(--kendo-spacing-5, 1.25rem) } .\!k-pt-5 { padding-top: var(--kendo-spacing-5, 1.25rem) !important } .k-pt-5\.5 { padding-top: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-pt-5\.5 { padding-top: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-pt-6 { padding-top: var(--kendo-spacing-6, 1.5rem) } .\!k-pt-6 { padding-top: var(--kendo-spacing-6, 1.5rem) !important } .k-pt-6\.5 { padding-top: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-pt-6\.5 { padding-top: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-pt-7 { padding-top: var(--kendo-spacing-7, 1.75rem) } .\!k-pt-7 { padding-top: var(--kendo-spacing-7, 1.75rem) !important } .k-pt-7\.5 { padding-top: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-pt-7\.5 { padding-top: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-pt-8 { padding-top: var(--kendo-spacing-8, 2rem) } .\!k-pt-8 { padding-top: var(--kendo-spacing-8, 2rem) !important } .k-pt-9 { padding-top: var(--kendo-spacing-9, 2.25rem) } .\!k-pt-9 { padding-top: var(--kendo-spacing-9, 2.25rem) !important } .k-pt-10 { padding-top: var(--kendo-spacing-10, 2.5rem) } .\!k-pt-10 { padding-top: var(--kendo-spacing-10, 2.5rem) !important } .k-pt-11 { padding-top: var(--kendo-spacing-11, 2.75rem) } .\!k-pt-11 { padding-top: var(--kendo-spacing-11, 2.75rem) !important } .k-pt-12 { padding-top: var(--kendo-spacing-12, 3rem) } .\!k-pt-12 { padding-top: var(--kendo-spacing-12, 3rem) !important } .k-pt-13 { padding-top: var(--kendo-spacing-13, 3.25rem) } .\!k-pt-13 { padding-top: var(--kendo-spacing-13, 3.25rem) !important } .k-pt-14 { padding-top: var(--kendo-spacing-14, 3.5rem) } .\!k-pt-14 { padding-top: var(--kendo-spacing-14, 3.5rem) !important } .k-pt-15 { padding-top: var(--kendo-spacing-15, 3.75rem) } .\!k-pt-15 { padding-top: var(--kendo-spacing-15, 3.75rem) !important } .k-pt-16 { padding-top: var(--kendo-spacing-16, 4rem) } .\!k-pt-16 { padding-top: var(--kendo-spacing-16, 4rem) !important } .k-pt-17 { padding-top: var(--kendo-spacing-17, 4.25rem) } .\!k-pt-17 { padding-top: var(--kendo-spacing-17, 4.25rem) !important } .k-pt-18 { padding-top: var(--kendo-spacing-18, 4.5rem) } .\!k-pt-18 { padding-top: var(--kendo-spacing-18, 4.5rem) !important } .k-pt-19 { padding-top: var(--kendo-spacing-19, 4.75rem) } .\!k-pt-19 { padding-top: var(--kendo-spacing-19, 4.75rem) !important } .k-pt-20 { padding-top: var(--kendo-spacing-20, 5rem) } .\!k-pt-20 { padding-top: var(--kendo-spacing-20, 5rem) !important } .k-pt-21 { padding-top: var(--kendo-spacing-21, 5.25rem) } .\!k-pt-21 { padding-top: var(--kendo-spacing-21, 5.25rem) !important } .k-pt-22 { padding-top: var(--kendo-spacing-22, 5.5rem) } .\!k-pt-22 { padding-top: var(--kendo-spacing-22, 5.5rem) !important } .k-pt-23 { padding-top: var(--kendo-spacing-23, 5.75rem) } .\!k-pt-23 { padding-top: var(--kendo-spacing-23, 5.75rem) !important } .k-pt-24 { padding-top: var(--kendo-spacing-24, 6rem) } .\!k-pt-24 { padding-top: var(--kendo-spacing-24, 6rem) !important } .k-pt-25 { padding-top: var(--kendo-spacing-25, 7rem) } .\!k-pt-25 { padding-top: var(--kendo-spacing-25, 7rem) !important } .k-pt-26 { padding-top: var(--kendo-spacing-26, 8rem) } .\!k-pt-26 { padding-top: var(--kendo-spacing-26, 8rem) !important } .k-pt-27 { padding-top: var(--kendo-spacing-27, 9rem) } .\!k-pt-27 { padding-top: var(--kendo-spacing-27, 9rem) !important } .k-pt-28 { padding-top: var(--kendo-spacing-28, 10rem) } .\!k-pt-28 { padding-top: var(--kendo-spacing-28, 10rem) !important } .k-pt-29 { padding-top: var(--kendo-spacing-29, 11rem) } .\!k-pt-29 { padding-top: var(--kendo-spacing-29, 11rem) !important } .k-pt-30 { padding-top: var(--kendo-spacing-30, 12rem) } .\!k-pt-30 { padding-top: var(--kendo-spacing-30, 12rem) !important } .k-pt-xs { padding-top: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-pt-xs { padding-top: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-pt-sm { padding-top: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-pt-sm { padding-top: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-pt-md { padding-top: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-pt-md { padding-top: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-pt-lg { padding-top: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-pt-lg { padding-top: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-pt-xl { padding-top: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-pt-xl { padding-top: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-pt-thin { padding-top: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-pt-thin { padding-top: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-pt-hair { padding-top: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-pt-hair { padding-top: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-pr-0 { padding-right: var(--kendo-spacing-0, 0px) } .\!k-pr-0 { padding-right: var(--kendo-spacing-0, 0px) !important } .k-pr-1px { padding-right: var(--kendo-spacing-1px, 1px) } .\!k-pr-1px { padding-right: var(--kendo-spacing-1px, 1px) !important } .k-pr-0\.5 { padding-right: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-pr-0\.5 { padding-right: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-pr-1 { padding-right: var(--kendo-spacing-1, 0.25rem) } .\!k-pr-1 { padding-right: var(--kendo-spacing-1, 0.25rem) !important } .k-pr-1\.5 { padding-right: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-pr-1\.5 { padding-right: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-pr-2 { padding-right: var(--kendo-spacing-2, 0.5rem) } .\!k-pr-2 { padding-right: var(--kendo-spacing-2, 0.5rem) !important } .k-pr-2\.5 { padding-right: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-pr-2\.5 { padding-right: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-pr-3 { padding-right: var(--kendo-spacing-3, 0.75rem) } .\!k-pr-3 { padding-right: var(--kendo-spacing-3, 0.75rem) !important } .k-pr-3\.5 { padding-right: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-pr-3\.5 { padding-right: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-pr-4 { padding-right: var(--kendo-spacing-4, 1rem) } .\!k-pr-4 { padding-right: var(--kendo-spacing-4, 1rem) !important } .k-pr-4\.5 { padding-right: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-pr-4\.5 { padding-right: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-pr-5 { padding-right: var(--kendo-spacing-5, 1.25rem) } .\!k-pr-5 { padding-right: var(--kendo-spacing-5, 1.25rem) !important } .k-pr-5\.5 { padding-right: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-pr-5\.5 { padding-right: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-pr-6 { padding-right: var(--kendo-spacing-6, 1.5rem) } .\!k-pr-6 { padding-right: var(--kendo-spacing-6, 1.5rem) !important } .k-pr-6\.5 { padding-right: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-pr-6\.5 { padding-right: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-pr-7 { padding-right: var(--kendo-spacing-7, 1.75rem) } .\!k-pr-7 { padding-right: var(--kendo-spacing-7, 1.75rem) !important } .k-pr-7\.5 { padding-right: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-pr-7\.5 { padding-right: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-pr-8 { padding-right: var(--kendo-spacing-8, 2rem) } .\!k-pr-8 { padding-right: var(--kendo-spacing-8, 2rem) !important } .k-pr-9 { padding-right: var(--kendo-spacing-9, 2.25rem) } .\!k-pr-9 { padding-right: var(--kendo-spacing-9, 2.25rem) !important } .k-pr-10 { padding-right: var(--kendo-spacing-10, 2.5rem) } .\!k-pr-10 { padding-right: var(--kendo-spacing-10, 2.5rem) !important } .k-pr-11 { padding-right: var(--kendo-spacing-11, 2.75rem) } .\!k-pr-11 { padding-right: var(--kendo-spacing-11, 2.75rem) !important } .k-pr-12 { padding-right: var(--kendo-spacing-12, 3rem) } .\!k-pr-12 { padding-right: var(--kendo-spacing-12, 3rem) !important } .k-pr-13 { padding-right: var(--kendo-spacing-13, 3.25rem) } .\!k-pr-13 { padding-right: var(--kendo-spacing-13, 3.25rem) !important } .k-pr-14 { padding-right: var(--kendo-spacing-14, 3.5rem) } .\!k-pr-14 { padding-right: var(--kendo-spacing-14, 3.5rem) !important } .k-pr-15 { padding-right: var(--kendo-spacing-15, 3.75rem) } .\!k-pr-15 { padding-right: var(--kendo-spacing-15, 3.75rem) !important } .k-pr-16 { padding-right: var(--kendo-spacing-16, 4rem) } .\!k-pr-16 { padding-right: var(--kendo-spacing-16, 4rem) !important } .k-pr-17 { padding-right: var(--kendo-spacing-17, 4.25rem) } .\!k-pr-17 { padding-right: var(--kendo-spacing-17, 4.25rem) !important } .k-pr-18 { padding-right: var(--kendo-spacing-18, 4.5rem) } .\!k-pr-18 { padding-right: var(--kendo-spacing-18, 4.5rem) !important } .k-pr-19 { padding-right: var(--kendo-spacing-19, 4.75rem) } .\!k-pr-19 { padding-right: var(--kendo-spacing-19, 4.75rem) !important } .k-pr-20 { padding-right: var(--kendo-spacing-20, 5rem) } .\!k-pr-20 { padding-right: var(--kendo-spacing-20, 5rem) !important } .k-pr-21 { padding-right: var(--kendo-spacing-21, 5.25rem) } .\!k-pr-21 { padding-right: var(--kendo-spacing-21, 5.25rem) !important } .k-pr-22 { padding-right: var(--kendo-spacing-22, 5.5rem) } .\!k-pr-22 { padding-right: var(--kendo-spacing-22, 5.5rem) !important } .k-pr-23 { padding-right: var(--kendo-spacing-23, 5.75rem) } .\!k-pr-23 { padding-right: var(--kendo-spacing-23, 5.75rem) !important } .k-pr-24 { padding-right: var(--kendo-spacing-24, 6rem) } .\!k-pr-24 { padding-right: var(--kendo-spacing-24, 6rem) !important } .k-pr-25 { padding-right: var(--kendo-spacing-25, 7rem) } .\!k-pr-25 { padding-right: var(--kendo-spacing-25, 7rem) !important } .k-pr-26 { padding-right: var(--kendo-spacing-26, 8rem) } .\!k-pr-26 { padding-right: var(--kendo-spacing-26, 8rem) !important } .k-pr-27 { padding-right: var(--kendo-spacing-27, 9rem) } .\!k-pr-27 { padding-right: var(--kendo-spacing-27, 9rem) !important } .k-pr-28 { padding-right: var(--kendo-spacing-28, 10rem) } .\!k-pr-28 { padding-right: var(--kendo-spacing-28, 10rem) !important } .k-pr-29 { padding-right: var(--kendo-spacing-29, 11rem) } .\!k-pr-29 { padding-right: var(--kendo-spacing-29, 11rem) !important } .k-pr-30 { padding-right: var(--kendo-spacing-30, 12rem) } .\!k-pr-30 { padding-right: var(--kendo-spacing-30, 12rem) !important } .k-pr-xs { padding-right: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-pr-xs { padding-right: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-pr-sm { padding-right: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-pr-sm { padding-right: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-pr-md { padding-right: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-pr-md { padding-right: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-pr-lg { padding-right: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-pr-lg { padding-right: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-pr-xl { padding-right: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-pr-xl { padding-right: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-pr-thin { padding-right: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-pr-thin { padding-right: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-pr-hair { padding-right: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-pr-hair { padding-right: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-pb-0 { padding-bottom: var(--kendo-spacing-0, 0px) } .\!k-pb-0 { padding-bottom: var(--kendo-spacing-0, 0px) !important } .k-pb-1px { padding-bottom: var(--kendo-spacing-1px, 1px) } .\!k-pb-1px { padding-bottom: var(--kendo-spacing-1px, 1px) !important } .k-pb-0\.5 { padding-bottom: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-pb-0\.5 { padding-bottom: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-pb-1 { padding-bottom: var(--kendo-spacing-1, 0.25rem) } .\!k-pb-1 { padding-bottom: var(--kendo-spacing-1, 0.25rem) !important } .k-pb-1\.5 { padding-bottom: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-pb-1\.5 { padding-bottom: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-pb-2 { padding-bottom: var(--kendo-spacing-2, 0.5rem) } .\!k-pb-2 { padding-bottom: var(--kendo-spacing-2, 0.5rem) !important } .k-pb-2\.5 { padding-bottom: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-pb-2\.5 { padding-bottom: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-pb-3 { padding-bottom: var(--kendo-spacing-3, 0.75rem) } .\!k-pb-3 { padding-bottom: var(--kendo-spacing-3, 0.75rem) !important } .k-pb-3\.5 { padding-bottom: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-pb-3\.5 { padding-bottom: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-pb-4 { padding-bottom: var(--kendo-spacing-4, 1rem) } .\!k-pb-4 { padding-bottom: var(--kendo-spacing-4, 1rem) !important } .k-pb-4\.5 { padding-bottom: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-pb-4\.5 { padding-bottom: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-pb-5 { padding-bottom: var(--kendo-spacing-5, 1.25rem) } .\!k-pb-5 { padding-bottom: var(--kendo-spacing-5, 1.25rem) !important } .k-pb-5\.5 { padding-bottom: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-pb-5\.5 { padding-bottom: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-pb-6 { padding-bottom: var(--kendo-spacing-6, 1.5rem) } .\!k-pb-6 { padding-bottom: var(--kendo-spacing-6, 1.5rem) !important } .k-pb-6\.5 { padding-bottom: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-pb-6\.5 { padding-bottom: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-pb-7 { padding-bottom: var(--kendo-spacing-7, 1.75rem) } .\!k-pb-7 { padding-bottom: var(--kendo-spacing-7, 1.75rem) !important } .k-pb-7\.5 { padding-bottom: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-pb-7\.5 { padding-bottom: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-pb-8 { padding-bottom: var(--kendo-spacing-8, 2rem) } .\!k-pb-8 { padding-bottom: var(--kendo-spacing-8, 2rem) !important } .k-pb-9 { padding-bottom: var(--kendo-spacing-9, 2.25rem) } .\!k-pb-9 { padding-bottom: var(--kendo-spacing-9, 2.25rem) !important } .k-pb-10 { padding-bottom: var(--kendo-spacing-10, 2.5rem) } .\!k-pb-10 { padding-bottom: var(--kendo-spacing-10, 2.5rem) !important } .k-pb-11 { padding-bottom: var(--kendo-spacing-11, 2.75rem) } .\!k-pb-11 { padding-bottom: var(--kendo-spacing-11, 2.75rem) !important } .k-pb-12 { padding-bottom: var(--kendo-spacing-12, 3rem) } .\!k-pb-12 { padding-bottom: var(--kendo-spacing-12, 3rem) !important } .k-pb-13 { padding-bottom: var(--kendo-spacing-13, 3.25rem) } .\!k-pb-13 { padding-bottom: var(--kendo-spacing-13, 3.25rem) !important } .k-pb-14 { padding-bottom: var(--kendo-spacing-14, 3.5rem) } .\!k-pb-14 { padding-bottom: var(--kendo-spacing-14, 3.5rem) !important } .k-pb-15 { padding-bottom: var(--kendo-spacing-15, 3.75rem) } .\!k-pb-15 { padding-bottom: var(--kendo-spacing-15, 3.75rem) !important } .k-pb-16 { padding-bottom: var(--kendo-spacing-16, 4rem) } .\!k-pb-16 { padding-bottom: var(--kendo-spacing-16, 4rem) !important } .k-pb-17 { padding-bottom: var(--kendo-spacing-17, 4.25rem) } .\!k-pb-17 { padding-bottom: var(--kendo-spacing-17, 4.25rem) !important } .k-pb-18 { padding-bottom: var(--kendo-spacing-18, 4.5rem) } .\!k-pb-18 { padding-bottom: var(--kendo-spacing-18, 4.5rem) !important } .k-pb-19 { padding-bottom: var(--kendo-spacing-19, 4.75rem) } .\!k-pb-19 { padding-bottom: var(--kendo-spacing-19, 4.75rem) !important } .k-pb-20 { padding-bottom: var(--kendo-spacing-20, 5rem) } .\!k-pb-20 { padding-bottom: var(--kendo-spacing-20, 5rem) !important } .k-pb-21 { padding-bottom: var(--kendo-spacing-21, 5.25rem) } .\!k-pb-21 { padding-bottom: var(--kendo-spacing-21, 5.25rem) !important } .k-pb-22 { padding-bottom: var(--kendo-spacing-22, 5.5rem) } .\!k-pb-22 { padding-bottom: var(--kendo-spacing-22, 5.5rem) !important } .k-pb-23 { padding-bottom: var(--kendo-spacing-23, 5.75rem) } .\!k-pb-23 { padding-bottom: var(--kendo-spacing-23, 5.75rem) !important } .k-pb-24 { padding-bottom: var(--kendo-spacing-24, 6rem) } .\!k-pb-24 { padding-bottom: var(--kendo-spacing-24, 6rem) !important } .k-pb-25 { padding-bottom: var(--kendo-spacing-25, 7rem) } .\!k-pb-25 { padding-bottom: var(--kendo-spacing-25, 7rem) !important } .k-pb-26 { padding-bottom: var(--kendo-spacing-26, 8rem) } .\!k-pb-26 { padding-bottom: var(--kendo-spacing-26, 8rem) !important } .k-pb-27 { padding-bottom: var(--kendo-spacing-27, 9rem) } .\!k-pb-27 { padding-bottom: var(--kendo-spacing-27, 9rem) !important } .k-pb-28 { padding-bottom: var(--kendo-spacing-28, 10rem) } .\!k-pb-28 { padding-bottom: var(--kendo-spacing-28, 10rem) !important } .k-pb-29 { padding-bottom: var(--kendo-spacing-29, 11rem) } .\!k-pb-29 { padding-bottom: var(--kendo-spacing-29, 11rem) !important } .k-pb-30 { padding-bottom: var(--kendo-spacing-30, 12rem) } .\!k-pb-30 { padding-bottom: var(--kendo-spacing-30, 12rem) !important } .k-pb-xs { padding-bottom: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-pb-xs { padding-bottom: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-pb-sm { padding-bottom: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-pb-sm { padding-bottom: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-pb-md { padding-bottom: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-pb-md { padding-bottom: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-pb-lg { padding-bottom: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-pb-lg { padding-bottom: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-pb-xl { padding-bottom: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-pb-xl { padding-bottom: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-pb-thin { padding-bottom: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-pb-thin { padding-bottom: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-pb-hair { padding-bottom: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-pb-hair { padding-bottom: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-pl-0 { padding-left: var(--kendo-spacing-0, 0px) } .\!k-pl-0 { padding-left: var(--kendo-spacing-0, 0px) !important } .k-pl-1px { padding-left: var(--kendo-spacing-1px, 1px) } .\!k-pl-1px { padding-left: var(--kendo-spacing-1px, 1px) !important } .k-pl-0\.5 { padding-left: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-pl-0\.5 { padding-left: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-pl-1 { padding-left: var(--kendo-spacing-1, 0.25rem) } .\!k-pl-1 { padding-left: var(--kendo-spacing-1, 0.25rem) !important } .k-pl-1\.5 { padding-left: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-pl-1\.5 { padding-left: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-pl-2 { padding-left: var(--kendo-spacing-2, 0.5rem) } .\!k-pl-2 { padding-left: var(--kendo-spacing-2, 0.5rem) !important } .k-pl-2\.5 { padding-left: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-pl-2\.5 { padding-left: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-pl-3 { padding-left: var(--kendo-spacing-3, 0.75rem) } .\!k-pl-3 { padding-left: var(--kendo-spacing-3, 0.75rem) !important } .k-pl-3\.5 { padding-left: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-pl-3\.5 { padding-left: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-pl-4 { padding-left: var(--kendo-spacing-4, 1rem) } .\!k-pl-4 { padding-left: var(--kendo-spacing-4, 1rem) !important } .k-pl-4\.5 { padding-left: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-pl-4\.5 { padding-left: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-pl-5 { padding-left: var(--kendo-spacing-5, 1.25rem) } .\!k-pl-5 { padding-left: var(--kendo-spacing-5, 1.25rem) !important } .k-pl-5\.5 { padding-left: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-pl-5\.5 { padding-left: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-pl-6 { padding-left: var(--kendo-spacing-6, 1.5rem) } .\!k-pl-6 { padding-left: var(--kendo-spacing-6, 1.5rem) !important } .k-pl-6\.5 { padding-left: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-pl-6\.5 { padding-left: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-pl-7 { padding-left: var(--kendo-spacing-7, 1.75rem) } .\!k-pl-7 { padding-left: var(--kendo-spacing-7, 1.75rem) !important } .k-pl-7\.5 { padding-left: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-pl-7\.5 { padding-left: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-pl-8 { padding-left: var(--kendo-spacing-8, 2rem) } .\!k-pl-8 { padding-left: var(--kendo-spacing-8, 2rem) !important } .k-pl-9 { padding-left: var(--kendo-spacing-9, 2.25rem) } .\!k-pl-9 { padding-left: var(--kendo-spacing-9, 2.25rem) !important } .k-pl-10 { padding-left: var(--kendo-spacing-10, 2.5rem) } .\!k-pl-10 { padding-left: var(--kendo-spacing-10, 2.5rem) !important } .k-pl-11 { padding-left: var(--kendo-spacing-11, 2.75rem) } .\!k-pl-11 { padding-left: var(--kendo-spacing-11, 2.75rem) !important } .k-pl-12 { padding-left: var(--kendo-spacing-12, 3rem) } .\!k-pl-12 { padding-left: var(--kendo-spacing-12, 3rem) !important } .k-pl-13 { padding-left: var(--kendo-spacing-13, 3.25rem) } .\!k-pl-13 { padding-left: var(--kendo-spacing-13, 3.25rem) !important } .k-pl-14 { padding-left: var(--kendo-spacing-14, 3.5rem) } .\!k-pl-14 { padding-left: var(--kendo-spacing-14, 3.5rem) !important } .k-pl-15 { padding-left: var(--kendo-spacing-15, 3.75rem) } .\!k-pl-15 { padding-left: var(--kendo-spacing-15, 3.75rem) !important } .k-pl-16 { padding-left: var(--kendo-spacing-16, 4rem) } .\!k-pl-16 { padding-left: var(--kendo-spacing-16, 4rem) !important } .k-pl-17 { padding-left: var(--kendo-spacing-17, 4.25rem) } .\!k-pl-17 { padding-left: var(--kendo-spacing-17, 4.25rem) !important } .k-pl-18 { padding-left: var(--kendo-spacing-18, 4.5rem) } .\!k-pl-18 { padding-left: var(--kendo-spacing-18, 4.5rem) !important } .k-pl-19 { padding-left: var(--kendo-spacing-19, 4.75rem) } .\!k-pl-19 { padding-left: var(--kendo-spacing-19, 4.75rem) !important } .k-pl-20 { padding-left: var(--kendo-spacing-20, 5rem) } .\!k-pl-20 { padding-left: var(--kendo-spacing-20, 5rem) !important } .k-pl-21 { padding-left: var(--kendo-spacing-21, 5.25rem) } .\!k-pl-21 { padding-left: var(--kendo-spacing-21, 5.25rem) !important } .k-pl-22 { padding-left: var(--kendo-spacing-22, 5.5rem) } .\!k-pl-22 { padding-left: var(--kendo-spacing-22, 5.5rem) !important } .k-pl-23 { padding-left: var(--kendo-spacing-23, 5.75rem) } .\!k-pl-23 { padding-left: var(--kendo-spacing-23, 5.75rem) !important } .k-pl-24 { padding-left: var(--kendo-spacing-24, 6rem) } .\!k-pl-24 { padding-left: var(--kendo-spacing-24, 6rem) !important } .k-pl-25 { padding-left: var(--kendo-spacing-25, 7rem) } .\!k-pl-25 { padding-left: var(--kendo-spacing-25, 7rem) !important } .k-pl-26 { padding-left: var(--kendo-spacing-26, 8rem) } .\!k-pl-26 { padding-left: var(--kendo-spacing-26, 8rem) !important } .k-pl-27 { padding-left: var(--kendo-spacing-27, 9rem) } .\!k-pl-27 { padding-left: var(--kendo-spacing-27, 9rem) !important } .k-pl-28 { padding-left: var(--kendo-spacing-28, 10rem) } .\!k-pl-28 { padding-left: var(--kendo-spacing-28, 10rem) !important } .k-pl-29 { padding-left: var(--kendo-spacing-29, 11rem) } .\!k-pl-29 { padding-left: var(--kendo-spacing-29, 11rem) !important } .k-pl-30 { padding-left: var(--kendo-spacing-30, 12rem) } .\!k-pl-30 { padding-left: var(--kendo-spacing-30, 12rem) !important } .k-pl-xs { padding-left: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-pl-xs { padding-left: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-pl-sm { padding-left: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-pl-sm { padding-left: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-pl-md { padding-left: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-pl-md { padding-left: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-pl-lg { padding-left: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-pl-lg { padding-left: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-pl-xl { padding-left: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-pl-xl { padding-left: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-pl-thin { padding-left: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-pl-thin { padding-left: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-pl-hair { padding-left: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-pl-hair { padding-left: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-px-0 { padding-inline: var(--kendo-spacing-0, 0px) } .\!k-px-0 { padding-inline: var(--kendo-spacing-0, 0px) !important } .k-px-1px { padding-inline: var(--kendo-spacing-1px, 1px) } .\!k-px-1px { padding-inline: var(--kendo-spacing-1px, 1px) !important } .k-px-0\.5 { padding-inline: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-px-0\.5 { padding-inline: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-px-1 { padding-inline: var(--kendo-spacing-1, 0.25rem) } .\!k-px-1 { padding-inline: var(--kendo-spacing-1, 0.25rem) !important } .k-px-1\.5 { padding-inline: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-px-1\.5 { padding-inline: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-px-2 { padding-inline: var(--kendo-spacing-2, 0.5rem) } .\!k-px-2 { padding-inline: var(--kendo-spacing-2, 0.5rem) !important } .k-px-2\.5 { padding-inline: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-px-2\.5 { padding-inline: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-px-3 { padding-inline: var(--kendo-spacing-3, 0.75rem) } .\!k-px-3 { padding-inline: var(--kendo-spacing-3, 0.75rem) !important } .k-px-3\.5 { padding-inline: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-px-3\.5 { padding-inline: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-px-4 { padding-inline: var(--kendo-spacing-4, 1rem) } .\!k-px-4 { padding-inline: var(--kendo-spacing-4, 1rem) !important } .k-px-4\.5 { padding-inline: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-px-4\.5 { padding-inline: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-px-5 { padding-inline: var(--kendo-spacing-5, 1.25rem) } .\!k-px-5 { padding-inline: var(--kendo-spacing-5, 1.25rem) !important } .k-px-5\.5 { padding-inline: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-px-5\.5 { padding-inline: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-px-6 { padding-inline: var(--kendo-spacing-6, 1.5rem) } .\!k-px-6 { padding-inline: var(--kendo-spacing-6, 1.5rem) !important } .k-px-6\.5 { padding-inline: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-px-6\.5 { padding-inline: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-px-7 { padding-inline: var(--kendo-spacing-7, 1.75rem) } .\!k-px-7 { padding-inline: var(--kendo-spacing-7, 1.75rem) !important } .k-px-7\.5 { padding-inline: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-px-7\.5 { padding-inline: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-px-8 { padding-inline: var(--kendo-spacing-8, 2rem) } .\!k-px-8 { padding-inline: var(--kendo-spacing-8, 2rem) !important } .k-px-9 { padding-inline: var(--kendo-spacing-9, 2.25rem) } .\!k-px-9 { padding-inline: var(--kendo-spacing-9, 2.25rem) !important } .k-px-10 { padding-inline: var(--kendo-spacing-10, 2.5rem) } .\!k-px-10 { padding-inline: var(--kendo-spacing-10, 2.5rem) !important } .k-px-11 { padding-inline: var(--kendo-spacing-11, 2.75rem) } .\!k-px-11 { padding-inline: var(--kendo-spacing-11, 2.75rem) !important } .k-px-12 { padding-inline: var(--kendo-spacing-12, 3rem) } .\!k-px-12 { padding-inline: var(--kendo-spacing-12, 3rem) !important } .k-px-13 { padding-inline: var(--kendo-spacing-13, 3.25rem) } .\!k-px-13 { padding-inline: var(--kendo-spacing-13, 3.25rem) !important } .k-px-14 { padding-inline: var(--kendo-spacing-14, 3.5rem) } .\!k-px-14 { padding-inline: var(--kendo-spacing-14, 3.5rem) !important } .k-px-15 { padding-inline: var(--kendo-spacing-15, 3.75rem) } .\!k-px-15 { padding-inline: var(--kendo-spacing-15, 3.75rem) !important } .k-px-16 { padding-inline: var(--kendo-spacing-16, 4rem) } .\!k-px-16 { padding-inline: var(--kendo-spacing-16, 4rem) !important } .k-px-17 { padding-inline: var(--kendo-spacing-17, 4.25rem) } .\!k-px-17 { padding-inline: var(--kendo-spacing-17, 4.25rem) !important } .k-px-18 { padding-inline: var(--kendo-spacing-18, 4.5rem) } .\!k-px-18 { padding-inline: var(--kendo-spacing-18, 4.5rem) !important } .k-px-19 { padding-inline: var(--kendo-spacing-19, 4.75rem) } .\!k-px-19 { padding-inline: var(--kendo-spacing-19, 4.75rem) !important } .k-px-20 { padding-inline: var(--kendo-spacing-20, 5rem) } .\!k-px-20 { padding-inline: var(--kendo-spacing-20, 5rem) !important } .k-px-21 { padding-inline: var(--kendo-spacing-21, 5.25rem) } .\!k-px-21 { padding-inline: var(--kendo-spacing-21, 5.25rem) !important } .k-px-22 { padding-inline: var(--kendo-spacing-22, 5.5rem) } .\!k-px-22 { padding-inline: var(--kendo-spacing-22, 5.5rem) !important } .k-px-23 { padding-inline: var(--kendo-spacing-23, 5.75rem) } .\!k-px-23 { padding-inline: var(--kendo-spacing-23, 5.75rem) !important } .k-px-24 { padding-inline: var(--kendo-spacing-24, 6rem) } .\!k-px-24 { padding-inline: var(--kendo-spacing-24, 6rem) !important } .k-px-25 { padding-inline: var(--kendo-spacing-25, 7rem) } .\!k-px-25 { padding-inline: var(--kendo-spacing-25, 7rem) !important } .k-px-26 { padding-inline: var(--kendo-spacing-26, 8rem) } .\!k-px-26 { padding-inline: var(--kendo-spacing-26, 8rem) !important } .k-px-27 { padding-inline: var(--kendo-spacing-27, 9rem) } .\!k-px-27 { padding-inline: var(--kendo-spacing-27, 9rem) !important } .k-px-28 { padding-inline: var(--kendo-spacing-28, 10rem) } .\!k-px-28 { padding-inline: var(--kendo-spacing-28, 10rem) !important } .k-px-29 { padding-inline: var(--kendo-spacing-29, 11rem) } .\!k-px-29 { padding-inline: var(--kendo-spacing-29, 11rem) !important } .k-px-30 { padding-inline: var(--kendo-spacing-30, 12rem) } .\!k-px-30 { padding-inline: var(--kendo-spacing-30, 12rem) !important } .k-px-xs { padding-inline: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-px-xs { padding-inline: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-px-sm { padding-inline: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-px-sm { padding-inline: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-px-md { padding-inline: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-px-md { padding-inline: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-px-lg { padding-inline: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-px-lg { padding-inline: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-px-xl { padding-inline: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-px-xl { padding-inline: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-px-thin { padding-inline: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-px-thin { padding-inline: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-px-hair { padding-inline: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-px-hair { padding-inline: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-py-0 { padding-block: var(--kendo-spacing-0, 0px) } .\!k-py-0 { padding-block: var(--kendo-spacing-0, 0px) !important } .k-py-1px { padding-block: var(--kendo-spacing-1px, 1px) } .\!k-py-1px { padding-block: var(--kendo-spacing-1px, 1px) !important } .k-py-0\.5 { padding-block: var(--kendo-spacing-0\.5, 0.125rem) } .\!k-py-0\.5 { padding-block: var(--kendo-spacing-0\.5, 0.125rem) !important } .k-py-1 { padding-block: var(--kendo-spacing-1, 0.25rem) } .\!k-py-1 { padding-block: var(--kendo-spacing-1, 0.25rem) !important } .k-py-1\.5 { padding-block: var(--kendo-spacing-1\.5, 0.375rem) } .\!k-py-1\.5 { padding-block: var(--kendo-spacing-1\.5, 0.375rem) !important } .k-py-2 { padding-block: var(--kendo-spacing-2, 0.5rem) } .\!k-py-2 { padding-block: var(--kendo-spacing-2, 0.5rem) !important } .k-py-2\.5 { padding-block: var(--kendo-spacing-2\.5, 0.625rem) } .\!k-py-2\.5 { padding-block: var(--kendo-spacing-2\.5, 0.625rem) !important } .k-py-3 { padding-block: var(--kendo-spacing-3, 0.75rem) } .\!k-py-3 { padding-block: var(--kendo-spacing-3, 0.75rem) !important } .k-py-3\.5 { padding-block: var(--kendo-spacing-3\.5, 0.875rem) } .\!k-py-3\.5 { padding-block: var(--kendo-spacing-3\.5, 0.875rem) !important } .k-py-4 { padding-block: var(--kendo-spacing-4, 1rem) } .\!k-py-4 { padding-block: var(--kendo-spacing-4, 1rem) !important } .k-py-4\.5 { padding-block: var(--kendo-spacing-4\.5, 1.125rem) } .\!k-py-4\.5 { padding-block: var(--kendo-spacing-4\.5, 1.125rem) !important } .k-py-5 { padding-block: var(--kendo-spacing-5, 1.25rem) } .\!k-py-5 { padding-block: var(--kendo-spacing-5, 1.25rem) !important } .k-py-5\.5 { padding-block: var(--kendo-spacing-5\.5, 1.375rem) } .\!k-py-5\.5 { padding-block: var(--kendo-spacing-5\.5, 1.375rem) !important } .k-py-6 { padding-block: var(--kendo-spacing-6, 1.5rem) } .\!k-py-6 { padding-block: var(--kendo-spacing-6, 1.5rem) !important } .k-py-6\.5 { padding-block: var(--kendo-spacing-6\.5, 1.625rem) } .\!k-py-6\.5 { padding-block: var(--kendo-spacing-6\.5, 1.625rem) !important } .k-py-7 { padding-block: var(--kendo-spacing-7, 1.75rem) } .\!k-py-7 { padding-block: var(--kendo-spacing-7, 1.75rem) !important } .k-py-7\.5 { padding-block: var(--kendo-spacing-7\.5, 1.875rem) } .\!k-py-7\.5 { padding-block: var(--kendo-spacing-7\.5, 1.875rem) !important } .k-py-8 { padding-block: var(--kendo-spacing-8, 2rem) } .\!k-py-8 { padding-block: var(--kendo-spacing-8, 2rem) !important } .k-py-9 { padding-block: var(--kendo-spacing-9, 2.25rem) } .\!k-py-9 { padding-block: var(--kendo-spacing-9, 2.25rem) !important } .k-py-10 { padding-block: var(--kendo-spacing-10, 2.5rem) } .\!k-py-10 { padding-block: var(--kendo-spacing-10, 2.5rem) !important } .k-py-11 { padding-block: var(--kendo-spacing-11, 2.75rem) } .\!k-py-11 { padding-block: var(--kendo-spacing-11, 2.75rem) !important } .k-py-12 { padding-block: var(--kendo-spacing-12, 3rem) } .\!k-py-12 { padding-block: var(--kendo-spacing-12, 3rem) !important } .k-py-13 { padding-block: var(--kendo-spacing-13, 3.25rem) } .\!k-py-13 { padding-block: var(--kendo-spacing-13, 3.25rem) !important } .k-py-14 { padding-block: var(--kendo-spacing-14, 3.5rem) } .\!k-py-14 { padding-block: var(--kendo-spacing-14, 3.5rem) !important } .k-py-15 { padding-block: var(--kendo-spacing-15, 3.75rem) } .\!k-py-15 { padding-block: var(--kendo-spacing-15, 3.75rem) !important } .k-py-16 { padding-block: var(--kendo-spacing-16, 4rem) } .\!k-py-16 { padding-block: var(--kendo-spacing-16, 4rem) !important } .k-py-17 { padding-block: var(--kendo-spacing-17, 4.25rem) } .\!k-py-17 { padding-block: var(--kendo-spacing-17, 4.25rem) !important } .k-py-18 { padding-block: var(--kendo-spacing-18, 4.5rem) } .\!k-py-18 { padding-block: var(--kendo-spacing-18, 4.5rem) !important } .k-py-19 { padding-block: var(--kendo-spacing-19, 4.75rem) } .\!k-py-19 { padding-block: var(--kendo-spacing-19, 4.75rem) !important } .k-py-20 { padding-block: var(--kendo-spacing-20, 5rem) } .\!k-py-20 { padding-block: var(--kendo-spacing-20, 5rem) !important } .k-py-21 { padding-block: var(--kendo-spacing-21, 5.25rem) } .\!k-py-21 { padding-block: var(--kendo-spacing-21, 5.25rem) !important } .k-py-22 { padding-block: var(--kendo-spacing-22, 5.5rem) } .\!k-py-22 { padding-block: var(--kendo-spacing-22, 5.5rem) !important } .k-py-23 { padding-block: var(--kendo-spacing-23, 5.75rem) } .\!k-py-23 { padding-block: var(--kendo-spacing-23, 5.75rem) !important } .k-py-24 { padding-block: var(--kendo-spacing-24, 6rem) } .\!k-py-24 { padding-block: var(--kendo-spacing-24, 6rem) !important } .k-py-25 { padding-block: var(--kendo-spacing-25, 7rem) } .\!k-py-25 { padding-block: var(--kendo-spacing-25, 7rem) !important } .k-py-26 { padding-block: var(--kendo-spacing-26, 8rem) } .\!k-py-26 { padding-block: var(--kendo-spacing-26, 8rem) !important } .k-py-27 { padding-block: var(--kendo-spacing-27, 9rem) } .\!k-py-27 { padding-block: var(--kendo-spacing-27, 9rem) !important } .k-py-28 { padding-block: var(--kendo-spacing-28, 10rem) } .\!k-py-28 { padding-block: var(--kendo-spacing-28, 10rem) !important } .k-py-29 { padding-block: var(--kendo-spacing-29, 11rem) } .\!k-py-29 { padding-block: var(--kendo-spacing-29, 11rem) !important } .k-py-30 { padding-block: var(--kendo-spacing-30, 12rem) } .\!k-py-30 { padding-block: var(--kendo-spacing-30, 12rem) !important } .k-py-xs { padding-block: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .\!k-py-xs { padding-block: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important } .k-py-sm { padding-block: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .\!k-py-sm { padding-block: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important } .k-py-md { padding-block: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .\!k-py-md { padding-block: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important } .k-py-lg { padding-block: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .\!k-py-lg { padding-block: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important } .k-py-xl { padding-block: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .\!k-py-xl { padding-block: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important } .k-py-thin { padding-block: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .\!k-py-thin { padding-block: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important } .k-py-hair { padding-block: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .\!k-py-hair { padding-block: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important } .k-h-0 { height: 0px } .\!k-h-0 { height: 0px !important } .k-h-1px { height: 1px } .\!k-h-1px { height: 1px !important } .k-h-0\.5 { height: .125rem } .\!k-h-0\.5 { height: .125rem !important } .k-h-1 { height: .25rem } .\!k-h-1 { height: .25rem !important } .k-h-1\.5 { height: .375rem } .\!k-h-1\.5 { height: .375rem !important } .k-h-2 { height: .5rem } .\!k-h-2 { height: .5rem !important } .k-h-2\.5 { height: .625rem } .\!k-h-2\.5 { height: .625rem !important } .k-h-3 { height: .75rem } .\!k-h-3 { height: .75rem !important } .k-h-3\.5 { height: .875rem } .\!k-h-3\.5 { height: .875rem !important } .k-h-4 { height: 1rem } .\!k-h-4 { height: 1rem !important } .k-h-4\.5 { height: 1.125rem } .\!k-h-4\.5 { height: 1.125rem !important } .k-h-5 { height: 1.25rem } .\!k-h-5 { height: 1.25rem !important } .k-h-5\.5 { height: 1.375rem } .\!k-h-5\.5 { height: 1.375rem !important } .k-h-6 { height: 1.5rem } .\!k-h-6 { height: 1.5rem !important } .k-h-6\.5 { height: 1.625rem } .\!k-h-6\.5 { height: 1.625rem !important } .k-h-7 { height: 1.75rem } .\!k-h-7 { height: 1.75rem !important } .k-h-7\.5 { height: 1.875rem } .\!k-h-7\.5 { height: 1.875rem !important } .k-h-8 { height: 2rem } .\!k-h-8 { height: 2rem !important } .k-h-9 { height: 2.25rem } .\!k-h-9 { height: 2.25rem !important } .k-h-10 { height: 2.5rem } .\!k-h-10 { height: 2.5rem !important } .k-h-11 { height: 2.75rem } .\!k-h-11 { height: 2.75rem !important } .k-h-12 { height: 3rem } .\!k-h-12 { height: 3rem !important } .k-h-13 { height: 3.25rem } .\!k-h-13 { height: 3.25rem !important } .k-h-14 { height: 3.5rem } .\!k-h-14 { height: 3.5rem !important } .k-h-15 { height: 3.75rem } .\!k-h-15 { height: 3.75rem !important } .k-h-16 { height: 4rem } .\!k-h-16 { height: 4rem !important } .k-h-17 { height: 4.25rem } .\!k-h-17 { height: 4.25rem !important } .k-h-18 { height: 4.5rem } .\!k-h-18 { height: 4.5rem !important } .k-h-19 { height: 4.75rem } .\!k-h-19 { height: 4.75rem !important } .k-h-20 { height: 5rem } .\!k-h-20 { height: 5rem !important } .k-h-21 { height: 5.25rem } .\!k-h-21 { height: 5.25rem !important } .k-h-22 { height: 5.5rem } .\!k-h-22 { height: 5.5rem !important } .k-h-23 { height: 5.75rem } .\!k-h-23 { height: 5.75rem !important } .k-h-24 { height: 6rem } .\!k-h-24 { height: 6rem !important } .k-h-25 { height: 7rem } .\!k-h-25 { height: 7rem !important } .k-h-26 { height: 8rem } .\!k-h-26 { height: 8rem !important } .k-h-27 { height: 9rem } .\!k-h-27 { height: 9rem !important } .k-h-28 { height: 10rem } .\!k-h-28 { height: 10rem !important } .k-h-29 { height: 11rem } .\!k-h-29 { height: 11rem !important } .k-h-30 { height: 12rem } .\!k-h-30 { height: 12rem !important } .k-h-auto { height: auto } .\!k-h-auto { height: auto !important } .k-h-1\/2 { height: 50% } .\!k-h-1\/2 { height: 50% !important } .k-h-1\/3 { height: 33.333333% } .\!k-h-1\/3 { height: 33.333333% !important } .k-h-2\/3 { height: 66.666667% } .\!k-h-2\/3 { height: 66.666667% !important } .k-h-1\/4 { height: 25% } .\!k-h-1\/4 { height: 25% !important } .k-h-2\/4 { height: 50% } .\!k-h-2\/4 { height: 50% !important } .k-h-3\/4 { height: 75% } .\!k-h-3\/4 { height: 75% !important } .k-h-1\/5 { height: 20% } .\!k-h-1\/5 { height: 20% !important } .k-h-2\/5 { height: 40% } .\!k-h-2\/5 { height: 40% !important } .k-h-3\/5 { height: 60% } .\!k-h-3\/5 { height: 60% !important } .k-h-4\/5 { height: 80% } .\!k-h-4\/5 { height: 80% !important } .k-h-1\/6 { height: 16.666667% } .\!k-h-1\/6 { height: 16.666667% !important } .k-h-2\/6 { height: 33.333333% } .\!k-h-2\/6 { height: 33.333333% !important } .k-h-3\/6 { height: 50% } .\!k-h-3\/6 { height: 50% !important } .k-h-4\/6 { height: 66.666667% } .\!k-h-4\/6 { height: 66.666667% !important } .k-h-5\/6 { height: 83.333333% } .\!k-h-5\/6 { height: 83.333333% !important } .k-h-1\/12 { height: 8.333333% } .\!k-h-1\/12 { height: 8.333333% !important } .k-h-2\/12 { height: 16.666667% } .\!k-h-2\/12 { height: 16.666667% !important } .k-h-3\/12 { height: 25% } .\!k-h-3\/12 { height: 25% !important } .k-h-4\/12 { height: 33.333333% } .\!k-h-4\/12 { height: 33.333333% !important } .k-h-5\/12 { height: 41.666667% } .\!k-h-5\/12 { height: 41.666667% !important } .k-h-6\/12 { height: 50% } .\!k-h-6\/12 { height: 50% !important } .k-h-7\/12 { height: 58.333333% } .\!k-h-7\/12 { height: 58.333333% !important } .k-h-8\/12 { height: 66.666667% } .\!k-h-8\/12 { height: 66.666667% !important } .k-h-9\/12 { height: 75% } .\!k-h-9\/12 { height: 75% !important } .k-h-10\/12 { height: 83.333333% } .\!k-h-10\/12 { height: 83.333333% !important } .k-h-11\/12 { height: 91.666667% } .\!k-h-11\/12 { height: 91.666667% !important } .k-h-full { height: 100% } .\!k-h-full { height: 100% !important } .k-h-min { height: -moz-min-content; height: min-content } .\!k-h-min { height: -moz-min-content !important; height: min-content !important } .k-h-max { height: -moz-max-content; height: max-content } .\!k-h-max { height: -moz-max-content !important; height: max-content !important } .k-h-fit { height: -moz-fit-content; height: fit-content } .\!k-h-fit { height: -moz-fit-content !important; height: fit-content !important } .k-h-screen { height: 100vh } .\!k-h-screen { height: 100vh !important } .k-min-h-0 { min-height: 0 } .\!k-min-h-0 { min-height: 0 !important } .k-min-h-full { min-height: 100% } .\!k-min-h-full { min-height: 100% !important } .k-min-h-screen { min-height: 100vh } .\!k-min-h-screen { min-height: 100vh !important } .k-min-h-min { min-height: -moz-min-content; min-height: min-content } .\!k-min-h-min { min-height: -moz-min-content !important; min-height: min-content !important } .k-min-h-max { min-height: -moz-max-content; min-height: max-content } .\!k-min-h-max { min-height: -moz-max-content !important; min-height: max-content !important } .k-min-h-fit { min-height: -moz-fit-content; min-height: fit-content } .\!k-min-h-fit { min-height: -moz-fit-content !important; min-height: fit-content !important } .k-max-h-none { max-height: none } .\!k-max-h-none { max-height: none !important } .k-max-h-0 { max-height: 0 } .\!k-max-h-0 { max-height: 0 !important } .k-max-h-full { max-height: 100% } .\!k-max-h-full { max-height: 100% !important } .k-max-h-screen { max-height: 100vh } .\!k-max-h-screen { max-height: 100vh !important } .k-max-h-min { max-height: -moz-min-content; max-height: min-content } .\!k-max-h-min { max-height: -moz-min-content !important; max-height: min-content !important } .k-max-h-max { max-height: -moz-max-content; max-height: max-content } .\!k-max-h-max { max-height: -moz-max-content !important; max-height: max-content !important } .k-max-h-fit { max-height: -moz-fit-content; max-height: fit-content } .\!k-max-h-fit { max-height: -moz-fit-content !important; max-height: fit-content !important } .k-w-0 { width: 0px } .\!k-w-0 { width: 0px !important } .k-w-1px { width: 1px } .\!k-w-1px { width: 1px !important } .k-w-0\.5 { width: .125rem } .\!k-w-0\.5 { width: .125rem !important } .k-w-1 { width: .25rem } .\!k-w-1 { width: .25rem !important } .k-w-1\.5 { width: .375rem } .\!k-w-1\.5 { width: .375rem !important } .k-w-2 { width: .5rem } .\!k-w-2 { width: .5rem !important } .k-w-2\.5 { width: .625rem } .\!k-w-2\.5 { width: .625rem !important } .k-w-3 { width: .75rem } .\!k-w-3 { width: .75rem !important } .k-w-3\.5 { width: .875rem } .\!k-w-3\.5 { width: .875rem !important } .k-w-4 { width: 1rem } .\!k-w-4 { width: 1rem !important } .k-w-4\.5 { width: 1.125rem } .\!k-w-4\.5 { width: 1.125rem !important } .k-w-5 { width: 1.25rem } .\!k-w-5 { width: 1.25rem !important } .k-w-5\.5 { width: 1.375rem } .\!k-w-5\.5 { width: 1.375rem !important } .k-w-6 { width: 1.5rem } .\!k-w-6 { width: 1.5rem !important } .k-w-6\.5 { width: 1.625rem } .\!k-w-6\.5 { width: 1.625rem !important } .k-w-7 { width: 1.75rem } .\!k-w-7 { width: 1.75rem !important } .k-w-7\.5 { width: 1.875rem } .\!k-w-7\.5 { width: 1.875rem !important } .k-w-8 { width: 2rem } .\!k-w-8 { width: 2rem !important } .k-w-9 { width: 2.25rem } .\!k-w-9 { width: 2.25rem !important } .k-w-10 { width: 2.5rem } .\!k-w-10 { width: 2.5rem !important } .k-w-11 { width: 2.75rem } .\!k-w-11 { width: 2.75rem !important } .k-w-12 { width: 3rem } .\!k-w-12 { width: 3rem !important } .k-w-13 { width: 3.25rem } .\!k-w-13 { width: 3.25rem !important } .k-w-14 { width: 3.5rem } .\!k-w-14 { width: 3.5rem !important } .k-w-15 { width: 3.75rem } .\!k-w-15 { width: 3.75rem !important } .k-w-16 { width: 4rem } .\!k-w-16 { width: 4rem !important } .k-w-17 { width: 4.25rem } .\!k-w-17 { width: 4.25rem !important } .k-w-18 { width: 4.5rem } .\!k-w-18 { width: 4.5rem !important } .k-w-19 { width: 4.75rem } .\!k-w-19 { width: 4.75rem !important } .k-w-20 { width: 5rem } .\!k-w-20 { width: 5rem !important } .k-w-21 { width: 5.25rem } .\!k-w-21 { width: 5.25rem !important } .k-w-22 { width: 5.5rem } .\!k-w-22 { width: 5.5rem !important } .k-w-23 { width: 5.75rem } .\!k-w-23 { width: 5.75rem !important } .k-w-24 { width: 6rem } .\!k-w-24 { width: 6rem !important } .k-w-25 { width: 7rem } .\!k-w-25 { width: 7rem !important } .k-w-26 { width: 8rem } .\!k-w-26 { width: 8rem !important } .k-w-27 { width: 9rem } .\!k-w-27 { width: 9rem !important } .k-w-28 { width: 10rem } .\!k-w-28 { width: 10rem !important } .k-w-29 { width: 11rem } .\!k-w-29 { width: 11rem !important } .k-w-30 { width: 12rem } .\!k-w-30 { width: 12rem !important } .k-w-auto { width: auto } .\!k-w-auto { width: auto !important } .k-w-1\/2 { width: 50% } .\!k-w-1\/2 { width: 50% !important } .k-w-1\/3 { width: 33.333333% } .\!k-w-1\/3 { width: 33.333333% !important } .k-w-2\/3 { width: 66.666667% } .\!k-w-2\/3 { width: 66.666667% !important } .k-w-1\/4 { width: 25% } .\!k-w-1\/4 { width: 25% !important } .k-w-2\/4 { width: 50% } .\!k-w-2\/4 { width: 50% !important } .k-w-3\/4 { width: 75% } .\!k-w-3\/4 { width: 75% !important } .k-w-1\/5 { width: 20% } .\!k-w-1\/5 { width: 20% !important } .k-w-2\/5 { width: 40% } .\!k-w-2\/5 { width: 40% !important } .k-w-3\/5 { width: 60% } .\!k-w-3\/5 { width: 60% !important } .k-w-4\/5 { width: 80% } .\!k-w-4\/5 { width: 80% !important } .k-w-1\/6 { width: 16.666667% } .\!k-w-1\/6 { width: 16.666667% !important } .k-w-2\/6 { width: 33.333333% } .\!k-w-2\/6 { width: 33.333333% !important } .k-w-3\/6 { width: 50% } .\!k-w-3\/6 { width: 50% !important } .k-w-4\/6 { width: 66.666667% } .\!k-w-4\/6 { width: 66.666667% !important } .k-w-5\/6 { width: 83.333333% } .\!k-w-5\/6 { width: 83.333333% !important } .k-w-1\/12 { width: 8.333333% } .\!k-w-1\/12 { width: 8.333333% !important } .k-w-2\/12 { width: 16.666667% } .\!k-w-2\/12 { width: 16.666667% !important } .k-w-3\/12 { width: 25% } .\!k-w-3\/12 { width: 25% !important } .k-w-4\/12 { width: 33.333333% } .\!k-w-4\/12 { width: 33.333333% !important } .k-w-5\/12 { width: 41.666667% } .\!k-w-5\/12 { width: 41.666667% !important } .k-w-6\/12 { width: 50% } .\!k-w-6\/12 { width: 50% !important } .k-w-7\/12 { width: 58.333333% } .\!k-w-7\/12 { width: 58.333333% !important } .k-w-8\/12 { width: 66.666667% } .\!k-w-8\/12 { width: 66.666667% !important } .k-w-9\/12 { width: 75% } .\!k-w-9\/12 { width: 75% !important } .k-w-10\/12 { width: 83.333333% } .\!k-w-10\/12 { width: 83.333333% !important } .k-w-11\/12 { width: 91.666667% } .\!k-w-11\/12 { width: 91.666667% !important } .k-w-full { width: 100% } .\!k-w-full { width: 100% !important } .k-w-min { width: -moz-min-content; width: min-content } .\!k-w-min { width: -moz-min-content !important; width: min-content !important } .k-w-max { width: -moz-max-content; width: max-content } .\!k-w-max { width: -moz-max-content !important; width: max-content !important } .k-w-fit { width: -moz-fit-content; width: fit-content } .\!k-w-fit { width: -moz-fit-content !important; width: fit-content !important } .k-w-screen { width: 100vw } .\!k-w-screen { width: 100vw !important } .k-min-w-0 { min-width: 0 } .\!k-min-w-0 { min-width: 0 !important } .k-min-w-full { min-width: 100% } .\!k-min-w-full { min-width: 100% !important } .k-min-w-screen { min-width: 100vw } .\!k-min-w-screen { min-width: 100vw !important } .k-min-w-min { min-width: -moz-min-content; min-width: min-content } .\!k-min-w-min { min-width: -moz-min-content !important; min-width: min-content !important } .k-min-w-max { min-width: -moz-max-content; min-width: max-content } .\!k-min-w-max { min-width: -moz-max-content !important; min-width: max-content !important } .k-min-w-fit { min-width: -moz-fit-content; min-width: fit-content } .\!k-min-w-fit { min-width: -moz-fit-content !important; min-width: fit-content !important } .k-max-w-none { max-width: none } .\!k-max-w-none { max-width: none !important } .k-max-w-0 { max-width: 0 } .\!k-max-w-0 { max-width: 0 !important } .k-max-w-full { max-width: 100% } .\!k-max-w-full { max-width: 100% !important } .k-max-w-screen { max-width: 100vw } .\!k-max-w-screen { max-width: 100vw !important } .k-max-w-min { max-width: -moz-min-content; max-width: min-content } .\!k-max-w-min { max-width: -moz-min-content !important; max-width: min-content !important } .k-max-w-max { max-width: -moz-max-content; max-width: max-content } .\!k-max-w-max { max-width: -moz-max-content !important; max-width: max-content !important } .k-max-w-fit { max-width: -moz-fit-content; max-width: fit-content } .\!k-max-w-fit { max-width: -moz-fit-content !important; max-width: fit-content !important } .k-font-family-sans { font-family: var(--kendo-font-family-sans, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, Impact, Gill Sans) } .\!k-font-family-sans { font-family: var(--kendo-font-family-sans, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, Impact, Gill Sans) !important } .k-font-family-serif { font-family: var(--kendo-font-family-serif, Times New Roman, Georgia, Garamond, Palatino, Baskerville) } .\!k-font-family-serif { font-family: var(--kendo-font-family-serif, Times New Roman, Georgia, Garamond, Palatino, Baskerville) !important } .k-font-family-sans-serif { font-family: var(--kendo-font-family-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji) } .\!k-font-family-sans-serif { font-family: var(--kendo-font-family-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji) !important } .k-font-family-monospace { font-family: var(--kendo-font-family-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace) } .\!k-font-family-monospace { font-family: var(--kendo-font-family-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace) !important } .k-font-size-xxs { font-size: var(--kendo-font-size-xxs, 0.5rem) } .\!k-font-size-xxs { font-size: var(--kendo-font-size-xxs, 0.5rem) !important } .k-font-size-xs { font-size: var(--kendo-font-size-xs, 0.625rem) } .\!k-font-size-xs { font-size: var(--kendo-font-size-xs, 0.625rem) !important } .k-font-size-sm { font-size: var(--kendo-font-size-sm, 0.75rem) } .\!k-font-size-sm { font-size: var(--kendo-font-size-sm, 0.75rem) !important } .k-font-size-md { font-size: var(--kendo-font-size-md, 14px) } .\!k-font-size-md { font-size: var(--kendo-font-size-md, 14px) !important } .k-font-size-lg { font-size: var(--kendo-font-size-lg, 1rem) } .\!k-font-size-lg { font-size: var(--kendo-font-size-lg, 1rem) !important } .k-font-size-xl { font-size: var(--kendo-font-size-xl, 1.25rem) } .\!k-font-size-xl { font-size: var(--kendo-font-size-xl, 1.25rem) !important } .k-fs-xxs { font-size: var(--kendo-fs-xxs, 0.5rem) } .\!k-fs-xxs { font-size: var(--kendo-fs-xxs, 0.5rem) !important } .k-fs-xs { font-size: var(--kendo-fs-xs, 0.625rem) } .\!k-fs-xs { font-size: var(--kendo-fs-xs, 0.625rem) !important } .k-fs-sm { font-size: var(--kendo-fs-sm, 0.75rem) } .\!k-fs-sm { font-size: var(--kendo-fs-sm, 0.75rem) !important } .k-fs-md { font-size: var(--kendo-fs-md, 14px) } .\!k-fs-md { font-size: var(--kendo-fs-md, 14px) !important } .k-fs-lg { font-size: var(--kendo-fs-lg, 1rem) } .\!k-fs-lg { font-size: var(--kendo-fs-lg, 1rem) !important } .k-fs-xl { font-size: var(--kendo-fs-xl, 1.25rem) } .\!k-fs-xl { font-size: var(--kendo-fs-xl, 1.25rem) !important } .k-font-style-italic { font-style: var(--kendo-font-style-italic, italic) } .\!k-font-style-italic { font-style: var(--kendo-font-style-italic, italic) !important } .k-font-style-non-italic { font-style: var(--kendo-font-style-non-italic, normal) } .\!k-font-style-non-italic { font-style: var(--kendo-font-style-non-italic, normal) !important } .k-font-style-oblique { font-style: var(--kendo-font-style-oblique, oblique) } .\!k-font-style-oblique { font-style: var(--kendo-font-style-oblique, oblique) !important } .k-font-thin { font-weight: var(--kendo-font-weight-thin, 100) } .\!k-font-thin { font-weight: var(--kendo-font-weight-thin, 100) !important } .k-font-extra-light { font-weight: var(--kendo-font-weight-extra-light, 200) } .\!k-font-extra-light { font-weight: var(--kendo-font-weight-extra-light, 200) !important } .k-font-light { font-weight: var(--kendo-font-weight-light, 300) } .\!k-font-light { font-weight: var(--kendo-font-weight-light, 300) !important } .k-font-normal { font-weight: var(--kendo-font-weight-normal, 400) } .\!k-font-normal { font-weight: var(--kendo-font-weight-normal, 400) !important } .k-font-medium { font-weight: var(--kendo-font-weight-medium, 500) } .\!k-font-medium { font-weight: var(--kendo-font-weight-medium, 500) !important } .k-font-semibold { font-weight: var(--kendo-font-weight-semibold, 600) } .\!k-font-semibold { font-weight: var(--kendo-font-weight-semibold, 600) !important } .k-font-bold { font-weight: var(--kendo-font-weight-bold, 700) } .\!k-font-bold { font-weight: var(--kendo-font-weight-bold, 700) !important } .k-font-weight-thin { font-weight: var(--kendo-font-weight-thin, 100) } .\!k-font-weight-thin { font-weight: var(--kendo-font-weight-thin, 100) !important } .k-font-weight-extra-light { font-weight: var(--kendo-font-weight-extra-light, 200) } .\!k-font-weight-extra-light { font-weight: var(--kendo-font-weight-extra-light, 200) !important } .k-font-weight-light { font-weight: var(--kendo-font-weight-light, 300) } .\!k-font-weight-light { font-weight: var(--kendo-font-weight-light, 300) !important } .k-font-weight-normal { font-weight: var(--kendo-font-weight-normal, 400) } .\!k-font-weight-normal { font-weight: var(--kendo-font-weight-normal, 400) !important } .k-font-weight-medium { font-weight: var(--kendo-font-weight-medium, 500) } .\!k-font-weight-medium { font-weight: var(--kendo-font-weight-medium, 500) !important } .k-font-weight-semibold { font-weight: var(--kendo-font-weight-semibold, 600) } .\!k-font-weight-semibold { font-weight: var(--kendo-font-weight-semibold, 600) !important } .k-font-weight-bold { font-weight: var(--kendo-font-weight-bold, 700) } .\!k-font-weight-bold { font-weight: var(--kendo-font-weight-bold, 700) !important } .k-letter-spacing-tightest { letter-spacing: var(--kendo-letter-spacing-tightest, -0.15px) } .\!k-letter-spacing-tightest { letter-spacing: var(--kendo-letter-spacing-tightest, -0.15px) !important } .k-letter-spacing-tighter { letter-spacing: var(--kendo-letter-spacing-tighter, -0.1px) } .\!k-letter-spacing-tighter { letter-spacing: var(--kendo-letter-spacing-tighter, -0.1px) !important } .k-letter-spacing-tight { letter-spacing: var(--kendo-letter-spacing-tight, -0.5px) } .\!k-letter-spacing-tight { letter-spacing: var(--kendo-letter-spacing-tight, -0.5px) !important } .k-letter-spacing-normal { letter-spacing: var(--kendo-letter-spacing-normal, 0px) } .\!k-letter-spacing-normal { letter-spacing: var(--kendo-letter-spacing-normal, 0px) !important } .k-letter-spacing-wide { letter-spacing: var(--kendo-letter-spacing-wide, 0.5px) } .\!k-letter-spacing-wide { letter-spacing: var(--kendo-letter-spacing-wide, 0.5px) !important } .k-letter-spacing-wider { letter-spacing: var(--kendo-letter-spacing-wider, 0.1px) } .\!k-letter-spacing-wider { letter-spacing: var(--kendo-letter-spacing-wider, 0.1px) !important } .k-letter-spacing-widest { letter-spacing: var(--kendo-letter-spacing-widest, 0.15px) } .\!k-letter-spacing-widest { letter-spacing: var(--kendo-letter-spacing-widest, 0.15px) !important } .k-line-height-xs { line-height: var(--kendo-line-height-xs, 1) } .\!k-line-height-xs { line-height: var(--kendo-line-height-xs, 1) !important } .k-line-height-sm { line-height: var(--kendo-line-height-sm, 1.25) } .\!k-line-height-sm { line-height: var(--kendo-line-height-sm, 1.25) !important } .k-line-height-md { line-height: var(--kendo-line-height-md, 1.4285714286) } .\!k-line-height-md { line-height: var(--kendo-line-height-md, 1.4285714286) !important } .k-line-height-lg { line-height: var(--kendo-line-height-lg, 1.5) } .\!k-line-height-lg { line-height: var(--kendo-line-height-lg, 1.5) !important } .k-list-none { list-style-type: none } .\!k-list-none { list-style-type: none !important } .k-list-disc { list-style-type: disc } .\!k-list-disc { list-style-type: disc !important } .k-list-decimal { list-style-type: decimal } .\!k-list-decimal { list-style-type: decimal !important } .k-text-left { text-align: left } .\!k-text-left { text-align: left !important } .k-text-right { text-align: right } .\!k-text-right { text-align: right !important } .k-text-center { text-align: center } .\!k-text-center { text-align: center !important } .k-text-justify { text-align: justify } .\!k-text-justify { text-align: justify !important } .k-text-start { text-align: start } .\!k-text-start { text-align: start !important } .k-text-end { text-align: end } .\!k-text-end { text-align: end !important } .k-text-app-surface { color: var(--kendo-color-app-surface, #ffffff) } .\!k-text-app-surface { color: var(--kendo-color-app-surface, #ffffff) !important } .k-text-on-app-surface { color: var(--kendo-color-on-app-surface, #3d3d3d) } .\!k-text-on-app-surface { color: var(--kendo-color-on-app-surface, #3d3d3d) !important } .k-text-subtle { color: var(--kendo-color-subtle, #666666) } .\!k-text-subtle { color: var(--kendo-color-subtle, #666666) !important } .k-text-surface { color: var(--kendo-color-surface, #fafafa) } .\!k-text-surface { color: var(--kendo-color-surface, #fafafa) !important } .k-text-surface-alt { color: var(--kendo-color-surface-alt, #ffffff) } .\!k-text-surface-alt { color: var(--kendo-color-surface-alt, #ffffff) !important } .k-text-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .\!k-text-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important } .k-text-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .\!k-text-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) !important } .k-text-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb) } .\!k-text-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb) !important } .k-text-base-emphasis { color: var(--kendo-color-base-emphasis, #c2c2c2) } .\!k-text-base-emphasis { color: var(--kendo-color-base-emphasis, #c2c2c2) !important } .k-text-primary-subtle { color: var(--kendo-color-primary-subtle, #ffeceb) } .\!k-text-primary-subtle { color: var(--kendo-color-primary-subtle, #ffeceb) !important } .k-text-primary { color: var(--kendo-color-primary, #0058e9) } .\!k-text-primary { color: var(--kendo-color-primary, #0058e9) !important } .k-text-primary-emphasis { color: var(--kendo-color-primary-emphasis, #ff9d97) } .\!k-text-primary-emphasis { color: var(--kendo-color-primary-emphasis, #ff9d97) !important } .k-text-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fafafa) } .\!k-text-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fafafa) !important } .k-text-secondary { color: var(--kendo-color-secondary, #333333) } .\!k-text-secondary { color: var(--kendo-color-secondary, #333333) !important } .k-text-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #e0e0e0) } .\!k-text-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #e0e0e0) !important } .k-text-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #d8f1fd) } .\!k-text-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #d8f1fd) !important } .k-text-tertiary { color: var(--kendo-color-tertiary, #03a9f4) } .\!k-text-tertiary { color: var(--kendo-color-tertiary, #03a9f4) !important } .k-text-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #61c9f9) } .\!k-text-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #61c9f9) !important } .k-text-info-subtle { color: var(--kendo-color-info-subtle, #d2e2fb) } .\!k-text-info-subtle { color: var(--kendo-color-info-subtle, #d2e2fb) !important } .k-text-info { color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .\!k-text-info { color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) !important } .k-text-info-emphasis { color: var(--kendo-color-info-emphasis, #6098f2) } .\!k-text-info-emphasis { color: var(--kendo-color-info-emphasis, #6098f2) !important } .k-text-success-subtle { color: var(--kendo-color-success-subtle, #dcf0d3) } .\!k-text-success-subtle { color: var(--kendo-color-success-subtle, #dcf0d3) !important } .k-text-success { color: var(--kendo-color-success, #0b8250) } .\!k-text-success { color: var(--kendo-color-success, #0b8250) !important } .k-text-success-emphasis { color: var(--kendo-color-success-emphasis, #81d15f) } .\!k-text-success-emphasis { color: var(--kendo-color-success-emphasis, #81d15f) !important } .k-text-warning-subtle { color: var(--kendo-color-warning-subtle, #fff4d3) } .\!k-text-warning-subtle { color: var(--kendo-color-warning-subtle, #fff4d3) !important } .k-text-warning { color: var(--kendo-color-warning, #ffbf44) } .\!k-text-warning { color: var(--kendo-color-warning, #ffbf44) !important } .k-text-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffd760) } .\!k-text-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffd760) !important } .k-text-error-subtle { color: var(--kendo-color-error-subtle, #fcddda) } .\!k-text-error-subtle { color: var(--kendo-color-error-subtle, #fcddda) !important } .k-text-error { color: var(--kendo-color-error, #e13929) } .\!k-text-error { color: var(--kendo-color-error, #e13929) !important } .k-text-error-emphasis { color: var(--kendo-color-error-emphasis, #f76f60) } .\!k-text-error-emphasis { color: var(--kendo-color-error-emphasis, #f76f60) !important } .k-text-light-subtle { color: var(--kendo-color-light-subtle, #fafafa) } .\!k-text-light-subtle { color: var(--kendo-color-light-subtle, #fafafa) !important } .k-text-light { color: var(--kendo-color-light, #ebebeb) } .\!k-text-light { color: var(--kendo-color-light, #ebebeb) !important } .k-text-light-emphasis { color: var(--kendo-color-light-emphasis, #d6d6d6) } .\!k-text-light-emphasis { color: var(--kendo-color-light-emphasis, #d6d6d6) !important } .k-text-dark-subtle { color: var(--kendo-color-dark-subtle, #c2c2c2) } .\!k-text-dark-subtle { color: var(--kendo-color-dark-subtle, #c2c2c2) !important } .k-text-dark { color: var(--kendo-color-dark, #3d3d3d) } .\!k-text-dark { color: var(--kendo-color-dark, #3d3d3d) !important } .k-text-dark-emphasis { color: var(--kendo-color-dark-emphasis, #666666) } .\!k-text-dark-emphasis { color: var(--kendo-color-dark-emphasis, #666666) !important } .k-text-inherit { color: var(--kendo-color-inherit, inherit) } .\!k-text-inherit { color: var(--kendo-color-inherit, inherit) !important } .k-text-current { color: var(--kendo-color-current, currentColor) } .\!k-text-current { color: var(--kendo-color-current, currentColor) !important } .k-text-transparent { color: var(--kendo-color-transparent, transparent) } .\!k-text-transparent { color: var(--kendo-color-transparent, transparent) !important } .k-text-black { color: var(--kendo-color-black, black) } .\!k-text-black { color: var(--kendo-color-black, black) !important } .k-text-white { color: var(--kendo-color-white, white) } .\!k-text-white { color: var(--kendo-color-white, white) !important } .k-color-app-surface { color: var(--kendo-color-app-surface, #ffffff) } .\!k-color-app-surface { color: var(--kendo-color-app-surface, #ffffff) !important } .k-color-on-app-surface { color: var(--kendo-color-on-app-surface, #3d3d3d) } .\!k-color-on-app-surface { color: var(--kendo-color-on-app-surface, #3d3d3d) !important } .k-color-subtle { color: var(--kendo-color-subtle, #666666) } .\!k-color-subtle { color: var(--kendo-color-subtle, #666666) !important } .k-color-surface { color: var(--kendo-color-surface, #fafafa) } .\!k-color-surface { color: var(--kendo-color-surface, #fafafa) !important } .k-color-surface-alt { color: var(--kendo-color-surface-alt, #ffffff) } .\!k-color-surface-alt { color: var(--kendo-color-surface-alt, #ffffff) !important } .k-color-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .\!k-color-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important } .k-color-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .\!k-color-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) !important } .k-color-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb) } .\!k-color-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb) !important } .k-color-base-emphasis { color: var(--kendo-color-base-emphasis, #c2c2c2) } .\!k-color-base-emphasis { color: var(--kendo-color-base-emphasis, #c2c2c2) !important } .k-color-primary-subtle { color: var(--kendo-color-primary-subtle, #ffeceb) } .\!k-color-primary-subtle { color: var(--kendo-color-primary-subtle, #ffeceb) !important } .k-color-primary { color: var(--kendo-color-primary, #0058e9) } .\!k-color-primary { color: var(--kendo-color-primary, #0058e9) !important } .k-color-primary-emphasis { color: var(--kendo-color-primary-emphasis, #ff9d97) } .\!k-color-primary-emphasis { color: var(--kendo-color-primary-emphasis, #ff9d97) !important } .k-color-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fafafa) } .\!k-color-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fafafa) !important } .k-color-secondary { color: var(--kendo-color-secondary, #333333) } .\!k-color-secondary { color: var(--kendo-color-secondary, #333333) !important } .k-color-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #e0e0e0) } .\!k-color-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #e0e0e0) !important } .k-color-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #d8f1fd) } .\!k-color-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #d8f1fd) !important } .k-color-tertiary { color: var(--kendo-color-tertiary, #03a9f4) } .\!k-color-tertiary { color: var(--kendo-color-tertiary, #03a9f4) !important } .k-color-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #61c9f9) } .\!k-color-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #61c9f9) !important } .k-color-info-subtle { color: var(--kendo-color-info-subtle, #d2e2fb) } .\!k-color-info-subtle { color: var(--kendo-color-info-subtle, #d2e2fb) !important } .k-color-info { color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .\!k-color-info { color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) !important } .k-color-info-emphasis { color: var(--kendo-color-info-emphasis, #6098f2) } .\!k-color-info-emphasis { color: var(--kendo-color-info-emphasis, #6098f2) !important } .k-color-success-subtle { color: var(--kendo-color-success-subtle, #dcf0d3) } .\!k-color-success-subtle { color: var(--kendo-color-success-subtle, #dcf0d3) !important } .k-color-success { color: var(--kendo-color-success, #0b8250) } .\!k-color-success { color: var(--kendo-color-success, #0b8250) !important } .k-color-success-emphasis { color: var(--kendo-color-success-emphasis, #81d15f) } .\!k-color-success-emphasis { color: var(--kendo-color-success-emphasis, #81d15f) !important } .k-color-warning-subtle { color: var(--kendo-color-warning-subtle, #fff4d3) } .\!k-color-warning-subtle { color: var(--kendo-color-warning-subtle, #fff4d3) !important } .k-color-warning { color: var(--kendo-color-warning, #ffbf44) } .\!k-color-warning { color: var(--kendo-color-warning, #ffbf44) !important } .k-color-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffd760) } .\!k-color-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffd760) !important } .k-color-error-subtle { color: var(--kendo-color-error-subtle, #fcddda) } .\!k-color-error-subtle { color: var(--kendo-color-error-subtle, #fcddda) !important } .k-color-error { color: var(--kendo-color-error, #e13929) } .\!k-color-error { color: var(--kendo-color-error, #e13929) !important } .k-color-error-emphasis { color: var(--kendo-color-error-emphasis, #f76f60) } .\!k-color-error-emphasis { color: var(--kendo-color-error-emphasis, #f76f60) !important } .k-color-light-subtle { color: var(--kendo-color-light-subtle, #fafafa) } .\!k-color-light-subtle { color: var(--kendo-color-light-subtle, #fafafa) !important } .k-color-light { color: var(--kendo-color-light, #ebebeb) } .\!k-color-light { color: var(--kendo-color-light, #ebebeb) !important } .k-color-light-emphasis { color: var(--kendo-color-light-emphasis, #d6d6d6) } .\!k-color-light-emphasis { color: var(--kendo-color-light-emphasis, #d6d6d6) !important } .k-color-dark-subtle { color: var(--kendo-color-dark-subtle, #c2c2c2) } .\!k-color-dark-subtle { color: var(--kendo-color-dark-subtle, #c2c2c2) !important } .k-color-dark { color: var(--kendo-color-dark, #3d3d3d) } .\!k-color-dark { color: var(--kendo-color-dark, #3d3d3d) !important } .k-color-dark-emphasis { color: var(--kendo-color-dark-emphasis, #666666) } .\!k-color-dark-emphasis { color: var(--kendo-color-dark-emphasis, #666666) !important } .k-color-inherit { color: var(--kendo-color-inherit, inherit) } .\!k-color-inherit { color: var(--kendo-color-inherit, inherit) !important } .k-color-current { color: var(--kendo-color-current, currentColor) } .\!k-color-current { color: var(--kendo-color-current, currentColor) !important } .k-color-transparent { color: var(--kendo-color-transparent, transparent) } .\!k-color-transparent { color: var(--kendo-color-transparent, transparent) !important } .k-color-black { color: var(--kendo-color-black, black) } .\!k-color-black { color: var(--kendo-color-black, black) !important } .k-color-white { color: var(--kendo-color-white, white) } .\!k-color-white { color: var(--kendo-color-white, white) !important } .k-text-underline { text-decoration: underline } .\!k-text-underline { text-decoration: underline !important } .k-text-overline { text-decoration: overline } .\!k-text-overline { text-decoration: overline !important } .k-text-line-through { text-decoration: line-through } .\!k-text-line-through { text-decoration: line-through !important } .k-text-no-underline { text-decoration: none } .\!k-text-no-underline { text-decoration: none !important } .k-text-clip { text-overflow: clip } .\!k-text-clip { text-overflow: clip !important } .k-text-ellipsis { text-overflow: ellipsis } .\!k-text-ellipsis { text-overflow: ellipsis !important } .k-text-truncate, .k-text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .\!k-text-truncate, .\!k-text-ellipsis { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important } .k-text-uppercase { text-transform: uppercase } .\!k-text-uppercase { text-transform: uppercase !important } .k-text-lowercase { text-transform: lowercase } .\!k-text-lowercase { text-transform: lowercase !important } .k-text-capitalize { text-transform: capitalize } .\!k-text-capitalize { text-transform: capitalize !important } .k-text-normal-case { text-transform: none } .\!k-text-normal-case { text-transform: none !important } .k-align-baseline { vertical-align: baseline } .\!k-align-baseline { vertical-align: baseline !important } .k-align-top { vertical-align: top } .\!k-align-top { vertical-align: top !important } .k-align-middle { vertical-align: middle } .\!k-align-middle { vertical-align: middle !important } .k-align-bottom { vertical-align: bottom } .\!k-align-bottom { vertical-align: bottom !important } .k-align-text-top { vertical-align: text-top } .\!k-align-text-top { vertical-align: text-top !important } .k-align-text-bottom { vertical-align: text-bottom } .\!k-align-text-bottom { vertical-align: text-bottom !important } .k-align-sub { vertical-align: sub } .\!k-align-sub { vertical-align: sub !important } .k-align-super { vertical-align: super } .\!k-align-super { vertical-align: super !important } .k-white-space-normal { white-space: normal } .\!k-white-space-normal { white-space: normal !important } .k-white-space-nowrap, .k-text-nowrap { white-space: nowrap } .\!k-white-space-nowrap { white-space: nowrap !important } .k-white-space-pre { white-space: pre } .\!k-white-space-pre { white-space: pre !important } .k-white-space-pre-line { white-space: pre-line } .\!k-white-space-pre-line { white-space: pre-line !important } .k-white-space-pre-wrap { white-space: pre-wrap } .\!k-white-space-pre-wrap { white-space: pre-wrap !important } .k-white-space-break-spaces { white-space: break-spaces } .\!k-white-space-break-spaces { white-space: break-spaces !important } .k-whitespace-normal { white-space: normal } .\!k-whitespace-normal { white-space: normal !important } .k-whitespace-nowrap { white-space: nowrap } .\!k-whitespace-nowrap { white-space: nowrap !important } .k-whitespace-pre { white-space: pre } .\!k-whitespace-pre { white-space: pre !important } .k-whitespace-pre-line { white-space: pre-line } .\!k-whitespace-pre-line { white-space: pre-line !important } .k-whitespace-pre-wrap { white-space: pre-wrap } .\!k-whitespace-pre-wrap { white-space: pre-wrap !important } .k-whitespace-break-spaces { white-space: break-spaces } .\!k-whitespace-break-spaces { white-space: break-spaces !important } .k-bg-clip-border { background-clip: border-box } .\!k-bg-clip-border { background-clip: border-box !important } .k-bg-clip-padding { background-clip: padding-box } .\!k-bg-clip-padding { background-clip: padding-box !important } .k-bg-clip-content { background-clip: content-box } .\!k-bg-clip-content { background-clip: content-box !important } .k-bg-clip-text { -webkit-background-clip: text; background-clip: text } .\!k-bg-clip-text { -webkit-background-clip: text !important; background-clip: text !important } .k-bg-app-surface { background-color: var(--kendo-color-app-surface, #ffffff) } .\!k-bg-app-surface { background-color: var(--kendo-color-app-surface, #ffffff) !important } .k-bg-on-app-surface { background-color: var(--kendo-color-on-app-surface, #3d3d3d) } .\!k-bg-on-app-surface { background-color: var(--kendo-color-on-app-surface, #3d3d3d) !important } .k-bg-subtle { background-color: var(--kendo-color-subtle, #666666) } .\!k-bg-subtle { background-color: var(--kendo-color-subtle, #666666) !important } .k-bg-surface { background-color: var(--kendo-color-surface, #fafafa) } .\!k-bg-surface { background-color: var(--kendo-color-surface, #fafafa) !important } .k-bg-surface-alt { background-color: var(--kendo-color-surface-alt, #ffffff) } .\!k-bg-surface-alt { background-color: var(--kendo-color-surface-alt, #ffffff) !important } .k-bg-border { background-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .\!k-bg-border { background-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important } .k-bg-border-alt { background-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .\!k-bg-border-alt { background-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) !important } .k-bg-base-subtle { background-color: var(--kendo-color-base-subtle, #ebebeb) } .\!k-bg-base-subtle { background-color: var(--kendo-color-base-subtle, #ebebeb) !important } .k-bg-base-emphasis { background-color: var(--kendo-color-base-emphasis, #c2c2c2) } .\!k-bg-base-emphasis { background-color: var(--kendo-color-base-emphasis, #c2c2c2) !important } .k-bg-primary-subtle { background-color: var(--kendo-color-primary-subtle, #ffeceb) } .\!k-bg-primary-subtle { background-color: var(--kendo-color-primary-subtle, #ffeceb) !important } .k-bg-primary { background-color: var(--kendo-color-primary, #0058e9) } .\!k-bg-primary { background-color: var(--kendo-color-primary, #0058e9) !important } .k-bg-primary-emphasis { background-color: var(--kendo-color-primary-emphasis, #ff9d97) } .\!k-bg-primary-emphasis { background-color: var(--kendo-color-primary-emphasis, #ff9d97) !important } .k-bg-secondary-subtle { background-color: var(--kendo-color-secondary-subtle, #fafafa) } .\!k-bg-secondary-subtle { background-color: var(--kendo-color-secondary-subtle, #fafafa) !important } .k-bg-secondary { background-color: var(--kendo-color-secondary, #333333) } .\!k-bg-secondary { background-color: var(--kendo-color-secondary, #333333) !important } .k-bg-secondary-emphasis { background-color: var(--kendo-color-secondary-emphasis, #e0e0e0) } .\!k-bg-secondary-emphasis { background-color: var(--kendo-color-secondary-emphasis, #e0e0e0) !important } .k-bg-tertiary-subtle { background-color: var(--kendo-color-tertiary-subtle, #d8f1fd) } .\!k-bg-tertiary-subtle { background-color: var(--kendo-color-tertiary-subtle, #d8f1fd) !important } .k-bg-tertiary { background-color: var(--kendo-color-tertiary, #03a9f4) } .\!k-bg-tertiary { background-color: var(--kendo-color-tertiary, #03a9f4) !important } .k-bg-tertiary-emphasis { background-color: var(--kendo-color-tertiary-emphasis, #61c9f9) } .\!k-bg-tertiary-emphasis { background-color: var(--kendo-color-tertiary-emphasis, #61c9f9) !important } .k-bg-info-subtle { background-color: var(--kendo-color-info-subtle, #d2e2fb) } .\!k-bg-info-subtle { background-color: var(--kendo-color-info-subtle, #d2e2fb) !important } .k-bg-info { background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .\!k-bg-info { background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) !important } .k-bg-info-emphasis { background-color: var(--kendo-color-info-emphasis, #6098f2) } .\!k-bg-info-emphasis { background-color: var(--kendo-color-info-emphasis, #6098f2) !important } .k-bg-success-subtle { background-color: var(--kendo-color-success-subtle, #dcf0d3) } .\!k-bg-success-subtle { background-color: var(--kendo-color-success-subtle, #dcf0d3) !important } .k-bg-success { background-color: var(--kendo-color-success, #0b8250) } .\!k-bg-success { background-color: var(--kendo-color-success, #0b8250) !important } .k-bg-success-emphasis { background-color: var(--kendo-color-success-emphasis, #81d15f) } .\!k-bg-success-emphasis { background-color: var(--kendo-color-success-emphasis, #81d15f) !important } .k-bg-warning-subtle { background-color: var(--kendo-color-warning-subtle, #fff4d3) } .\!k-bg-warning-subtle { background-color: var(--kendo-color-warning-subtle, #fff4d3) !important } .k-bg-warning { background-color: var(--kendo-color-warning, #ffbf44) } .\!k-bg-warning { background-color: var(--kendo-color-warning, #ffbf44) !important } .k-bg-warning-emphasis { background-color: var(--kendo-color-warning-emphasis, #ffd760) } .\!k-bg-warning-emphasis { background-color: var(--kendo-color-warning-emphasis, #ffd760) !important } .k-bg-error-subtle { background-color: var(--kendo-color-error-subtle, #fcddda) } .\!k-bg-error-subtle { background-color: var(--kendo-color-error-subtle, #fcddda) !important } .k-bg-error { background-color: var(--kendo-color-error, #e13929) } .\!k-bg-error { background-color: var(--kendo-color-error, #e13929) !important } .k-bg-error-emphasis { background-color: var(--kendo-color-error-emphasis, #f76f60) } .\!k-bg-error-emphasis { background-color: var(--kendo-color-error-emphasis, #f76f60) !important } .k-bg-light-subtle { background-color: var(--kendo-color-light-subtle, #fafafa) } .\!k-bg-light-subtle { background-color: var(--kendo-color-light-subtle, #fafafa) !important } .k-bg-light { background-color: var(--kendo-color-light, #ebebeb) } .\!k-bg-light { background-color: var(--kendo-color-light, #ebebeb) !important } .k-bg-light-emphasis { background-color: var(--kendo-color-light-emphasis, #d6d6d6) } .\!k-bg-light-emphasis { background-color: var(--kendo-color-light-emphasis, #d6d6d6) !important } .k-bg-dark-subtle { background-color: var(--kendo-color-dark-subtle, #c2c2c2) } .\!k-bg-dark-subtle { background-color: var(--kendo-color-dark-subtle, #c2c2c2) !important } .k-bg-dark { background-color: var(--kendo-color-dark, #3d3d3d) } .\!k-bg-dark { background-color: var(--kendo-color-dark, #3d3d3d) !important } .k-bg-dark-emphasis { background-color: var(--kendo-color-dark-emphasis, #666666) } .\!k-bg-dark-emphasis { background-color: var(--kendo-color-dark-emphasis, #666666) !important } .k-bg-inherit { background-color: var(--kendo-color-inherit, inherit) } .\!k-bg-inherit { background-color: var(--kendo-color-inherit, inherit) !important } .k-bg-transparent { background-color: var(--kendo-color-transparent, transparent) } .\!k-bg-transparent { background-color: var(--kendo-color-transparent, transparent) !important } .k-bg-black { background-color: var(--kendo-color-black, black) } .\!k-bg-black { background-color: var(--kendo-color-black, black) !important } .k-bg-white { background-color: var(--kendo-color-white, white) } .\!k-bg-white { background-color: var(--kendo-color-white, white) !important } .k-bg-center { background-position: center } .\!k-bg-center { background-position: center !important } .k-bg-top { background-position: top } .\!k-bg-top { background-position: top !important } .k-bg-right { background-position: right } .\!k-bg-right { background-position: right !important } .k-bg-bottom { background-position: bottom } .\!k-bg-bottom { background-position: bottom !important } .k-bg-left { background-position: left } .\!k-bg-left { background-position: left !important } .k-bg-top-left { background-position: top left } .\!k-bg-top-left { background-position: top left !important } .k-bg-top-right { background-position: top right } .\!k-bg-top-right { background-position: top right !important } .k-bg-bottom-left { background-position: bottom left } .\!k-bg-bottom-left { background-position: bottom left !important } .k-bg-bottom-right { background-position: bottom right } .\!k-bg-bottom-right { background-position: bottom right !important } .k-bg-auto { background-size: auto } .\!k-bg-auto { background-size: auto !important } .k-bg-cover { background-size: cover } .\!k-bg-cover { background-size: cover !important } .k-bg-contain { background-size: contain } .\!k-bg-contain { background-size: contain !important } .k-border-app-surface { border-color: var(--kendo-color-app-surface, #ffffff) } .\!k-border-app-surface { border-color: var(--kendo-color-app-surface, #ffffff) !important } .k-border-on-app-surface { border-color: var(--kendo-color-on-app-surface, #3d3d3d) } .\!k-border-on-app-surface { border-color: var(--kendo-color-on-app-surface, #3d3d3d) !important } .k-border-subtle { border-color: var(--kendo-color-subtle, #666666) } .\!k-border-subtle { border-color: var(--kendo-color-subtle, #666666) !important } .k-border-surface { border-color: var(--kendo-color-surface, #fafafa) } .\!k-border-surface { border-color: var(--kendo-color-surface, #fafafa) !important } .k-border-surface-alt { border-color: var(--kendo-color-surface-alt, #ffffff) } .\!k-border-surface-alt { border-color: var(--kendo-color-surface-alt, #ffffff) !important } .k-border-border { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .\!k-border-border { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important } .k-border-border-alt { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .\!k-border-border-alt { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) !important } .k-border-base-subtle { border-color: var(--kendo-color-base-subtle, #ebebeb) } .\!k-border-base-subtle { border-color: var(--kendo-color-base-subtle, #ebebeb) !important } .k-border-base-emphasis { border-color: var(--kendo-color-base-emphasis, #c2c2c2) } .\!k-border-base-emphasis { border-color: var(--kendo-color-base-emphasis, #c2c2c2) !important } .k-border-primary-subtle { border-color: var(--kendo-color-primary-subtle, #ffeceb) } .\!k-border-primary-subtle { border-color: var(--kendo-color-primary-subtle, #ffeceb) !important } .k-border-primary { border-color: var(--kendo-color-primary, #0058e9) } .\!k-border-primary { border-color: var(--kendo-color-primary, #0058e9) !important } .k-border-primary-emphasis { border-color: var(--kendo-color-primary-emphasis, #ff9d97) } .\!k-border-primary-emphasis { border-color: var(--kendo-color-primary-emphasis, #ff9d97) !important } .k-border-secondary-subtle { border-color: var(--kendo-color-secondary-subtle, #fafafa) } .\!k-border-secondary-subtle { border-color: var(--kendo-color-secondary-subtle, #fafafa) !important } .k-border-secondary { border-color: var(--kendo-color-secondary, #333333) } .\!k-border-secondary { border-color: var(--kendo-color-secondary, #333333) !important } .k-border-secondary-emphasis { border-color: var(--kendo-color-secondary-emphasis, #e0e0e0) } .\!k-border-secondary-emphasis { border-color: var(--kendo-color-secondary-emphasis, #e0e0e0) !important } .k-border-tertiary-subtle { border-color: var(--kendo-color-tertiary-subtle, #d8f1fd) } .\!k-border-tertiary-subtle { border-color: var(--kendo-color-tertiary-subtle, #d8f1fd) !important } .k-border-tertiary { border-color: var(--kendo-color-tertiary, #03a9f4) } .\!k-border-tertiary { border-color: var(--kendo-color-tertiary, #03a9f4) !important } .k-border-tertiary-emphasis { border-color: var(--kendo-color-tertiary-emphasis, #61c9f9) } .\!k-border-tertiary-emphasis { border-color: var(--kendo-color-tertiary-emphasis, #61c9f9) !important } .k-border-info-subtle { border-color: var(--kendo-color-info-subtle, #d2e2fb) } .\!k-border-info-subtle { border-color: var(--kendo-color-info-subtle, #d2e2fb) !important } .k-border-info { border-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .\!k-border-info { border-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) !important } .k-border-info-emphasis { border-color: var(--kendo-color-info-emphasis, #6098f2) } .\!k-border-info-emphasis { border-color: var(--kendo-color-info-emphasis, #6098f2) !important } .k-border-success-subtle { border-color: var(--kendo-color-success-subtle, #dcf0d3) } .\!k-border-success-subtle { border-color: var(--kendo-color-success-subtle, #dcf0d3) !important } .k-border-success { border-color: var(--kendo-color-success, #0b8250) } .\!k-border-success { border-color: var(--kendo-color-success, #0b8250) !important } .k-border-success-emphasis { border-color: var(--kendo-color-success-emphasis, #81d15f) } .\!k-border-success-emphasis { border-color: var(--kendo-color-success-emphasis, #81d15f) !important } .k-border-warning-subtle { border-color: var(--kendo-color-warning-subtle, #fff4d3) } .\!k-border-warning-subtle { border-color: var(--kendo-color-warning-subtle, #fff4d3) !important } .k-border-warning { border-color: var(--kendo-color-warning, #ffbf44) } .\!k-border-warning { border-color: var(--kendo-color-warning, #ffbf44) !important } .k-border-warning-emphasis { border-color: var(--kendo-color-warning-emphasis, #ffd760) } .\!k-border-warning-emphasis { border-color: var(--kendo-color-warning-emphasis, #ffd760) !important } .k-border-error-subtle { border-color: var(--kendo-color-error-subtle, #fcddda) } .\!k-border-error-subtle { border-color: var(--kendo-color-error-subtle, #fcddda) !important } .k-border-error { border-color: var(--kendo-color-error, #e13929) } .\!k-border-error { border-color: var(--kendo-color-error, #e13929) !important } .k-border-error-emphasis { border-color: var(--kendo-color-error-emphasis, #f76f60) } .\!k-border-error-emphasis { border-color: var(--kendo-color-error-emphasis, #f76f60) !important } .k-border-light-subtle { border-color: var(--kendo-color-light-subtle, #fafafa) } .\!k-border-light-subtle { border-color: var(--kendo-color-light-subtle, #fafafa) !important } .k-border-light { border-color: var(--kendo-color-light, #ebebeb) } .\!k-border-light { border-color: var(--kendo-color-light, #ebebeb) !important } .k-border-light-emphasis { border-color: var(--kendo-color-light-emphasis, #d6d6d6) } .\!k-border-light-emphasis { border-color: var(--kendo-color-light-emphasis, #d6d6d6) !important } .k-border-dark-subtle { border-color: var(--kendo-color-dark-subtle, #c2c2c2) } .\!k-border-dark-subtle { border-color: var(--kendo-color-dark-subtle, #c2c2c2) !important } .k-border-dark { border-color: var(--kendo-color-dark, #3d3d3d) } .\!k-border-dark { border-color: var(--kendo-color-dark, #3d3d3d) !important } .k-border-dark-emphasis { border-color: var(--kendo-color-dark-emphasis, #666666) } .\!k-border-dark-emphasis { border-color: var(--kendo-color-dark-emphasis, #666666) !important } .k-border-inherit { border-color: var(--kendo-color-inherit, inherit) } .\!k-border-inherit { border-color: var(--kendo-color-inherit, inherit) !important } .k-border-current { border-color: var(--kendo-color-current, currentColor) } .\!k-border-current { border-color: var(--kendo-color-current, currentColor) !important } .k-border-transparent { border-color: var(--kendo-color-transparent, transparent) } .\!k-border-transparent { border-color: var(--kendo-color-transparent, transparent) !important } .k-border-black { border-color: var(--kendo-color-black, black) } .\!k-border-black { border-color: var(--kendo-color-black, black) !important } .k-border-white { border-color: var(--kendo-color-white, white) } .\!k-border-white { border-color: var(--kendo-color-white, white) !important } .k-rounded-none { border-radius: var(--kendo-border-radius-none, 0px) } .\!k-rounded-none { border-radius: var(--kendo-border-radius-none, 0px) !important } .k-rounded-xs { border-radius: var(--kendo-border-radius-xs, 1px) } .\!k-rounded-xs { border-radius: var(--kendo-border-radius-xs, 1px) !important } .k-rounded-sm { border-radius: var(--kendo-border-radius-sm, 0.125rem) } .\!k-rounded-sm { border-radius: var(--kendo-border-radius-sm, 0.125rem) !important } .k-rounded-md { border-radius: var(--kendo-border-radius-md, 0.25rem) } .\!k-rounded-md { border-radius: var(--kendo-border-radius-md, 0.25rem) !important } .k-rounded-lg { border-radius: var(--kendo-border-radius-lg, 0.375rem) } .\!k-rounded-lg { border-radius: var(--kendo-border-radius-lg, 0.375rem) !important } .k-rounded-xl { border-radius: var(--kendo-border-radius-xl, 0.5rem) } .\!k-rounded-xl { border-radius: var(--kendo-border-radius-xl, 0.5rem) !important } .k-rounded-xxl { border-radius: var(--kendo-border-radius-xxl, 0.75rem) } .\!k-rounded-xxl { border-radius: var(--kendo-border-radius-xxl, 0.75rem) !important } .k-rounded-xxxl { border-radius: var(--kendo-border-radius-xxxl, 1rem) } .\!k-rounded-xxxl { border-radius: var(--kendo-border-radius-xxxl, 1rem) !important } .k-rounded-full { border-radius: var(--kendo-border-radius-full, 9999px) } .\!k-rounded-full { border-radius: var(--kendo-border-radius-full, 9999px) !important } .k-rounded-tl-none { border-top-left-radius: var(--kendo-border-radius-none, 0px) } .\!k-rounded-tl-none { border-top-left-radius: var(--kendo-border-radius-none, 0px) !important } .k-rounded-tl-xs { border-top-left-radius: var(--kendo-border-radius-xs, 1px) } .\!k-rounded-tl-xs { border-top-left-radius: var(--kendo-border-radius-xs, 1px) !important } .k-rounded-tl-sm { border-top-left-radius: var(--kendo-border-radius-sm, 0.125rem) } .\!k-rounded-tl-sm { border-top-left-radius: var(--kendo-border-radius-sm, 0.125rem) !important } .k-rounded-tl-md { border-top-left-radius: var(--kendo-border-radius-md, 0.25rem) } .\!k-rounded-tl-md { border-top-left-radius: var(--kendo-border-radius-md, 0.25rem) !important } .k-rounded-tl-lg { border-top-left-radius: var(--kendo-border-radius-lg, 0.375rem) } .\!k-rounded-tl-lg { border-top-left-radius: var(--kendo-border-radius-lg, 0.375rem) !important } .k-rounded-tl-xl { border-top-left-radius: var(--kendo-border-radius-xl, 0.5rem) } .\!k-rounded-tl-xl { border-top-left-radius: var(--kendo-border-radius-xl, 0.5rem) !important } .k-rounded-tl-xxl { border-top-left-radius: var(--kendo-border-radius-xxl, 0.75rem) } .\!k-rounded-tl-xxl { border-top-left-radius: var(--kendo-border-radius-xxl, 0.75rem) !important } .k-rounded-tl-xxxl { border-top-left-radius: var(--kendo-border-radius-xxxl, 1rem) } .\!k-rounded-tl-xxxl { border-top-left-radius: var(--kendo-border-radius-xxxl, 1rem) !important } .k-rounded-tl-full { border-top-left-radius: var(--kendo-border-radius-full, 9999px) } .\!k-rounded-tl-full { border-top-left-radius: var(--kendo-border-radius-full, 9999px) !important } .k-rounded-tr-none { border-top-right-radius: var(--kendo-border-radius-none, 0px) } .\!k-rounded-tr-none { border-top-right-radius: var(--kendo-border-radius-none, 0px) !important } .k-rounded-tr-xs { border-top-right-radius: var(--kendo-border-radius-xs, 1px) } .\!k-rounded-tr-xs { border-top-right-radius: var(--kendo-border-radius-xs, 1px) !important } .k-rounded-tr-sm { border-top-right-radius: var(--kendo-border-radius-sm, 0.125rem) } .\!k-rounded-tr-sm { border-top-right-radius: var(--kendo-border-radius-sm, 0.125rem) !important } .k-rounded-tr-md { border-top-right-radius: var(--kendo-border-radius-md, 0.25rem) } .\!k-rounded-tr-md { border-top-right-radius: var(--kendo-border-radius-md, 0.25rem) !important } .k-rounded-tr-lg { border-top-right-radius: var(--kendo-border-radius-lg, 0.375rem) } .\!k-rounded-tr-lg { border-top-right-radius: var(--kendo-border-radius-lg, 0.375rem) !important } .k-rounded-tr-xl { border-top-right-radius: var(--kendo-border-radius-xl, 0.5rem) } .\!k-rounded-tr-xl { border-top-right-radius: var(--kendo-border-radius-xl, 0.5rem) !important } .k-rounded-tr-xxl { border-top-right-radius: var(--kendo-border-radius-xxl, 0.75rem) } .\!k-rounded-tr-xxl { border-top-right-radius: var(--kendo-border-radius-xxl, 0.75rem) !important } .k-rounded-tr-xxxl { border-top-right-radius: var(--kendo-border-radius-xxxl, 1rem) } .\!k-rounded-tr-xxxl { border-top-right-radius: var(--kendo-border-radius-xxxl, 1rem) !important } .k-rounded-tr-full { border-top-right-radius: var(--kendo-border-radius-full, 9999px) } .\!k-rounded-tr-full { border-top-right-radius: var(--kendo-border-radius-full, 9999px) !important } .k-rounded-br-none { border-bottom-right-radius: var(--kendo-border-radius-none, 0px) } .\!k-rounded-br-none { border-bottom-right-radius: var(--kendo-border-radius-none, 0px) !important } .k-rounded-br-xs { border-bottom-right-radius: var(--kendo-border-radius-xs, 1px) } .\!k-rounded-br-xs { border-bottom-right-radius: var(--kendo-border-radius-xs, 1px) !important } .k-rounded-br-sm { border-bottom-right-radius: var(--kendo-border-radius-sm, 0.125rem) } .\!k-rounded-br-sm { border-bottom-right-radius: var(--kendo-border-radius-sm, 0.125rem) !important } .k-rounded-br-md { border-bottom-right-radius: var(--kendo-border-radius-md, 0.25rem) } .\!k-rounded-br-md { border-bottom-right-radius: var(--kendo-border-radius-md, 0.25rem) !important } .k-rounded-br-lg { border-bottom-right-radius: var(--kendo-border-radius-lg, 0.375rem) } .\!k-rounded-br-lg { border-bottom-right-radius: var(--kendo-border-radius-lg, 0.375rem) !important } .k-rounded-br-xl { border-bottom-right-radius: var(--kendo-border-radius-xl, 0.5rem) } .\!k-rounded-br-xl { border-bottom-right-radius: var(--kendo-border-radius-xl, 0.5rem) !important } .k-rounded-br-xxl { border-bottom-right-radius: var(--kendo-border-radius-xxl, 0.75rem) } .\!k-rounded-br-xxl { border-bottom-right-radius: var(--kendo-border-radius-xxl, 0.75rem) !important } .k-rounded-br-xxxl { border-bottom-right-radius: var(--kendo-border-radius-xxxl, 1rem) } .\!k-rounded-br-xxxl { border-bottom-right-radius: var(--kendo-border-radius-xxxl, 1rem) !important } .k-rounded-br-full { border-bottom-right-radius: var(--kendo-border-radius-full, 9999px) } .\!k-rounded-br-full { border-bottom-right-radius: var(--kendo-border-radius-full, 9999px) !important } .k-rounded-bl-none { border-bottom-left-radius: var(--kendo-border-radius-none, 0px) } .\!k-rounded-bl-none { border-bottom-left-radius: var(--kendo-border-radius-none, 0px) !important } .k-rounded-bl-xs { border-bottom-left-radius: var(--kendo-border-radius-xs, 1px) } .\!k-rounded-bl-xs { border-bottom-left-radius: var(--kendo-border-radius-xs, 1px) !important } .k-rounded-bl-sm { border-bottom-left-radius: var(--kendo-border-radius-sm, 0.125rem) } .\!k-rounded-bl-sm { border-bottom-left-radius: var(--kendo-border-radius-sm, 0.125rem) !important } .k-rounded-bl-md { border-bottom-left-radius: var(--kendo-border-radius-md, 0.25rem) } .\!k-rounded-bl-md { border-bottom-left-radius: var(--kendo-border-radius-md, 0.25rem) !important } .k-rounded-bl-lg { border-bottom-left-radius: var(--kendo-border-radius-lg, 0.375rem) } .\!k-rounded-bl-lg { border-bottom-left-radius: var(--kendo-border-radius-lg, 0.375rem) !important } .k-rounded-bl-xl { border-bottom-left-radius: var(--kendo-border-radius-xl, 0.5rem) } .\!k-rounded-bl-xl { border-bottom-left-radius: var(--kendo-border-radius-xl, 0.5rem) !important } .k-rounded-bl-xxl { border-bottom-left-radius: var(--kendo-border-radius-xxl, 0.75rem) } .\!k-rounded-bl-xxl { border-bottom-left-radius: var(--kendo-border-radius-xxl, 0.75rem) !important } .k-rounded-bl-xxxl { border-bottom-left-radius: var(--kendo-border-radius-xxxl, 1rem) } .\!k-rounded-bl-xxxl { border-bottom-left-radius: var(--kendo-border-radius-xxxl, 1rem) !important } .k-rounded-bl-full { border-bottom-left-radius: var(--kendo-border-radius-full, 9999px) } .\!k-rounded-bl-full { border-bottom-left-radius: var(--kendo-border-radius-full, 9999px) !important } .k-rounded-t-none { border-top-left-radius: var(--kendo-border-radius-none, 0px); border-top-right-radius: var(--kendo-border-radius-none, 0px) } .\!k-rounded-t-none { border-top-left-radius: var(--kendo-border-radius-none, 0px) !important; border-top-right-radius: var(--kendo-border-radius-none, 0px) !important } .k-rounded-t-xs { border-top-left-radius: var(--kendo-border-radius-xs, 1px); border-top-right-radius: var(--kendo-border-radius-xs, 1px) } .\!k-rounded-t-xs { border-top-left-radius: var(--kendo-border-radius-xs, 1px) !important; border-top-right-radius: var(--kendo-border-radius-xs, 1px) !important } .k-rounded-t-sm { border-top-left-radius: var(--kendo-border-radius-sm, 0.125rem); border-top-right-radius: var(--kendo-border-radius-sm, 0.125rem) } .\!k-rounded-t-sm { border-top-left-radius: var(--kendo-border-radius-sm, 0.125rem) !important; border-top-right-radius: var(--kendo-border-radius-sm, 0.125rem) !important } .k-rounded-t-md { border-top-left-radius: var(--kendo-border-radius-md, 0.25rem); border-top-right-radius: var(--kendo-border-radius-md, 0.25rem) } .\!k-rounded-t-md { border-top-left-radius: var(--kendo-border-radius-md, 0.25rem) !important; border-top-right-radius: var(--kendo-border-radius-md, 0.25rem) !important } .k-rounded-t-lg { border-top-left-radius: var(--kendo-border-radius-lg, 0.375rem); border-top-right-radius: var(--kendo-border-radius-lg, 0.375rem) } .\!k-rounded-t-lg { border-top-left-radius: var(--kendo-border-radius-lg, 0.375rem) !important; border-top-right-radius: var(--kendo-border-radius-lg, 0.375rem) !important } .k-rounded-t-xl { border-top-left-radius: var(--kendo-border-radius-xl, 0.5rem); border-top-right-radius: var(--kendo-border-radius-xl, 0.5rem) } .\!k-rounded-t-xl { border-top-left-radius: var(--kendo-border-radius-xl, 0.5rem) !important; border-top-right-radius: var(--kendo-border-radius-xl, 0.5rem) !important } .k-rounded-t-xxl { border-top-left-radius: var(--kendo-border-radius-xxl, 0.75rem); border-top-right-radius: var(--kendo-border-radius-xxl, 0.75rem) } .\!k-rounded-t-xxl { border-top-left-radius: var(--kendo-border-radius-xxl, 0.75rem) !important; border-top-right-radius: var(--kendo-border-radius-xxl, 0.75rem) !important } .k-rounded-t-xxxl { border-top-left-radius: var(--kendo-border-radius-xxxl, 1rem); border-top-right-radius: var(--kendo-border-radius-xxxl, 1rem) } .\!k-rounded-t-xxxl { border-top-left-radius: var(--kendo-border-radius-xxxl, 1rem) !important; border-top-right-radius: var(--kendo-border-radius-xxxl, 1rem) !important } .k-rounded-t-full { border-top-left-radius: var(--kendo-border-radius-full, 9999px); border-top-right-radius: var(--kendo-border-radius-full, 9999px) } .\!k-rounded-t-full { border-top-left-radius: var(--kendo-border-radius-full, 9999px) !important; border-top-right-radius: var(--kendo-border-radius-full, 9999px) !important } .k-rounded-r-none { border-top-right-radius: var(--kendo-border-radius-none, 0px); border-bottom-right-radius: var(--kendo-border-radius-none, 0px) } .\!k-rounded-r-none { border-top-right-radius: var(--kendo-border-radius-none, 0px) !important; border-bottom-right-radius: var(--kendo-border-radius-none, 0px) !important } .k-rounded-r-xs { border-top-right-radius: var(--kendo-border-radius-xs, 1px); border-bottom-right-radius: var(--kendo-border-radius-xs, 1px) } .\!k-rounded-r-xs { border-top-right-radius: var(--kendo-border-radius-xs, 1px) !important; border-bottom-right-radius: var(--kendo-border-radius-xs, 1px) !important } .k-rounded-r-sm { border-top-right-radius: var(--kendo-border-radius-sm, 0.125rem); border-bottom-right-radius: var(--kendo-border-radius-sm, 0.125rem) } .\!k-rounded-r-sm { border-top-right-radius: var(--kendo-border-radius-sm, 0.125rem) !important; border-bottom-right-radius: var(--kendo-border-radius-sm, 0.125rem) !important } .k-rounded-r-md { border-top-right-radius: var(--kendo-border-radius-md, 0.25rem); border-bottom-right-radius: var(--kendo-border-radius-md, 0.25rem) } .\!k-rounded-r-md { border-top-right-radius: var(--kendo-border-radius-md, 0.25rem) !important; border-bottom-right-radius: var(--kendo-border-radius-md, 0.25rem) !important } .k-rounded-r-lg { border-top-right-radius: var(--kendo-border-radius-lg, 0.375rem); border-bottom-right-radius: var(--kendo-border-radius-lg, 0.375rem) } .\!k-rounded-r-lg { border-top-right-radius: var(--kendo-border-radius-lg, 0.375rem) !important; border-bottom-right-radius: var(--kendo-border-radius-lg, 0.375rem) !important } .k-rounded-r-xl { border-top-right-radius: var(--kendo-border-radius-xl, 0.5rem); border-bottom-right-radius: var(--kendo-border-radius-xl, 0.5rem) } .\!k-rounded-r-xl { border-top-right-radius: var(--kendo-border-radius-xl, 0.5rem) !important; border-bottom-right-radius: var(--kendo-border-radius-xl, 0.5rem) !important } .k-rounded-r-xxl { border-top-right-radius: var(--kendo-border-radius-xxl, 0.75rem); border-bottom-right-radius: var(--kendo-border-radius-xxl, 0.75rem) } .\!k-rounded-r-xxl { border-top-right-radius: var(--kendo-border-radius-xxl, 0.75rem) !important; border-bottom-right-radius: var(--kendo-border-radius-xxl, 0.75rem) !important } .k-rounded-r-xxxl { border-top-right-radius: var(--kendo-border-radius-xxxl, 1rem); border-bottom-right-radius: var(--kendo-border-radius-xxxl, 1rem) } .\!k-rounded-r-xxxl { border-top-right-radius: var(--kendo-border-radius-xxxl, 1rem) !important; border-bottom-right-radius: var(--kendo-border-radius-xxxl, 1rem) !important } .k-rounded-r-full { border-top-right-radius: var(--kendo-border-radius-full, 9999px); border-bottom-right-radius: var(--kendo-border-radius-full, 9999px) } .\!k-rounded-r-full { border-top-right-radius: var(--kendo-border-radius-full, 9999px) !important; border-bottom-right-radius: var(--kendo-border-radius-full, 9999px) !important } .k-rounded-b-none { border-bottom-left-radius: var(--kendo-border-radius-none, 0px); border-bottom-right-radius: var(--kendo-border-radius-none, 0px) } .\!k-rounded-b-none { border-bottom-left-radius: var(--kendo-border-radius-none, 0px) !important; border-bottom-right-radius: var(--kendo-border-radius-none, 0px) !important } .k-rounded-b-xs { border-bottom-left-radius: var(--kendo-border-radius-xs, 1px); border-bottom-right-radius: var(--kendo-border-radius-xs, 1px) } .\!k-rounded-b-xs { border-bottom-left-radius: var(--kendo-border-radius-xs, 1px) !important; border-bottom-right-radius: var(--kendo-border-radius-xs, 1px) !important } .k-rounded-b-sm { border-bottom-left-radius: var(--kendo-border-radius-sm, 0.125rem); border-bottom-right-radius: var(--kendo-border-radius-sm, 0.125rem) } .\!k-rounded-b-sm { border-bottom-left-radius: var(--kendo-border-radius-sm, 0.125rem) !important; border-bottom-right-radius: var(--kendo-border-radius-sm, 0.125rem) !important } .k-rounded-b-md { border-bottom-left-radius: var(--kendo-border-radius-md, 0.25rem); border-bottom-right-radius: var(--kendo-border-radius-md, 0.25rem) } .\!k-rounded-b-md { border-bottom-left-radius: var(--kendo-border-radius-md, 0.25rem) !important; border-bottom-right-radius: var(--kendo-border-radius-md, 0.25rem) !important } .k-rounded-b-lg { border-bottom-left-radius: var(--kendo-border-radius-lg, 0.375rem); border-bottom-right-radius: var(--kendo-border-radius-lg, 0.375rem) } .\!k-rounded-b-lg { border-bottom-left-radius: var(--kendo-border-radius-lg, 0.375rem) !important; border-bottom-right-radius: var(--kendo-border-radius-lg, 0.375rem) !important } .k-rounded-b-xl { border-bottom-left-radius: var(--kendo-border-radius-xl, 0.5rem); border-bottom-right-radius: var(--kendo-border-radius-xl, 0.5rem) } .\!k-rounded-b-xl { border-bottom-left-radius: var(--kendo-border-radius-xl, 0.5rem) !important; border-bottom-right-radius: var(--kendo-border-radius-xl, 0.5rem) !important } .k-rounded-b-xxl { border-bottom-left-radius: var(--kendo-border-radius-xxl, 0.75rem); border-bottom-right-radius: var(--kendo-border-radius-xxl, 0.75rem) } .\!k-rounded-b-xxl { border-bottom-left-radius: var(--kendo-border-radius-xxl, 0.75rem) !important; border-bottom-right-radius: var(--kendo-border-radius-xxl, 0.75rem) !important } .k-rounded-b-xxxl { border-bottom-left-radius: var(--kendo-border-radius-xxxl, 1rem); border-bottom-right-radius: var(--kendo-border-radius-xxxl, 1rem) } .\!k-rounded-b-xxxl { border-bottom-left-radius: var(--kendo-border-radius-xxxl, 1rem) !important; border-bottom-right-radius: var(--kendo-border-radius-xxxl, 1rem) !important } .k-rounded-b-full { border-bottom-left-radius: var(--kendo-border-radius-full, 9999px); border-bottom-right-radius: var(--kendo-border-radius-full, 9999px) } .\!k-rounded-b-full { border-bottom-left-radius: var(--kendo-border-radius-full, 9999px) !important; border-bottom-right-radius: var(--kendo-border-radius-full, 9999px) !important } .k-rounded-l-none { border-top-left-radius: var(--kendo-border-radius-none, 0px); border-bottom-left-radius: var(--kendo-border-radius-none, 0px) } .\!k-rounded-l-none { border-top-left-radius: var(--kendo-border-radius-none, 0px) !important; border-bottom-left-radius: var(--kendo-border-radius-none, 0px) !important } .k-rounded-l-xs { border-top-left-radius: var(--kendo-border-radius-xs, 1px); border-bottom-left-radius: var(--kendo-border-radius-xs, 1px) } .\!k-rounded-l-xs { border-top-left-radius: var(--kendo-border-radius-xs, 1px) !important; border-bottom-left-radius: var(--kendo-border-radius-xs, 1px) !important } .k-rounded-l-sm { border-top-left-radius: var(--kendo-border-radius-sm, 0.125rem); border-bottom-left-radius: var(--kendo-border-radius-sm, 0.125rem) } .\!k-rounded-l-sm { border-top-left-radius: var(--kendo-border-radius-sm, 0.125rem) !important; border-bottom-left-radius: var(--kendo-border-radius-sm, 0.125rem) !important } .k-rounded-l-md { border-top-left-radius: var(--kendo-border-radius-md, 0.25rem); border-bottom-left-radius: var(--kendo-border-radius-md, 0.25rem) } .\!k-rounded-l-md { border-top-left-radius: var(--kendo-border-radius-md, 0.25rem) !important; border-bottom-left-radius: var(--kendo-border-radius-md, 0.25rem) !important } .k-rounded-l-lg { border-top-left-radius: var(--kendo-border-radius-lg, 0.375rem); border-bottom-left-radius: var(--kendo-border-radius-lg, 0.375rem) } .\!k-rounded-l-lg { border-top-left-radius: var(--kendo-border-radius-lg, 0.375rem) !important; border-bottom-left-radius: var(--kendo-border-radius-lg, 0.375rem) !important } .k-rounded-l-xl { border-top-left-radius: var(--kendo-border-radius-xl, 0.5rem); border-bottom-left-radius: var(--kendo-border-radius-xl, 0.5rem) } .\!k-rounded-l-xl { border-top-left-radius: var(--kendo-border-radius-xl, 0.5rem) !important; border-bottom-left-radius: var(--kendo-border-radius-xl, 0.5rem) !important } .k-rounded-l-xxl { border-top-left-radius: var(--kendo-border-radius-xxl, 0.75rem); border-bottom-left-radius: var(--kendo-border-radius-xxl, 0.75rem) } .\!k-rounded-l-xxl { border-top-left-radius: var(--kendo-border-radius-xxl, 0.75rem) !important; border-bottom-left-radius: var(--kendo-border-radius-xxl, 0.75rem) !important } .k-rounded-l-xxxl { border-top-left-radius: var(--kendo-border-radius-xxxl, 1rem); border-bottom-left-radius: var(--kendo-border-radius-xxxl, 1rem) } .\!k-rounded-l-xxxl { border-top-left-radius: var(--kendo-border-radius-xxxl, 1rem) !important; border-bottom-left-radius: var(--kendo-border-radius-xxxl, 1rem) !important } .k-rounded-l-full { border-top-left-radius: var(--kendo-border-radius-full, 9999px); border-bottom-left-radius: var(--kendo-border-radius-full, 9999px) } .\!k-rounded-l-full { border-top-left-radius: var(--kendo-border-radius-full, 9999px) !important; border-bottom-left-radius: var(--kendo-border-radius-full, 9999px) !important } .k-border-solid { border-style: solid } .\!k-border-solid { border-style: solid !important } .k-border-dashed { border-style: dashed } .\!k-border-dashed { border-style: dashed !important } .k-border-dotted { border-style: dotted } .\!k-border-dotted { border-style: dotted !important } .k-border-double { border-style: double } .\!k-border-double { border-style: double !important } .k-border-inset { border-style: inset } .\!k-border-inset { border-style: inset !important } .k-border-outset { border-style: outset } .\!k-border-outset { border-style: outset !important } .k-border-hidden { border-style: hidden } .\!k-border-hidden { border-style: hidden !important } .k-border-none { border-style: none } .\!k-border-none { border-style: none !important } .k-border-t-solid { border-top-style: solid } .\!k-border-t-solid { border-top-style: solid !important } .k-border-t-dashed { border-top-style: dashed } .\!k-border-t-dashed { border-top-style: dashed !important } .k-border-t-dotted { border-top-style: dotted } .\!k-border-t-dotted { border-top-style: dotted !important } .k-border-t-double { border-top-style: double } .\!k-border-t-double { border-top-style: double !important } .k-border-t-inset { border-top-style: inset } .\!k-border-t-inset { border-top-style: inset !important } .k-border-t-outset { border-top-style: outset } .\!k-border-t-outset { border-top-style: outset !important } .k-border-t-hidden { border-top-style: hidden } .\!k-border-t-hidden { border-top-style: hidden !important } .k-border-t-none { border-top-style: none } .\!k-border-t-none { border-top-style: none !important } .k-border-r-solid { border-right-style: solid } .\!k-border-r-solid { border-right-style: solid !important } .k-border-r-dashed { border-right-style: dashed } .\!k-border-r-dashed { border-right-style: dashed !important } .k-border-r-dotted { border-right-style: dotted } .\!k-border-r-dotted { border-right-style: dotted !important } .k-border-r-double { border-right-style: double } .\!k-border-r-double { border-right-style: double !important } .k-border-r-inset { border-right-style: inset } .\!k-border-r-inset { border-right-style: inset !important } .k-border-r-outset { border-right-style: outset } .\!k-border-r-outset { border-right-style: outset !important } .k-border-r-hidden { border-right-style: hidden } .\!k-border-r-hidden { border-right-style: hidden !important } .k-border-r-none { border-right-style: none } .\!k-border-r-none { border-right-style: none !important } .k-border-b-solid { border-bottom-style: solid } .\!k-border-b-solid { border-bottom-style: solid !important } .k-border-b-dashed { border-bottom-style: dashed } .\!k-border-b-dashed { border-bottom-style: dashed !important } .k-border-b-dotted { border-bottom-style: dotted } .\!k-border-b-dotted { border-bottom-style: dotted !important } .k-border-b-double { border-bottom-style: double } .\!k-border-b-double { border-bottom-style: double !important } .k-border-b-inset { border-bottom-style: inset } .\!k-border-b-inset { border-bottom-style: inset !important } .k-border-b-outset { border-bottom-style: outset } .\!k-border-b-outset { border-bottom-style: outset !important } .k-border-b-hidden { border-bottom-style: hidden } .\!k-border-b-hidden { border-bottom-style: hidden !important } .k-border-b-none { border-bottom-style: none } .\!k-border-b-none { border-bottom-style: none !important } .k-border-l-solid { border-left-style: solid } .\!k-border-l-solid { border-left-style: solid !important } .k-border-l-dashed { border-left-style: dashed } .\!k-border-l-dashed { border-left-style: dashed !important } .k-border-l-dotted { border-left-style: dotted } .\!k-border-l-dotted { border-left-style: dotted !important } .k-border-l-double { border-left-style: double } .\!k-border-l-double { border-left-style: double !important } .k-border-l-inset { border-left-style: inset } .\!k-border-l-inset { border-left-style: inset !important } .k-border-l-outset { border-left-style: outset } .\!k-border-l-outset { border-left-style: outset !important } .k-border-l-hidden { border-left-style: hidden } .\!k-border-l-hidden { border-left-style: hidden !important } .k-border-l-none { border-left-style: none } .\!k-border-l-none { border-left-style: none !important } .k-border-x-solid { border-inline-style: solid } .\!k-border-x-solid { border-inline-style: solid !important } .k-border-x-dashed { border-inline-style: dashed } .\!k-border-x-dashed { border-inline-style: dashed !important } .k-border-x-dotted { border-inline-style: dotted } .\!k-border-x-dotted { border-inline-style: dotted !important } .k-border-x-double { border-inline-style: double } .\!k-border-x-double { border-inline-style: double !important } .k-border-x-inset { border-inline-style: inset } .\!k-border-x-inset { border-inline-style: inset !important } .k-border-x-outset { border-inline-style: outset } .\!k-border-x-outset { border-inline-style: outset !important } .k-border-x-hidden { border-inline-style: hidden } .\!k-border-x-hidden { border-inline-style: hidden !important } .k-border-x-none { border-inline-style: none } .\!k-border-x-none { border-inline-style: none !important } .k-border-y-solid { border-block-style: solid } .\!k-border-y-solid { border-block-style: solid !important } .k-border-y-dashed { border-block-style: dashed } .\!k-border-y-dashed { border-block-style: dashed !important } .k-border-y-dotted { border-block-style: dotted } .\!k-border-y-dotted { border-block-style: dotted !important } .k-border-y-double { border-block-style: double } .\!k-border-y-double { border-block-style: double !important } .k-border-y-inset { border-block-style: inset } .\!k-border-y-inset { border-block-style: inset !important } .k-border-y-outset { border-block-style: outset } .\!k-border-y-outset { border-block-style: outset !important } .k-border-y-hidden { border-block-style: hidden } .\!k-border-y-hidden { border-block-style: hidden !important } .k-border-y-none { border-block-style: none } .\!k-border-y-none { border-block-style: none !important } .k-border { border-width: 1px } .\!k-border { border-width: 1px !important } .k-border-0 { border-width: 0 } .\!k-border-0 { border-width: 0 !important } .k-border-2 { border-width: 2px } .\!k-border-2 { border-width: 2px !important } .k-border-4 { border-width: 4px } .\!k-border-4 { border-width: 4px !important } .k-border-8 { border-width: 8px } .\!k-border-8 { border-width: 8px !important } .k-border-t { border-top-width: 1px } .\!k-border-t { border-top-width: 1px !important } .k-border-t-0 { border-top-width: 0 } .\!k-border-t-0 { border-top-width: 0 !important } .k-border-t-2 { border-top-width: 2px } .\!k-border-t-2 { border-top-width: 2px !important } .k-border-t-4 { border-top-width: 4px } .\!k-border-t-4 { border-top-width: 4px !important } .k-border-t-8 { border-top-width: 8px } .\!k-border-t-8 { border-top-width: 8px !important } .k-border-r { border-right-width: 1px } .\!k-border-r { border-right-width: 1px !important } .k-border-r-0 { border-right-width: 0 } .\!k-border-r-0 { border-right-width: 0 !important } .k-border-r-2 { border-right-width: 2px } .\!k-border-r-2 { border-right-width: 2px !important } .k-border-r-4 { border-right-width: 4px } .\!k-border-r-4 { border-right-width: 4px !important } .k-border-r-8 { border-right-width: 8px } .\!k-border-r-8 { border-right-width: 8px !important } .k-border-b { border-bottom-width: 1px } .\!k-border-b { border-bottom-width: 1px !important } .k-border-b-0 { border-bottom-width: 0 } .\!k-border-b-0 { border-bottom-width: 0 !important } .k-border-b-2 { border-bottom-width: 2px } .\!k-border-b-2 { border-bottom-width: 2px !important } .k-border-b-4 { border-bottom-width: 4px } .\!k-border-b-4 { border-bottom-width: 4px !important } .k-border-b-8 { border-bottom-width: 8px } .\!k-border-b-8 { border-bottom-width: 8px !important } .k-border-l { border-left-width: 1px } .\!k-border-l { border-left-width: 1px !important } .k-border-l-0 { border-left-width: 0 } .\!k-border-l-0 { border-left-width: 0 !important } .k-border-l-2 { border-left-width: 2px } .\!k-border-l-2 { border-left-width: 2px !important } .k-border-l-4 { border-left-width: 4px } .\!k-border-l-4 { border-left-width: 4px !important } .k-border-l-8 { border-left-width: 8px } .\!k-border-l-8 { border-left-width: 8px !important } .k-border-x { border-inline-width: 1px } .\!k-border-x { border-inline-width: 1px !important } .k-border-x-0 { border-inline-width: 0 } .\!k-border-x-0 { border-inline-width: 0 !important } .k-border-x-2 { border-inline-width: 2px } .\!k-border-x-2 { border-inline-width: 2px !important } .k-border-x-4 { border-inline-width: 4px } .\!k-border-x-4 { border-inline-width: 4px !important } .k-border-x-8 { border-inline-width: 8px } .\!k-border-x-8 { border-inline-width: 8px !important } .k-border-y { border-block-width: 1px } .\!k-border-y { border-block-width: 1px !important } .k-border-y-0 { border-block-width: 0 } .\!k-border-y-0 { border-block-width: 0 !important } .k-border-y-2 { border-block-width: 2px } .\!k-border-y-2 { border-block-width: 2px !important } .k-border-y-4 { border-block-width: 4px } .\!k-border-y-4 { border-block-width: 4px !important } .k-border-y-8 { border-block-width: 8px } .\!k-border-y-8 { border-block-width: 8px !important } .k-border-top { border-top-width: 1px } .\!k-border-top { border-top-width: 1px !important } .k-border-top-0 { border-top-width: 0 } .\!k-border-top-0 { border-top-width: 0 !important } .k-border-top-2 { border-top-width: 2px } .\!k-border-top-2 { border-top-width: 2px !important } .k-border-top-4 { border-top-width: 4px } .\!k-border-top-4 { border-top-width: 4px !important } .k-border-top-8 { border-top-width: 8px } .\!k-border-top-8 { border-top-width: 8px !important } .k-border-right { border-right-width: 1px } .\!k-border-right { border-right-width: 1px !important } .k-border-right-0 { border-right-width: 0 } .\!k-border-right-0 { border-right-width: 0 !important } .k-border-right-2 { border-right-width: 2px } .\!k-border-right-2 { border-right-width: 2px !important } .k-border-right-4 { border-right-width: 4px } .\!k-border-right-4 { border-right-width: 4px !important } .k-border-right-8 { border-right-width: 8px } .\!k-border-right-8 { border-right-width: 8px !important } .k-border-bottom { border-bottom-width: 1px } .\!k-border-bottom { border-bottom-width: 1px !important } .k-border-bottom-0 { border-bottom-width: 0 } .\!k-border-bottom-0 { border-bottom-width: 0 !important } .k-border-bottom-2 { border-bottom-width: 2px } .\!k-border-bottom-2 { border-bottom-width: 2px !important } .k-border-bottom-4 { border-bottom-width: 4px } .\!k-border-bottom-4 { border-bottom-width: 4px !important } .k-border-bottom-8 { border-bottom-width: 8px } .\!k-border-bottom-8 { border-bottom-width: 8px !important } .k-border-left { border-left-width: 1px } .\!k-border-left { border-left-width: 1px !important } .k-border-left-0 { border-left-width: 0 } .\!k-border-left-0 { border-left-width: 0 !important } .k-border-left-2 { border-left-width: 2px } .\!k-border-left-2 { border-left-width: 2px !important } .k-border-left-4 { border-left-width: 4px } .\!k-border-left-4 { border-left-width: 4px !important } .k-border-left-8 { border-left-width: 8px } .\!k-border-left-8 { border-left-width: 8px !important } .k-outline-app-surface { outline-color: var(--kendo-color-app-surface, #ffffff) } .\!k-outline-app-surface { outline-color: var(--kendo-color-app-surface, #ffffff) !important } .k-outline-on-app-surface { outline-color: var(--kendo-color-on-app-surface, #3d3d3d) } .\!k-outline-on-app-surface { outline-color: var(--kendo-color-on-app-surface, #3d3d3d) !important } .k-outline-subtle { outline-color: var(--kendo-color-subtle, #666666) } .\!k-outline-subtle { outline-color: var(--kendo-color-subtle, #666666) !important } .k-outline-surface { outline-color: var(--kendo-color-surface, #fafafa) } .\!k-outline-surface { outline-color: var(--kendo-color-surface, #fafafa) !important } .k-outline-surface-alt { outline-color: var(--kendo-color-surface-alt, #ffffff) } .\!k-outline-surface-alt { outline-color: var(--kendo-color-surface-alt, #ffffff) !important } .k-outline-border { outline-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .\!k-outline-border { outline-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important } .k-outline-border-alt { outline-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .\!k-outline-border-alt { outline-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) !important } .k-outline-base-subtle { outline-color: var(--kendo-color-base-subtle, #ebebeb) } .\!k-outline-base-subtle { outline-color: var(--kendo-color-base-subtle, #ebebeb) !important } .k-outline-base-emphasis { outline-color: var(--kendo-color-base-emphasis, #c2c2c2) } .\!k-outline-base-emphasis { outline-color: var(--kendo-color-base-emphasis, #c2c2c2) !important } .k-outline-primary-subtle { outline-color: var(--kendo-color-primary-subtle, #ffeceb) } .\!k-outline-primary-subtle { outline-color: var(--kendo-color-primary-subtle, #ffeceb) !important } .k-outline-primary { outline-color: var(--kendo-color-primary, #0058e9) } .\!k-outline-primary { outline-color: var(--kendo-color-primary, #0058e9) !important } .k-outline-primary-emphasis { outline-color: var(--kendo-color-primary-emphasis, #ff9d97) } .\!k-outline-primary-emphasis { outline-color: var(--kendo-color-primary-emphasis, #ff9d97) !important } .k-outline-secondary-subtle { outline-color: var(--kendo-color-secondary-subtle, #fafafa) } .\!k-outline-secondary-subtle { outline-color: var(--kendo-color-secondary-subtle, #fafafa) !important } .k-outline-secondary { outline-color: var(--kendo-color-secondary, #333333) } .\!k-outline-secondary { outline-color: var(--kendo-color-secondary, #333333) !important } .k-outline-secondary-emphasis { outline-color: var(--kendo-color-secondary-emphasis, #e0e0e0) } .\!k-outline-secondary-emphasis { outline-color: var(--kendo-color-secondary-emphasis, #e0e0e0) !important } .k-outline-tertiary-subtle { outline-color: var(--kendo-color-tertiary-subtle, #d8f1fd) } .\!k-outline-tertiary-subtle { outline-color: var(--kendo-color-tertiary-subtle, #d8f1fd) !important } .k-outline-tertiary { outline-color: var(--kendo-color-tertiary, #03a9f4) } .\!k-outline-tertiary { outline-color: var(--kendo-color-tertiary, #03a9f4) !important } .k-outline-tertiary-emphasis { outline-color: var(--kendo-color-tertiary-emphasis, #61c9f9) } .\!k-outline-tertiary-emphasis { outline-color: var(--kendo-color-tertiary-emphasis, #61c9f9) !important } .k-outline-info-subtle { outline-color: var(--kendo-color-info-subtle, #d2e2fb) } .\!k-outline-info-subtle { outline-color: var(--kendo-color-info-subtle, #d2e2fb) !important } .k-outline-info { outline-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .\!k-outline-info { outline-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) !important } .k-outline-info-emphasis { outline-color: var(--kendo-color-info-emphasis, #6098f2) } .\!k-outline-info-emphasis { outline-color: var(--kendo-color-info-emphasis, #6098f2) !important } .k-outline-success-subtle { outline-color: var(--kendo-color-success-subtle, #dcf0d3) } .\!k-outline-success-subtle { outline-color: var(--kendo-color-success-subtle, #dcf0d3) !important } .k-outline-success { outline-color: var(--kendo-color-success, #0b8250) } .\!k-outline-success { outline-color: var(--kendo-color-success, #0b8250) !important } .k-outline-success-emphasis { outline-color: var(--kendo-color-success-emphasis, #81d15f) } .\!k-outline-success-emphasis { outline-color: var(--kendo-color-success-emphasis, #81d15f) !important } .k-outline-warning-subtle { outline-color: var(--kendo-color-warning-subtle, #fff4d3) } .\!k-outline-warning-subtle { outline-color: var(--kendo-color-warning-subtle, #fff4d3) !important } .k-outline-warning { outline-color: var(--kendo-color-warning, #ffbf44) } .\!k-outline-warning { outline-color: var(--kendo-color-warning, #ffbf44) !important } .k-outline-warning-emphasis { outline-color: var(--kendo-color-warning-emphasis, #ffd760) } .\!k-outline-warning-emphasis { outline-color: var(--kendo-color-warning-emphasis, #ffd760) !important } .k-outline-error-subtle { outline-color: var(--kendo-color-error-subtle, #fcddda) } .\!k-outline-error-subtle { outline-color: var(--kendo-color-error-subtle, #fcddda) !important } .k-outline-error { outline-color: var(--kendo-color-error, #e13929) } .\!k-outline-error { outline-color: var(--kendo-color-error, #e13929) !important } .k-outline-error-emphasis { outline-color: var(--kendo-color-error-emphasis, #f76f60) } .\!k-outline-error-emphasis { outline-color: var(--kendo-color-error-emphasis, #f76f60) !important } .k-outline-light-subtle { outline-color: var(--kendo-color-light-subtle, #fafafa) } .\!k-outline-light-subtle { outline-color: var(--kendo-color-light-subtle, #fafafa) !important } .k-outline-light { outline-color: var(--kendo-color-light, #ebebeb) } .\!k-outline-light { outline-color: var(--kendo-color-light, #ebebeb) !important } .k-outline-light-emphasis { outline-color: var(--kendo-color-light-emphasis, #d6d6d6) } .\!k-outline-light-emphasis { outline-color: var(--kendo-color-light-emphasis, #d6d6d6) !important } .k-outline-dark-subtle { outline-color: var(--kendo-color-dark-subtle, #c2c2c2) } .\!k-outline-dark-subtle { outline-color: var(--kendo-color-dark-subtle, #c2c2c2) !important } .k-outline-dark { outline-color: var(--kendo-color-dark, #3d3d3d) } .\!k-outline-dark { outline-color: var(--kendo-color-dark, #3d3d3d) !important } .k-outline-dark-emphasis { outline-color: var(--kendo-color-dark-emphasis, #666666) } .\!k-outline-dark-emphasis { outline-color: var(--kendo-color-dark-emphasis, #666666) !important } .k-outline-inherit { outline-color: var(--kendo-color-inherit, inherit) } .\!k-outline-inherit { outline-color: var(--kendo-color-inherit, inherit) !important } .k-outline-current { outline-color: var(--kendo-color-current, currentColor) } .\!k-outline-current { outline-color: var(--kendo-color-current, currentColor) !important } .k-outline-transparent { outline-color: var(--kendo-color-transparent, transparent) } .\!k-outline-transparent { outline-color: var(--kendo-color-transparent, transparent) !important } .k-outline-black { outline-color: var(--kendo-color-black, black) } .\!k-outline-black { outline-color: var(--kendo-color-black, black) !important } .k-outline-white { outline-color: var(--kendo-color-white, white) } .\!k-outline-white { outline-color: var(--kendo-color-white, white) !important } .k-outline-offset-0 { outline-offset: 0 } .\!k-outline-offset-0 { outline-offset: 0 !important } .k-outline-offset-1 { outline-offset: 1px } .\!k-outline-offset-1 { outline-offset: 1px !important } .k-outline-offset-2 { outline-offset: 2px } .\!k-outline-offset-2 { outline-offset: 2px !important } .k-outline-offset-4 { outline-offset: 4px } .\!k-outline-offset-4 { outline-offset: 4px !important } .k-outline-offset-8 { outline-offset: 8px } .\!k-outline-offset-8 { outline-offset: 8px !important } .k-outline-solid { outline-style: solid } .\!k-outline-solid { outline-style: solid !important } .k-outline-dashed { outline-style: dashed } .\!k-outline-dashed { outline-style: dashed !important } .k-outline-dotted { outline-style: dotted } .\!k-outline-dotted { outline-style: dotted !important } .k-outline-double { outline-style: double } .\!k-outline-double { outline-style: double !important } .k-outline-inset { outline-style: inset } .\!k-outline-inset { outline-style: inset !important } .k-outline-outset { outline-style: outset } .\!k-outline-outset { outline-style: outset !important } .k-outline-none { outline-style: none } .\!k-outline-none { outline-style: none !important } .k-outline { outline-width: 1px } .\!k-outline { outline-width: 1px !important } .k-outline-0 { outline-width: 0 } .\!k-outline-0 { outline-width: 0 !important } .k-outline-2 { outline-width: 2px } .\!k-outline-2 { outline-width: 2px !important } .k-outline-4 { outline-width: 4px } .\!k-outline-4 { outline-width: 4px !important } .k-outline-8 { outline-width: 8px } .\!k-outline-8 { outline-width: 8px !important } .k-opacity-0 { opacity: 0 } .\!k-opacity-0 { opacity: 0 !important } .k-opacity-5 { opacity: .05 } .\!k-opacity-5 { opacity: .05 !important } .k-opacity-10 { opacity: .1 } .\!k-opacity-10 { opacity: .1 !important } .k-opacity-20 { opacity: .2 } .\!k-opacity-20 { opacity: .2 !important } .k-opacity-30 { opacity: .3 } .\!k-opacity-30 { opacity: .3 !important } .k-opacity-40 { opacity: .4 } .\!k-opacity-40 { opacity: .4 !important } .k-opacity-50 { opacity: .5 } .\!k-opacity-50 { opacity: .5 !important } .k-opacity-60 { opacity: .6 } .\!k-opacity-60 { opacity: .6 !important } .k-opacity-70 { opacity: .7 } .\!k-opacity-70 { opacity: .7 !important } .k-opacity-80 { opacity: .8 } .\!k-opacity-80 { opacity: .8 !important } .k-opacity-90 { opacity: .9 } .\!k-opacity-90 { opacity: .9 !important } .k-opacity-100 { opacity: 1 } .\!k-opacity-100 { opacity: 1 !important } .k-backdrop-blur { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px) } .\!k-backdrop-blur { -webkit-backdrop-filter: blur(8px) !important; backdrop-filter: blur(8px) !important } .k-backdrop-blur-none { -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0) } .\!k-backdrop-blur-none { -webkit-backdrop-filter: blur(0) !important; backdrop-filter: blur(0) !important } .k-backdrop-blur-sm { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px) } .\!k-backdrop-blur-sm { -webkit-backdrop-filter: blur(4px) !important; backdrop-filter: blur(4px) !important } .k-backdrop-blur-md { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px) } .\!k-backdrop-blur-md { -webkit-backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important } .k-backdrop-blur-lg { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px) } .\!k-backdrop-blur-lg { -webkit-backdrop-filter: blur(12px) !important; backdrop-filter: blur(12px) !important } .k-border-collapse { border-collapse: collapse } .\!k-border-collapse { border-collapse: collapse !important } .k-border-separate { border-collapse: separate } .\!k-border-separate { border-collapse: separate !important } .k-table-auto { table-layout: auto } .\!k-table-auto { table-layout: auto !important } .k-table-fixed { table-layout: fixed } .\!k-table-fixed { table-layout: fixed !important } .k-table-layout-auto { table-layout: auto } .\!k-table-layout-auto { table-layout: auto !important } .k-table-layout-fixed { table-layout: fixed } .\!k-table-layout-fixed { table-layout: fixed !important } .k-flip-h, .k-flip-x { transform: scaleX(-1) } .\!k-flip-h, .\!k-flip-x { transform: scaleX(-1) !important } .k-flip-v, .k-flip-y { transform: scaleY(-1) } .\!k-flip-v, .\!k-flip-y { transform: scaleY(-1) !important } .k-flip-h.k-flip-v, .k-flip-h.k-flip-y, .k-flip-v.k-flip-x, .k-flip-x.k-flip-y { transform: scale(-1, -1) } .\!k-flip-h.\!k-flip-v, .\!k-flip-h.\!k-flip-y, .\!k-flip-v.\!k-flip-x, .\!k-flip-x.\!k-flip-y { transform: scale(-1, -1) !important } .k-origin-center { transform-origin: center } .\!k-origin-center { transform-origin: center !important } .k-origin-top { transform-origin: top } .\!k-origin-top { transform-origin: top !important } .k-origin-right { transform-origin: right } .\!k-origin-right { transform-origin: right !important } .k-origin-bottom { transform-origin: bottom } .\!k-origin-bottom { transform-origin: bottom !important } .k-origin-left { transform-origin: left } .\!k-origin-left { transform-origin: left !important } .k-origin-top-left { transform-origin: top left } .\!k-origin-top-left { transform-origin: top left !important } .k-origin-top-right { transform-origin: top right } .\!k-origin-top-right { transform-origin: top right !important } .k-origin-bottom-left { transform-origin: bottom left } .\!k-origin-bottom-left { transform-origin: bottom left !important } .k-origin-bottom-right { transform-origin: bottom right } .\!k-origin-bottom-right { transform-origin: bottom right !important } .k-rotate-0 { transform: rotate(0deg) } .\!k-rotate-0 { transform: rotate(0deg) !important } .k-rotate-45 { transform: rotate(45deg) } .\!k-rotate-45 { transform: rotate(45deg) !important } .k-rotate-90 { transform: rotate(90deg) } .\!k-rotate-90 { transform: rotate(90deg) !important } .k-rotate-135 { transform: rotate(135deg) } .\!k-rotate-135 { transform: rotate(135deg) !important } .k-rotate-180 { transform: rotate(180deg) } .\!k-rotate-180 { transform: rotate(180deg) !important } .k-rotate-225 { transform: rotate(225deg) } .\!k-rotate-225 { transform: rotate(225deg) !important } .k-rotate-270 { transform: rotate(270deg) } .\!k-rotate-270 { transform: rotate(270deg) !important } .k-rotate-315 { transform: rotate(315deg) } .\!k-rotate-315 { transform: rotate(315deg) !important } .k-scale-0 { transform: scale(0) } .\!k-scale-0 { transform: scale(0) !important } .k-scale-0\.25 { transform: scale(0.25) } .\!k-scale-0\.25 { transform: scale(0.25) !important } .k-scale-0\.5 { transform: scale(0.5) } .\!k-scale-0\.5 { transform: scale(0.5) !important } .k-scale-0\.75 { transform: scale(0.75) } .\!k-scale-0\.75 { transform: scale(0.75) !important } .k-scale-1 { transform: scale(1) } .\!k-scale-1 { transform: scale(1) !important } .k-scale-1\.2 { transform: scale(1.25) } .\!k-scale-1\.2 { transform: scale(1.25) !important } .k-scale-1\.5 { transform: scale(1.5) } .\!k-scale-1\.5 { transform: scale(1.5) !important } .k-scale-2 { transform: scale(2) } .\!k-scale-2 { transform: scale(2) !important } .k-scale-x-0 { transform: scaleX(0) } .\!k-scale-x-0 { transform: scaleX(0) !important } .k-scale-x-0\.25 { transform: scaleX(0.25) } .\!k-scale-x-0\.25 { transform: scaleX(0.25) !important } .k-scale-x-0\.5 { transform: scaleX(0.5) } .\!k-scale-x-0\.5 { transform: scaleX(0.5) !important } .k-scale-x-0\.75 { transform: scaleX(0.75) } .\!k-scale-x-0\.75 { transform: scaleX(0.75) !important } .k-scale-x-1 { transform: scaleX(1) } .\!k-scale-x-1 { transform: scaleX(1) !important } .k-scale-x-1\.2 { transform: scaleX(1.25) } .\!k-scale-x-1\.2 { transform: scaleX(1.25) !important } .k-scale-x-1\.5 { transform: scaleX(1.5) } .\!k-scale-x-1\.5 { transform: scaleX(1.5) !important } .k-scale-x-2 { transform: scaleX(2) } .\!k-scale-x-2 { transform: scaleX(2) !important } .k-scale-y-0 { transform: scaleY(0) } .\!k-scale-y-0 { transform: scaleY(0) !important } .k-scale-y-0\.25 { transform: scaleY(0.25) } .\!k-scale-y-0\.25 { transform: scaleY(0.25) !important } .k-scale-y-0\.5 { transform: scaleY(0.5) } .\!k-scale-y-0\.5 { transform: scaleY(0.5) !important } .k-scale-y-0\.75 { transform: scaleY(0.75) } .\!k-scale-y-0\.75 { transform: scaleY(0.75) !important } .k-scale-y-1 { transform: scaleY(1) } .\!k-scale-y-1 { transform: scaleY(1) !important } .k-scale-y-1\.2 { transform: scaleY(1.25) } .\!k-scale-y-1\.2 { transform: scaleY(1.25) !important } .k-scale-y-1\.5 { transform: scaleY(1.5) } .\!k-scale-y-1\.5 { transform: scaleY(1.5) !important } .k-scale-y-2 { transform: scaleY(2) } .\!k-scale-y-2 { transform: scaleY(2) !important } .k-skew-x-0 { transform: skewX(0deg) } .\!k-skew-x-0 { transform: skewX(0deg) !important } .k-skew-x-1 { transform: skewX(1deg) } .\!k-skew-x-1 { transform: skewX(1deg) !important } .k-skew-x-2 { transform: skewX(2deg) } .\!k-skew-x-2 { transform: skewX(2deg) !important } .k-skew-x-3 { transform: skewX(3deg) } .\!k-skew-x-3 { transform: skewX(3deg) !important } .k-skew-x-4 { transform: skewX(4deg) } .\!k-skew-x-4 { transform: skewX(4deg) !important } .k-skew-x-5 { transform: skewX(5deg) } .\!k-skew-x-5 { transform: skewX(5deg) !important } .k-skew-x-6 { transform: skewX(6deg) } .\!k-skew-x-6 { transform: skewX(6deg) !important } .k-skew-x-7 { transform: skewX(7deg) } .\!k-skew-x-7 { transform: skewX(7deg) !important } .k-skew-x-8 { transform: skewX(8deg) } .\!k-skew-x-8 { transform: skewX(8deg) !important } .k-skew-x-9 { transform: skewX(9deg) } .\!k-skew-x-9 { transform: skewX(9deg) !important } .k-skew-x-10 { transform: skewX(10deg) } .\!k-skew-x-10 { transform: skewX(10deg) !important } .k-skew-x-11 { transform: skewX(11deg) } .\!k-skew-x-11 { transform: skewX(11deg) !important } .k-skew-x-12 { transform: skewX(12deg) } .\!k-skew-x-12 { transform: skewX(12deg) !important } .k-skew-y-0 { transform: skewY(0deg) } .\!k-skew-y-0 { transform: skewY(0deg) !important } .k-skew-y-1 { transform: skewY(1deg) } .\!k-skew-y-1 { transform: skewY(1deg) !important } .k-skew-y-2 { transform: skewY(2deg) } .\!k-skew-y-2 { transform: skewY(2deg) !important } .k-skew-y-3 { transform: skewY(3deg) } .\!k-skew-y-3 { transform: skewY(3deg) !important } .k-skew-y-4 { transform: skewY(4deg) } .\!k-skew-y-4 { transform: skewY(4deg) !important } .k-skew-y-5 { transform: skewY(5deg) } .\!k-skew-y-5 { transform: skewY(5deg) !important } .k-skew-y-6 { transform: skewY(6deg) } .\!k-skew-y-6 { transform: skewY(6deg) !important } .k-skew-y-7 { transform: skewY(7deg) } .\!k-skew-y-7 { transform: skewY(7deg) !important } .k-skew-y-8 { transform: skewY(8deg) } .\!k-skew-y-8 { transform: skewY(8deg) !important } .k-skew-y-9 { transform: skewY(9deg) } .\!k-skew-y-9 { transform: skewY(9deg) !important } .k-skew-y-10 { transform: skewY(10deg) } .\!k-skew-y-10 { transform: skewY(10deg) !important } .k-skew-y-11 { transform: skewY(11deg) } .\!k-skew-y-11 { transform: skewY(11deg) !important } .k-skew-y-12 { transform: skewY(12deg) } .\!k-skew-y-12 { transform: skewY(12deg) !important } .k-translate-0 { transform: translate(0, 0) } .\!k-translate-0 { transform: translate(0, 0) !important } .k-translate-0-50 { transform: translate(0, 50%) } .\!k-translate-0-50 { transform: translate(0, 50%) !important } .k-translate-0-100 { transform: translate(0, 100%) } .\!k-translate-0-100 { transform: translate(0, 100%) !important } .k-translate-50-0 { transform: translate(50%, 0) } .\!k-translate-50-0 { transform: translate(50%, 0) !important } .k-translate-50-50 { transform: translate(50%, 50%) } .\!k-translate-50-50 { transform: translate(50%, 50%) !important } .k-translate-50-100 { transform: translate(50%, 100%) } .\!k-translate-50-100 { transform: translate(50%, 100%) !important } .k-translate-100-0 { transform: translate(100%, 0) } .\!k-translate-100-0 { transform: translate(100%, 0) !important } .k-translate-100-50 { transform: translate(100%, 50%) } .\!k-translate-100-50 { transform: translate(100%, 50%) !important } .k-translate-100-100 { transform: translate(100%, 100%) } .\!k-translate-100-100 { transform: translate(100%, 100%) !important } .k-translate-x-0 { transform: translateX(0px) } .\!k-translate-x-0 { transform: translateX(0px) !important } .k-translate-x-1px { transform: translateX(1px) } .\!k-translate-x-1px { transform: translateX(1px) !important } .k-translate-x-0\.5 { transform: translateX(0.125rem) } .\!k-translate-x-0\.5 { transform: translateX(0.125rem) !important } .k-translate-x-1 { transform: translateX(0.25rem) } .\!k-translate-x-1 { transform: translateX(0.25rem) !important } .k-translate-x-1\.5 { transform: translateX(0.375rem) } .\!k-translate-x-1\.5 { transform: translateX(0.375rem) !important } .k-translate-x-2 { transform: translateX(0.5rem) } .\!k-translate-x-2 { transform: translateX(0.5rem) !important } .k-translate-x-2\.5 { transform: translateX(0.625rem) } .\!k-translate-x-2\.5 { transform: translateX(0.625rem) !important } .k-translate-x-3 { transform: translateX(0.75rem) } .\!k-translate-x-3 { transform: translateX(0.75rem) !important } .k-translate-x-3\.5 { transform: translateX(0.875rem) } .\!k-translate-x-3\.5 { transform: translateX(0.875rem) !important } .k-translate-x-4 { transform: translateX(1rem) } .\!k-translate-x-4 { transform: translateX(1rem) !important } .k-translate-x-4\.5 { transform: translateX(1.125rem) } .\!k-translate-x-4\.5 { transform: translateX(1.125rem) !important } .k-translate-x-5 { transform: translateX(1.25rem) } .\!k-translate-x-5 { transform: translateX(1.25rem) !important } .k-translate-x-5\.5 { transform: translateX(1.375rem) } .\!k-translate-x-5\.5 { transform: translateX(1.375rem) !important } .k-translate-x-6 { transform: translateX(1.5rem) } .\!k-translate-x-6 { transform: translateX(1.5rem) !important } .k-translate-x-6\.5 { transform: translateX(1.625rem) } .\!k-translate-x-6\.5 { transform: translateX(1.625rem) !important } .k-translate-x-7 { transform: translateX(1.75rem) } .\!k-translate-x-7 { transform: translateX(1.75rem) !important } .k-translate-x-7\.5 { transform: translateX(1.875rem) } .\!k-translate-x-7\.5 { transform: translateX(1.875rem) !important } .k-translate-x-8 { transform: translateX(2rem) } .\!k-translate-x-8 { transform: translateX(2rem) !important } .k-translate-x-9 { transform: translateX(2.25rem) } .\!k-translate-x-9 { transform: translateX(2.25rem) !important } .k-translate-x-10 { transform: translateX(2.5rem) } .\!k-translate-x-10 { transform: translateX(2.5rem) !important } .k-translate-x-11 { transform: translateX(2.75rem) } .\!k-translate-x-11 { transform: translateX(2.75rem) !important } .k-translate-x-12 { transform: translateX(3rem) } .\!k-translate-x-12 { transform: translateX(3rem) !important } .k-translate-x-13 { transform: translateX(3.25rem) } .\!k-translate-x-13 { transform: translateX(3.25rem) !important } .k-translate-x-14 { transform: translateX(3.5rem) } .\!k-translate-x-14 { transform: translateX(3.5rem) !important } .k-translate-x-15 { transform: translateX(3.75rem) } .\!k-translate-x-15 { transform: translateX(3.75rem) !important } .k-translate-x-16 { transform: translateX(4rem) } .\!k-translate-x-16 { transform: translateX(4rem) !important } .k-translate-x-17 { transform: translateX(4.25rem) } .\!k-translate-x-17 { transform: translateX(4.25rem) !important } .k-translate-x-18 { transform: translateX(4.5rem) } .\!k-translate-x-18 { transform: translateX(4.5rem) !important } .k-translate-x-19 { transform: translateX(4.75rem) } .\!k-translate-x-19 { transform: translateX(4.75rem) !important } .k-translate-x-20 { transform: translateX(5rem) } .\!k-translate-x-20 { transform: translateX(5rem) !important } .k-translate-x-21 { transform: translateX(5.25rem) } .\!k-translate-x-21 { transform: translateX(5.25rem) !important } .k-translate-x-22 { transform: translateX(5.5rem) } .\!k-translate-x-22 { transform: translateX(5.5rem) !important } .k-translate-x-23 { transform: translateX(5.75rem) } .\!k-translate-x-23 { transform: translateX(5.75rem) !important } .k-translate-x-24 { transform: translateX(6rem) } .\!k-translate-x-24 { transform: translateX(6rem) !important } .k-translate-x-25 { transform: translateX(7rem) } .\!k-translate-x-25 { transform: translateX(7rem) !important } .k-translate-x-26 { transform: translateX(8rem) } .\!k-translate-x-26 { transform: translateX(8rem) !important } .k-translate-x-27 { transform: translateX(9rem) } .\!k-translate-x-27 { transform: translateX(9rem) !important } .k-translate-x-28 { transform: translateX(10rem) } .\!k-translate-x-28 { transform: translateX(10rem) !important } .k-translate-x-29 { transform: translateX(11rem) } .\!k-translate-x-29 { transform: translateX(11rem) !important } .k-translate-x-30 { transform: translateX(12rem) } .\!k-translate-x-30 { transform: translateX(12rem) !important } .k-translate-x-1\/2 { transform: translateX(50%) } .\!k-translate-x-1\/2 { transform: translateX(50%) !important } .k-translate-x-1\/3 { transform: translateX(33.333333%) } .\!k-translate-x-1\/3 { transform: translateX(33.333333%) !important } .k-translate-x-2\/3 { transform: translateX(66.666667%) } .\!k-translate-x-2\/3 { transform: translateX(66.666667%) !important } .k-translate-x-1\/4 { transform: translateX(25%) } .\!k-translate-x-1\/4 { transform: translateX(25%) !important } .k-translate-x-2\/4 { transform: translateX(50%) } .\!k-translate-x-2\/4 { transform: translateX(50%) !important } .k-translate-x-3\/4 { transform: translateX(75%) } .\!k-translate-x-3\/4 { transform: translateX(75%) !important } .k-translate-x-1\/5 { transform: translateX(20%) } .\!k-translate-x-1\/5 { transform: translateX(20%) !important } .k-translate-x-2\/5 { transform: translateX(40%) } .\!k-translate-x-2\/5 { transform: translateX(40%) !important } .k-translate-x-3\/5 { transform: translateX(60%) } .\!k-translate-x-3\/5 { transform: translateX(60%) !important } .k-translate-x-4\/5 { transform: translateX(80%) } .\!k-translate-x-4\/5 { transform: translateX(80%) !important } .k-translate-x-1\/6 { transform: translateX(16.666667%) } .\!k-translate-x-1\/6 { transform: translateX(16.666667%) !important } .k-translate-x-2\/6 { transform: translateX(33.333333%) } .\!k-translate-x-2\/6 { transform: translateX(33.333333%) !important } .k-translate-x-3\/6 { transform: translateX(50%) } .\!k-translate-x-3\/6 { transform: translateX(50%) !important } .k-translate-x-4\/6 { transform: translateX(66.666667%) } .\!k-translate-x-4\/6 { transform: translateX(66.666667%) !important } .k-translate-x-5\/6 { transform: translateX(83.333333%) } .\!k-translate-x-5\/6 { transform: translateX(83.333333%) !important } .k-translate-x-1\/12 { transform: translateX(8.333333%) } .\!k-translate-x-1\/12 { transform: translateX(8.333333%) !important } .k-translate-x-2\/12 { transform: translateX(16.666667%) } .\!k-translate-x-2\/12 { transform: translateX(16.666667%) !important } .k-translate-x-3\/12 { transform: translateX(25%) } .\!k-translate-x-3\/12 { transform: translateX(25%) !important } .k-translate-x-4\/12 { transform: translateX(33.333333%) } .\!k-translate-x-4\/12 { transform: translateX(33.333333%) !important } .k-translate-x-5\/12 { transform: translateX(41.666667%) } .\!k-translate-x-5\/12 { transform: translateX(41.666667%) !important } .k-translate-x-6\/12 { transform: translateX(50%) } .\!k-translate-x-6\/12 { transform: translateX(50%) !important } .k-translate-x-7\/12 { transform: translateX(58.333333%) } .\!k-translate-x-7\/12 { transform: translateX(58.333333%) !important } .k-translate-x-8\/12 { transform: translateX(66.666667%) } .\!k-translate-x-8\/12 { transform: translateX(66.666667%) !important } .k-translate-x-9\/12 { transform: translateX(75%) } .\!k-translate-x-9\/12 { transform: translateX(75%) !important } .k-translate-x-10\/12 { transform: translateX(83.333333%) } .\!k-translate-x-10\/12 { transform: translateX(83.333333%) !important } .k-translate-x-11\/12 { transform: translateX(91.666667%) } .\!k-translate-x-11\/12 { transform: translateX(91.666667%) !important } .k-translate-x-full { transform: translateX(100%) } .\!k-translate-x-full { transform: translateX(100%) !important } .k-translate-y-0 { transform: translateY(0px) } .\!k-translate-y-0 { transform: translateY(0px) !important } .k-translate-y-1px { transform: translateY(1px) } .\!k-translate-y-1px { transform: translateY(1px) !important } .k-translate-y-0\.5 { transform: translateY(0.125rem) } .\!k-translate-y-0\.5 { transform: translateY(0.125rem) !important } .k-translate-y-1 { transform: translateY(0.25rem) } .\!k-translate-y-1 { transform: translateY(0.25rem) !important } .k-translate-y-1\.5 { transform: translateY(0.375rem) } .\!k-translate-y-1\.5 { transform: translateY(0.375rem) !important } .k-translate-y-2 { transform: translateY(0.5rem) } .\!k-translate-y-2 { transform: translateY(0.5rem) !important } .k-translate-y-2\.5 { transform: translateY(0.625rem) } .\!k-translate-y-2\.5 { transform: translateY(0.625rem) !important } .k-translate-y-3 { transform: translateY(0.75rem) } .\!k-translate-y-3 { transform: translateY(0.75rem) !important } .k-translate-y-3\.5 { transform: translateY(0.875rem) } .\!k-translate-y-3\.5 { transform: translateY(0.875rem) !important } .k-translate-y-4 { transform: translateY(1rem) } .\!k-translate-y-4 { transform: translateY(1rem) !important } .k-translate-y-4\.5 { transform: translateY(1.125rem) } .\!k-translate-y-4\.5 { transform: translateY(1.125rem) !important } .k-translate-y-5 { transform: translateY(1.25rem) } .\!k-translate-y-5 { transform: translateY(1.25rem) !important } .k-translate-y-5\.5 { transform: translateY(1.375rem) } .\!k-translate-y-5\.5 { transform: translateY(1.375rem) !important } .k-translate-y-6 { transform: translateY(1.5rem) } .\!k-translate-y-6 { transform: translateY(1.5rem) !important } .k-translate-y-6\.5 { transform: translateY(1.625rem) } .\!k-translate-y-6\.5 { transform: translateY(1.625rem) !important } .k-translate-y-7 { transform: translateY(1.75rem) } .\!k-translate-y-7 { transform: translateY(1.75rem) !important } .k-translate-y-7\.5 { transform: translateY(1.875rem) } .\!k-translate-y-7\.5 { transform: translateY(1.875rem) !important } .k-translate-y-8 { transform: translateY(2rem) } .\!k-translate-y-8 { transform: translateY(2rem) !important } .k-translate-y-9 { transform: translateY(2.25rem) } .\!k-translate-y-9 { transform: translateY(2.25rem) !important } .k-translate-y-10 { transform: translateY(2.5rem) } .\!k-translate-y-10 { transform: translateY(2.5rem) !important } .k-translate-y-11 { transform: translateY(2.75rem) } .\!k-translate-y-11 { transform: translateY(2.75rem) !important } .k-translate-y-12 { transform: translateY(3rem) } .\!k-translate-y-12 { transform: translateY(3rem) !important } .k-translate-y-13 { transform: translateY(3.25rem) } .\!k-translate-y-13 { transform: translateY(3.25rem) !important } .k-translate-y-14 { transform: translateY(3.5rem) } .\!k-translate-y-14 { transform: translateY(3.5rem) !important } .k-translate-y-15 { transform: translateY(3.75rem) } .\!k-translate-y-15 { transform: translateY(3.75rem) !important } .k-translate-y-16 { transform: translateY(4rem) } .\!k-translate-y-16 { transform: translateY(4rem) !important } .k-translate-y-17 { transform: translateY(4.25rem) } .\!k-translate-y-17 { transform: translateY(4.25rem) !important } .k-translate-y-18 { transform: translateY(4.5rem) } .\!k-translate-y-18 { transform: translateY(4.5rem) !important } .k-translate-y-19 { transform: translateY(4.75rem) } .\!k-translate-y-19 { transform: translateY(4.75rem) !important } .k-translate-y-20 { transform: translateY(5rem) } .\!k-translate-y-20 { transform: translateY(5rem) !important } .k-translate-y-21 { transform: translateY(5.25rem) } .\!k-translate-y-21 { transform: translateY(5.25rem) !important } .k-translate-y-22 { transform: translateY(5.5rem) } .\!k-translate-y-22 { transform: translateY(5.5rem) !important } .k-translate-y-23 { transform: translateY(5.75rem) } .\!k-translate-y-23 { transform: translateY(5.75rem) !important } .k-translate-y-24 { transform: translateY(6rem) } .\!k-translate-y-24 { transform: translateY(6rem) !important } .k-translate-y-25 { transform: translateY(7rem) } .\!k-translate-y-25 { transform: translateY(7rem) !important } .k-translate-y-26 { transform: translateY(8rem) } .\!k-translate-y-26 { transform: translateY(8rem) !important } .k-translate-y-27 { transform: translateY(9rem) } .\!k-translate-y-27 { transform: translateY(9rem) !important } .k-translate-y-28 { transform: translateY(10rem) } .\!k-translate-y-28 { transform: translateY(10rem) !important } .k-translate-y-29 { transform: translateY(11rem) } .\!k-translate-y-29 { transform: translateY(11rem) !important } .k-translate-y-30 { transform: translateY(12rem) } .\!k-translate-y-30 { transform: translateY(12rem) !important } .k-translate-y-1\/2 { transform: translateY(50%) } .\!k-translate-y-1\/2 { transform: translateY(50%) !important } .k-translate-y-1\/3 { transform: translateY(33.333333%) } .\!k-translate-y-1\/3 { transform: translateY(33.333333%) !important } .k-translate-y-2\/3 { transform: translateY(66.666667%) } .\!k-translate-y-2\/3 { transform: translateY(66.666667%) !important } .k-translate-y-1\/4 { transform: translateY(25%) } .\!k-translate-y-1\/4 { transform: translateY(25%) !important } .k-translate-y-2\/4 { transform: translateY(50%) } .\!k-translate-y-2\/4 { transform: translateY(50%) !important } .k-translate-y-3\/4 { transform: translateY(75%) } .\!k-translate-y-3\/4 { transform: translateY(75%) !important } .k-translate-y-1\/5 { transform: translateY(20%) } .\!k-translate-y-1\/5 { transform: translateY(20%) !important } .k-translate-y-2\/5 { transform: translateY(40%) } .\!k-translate-y-2\/5 { transform: translateY(40%) !important } .k-translate-y-3\/5 { transform: translateY(60%) } .\!k-translate-y-3\/5 { transform: translateY(60%) !important } .k-translate-y-4\/5 { transform: translateY(80%) } .\!k-translate-y-4\/5 { transform: translateY(80%) !important } .k-translate-y-1\/6 { transform: translateY(16.666667%) } .\!k-translate-y-1\/6 { transform: translateY(16.666667%) !important } .k-translate-y-2\/6 { transform: translateY(33.333333%) } .\!k-translate-y-2\/6 { transform: translateY(33.333333%) !important } .k-translate-y-3\/6 { transform: translateY(50%) } .\!k-translate-y-3\/6 { transform: translateY(50%) !important } .k-translate-y-4\/6 { transform: translateY(66.666667%) } .\!k-translate-y-4\/6 { transform: translateY(66.666667%) !important } .k-translate-y-5\/6 { transform: translateY(83.333333%) } .\!k-translate-y-5\/6 { transform: translateY(83.333333%) !important } .k-translate-y-1\/12 { transform: translateY(8.333333%) } .\!k-translate-y-1\/12 { transform: translateY(8.333333%) !important } .k-translate-y-2\/12 { transform: translateY(16.666667%) } .\!k-translate-y-2\/12 { transform: translateY(16.666667%) !important } .k-translate-y-3\/12 { transform: translateY(25%) } .\!k-translate-y-3\/12 { transform: translateY(25%) !important } .k-translate-y-4\/12 { transform: translateY(33.333333%) } .\!k-translate-y-4\/12 { transform: translateY(33.333333%) !important } .k-translate-y-5\/12 { transform: translateY(41.666667%) } .\!k-translate-y-5\/12 { transform: translateY(41.666667%) !important } .k-translate-y-6\/12 { transform: translateY(50%) } .\!k-translate-y-6\/12 { transform: translateY(50%) !important } .k-translate-y-7\/12 { transform: translateY(58.333333%) } .\!k-translate-y-7\/12 { transform: translateY(58.333333%) !important } .k-translate-y-8\/12 { transform: translateY(66.666667%) } .\!k-translate-y-8\/12 { transform: translateY(66.666667%) !important } .k-translate-y-9\/12 { transform: translateY(75%) } .\!k-translate-y-9\/12 { transform: translateY(75%) !important } .k-translate-y-10\/12 { transform: translateY(83.333333%) } .\!k-translate-y-10\/12 { transform: translateY(83.333333%) !important } .k-translate-y-11\/12 { transform: translateY(91.666667%) } .\!k-translate-y-11\/12 { transform: translateY(91.666667%) !important } .k-translate-y-full { transform: translateY(100%) } .\!k-translate-y-full { transform: translateY(100%) !important } .k-appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none } .\!k-appearance-none { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important } .k-appearance-auto { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto } .\!k-appearance-auto { -webkit-appearance: auto !important; -moz-appearance: auto !important; appearance: auto !important } .k-cursor-none { cursor: none } .\!k-cursor-none { cursor: none !important } .k-cursor-auto { cursor: auto } .\!k-cursor-auto { cursor: auto !important } .k-cursor-default { cursor: default } .\!k-cursor-default { cursor: default !important } .k-cursor-context-menu { cursor: context-menu } .\!k-cursor-context-menu { cursor: context-menu !important } .k-cursor-help { cursor: help } .\!k-cursor-help { cursor: help !important } .k-cursor-pointer { cursor: pointer } .\!k-cursor-pointer { cursor: pointer !important } .k-cursor-progress { cursor: progress } .\!k-cursor-progress { cursor: progress !important } .k-cursor-wait { cursor: wait } .\!k-cursor-wait { cursor: wait !important } .k-cursor-cell { cursor: cell } .\!k-cursor-cell { cursor: cell !important } .k-cursor-crosshair { cursor: crosshair } .\!k-cursor-crosshair { cursor: crosshair !important } .k-cursor-text { cursor: text } .\!k-cursor-text { cursor: text !important } .k-cursor-vertical-text { cursor: vertical-text } .\!k-cursor-vertical-text { cursor: vertical-text !important } .k-cursor-alias { cursor: alias } .\!k-cursor-alias { cursor: alias !important } .k-cursor-copy { cursor: copy } .\!k-cursor-copy { cursor: copy !important } .k-cursor-move { cursor: move } .\!k-cursor-move { cursor: move !important } .k-cursor-no-drop { cursor: no-drop } .\!k-cursor-no-drop { cursor: no-drop !important } .k-cursor-not-allowed { cursor: not-allowed } .\!k-cursor-not-allowed { cursor: not-allowed !important } .k-cursor-e-resize { cursor: e-resize } .\!k-cursor-e-resize { cursor: e-resize !important } .k-cursor-n-resize { cursor: n-resize } .\!k-cursor-n-resize { cursor: n-resize !important } .k-cursor-ne-resize { cursor: ne-resize } .\!k-cursor-ne-resize { cursor: ne-resize !important } .k-cursor-nw-resize { cursor: nw-resize } .\!k-cursor-nw-resize { cursor: nw-resize !important } .k-cursor-s-resize { cursor: s-resize } .\!k-cursor-s-resize { cursor: s-resize !important } .k-cursor-se-resize { cursor: se-resize } .\!k-cursor-se-resize { cursor: se-resize !important } .k-cursor-sw-resize { cursor: sw-resize } .\!k-cursor-sw-resize { cursor: sw-resize !important } .k-cursor-w-resize { cursor: w-resize } .\!k-cursor-w-resize { cursor: w-resize !important } .k-cursor-ew-resize { cursor: ew-resize } .\!k-cursor-ew-resize { cursor: ew-resize !important } .k-cursor-ns-resize { cursor: ns-resize } .\!k-cursor-ns-resize { cursor: ns-resize !important } .k-cursor-nesw-resize { cursor: nesw-resize } .\!k-cursor-nesw-resize { cursor: nesw-resize !important } .k-cursor-nwse-resize { cursor: nwse-resize } .\!k-cursor-nwse-resize { cursor: nwse-resize !important } .k-cursor-col-resize { cursor: col-resize } .\!k-cursor-col-resize { cursor: col-resize !important } .k-cursor-row-resize { cursor: row-resize } .\!k-cursor-row-resize { cursor: row-resize !important } .k-cursor-all-scroll { cursor: all-scroll } .\!k-cursor-all-scroll { cursor: all-scroll !important } .k-cursor-zoom-in { cursor: zoom-in } .\!k-cursor-zoom-in { cursor: zoom-in !important } .k-cursor-zoom-out { cursor: zoom-out } .\!k-cursor-zoom-out { cursor: zoom-out !important } .k-cursor-grab { cursor: grab } .\!k-cursor-grab { cursor: grab !important } .k-cursor-grabbing { cursor: grabbing } .\!k-cursor-grabbing { cursor: grabbing !important } .k-pointer-events-none { pointer-events: none } .\!k-pointer-events-none { pointer-events: none !important } .k-pointer-events-auto { pointer-events: auto } .\!k-pointer-events-auto { pointer-events: auto !important } .k-resize { resize: both } .\!k-resize { resize: both !important } .k-resize-none { resize: none } .\!k-resize-none { resize: none !important } .k-resize-x { resize: horizontal } .\!k-resize-x { resize: horizontal !important } .k-resize-y { resize: vertical } .\!k-resize-y { resize: vertical !important } .k-scroll-auto { scroll-behavior: auto } .\!k-scroll-auto { scroll-behavior: auto !important } .k-scroll-smooth { scroll-behavior: smooth } .\!k-scroll-smooth { scroll-behavior: smooth !important } .k-scroll-snap-none { scroll-snap-type: none } .\!k-scroll-snap-none { scroll-snap-type: none !important } .k-scroll-snap-snap-x { scroll-snap-type: x var(--k-scroll-snap-strictness) } .\!k-scroll-snap-snap-x { scroll-snap-type: x var(--k-scroll-snap-strictness) !important } .k-scroll-snap-snap-y { scroll-snap-type: y var(--k-scroll-snap-strictness) } .\!k-scroll-snap-snap-y { scroll-snap-type: y var(--k-scroll-snap-strictness) !important } .k-scroll-snap-snap-both { scroll-snap-type: both var(--k-scroll-snap-strictness) } .\!k-scroll-snap-snap-both { scroll-snap-type: both var(--k-scroll-snap-strictness) !important } .k-scroll-snap-mandatory { --k-scroll-snap-strictness: mandatory } .k-scroll-snap-proximity { --k-scroll-snap-strictness: proximity } .k-scroll-snap-stop-normal { scroll-snap-stop: normal } .\!k-scroll-snap-stop-normal { scroll-snap-stop: normal !important } .k-scroll-snap-stop-always { scroll-snap-stop: always } .\!k-scroll-snap-stop-always { scroll-snap-stop: always !important } .k-scroll-snap-align-start { scroll-snap-align: start } .\!k-scroll-snap-align-start { scroll-snap-align: start !important } .k-scroll-snap-align-end { scroll-snap-align: end } .\!k-scroll-snap-align-end { scroll-snap-align: end !important } .k-scroll-snap-align-center { scroll-snap-align: center } .\!k-scroll-snap-align-center { scroll-snap-align: center !important } .k-scroll-snap-align-none { scroll-snap-align: none } .\!k-scroll-snap-align-none { scroll-snap-align: none !important } .k-scroll-m-0 { scroll-margin: 0px } .\!k-scroll-m-0 { scroll-margin: 0px !important } .k-scroll-m-1px { scroll-margin: 1px } .\!k-scroll-m-1px { scroll-margin: 1px !important } .k-scroll-m-0\.5 { scroll-margin: .125rem } .\!k-scroll-m-0\.5 { scroll-margin: .125rem !important } .k-scroll-m-1 { scroll-margin: .25rem } .\!k-scroll-m-1 { scroll-margin: .25rem !important } .k-scroll-m-1\.5 { scroll-margin: .375rem } .\!k-scroll-m-1\.5 { scroll-margin: .375rem !important } .k-scroll-m-2 { scroll-margin: .5rem } .\!k-scroll-m-2 { scroll-margin: .5rem !important } .k-scroll-m-2\.5 { scroll-margin: .625rem } .\!k-scroll-m-2\.5 { scroll-margin: .625rem !important } .k-scroll-m-3 { scroll-margin: .75rem } .\!k-scroll-m-3 { scroll-margin: .75rem !important } .k-scroll-m-3\.5 { scroll-margin: .875rem } .\!k-scroll-m-3\.5 { scroll-margin: .875rem !important } .k-scroll-m-4 { scroll-margin: 1rem } .\!k-scroll-m-4 { scroll-margin: 1rem !important } .k-scroll-m-4\.5 { scroll-margin: 1.125rem } .\!k-scroll-m-4\.5 { scroll-margin: 1.125rem !important } .k-scroll-m-5 { scroll-margin: 1.25rem } .\!k-scroll-m-5 { scroll-margin: 1.25rem !important } .k-scroll-m-5\.5 { scroll-margin: 1.375rem } .\!k-scroll-m-5\.5 { scroll-margin: 1.375rem !important } .k-scroll-m-6 { scroll-margin: 1.5rem } .\!k-scroll-m-6 { scroll-margin: 1.5rem !important } .k-scroll-m-6\.5 { scroll-margin: 1.625rem } .\!k-scroll-m-6\.5 { scroll-margin: 1.625rem !important } .k-scroll-m-7 { scroll-margin: 1.75rem } .\!k-scroll-m-7 { scroll-margin: 1.75rem !important } .k-scroll-m-7\.5 { scroll-margin: 1.875rem } .\!k-scroll-m-7\.5 { scroll-margin: 1.875rem !important } .k-scroll-m-8 { scroll-margin: 2rem } .\!k-scroll-m-8 { scroll-margin: 2rem !important } .k-scroll-m-9 { scroll-margin: 2.25rem } .\!k-scroll-m-9 { scroll-margin: 2.25rem !important } .k-scroll-m-10 { scroll-margin: 2.5rem } .\!k-scroll-m-10 { scroll-margin: 2.5rem !important } .k-scroll-m-11 { scroll-margin: 2.75rem } .\!k-scroll-m-11 { scroll-margin: 2.75rem !important } .k-scroll-m-12 { scroll-margin: 3rem } .\!k-scroll-m-12 { scroll-margin: 3rem !important } .k-scroll-m-13 { scroll-margin: 3.25rem } .\!k-scroll-m-13 { scroll-margin: 3.25rem !important } .k-scroll-m-14 { scroll-margin: 3.5rem } .\!k-scroll-m-14 { scroll-margin: 3.5rem !important } .k-scroll-m-15 { scroll-margin: 3.75rem } .\!k-scroll-m-15 { scroll-margin: 3.75rem !important } .k-scroll-m-16 { scroll-margin: 4rem } .\!k-scroll-m-16 { scroll-margin: 4rem !important } .k-scroll-m-17 { scroll-margin: 4.25rem } .\!k-scroll-m-17 { scroll-margin: 4.25rem !important } .k-scroll-m-18 { scroll-margin: 4.5rem } .\!k-scroll-m-18 { scroll-margin: 4.5rem !important } .k-scroll-m-19 { scroll-margin: 4.75rem } .\!k-scroll-m-19 { scroll-margin: 4.75rem !important } .k-scroll-m-20 { scroll-margin: 5rem } .\!k-scroll-m-20 { scroll-margin: 5rem !important } .k-scroll-m-21 { scroll-margin: 5.25rem } .\!k-scroll-m-21 { scroll-margin: 5.25rem !important } .k-scroll-m-22 { scroll-margin: 5.5rem } .\!k-scroll-m-22 { scroll-margin: 5.5rem !important } .k-scroll-m-23 { scroll-margin: 5.75rem } .\!k-scroll-m-23 { scroll-margin: 5.75rem !important } .k-scroll-m-24 { scroll-margin: 6rem } .\!k-scroll-m-24 { scroll-margin: 6rem !important } .k-scroll-m-25 { scroll-margin: 7rem } .\!k-scroll-m-25 { scroll-margin: 7rem !important } .k-scroll-m-26 { scroll-margin: 8rem } .\!k-scroll-m-26 { scroll-margin: 8rem !important } .k-scroll-m-27 { scroll-margin: 9rem } .\!k-scroll-m-27 { scroll-margin: 9rem !important } .k-scroll-m-28 { scroll-margin: 10rem } .\!k-scroll-m-28 { scroll-margin: 10rem !important } .k-scroll-m-29 { scroll-margin: 11rem } .\!k-scroll-m-29 { scroll-margin: 11rem !important } .k-scroll-m-30 { scroll-margin: 12rem } .\!k-scroll-m-30 { scroll-margin: 12rem !important } .k-scroll-mt-0 { scroll-margin-top: 0px } .\!k-scroll-mt-0 { scroll-margin-top: 0px !important } .k-scroll-mt-1px { scroll-margin-top: 1px } .\!k-scroll-mt-1px { scroll-margin-top: 1px !important } .k-scroll-mt-0\.5 { scroll-margin-top: .125rem } .\!k-scroll-mt-0\.5 { scroll-margin-top: .125rem !important } .k-scroll-mt-1 { scroll-margin-top: .25rem } .\!k-scroll-mt-1 { scroll-margin-top: .25rem !important } .k-scroll-mt-1\.5 { scroll-margin-top: .375rem } .\!k-scroll-mt-1\.5 { scroll-margin-top: .375rem !important } .k-scroll-mt-2 { scroll-margin-top: .5rem } .\!k-scroll-mt-2 { scroll-margin-top: .5rem !important } .k-scroll-mt-2\.5 { scroll-margin-top: .625rem } .\!k-scroll-mt-2\.5 { scroll-margin-top: .625rem !important } .k-scroll-mt-3 { scroll-margin-top: .75rem } .\!k-scroll-mt-3 { scroll-margin-top: .75rem !important } .k-scroll-mt-3\.5 { scroll-margin-top: .875rem } .\!k-scroll-mt-3\.5 { scroll-margin-top: .875rem !important } .k-scroll-mt-4 { scroll-margin-top: 1rem } .\!k-scroll-mt-4 { scroll-margin-top: 1rem !important } .k-scroll-mt-4\.5 { scroll-margin-top: 1.125rem } .\!k-scroll-mt-4\.5 { scroll-margin-top: 1.125rem !important } .k-scroll-mt-5 { scroll-margin-top: 1.25rem } .\!k-scroll-mt-5 { scroll-margin-top: 1.25rem !important } .k-scroll-mt-5\.5 { scroll-margin-top: 1.375rem } .\!k-scroll-mt-5\.5 { scroll-margin-top: 1.375rem !important } .k-scroll-mt-6 { scroll-margin-top: 1.5rem } .\!k-scroll-mt-6 { scroll-margin-top: 1.5rem !important } .k-scroll-mt-6\.5 { scroll-margin-top: 1.625rem } .\!k-scroll-mt-6\.5 { scroll-margin-top: 1.625rem !important } .k-scroll-mt-7 { scroll-margin-top: 1.75rem } .\!k-scroll-mt-7 { scroll-margin-top: 1.75rem !important } .k-scroll-mt-7\.5 { scroll-margin-top: 1.875rem } .\!k-scroll-mt-7\.5 { scroll-margin-top: 1.875rem !important } .k-scroll-mt-8 { scroll-margin-top: 2rem } .\!k-scroll-mt-8 { scroll-margin-top: 2rem !important } .k-scroll-mt-9 { scroll-margin-top: 2.25rem } .\!k-scroll-mt-9 { scroll-margin-top: 2.25rem !important } .k-scroll-mt-10 { scroll-margin-top: 2.5rem } .\!k-scroll-mt-10 { scroll-margin-top: 2.5rem !important } .k-scroll-mt-11 { scroll-margin-top: 2.75rem } .\!k-scroll-mt-11 { scroll-margin-top: 2.75rem !important } .k-scroll-mt-12 { scroll-margin-top: 3rem } .\!k-scroll-mt-12 { scroll-margin-top: 3rem !important } .k-scroll-mt-13 { scroll-margin-top: 3.25rem } .\!k-scroll-mt-13 { scroll-margin-top: 3.25rem !important } .k-scroll-mt-14 { scroll-margin-top: 3.5rem } .\!k-scroll-mt-14 { scroll-margin-top: 3.5rem !important } .k-scroll-mt-15 { scroll-margin-top: 3.75rem } .\!k-scroll-mt-15 { scroll-margin-top: 3.75rem !important } .k-scroll-mt-16 { scroll-margin-top: 4rem } .\!k-scroll-mt-16 { scroll-margin-top: 4rem !important } .k-scroll-mt-17 { scroll-margin-top: 4.25rem } .\!k-scroll-mt-17 { scroll-margin-top: 4.25rem !important } .k-scroll-mt-18 { scroll-margin-top: 4.5rem } .\!k-scroll-mt-18 { scroll-margin-top: 4.5rem !important } .k-scroll-mt-19 { scroll-margin-top: 4.75rem } .\!k-scroll-mt-19 { scroll-margin-top: 4.75rem !important } .k-scroll-mt-20 { scroll-margin-top: 5rem } .\!k-scroll-mt-20 { scroll-margin-top: 5rem !important } .k-scroll-mt-21 { scroll-margin-top: 5.25rem } .\!k-scroll-mt-21 { scroll-margin-top: 5.25rem !important } .k-scroll-mt-22 { scroll-margin-top: 5.5rem } .\!k-scroll-mt-22 { scroll-margin-top: 5.5rem !important } .k-scroll-mt-23 { scroll-margin-top: 5.75rem } .\!k-scroll-mt-23 { scroll-margin-top: 5.75rem !important } .k-scroll-mt-24 { scroll-margin-top: 6rem } .\!k-scroll-mt-24 { scroll-margin-top: 6rem !important } .k-scroll-mt-25 { scroll-margin-top: 7rem } .\!k-scroll-mt-25 { scroll-margin-top: 7rem !important } .k-scroll-mt-26 { scroll-margin-top: 8rem } .\!k-scroll-mt-26 { scroll-margin-top: 8rem !important } .k-scroll-mt-27 { scroll-margin-top: 9rem } .\!k-scroll-mt-27 { scroll-margin-top: 9rem !important } .k-scroll-mt-28 { scroll-margin-top: 10rem } .\!k-scroll-mt-28 { scroll-margin-top: 10rem !important } .k-scroll-mt-29 { scroll-margin-top: 11rem } .\!k-scroll-mt-29 { scroll-margin-top: 11rem !important } .k-scroll-mt-30 { scroll-margin-top: 12rem } .\!k-scroll-mt-30 { scroll-margin-top: 12rem !important } .k-scroll-mr-0 { scroll-margin-right: 0px } .\!k-scroll-mr-0 { scroll-margin-right: 0px !important } .k-scroll-mr-1px { scroll-margin-right: 1px } .\!k-scroll-mr-1px { scroll-margin-right: 1px !important } .k-scroll-mr-0\.5 { scroll-margin-right: .125rem } .\!k-scroll-mr-0\.5 { scroll-margin-right: .125rem !important } .k-scroll-mr-1 { scroll-margin-right: .25rem } .\!k-scroll-mr-1 { scroll-margin-right: .25rem !important } .k-scroll-mr-1\.5 { scroll-margin-right: .375rem } .\!k-scroll-mr-1\.5 { scroll-margin-right: .375rem !important } .k-scroll-mr-2 { scroll-margin-right: .5rem } .\!k-scroll-mr-2 { scroll-margin-right: .5rem !important } .k-scroll-mr-2\.5 { scroll-margin-right: .625rem } .\!k-scroll-mr-2\.5 { scroll-margin-right: .625rem !important } .k-scroll-mr-3 { scroll-margin-right: .75rem } .\!k-scroll-mr-3 { scroll-margin-right: .75rem !important } .k-scroll-mr-3\.5 { scroll-margin-right: .875rem } .\!k-scroll-mr-3\.5 { scroll-margin-right: .875rem !important } .k-scroll-mr-4 { scroll-margin-right: 1rem } .\!k-scroll-mr-4 { scroll-margin-right: 1rem !important } .k-scroll-mr-4\.5 { scroll-margin-right: 1.125rem } .\!k-scroll-mr-4\.5 { scroll-margin-right: 1.125rem !important } .k-scroll-mr-5 { scroll-margin-right: 1.25rem } .\!k-scroll-mr-5 { scroll-margin-right: 1.25rem !important } .k-scroll-mr-5\.5 { scroll-margin-right: 1.375rem } .\!k-scroll-mr-5\.5 { scroll-margin-right: 1.375rem !important } .k-scroll-mr-6 { scroll-margin-right: 1.5rem } .\!k-scroll-mr-6 { scroll-margin-right: 1.5rem !important } .k-scroll-mr-6\.5 { scroll-margin-right: 1.625rem } .\!k-scroll-mr-6\.5 { scroll-margin-right: 1.625rem !important } .k-scroll-mr-7 { scroll-margin-right: 1.75rem } .\!k-scroll-mr-7 { scroll-margin-right: 1.75rem !important } .k-scroll-mr-7\.5 { scroll-margin-right: 1.875rem } .\!k-scroll-mr-7\.5 { scroll-margin-right: 1.875rem !important } .k-scroll-mr-8 { scroll-margin-right: 2rem } .\!k-scroll-mr-8 { scroll-margin-right: 2rem !important } .k-scroll-mr-9 { scroll-margin-right: 2.25rem } .\!k-scroll-mr-9 { scroll-margin-right: 2.25rem !important } .k-scroll-mr-10 { scroll-margin-right: 2.5rem } .\!k-scroll-mr-10 { scroll-margin-right: 2.5rem !important } .k-scroll-mr-11 { scroll-margin-right: 2.75rem } .\!k-scroll-mr-11 { scroll-margin-right: 2.75rem !important } .k-scroll-mr-12 { scroll-margin-right: 3rem } .\!k-scroll-mr-12 { scroll-margin-right: 3rem !important } .k-scroll-mr-13 { scroll-margin-right: 3.25rem } .\!k-scroll-mr-13 { scroll-margin-right: 3.25rem !important } .k-scroll-mr-14 { scroll-margin-right: 3.5rem } .\!k-scroll-mr-14 { scroll-margin-right: 3.5rem !important } .k-scroll-mr-15 { scroll-margin-right: 3.75rem } .\!k-scroll-mr-15 { scroll-margin-right: 3.75rem !important } .k-scroll-mr-16 { scroll-margin-right: 4rem } .\!k-scroll-mr-16 { scroll-margin-right: 4rem !important } .k-scroll-mr-17 { scroll-margin-right: 4.25rem } .\!k-scroll-mr-17 { scroll-margin-right: 4.25rem !important } .k-scroll-mr-18 { scroll-margin-right: 4.5rem } .\!k-scroll-mr-18 { scroll-margin-right: 4.5rem !important } .k-scroll-mr-19 { scroll-margin-right: 4.75rem } .\!k-scroll-mr-19 { scroll-margin-right: 4.75rem !important } .k-scroll-mr-20 { scroll-margin-right: 5rem } .\!k-scroll-mr-20 { scroll-margin-right: 5rem !important } .k-scroll-mr-21 { scroll-margin-right: 5.25rem } .\!k-scroll-mr-21 { scroll-margin-right: 5.25rem !important } .k-scroll-mr-22 { scroll-margin-right: 5.5rem } .\!k-scroll-mr-22 { scroll-margin-right: 5.5rem !important } .k-scroll-mr-23 { scroll-margin-right: 5.75rem } .\!k-scroll-mr-23 { scroll-margin-right: 5.75rem !important } .k-scroll-mr-24 { scroll-margin-right: 6rem } .\!k-scroll-mr-24 { scroll-margin-right: 6rem !important } .k-scroll-mr-25 { scroll-margin-right: 7rem } .\!k-scroll-mr-25 { scroll-margin-right: 7rem !important } .k-scroll-mr-26 { scroll-margin-right: 8rem } .\!k-scroll-mr-26 { scroll-margin-right: 8rem !important } .k-scroll-mr-27 { scroll-margin-right: 9rem } .\!k-scroll-mr-27 { scroll-margin-right: 9rem !important } .k-scroll-mr-28 { scroll-margin-right: 10rem } .\!k-scroll-mr-28 { scroll-margin-right: 10rem !important } .k-scroll-mr-29 { scroll-margin-right: 11rem } .\!k-scroll-mr-29 { scroll-margin-right: 11rem !important } .k-scroll-mr-30 { scroll-margin-right: 12rem } .\!k-scroll-mr-30 { scroll-margin-right: 12rem !important } .k-scroll-mb-0 { scroll-margin-bottom: 0px } .\!k-scroll-mb-0 { scroll-margin-bottom: 0px !important } .k-scroll-mb-1px { scroll-margin-bottom: 1px } .\!k-scroll-mb-1px { scroll-margin-bottom: 1px !important } .k-scroll-mb-0\.5 { scroll-margin-bottom: .125rem } .\!k-scroll-mb-0\.5 { scroll-margin-bottom: .125rem !important } .k-scroll-mb-1 { scroll-margin-bottom: .25rem } .\!k-scroll-mb-1 { scroll-margin-bottom: .25rem !important } .k-scroll-mb-1\.5 { scroll-margin-bottom: .375rem } .\!k-scroll-mb-1\.5 { scroll-margin-bottom: .375rem !important } .k-scroll-mb-2 { scroll-margin-bottom: .5rem } .\!k-scroll-mb-2 { scroll-margin-bottom: .5rem !important } .k-scroll-mb-2\.5 { scroll-margin-bottom: .625rem } .\!k-scroll-mb-2\.5 { scroll-margin-bottom: .625rem !important } .k-scroll-mb-3 { scroll-margin-bottom: .75rem } .\!k-scroll-mb-3 { scroll-margin-bottom: .75rem !important } .k-scroll-mb-3\.5 { scroll-margin-bottom: .875rem } .\!k-scroll-mb-3\.5 { scroll-margin-bottom: .875rem !important } .k-scroll-mb-4 { scroll-margin-bottom: 1rem } .\!k-scroll-mb-4 { scroll-margin-bottom: 1rem !important } .k-scroll-mb-4\.5 { scroll-margin-bottom: 1.125rem } .\!k-scroll-mb-4\.5 { scroll-margin-bottom: 1.125rem !important } .k-scroll-mb-5 { scroll-margin-bottom: 1.25rem } .\!k-scroll-mb-5 { scroll-margin-bottom: 1.25rem !important } .k-scroll-mb-5\.5 { scroll-margin-bottom: 1.375rem } .\!k-scroll-mb-5\.5 { scroll-margin-bottom: 1.375rem !important } .k-scroll-mb-6 { scroll-margin-bottom: 1.5rem } .\!k-scroll-mb-6 { scroll-margin-bottom: 1.5rem !important } .k-scroll-mb-6\.5 { scroll-margin-bottom: 1.625rem } .\!k-scroll-mb-6\.5 { scroll-margin-bottom: 1.625rem !important } .k-scroll-mb-7 { scroll-margin-bottom: 1.75rem } .\!k-scroll-mb-7 { scroll-margin-bottom: 1.75rem !important } .k-scroll-mb-7\.5 { scroll-margin-bottom: 1.875rem } .\!k-scroll-mb-7\.5 { scroll-margin-bottom: 1.875rem !important } .k-scroll-mb-8 { scroll-margin-bottom: 2rem } .\!k-scroll-mb-8 { scroll-margin-bottom: 2rem !important } .k-scroll-mb-9 { scroll-margin-bottom: 2.25rem } .\!k-scroll-mb-9 { scroll-margin-bottom: 2.25rem !important } .k-scroll-mb-10 { scroll-margin-bottom: 2.5rem } .\!k-scroll-mb-10 { scroll-margin-bottom: 2.5rem !important } .k-scroll-mb-11 { scroll-margin-bottom: 2.75rem } .\!k-scroll-mb-11 { scroll-margin-bottom: 2.75rem !important } .k-scroll-mb-12 { scroll-margin-bottom: 3rem } .\!k-scroll-mb-12 { scroll-margin-bottom: 3rem !important } .k-scroll-mb-13 { scroll-margin-bottom: 3.25rem } .\!k-scroll-mb-13 { scroll-margin-bottom: 3.25rem !important } .k-scroll-mb-14 { scroll-margin-bottom: 3.5rem } .\!k-scroll-mb-14 { scroll-margin-bottom: 3.5rem !important } .k-scroll-mb-15 { scroll-margin-bottom: 3.75rem } .\!k-scroll-mb-15 { scroll-margin-bottom: 3.75rem !important } .k-scroll-mb-16 { scroll-margin-bottom: 4rem } .\!k-scroll-mb-16 { scroll-margin-bottom: 4rem !important } .k-scroll-mb-17 { scroll-margin-bottom: 4.25rem } .\!k-scroll-mb-17 { scroll-margin-bottom: 4.25rem !important } .k-scroll-mb-18 { scroll-margin-bottom: 4.5rem } .\!k-scroll-mb-18 { scroll-margin-bottom: 4.5rem !important } .k-scroll-mb-19 { scroll-margin-bottom: 4.75rem } .\!k-scroll-mb-19 { scroll-margin-bottom: 4.75rem !important } .k-scroll-mb-20 { scroll-margin-bottom: 5rem } .\!k-scroll-mb-20 { scroll-margin-bottom: 5rem !important } .k-scroll-mb-21 { scroll-margin-bottom: 5.25rem } .\!k-scroll-mb-21 { scroll-margin-bottom: 5.25rem !important } .k-scroll-mb-22 { scroll-margin-bottom: 5.5rem } .\!k-scroll-mb-22 { scroll-margin-bottom: 5.5rem !important } .k-scroll-mb-23 { scroll-margin-bottom: 5.75rem } .\!k-scroll-mb-23 { scroll-margin-bottom: 5.75rem !important } .k-scroll-mb-24 { scroll-margin-bottom: 6rem } .\!k-scroll-mb-24 { scroll-margin-bottom: 6rem !important } .k-scroll-mb-25 { scroll-margin-bottom: 7rem } .\!k-scroll-mb-25 { scroll-margin-bottom: 7rem !important } .k-scroll-mb-26 { scroll-margin-bottom: 8rem } .\!k-scroll-mb-26 { scroll-margin-bottom: 8rem !important } .k-scroll-mb-27 { scroll-margin-bottom: 9rem } .\!k-scroll-mb-27 { scroll-margin-bottom: 9rem !important } .k-scroll-mb-28 { scroll-margin-bottom: 10rem } .\!k-scroll-mb-28 { scroll-margin-bottom: 10rem !important } .k-scroll-mb-29 { scroll-margin-bottom: 11rem } .\!k-scroll-mb-29 { scroll-margin-bottom: 11rem !important } .k-scroll-mb-30 { scroll-margin-bottom: 12rem } .\!k-scroll-mb-30 { scroll-margin-bottom: 12rem !important } .k-scroll-ml-0 { scroll-margin-left: 0px } .\!k-scroll-ml-0 { scroll-margin-left: 0px !important } .k-scroll-ml-1px { scroll-margin-left: 1px } .\!k-scroll-ml-1px { scroll-margin-left: 1px !important } .k-scroll-ml-0\.5 { scroll-margin-left: .125rem } .\!k-scroll-ml-0\.5 { scroll-margin-left: .125rem !important } .k-scroll-ml-1 { scroll-margin-left: .25rem } .\!k-scroll-ml-1 { scroll-margin-left: .25rem !important } .k-scroll-ml-1\.5 { scroll-margin-left: .375rem } .\!k-scroll-ml-1\.5 { scroll-margin-left: .375rem !important } .k-scroll-ml-2 { scroll-margin-left: .5rem } .\!k-scroll-ml-2 { scroll-margin-left: .5rem !important } .k-scroll-ml-2\.5 { scroll-margin-left: .625rem } .\!k-scroll-ml-2\.5 { scroll-margin-left: .625rem !important } .k-scroll-ml-3 { scroll-margin-left: .75rem } .\!k-scroll-ml-3 { scroll-margin-left: .75rem !important } .k-scroll-ml-3\.5 { scroll-margin-left: .875rem } .\!k-scroll-ml-3\.5 { scroll-margin-left: .875rem !important } .k-scroll-ml-4 { scroll-margin-left: 1rem } .\!k-scroll-ml-4 { scroll-margin-left: 1rem !important } .k-scroll-ml-4\.5 { scroll-margin-left: 1.125rem } .\!k-scroll-ml-4\.5 { scroll-margin-left: 1.125rem !important } .k-scroll-ml-5 { scroll-margin-left: 1.25rem } .\!k-scroll-ml-5 { scroll-margin-left: 1.25rem !important } .k-scroll-ml-5\.5 { scroll-margin-left: 1.375rem } .\!k-scroll-ml-5\.5 { scroll-margin-left: 1.375rem !important } .k-scroll-ml-6 { scroll-margin-left: 1.5rem } .\!k-scroll-ml-6 { scroll-margin-left: 1.5rem !important } .k-scroll-ml-6\.5 { scroll-margin-left: 1.625rem } .\!k-scroll-ml-6\.5 { scroll-margin-left: 1.625rem !important } .k-scroll-ml-7 { scroll-margin-left: 1.75rem } .\!k-scroll-ml-7 { scroll-margin-left: 1.75rem !important } .k-scroll-ml-7\.5 { scroll-margin-left: 1.875rem } .\!k-scroll-ml-7\.5 { scroll-margin-left: 1.875rem !important } .k-scroll-ml-8 { scroll-margin-left: 2rem } .\!k-scroll-ml-8 { scroll-margin-left: 2rem !important } .k-scroll-ml-9 { scroll-margin-left: 2.25rem } .\!k-scroll-ml-9 { scroll-margin-left: 2.25rem !important } .k-scroll-ml-10 { scroll-margin-left: 2.5rem } .\!k-scroll-ml-10 { scroll-margin-left: 2.5rem !important } .k-scroll-ml-11 { scroll-margin-left: 2.75rem } .\!k-scroll-ml-11 { scroll-margin-left: 2.75rem !important } .k-scroll-ml-12 { scroll-margin-left: 3rem } .\!k-scroll-ml-12 { scroll-margin-left: 3rem !important } .k-scroll-ml-13 { scroll-margin-left: 3.25rem } .\!k-scroll-ml-13 { scroll-margin-left: 3.25rem !important } .k-scroll-ml-14 { scroll-margin-left: 3.5rem } .\!k-scroll-ml-14 { scroll-margin-left: 3.5rem !important } .k-scroll-ml-15 { scroll-margin-left: 3.75rem } .\!k-scroll-ml-15 { scroll-margin-left: 3.75rem !important } .k-scroll-ml-16 { scroll-margin-left: 4rem } .\!k-scroll-ml-16 { scroll-margin-left: 4rem !important } .k-scroll-ml-17 { scroll-margin-left: 4.25rem } .\!k-scroll-ml-17 { scroll-margin-left: 4.25rem !important } .k-scroll-ml-18 { scroll-margin-left: 4.5rem } .\!k-scroll-ml-18 { scroll-margin-left: 4.5rem !important } .k-scroll-ml-19 { scroll-margin-left: 4.75rem } .\!k-scroll-ml-19 { scroll-margin-left: 4.75rem !important } .k-scroll-ml-20 { scroll-margin-left: 5rem } .\!k-scroll-ml-20 { scroll-margin-left: 5rem !important } .k-scroll-ml-21 { scroll-margin-left: 5.25rem } .\!k-scroll-ml-21 { scroll-margin-left: 5.25rem !important } .k-scroll-ml-22 { scroll-margin-left: 5.5rem } .\!k-scroll-ml-22 { scroll-margin-left: 5.5rem !important } .k-scroll-ml-23 { scroll-margin-left: 5.75rem } .\!k-scroll-ml-23 { scroll-margin-left: 5.75rem !important } .k-scroll-ml-24 { scroll-margin-left: 6rem } .\!k-scroll-ml-24 { scroll-margin-left: 6rem !important } .k-scroll-ml-25 { scroll-margin-left: 7rem } .\!k-scroll-ml-25 { scroll-margin-left: 7rem !important } .k-scroll-ml-26 { scroll-margin-left: 8rem } .\!k-scroll-ml-26 { scroll-margin-left: 8rem !important } .k-scroll-ml-27 { scroll-margin-left: 9rem } .\!k-scroll-ml-27 { scroll-margin-left: 9rem !important } .k-scroll-ml-28 { scroll-margin-left: 10rem } .\!k-scroll-ml-28 { scroll-margin-left: 10rem !important } .k-scroll-ml-29 { scroll-margin-left: 11rem } .\!k-scroll-ml-29 { scroll-margin-left: 11rem !important } .k-scroll-ml-30 { scroll-margin-left: 12rem } .\!k-scroll-ml-30 { scroll-margin-left: 12rem !important } .k-scroll-mx-0 { scroll-margin-inline: 0px } .\!k-scroll-mx-0 { scroll-margin-inline: 0px !important } .k-scroll-mx-1px { scroll-margin-inline: 1px } .\!k-scroll-mx-1px { scroll-margin-inline: 1px !important } .k-scroll-mx-0\.5 { scroll-margin-inline: .125rem } .\!k-scroll-mx-0\.5 { scroll-margin-inline: .125rem !important } .k-scroll-mx-1 { scroll-margin-inline: .25rem } .\!k-scroll-mx-1 { scroll-margin-inline: .25rem !important } .k-scroll-mx-1\.5 { scroll-margin-inline: .375rem } .\!k-scroll-mx-1\.5 { scroll-margin-inline: .375rem !important } .k-scroll-mx-2 { scroll-margin-inline: .5rem } .\!k-scroll-mx-2 { scroll-margin-inline: .5rem !important } .k-scroll-mx-2\.5 { scroll-margin-inline: .625rem } .\!k-scroll-mx-2\.5 { scroll-margin-inline: .625rem !important } .k-scroll-mx-3 { scroll-margin-inline: .75rem } .\!k-scroll-mx-3 { scroll-margin-inline: .75rem !important } .k-scroll-mx-3\.5 { scroll-margin-inline: .875rem } .\!k-scroll-mx-3\.5 { scroll-margin-inline: .875rem !important } .k-scroll-mx-4 { scroll-margin-inline: 1rem } .\!k-scroll-mx-4 { scroll-margin-inline: 1rem !important } .k-scroll-mx-4\.5 { scroll-margin-inline: 1.125rem } .\!k-scroll-mx-4\.5 { scroll-margin-inline: 1.125rem !important } .k-scroll-mx-5 { scroll-margin-inline: 1.25rem } .\!k-scroll-mx-5 { scroll-margin-inline: 1.25rem !important } .k-scroll-mx-5\.5 { scroll-margin-inline: 1.375rem } .\!k-scroll-mx-5\.5 { scroll-margin-inline: 1.375rem !important } .k-scroll-mx-6 { scroll-margin-inline: 1.5rem } .\!k-scroll-mx-6 { scroll-margin-inline: 1.5rem !important } .k-scroll-mx-6\.5 { scroll-margin-inline: 1.625rem } .\!k-scroll-mx-6\.5 { scroll-margin-inline: 1.625rem !important } .k-scroll-mx-7 { scroll-margin-inline: 1.75rem } .\!k-scroll-mx-7 { scroll-margin-inline: 1.75rem !important } .k-scroll-mx-7\.5 { scroll-margin-inline: 1.875rem } .\!k-scroll-mx-7\.5 { scroll-margin-inline: 1.875rem !important } .k-scroll-mx-8 { scroll-margin-inline: 2rem } .\!k-scroll-mx-8 { scroll-margin-inline: 2rem !important } .k-scroll-mx-9 { scroll-margin-inline: 2.25rem } .\!k-scroll-mx-9 { scroll-margin-inline: 2.25rem !important } .k-scroll-mx-10 { scroll-margin-inline: 2.5rem } .\!k-scroll-mx-10 { scroll-margin-inline: 2.5rem !important } .k-scroll-mx-11 { scroll-margin-inline: 2.75rem } .\!k-scroll-mx-11 { scroll-margin-inline: 2.75rem !important } .k-scroll-mx-12 { scroll-margin-inline: 3rem } .\!k-scroll-mx-12 { scroll-margin-inline: 3rem !important } .k-scroll-mx-13 { scroll-margin-inline: 3.25rem } .\!k-scroll-mx-13 { scroll-margin-inline: 3.25rem !important } .k-scroll-mx-14 { scroll-margin-inline: 3.5rem } .\!k-scroll-mx-14 { scroll-margin-inline: 3.5rem !important } .k-scroll-mx-15 { scroll-margin-inline: 3.75rem } .\!k-scroll-mx-15 { scroll-margin-inline: 3.75rem !important } .k-scroll-mx-16 { scroll-margin-inline: 4rem } .\!k-scroll-mx-16 { scroll-margin-inline: 4rem !important } .k-scroll-mx-17 { scroll-margin-inline: 4.25rem } .\!k-scroll-mx-17 { scroll-margin-inline: 4.25rem !important } .k-scroll-mx-18 { scroll-margin-inline: 4.5rem } .\!k-scroll-mx-18 { scroll-margin-inline: 4.5rem !important } .k-scroll-mx-19 { scroll-margin-inline: 4.75rem } .\!k-scroll-mx-19 { scroll-margin-inline: 4.75rem !important } .k-scroll-mx-20 { scroll-margin-inline: 5rem } .\!k-scroll-mx-20 { scroll-margin-inline: 5rem !important } .k-scroll-mx-21 { scroll-margin-inline: 5.25rem } .\!k-scroll-mx-21 { scroll-margin-inline: 5.25rem !important } .k-scroll-mx-22 { scroll-margin-inline: 5.5rem } .\!k-scroll-mx-22 { scroll-margin-inline: 5.5rem !important } .k-scroll-mx-23 { scroll-margin-inline: 5.75rem } .\!k-scroll-mx-23 { scroll-margin-inline: 5.75rem !important } .k-scroll-mx-24 { scroll-margin-inline: 6rem } .\!k-scroll-mx-24 { scroll-margin-inline: 6rem !important } .k-scroll-mx-25 { scroll-margin-inline: 7rem } .\!k-scroll-mx-25 { scroll-margin-inline: 7rem !important } .k-scroll-mx-26 { scroll-margin-inline: 8rem } .\!k-scroll-mx-26 { scroll-margin-inline: 8rem !important } .k-scroll-mx-27 { scroll-margin-inline: 9rem } .\!k-scroll-mx-27 { scroll-margin-inline: 9rem !important } .k-scroll-mx-28 { scroll-margin-inline: 10rem } .\!k-scroll-mx-28 { scroll-margin-inline: 10rem !important } .k-scroll-mx-29 { scroll-margin-inline: 11rem } .\!k-scroll-mx-29 { scroll-margin-inline: 11rem !important } .k-scroll-mx-30 { scroll-margin-inline: 12rem } .\!k-scroll-mx-30 { scroll-margin-inline: 12rem !important } .k-scroll-my-0 { scroll-margin-block: 0px } .\!k-scroll-my-0 { scroll-margin-block: 0px !important } .k-scroll-my-1px { scroll-margin-block: 1px } .\!k-scroll-my-1px { scroll-margin-block: 1px !important } .k-scroll-my-0\.5 { scroll-margin-block: .125rem } .\!k-scroll-my-0\.5 { scroll-margin-block: .125rem !important } .k-scroll-my-1 { scroll-margin-block: .25rem } .\!k-scroll-my-1 { scroll-margin-block: .25rem !important } .k-scroll-my-1\.5 { scroll-margin-block: .375rem } .\!k-scroll-my-1\.5 { scroll-margin-block: .375rem !important } .k-scroll-my-2 { scroll-margin-block: .5rem } .\!k-scroll-my-2 { scroll-margin-block: .5rem !important } .k-scroll-my-2\.5 { scroll-margin-block: .625rem } .\!k-scroll-my-2\.5 { scroll-margin-block: .625rem !important } .k-scroll-my-3 { scroll-margin-block: .75rem } .\!k-scroll-my-3 { scroll-margin-block: .75rem !important } .k-scroll-my-3\.5 { scroll-margin-block: .875rem } .\!k-scroll-my-3\.5 { scroll-margin-block: .875rem !important } .k-scroll-my-4 { scroll-margin-block: 1rem } .\!k-scroll-my-4 { scroll-margin-block: 1rem !important } .k-scroll-my-4\.5 { scroll-margin-block: 1.125rem } .\!k-scroll-my-4\.5 { scroll-margin-block: 1.125rem !important } .k-scroll-my-5 { scroll-margin-block: 1.25rem } .\!k-scroll-my-5 { scroll-margin-block: 1.25rem !important } .k-scroll-my-5\.5 { scroll-margin-block: 1.375rem } .\!k-scroll-my-5\.5 { scroll-margin-block: 1.375rem !important } .k-scroll-my-6 { scroll-margin-block: 1.5rem } .\!k-scroll-my-6 { scroll-margin-block: 1.5rem !important } .k-scroll-my-6\.5 { scroll-margin-block: 1.625rem } .\!k-scroll-my-6\.5 { scroll-margin-block: 1.625rem !important } .k-scroll-my-7 { scroll-margin-block: 1.75rem } .\!k-scroll-my-7 { scroll-margin-block: 1.75rem !important } .k-scroll-my-7\.5 { scroll-margin-block: 1.875rem } .\!k-scroll-my-7\.5 { scroll-margin-block: 1.875rem !important } .k-scroll-my-8 { scroll-margin-block: 2rem } .\!k-scroll-my-8 { scroll-margin-block: 2rem !important } .k-scroll-my-9 { scroll-margin-block: 2.25rem } .\!k-scroll-my-9 { scroll-margin-block: 2.25rem !important } .k-scroll-my-10 { scroll-margin-block: 2.5rem } .\!k-scroll-my-10 { scroll-margin-block: 2.5rem !important } .k-scroll-my-11 { scroll-margin-block: 2.75rem } .\!k-scroll-my-11 { scroll-margin-block: 2.75rem !important } .k-scroll-my-12 { scroll-margin-block: 3rem } .\!k-scroll-my-12 { scroll-margin-block: 3rem !important } .k-scroll-my-13 { scroll-margin-block: 3.25rem } .\!k-scroll-my-13 { scroll-margin-block: 3.25rem !important } .k-scroll-my-14 { scroll-margin-block: 3.5rem } .\!k-scroll-my-14 { scroll-margin-block: 3.5rem !important } .k-scroll-my-15 { scroll-margin-block: 3.75rem } .\!k-scroll-my-15 { scroll-margin-block: 3.75rem !important } .k-scroll-my-16 { scroll-margin-block: 4rem } .\!k-scroll-my-16 { scroll-margin-block: 4rem !important } .k-scroll-my-17 { scroll-margin-block: 4.25rem } .\!k-scroll-my-17 { scroll-margin-block: 4.25rem !important } .k-scroll-my-18 { scroll-margin-block: 4.5rem } .\!k-scroll-my-18 { scroll-margin-block: 4.5rem !important } .k-scroll-my-19 { scroll-margin-block: 4.75rem } .\!k-scroll-my-19 { scroll-margin-block: 4.75rem !important } .k-scroll-my-20 { scroll-margin-block: 5rem } .\!k-scroll-my-20 { scroll-margin-block: 5rem !important } .k-scroll-my-21 { scroll-margin-block: 5.25rem } .\!k-scroll-my-21 { scroll-margin-block: 5.25rem !important } .k-scroll-my-22 { scroll-margin-block: 5.5rem } .\!k-scroll-my-22 { scroll-margin-block: 5.5rem !important } .k-scroll-my-23 { scroll-margin-block: 5.75rem } .\!k-scroll-my-23 { scroll-margin-block: 5.75rem !important } .k-scroll-my-24 { scroll-margin-block: 6rem } .\!k-scroll-my-24 { scroll-margin-block: 6rem !important } .k-scroll-my-25 { scroll-margin-block: 7rem } .\!k-scroll-my-25 { scroll-margin-block: 7rem !important } .k-scroll-my-26 { scroll-margin-block: 8rem } .\!k-scroll-my-26 { scroll-margin-block: 8rem !important } .k-scroll-my-27 { scroll-margin-block: 9rem } .\!k-scroll-my-27 { scroll-margin-block: 9rem !important } .k-scroll-my-28 { scroll-margin-block: 10rem } .\!k-scroll-my-28 { scroll-margin-block: 10rem !important } .k-scroll-my-29 { scroll-margin-block: 11rem } .\!k-scroll-my-29 { scroll-margin-block: 11rem !important } .k-scroll-my-30 { scroll-margin-block: 12rem } .\!k-scroll-my-30 { scroll-margin-block: 12rem !important } .k-scroll-p-0 { scroll-padding: 0px } .\!k-scroll-p-0 { scroll-padding: 0px !important } .k-scroll-p-1px { scroll-padding: 1px } .\!k-scroll-p-1px { scroll-padding: 1px !important } .k-scroll-p-0\.5 { scroll-padding: .125rem } .\!k-scroll-p-0\.5 { scroll-padding: .125rem !important } .k-scroll-p-1 { scroll-padding: .25rem } .\!k-scroll-p-1 { scroll-padding: .25rem !important } .k-scroll-p-1\.5 { scroll-padding: .375rem } .\!k-scroll-p-1\.5 { scroll-padding: .375rem !important } .k-scroll-p-2 { scroll-padding: .5rem } .\!k-scroll-p-2 { scroll-padding: .5rem !important } .k-scroll-p-2\.5 { scroll-padding: .625rem } .\!k-scroll-p-2\.5 { scroll-padding: .625rem !important } .k-scroll-p-3 { scroll-padding: .75rem } .\!k-scroll-p-3 { scroll-padding: .75rem !important } .k-scroll-p-3\.5 { scroll-padding: .875rem } .\!k-scroll-p-3\.5 { scroll-padding: .875rem !important } .k-scroll-p-4 { scroll-padding: 1rem } .\!k-scroll-p-4 { scroll-padding: 1rem !important } .k-scroll-p-4\.5 { scroll-padding: 1.125rem } .\!k-scroll-p-4\.5 { scroll-padding: 1.125rem !important } .k-scroll-p-5 { scroll-padding: 1.25rem } .\!k-scroll-p-5 { scroll-padding: 1.25rem !important } .k-scroll-p-5\.5 { scroll-padding: 1.375rem } .\!k-scroll-p-5\.5 { scroll-padding: 1.375rem !important } .k-scroll-p-6 { scroll-padding: 1.5rem } .\!k-scroll-p-6 { scroll-padding: 1.5rem !important } .k-scroll-p-6\.5 { scroll-padding: 1.625rem } .\!k-scroll-p-6\.5 { scroll-padding: 1.625rem !important } .k-scroll-p-7 { scroll-padding: 1.75rem } .\!k-scroll-p-7 { scroll-padding: 1.75rem !important } .k-scroll-p-7\.5 { scroll-padding: 1.875rem } .\!k-scroll-p-7\.5 { scroll-padding: 1.875rem !important } .k-scroll-p-8 { scroll-padding: 2rem } .\!k-scroll-p-8 { scroll-padding: 2rem !important } .k-scroll-p-9 { scroll-padding: 2.25rem } .\!k-scroll-p-9 { scroll-padding: 2.25rem !important } .k-scroll-p-10 { scroll-padding: 2.5rem } .\!k-scroll-p-10 { scroll-padding: 2.5rem !important } .k-scroll-p-11 { scroll-padding: 2.75rem } .\!k-scroll-p-11 { scroll-padding: 2.75rem !important } .k-scroll-p-12 { scroll-padding: 3rem } .\!k-scroll-p-12 { scroll-padding: 3rem !important } .k-scroll-p-13 { scroll-padding: 3.25rem } .\!k-scroll-p-13 { scroll-padding: 3.25rem !important } .k-scroll-p-14 { scroll-padding: 3.5rem } .\!k-scroll-p-14 { scroll-padding: 3.5rem !important } .k-scroll-p-15 { scroll-padding: 3.75rem } .\!k-scroll-p-15 { scroll-padding: 3.75rem !important } .k-scroll-p-16 { scroll-padding: 4rem } .\!k-scroll-p-16 { scroll-padding: 4rem !important } .k-scroll-p-17 { scroll-padding: 4.25rem } .\!k-scroll-p-17 { scroll-padding: 4.25rem !important } .k-scroll-p-18 { scroll-padding: 4.5rem } .\!k-scroll-p-18 { scroll-padding: 4.5rem !important } .k-scroll-p-19 { scroll-padding: 4.75rem } .\!k-scroll-p-19 { scroll-padding: 4.75rem !important } .k-scroll-p-20 { scroll-padding: 5rem } .\!k-scroll-p-20 { scroll-padding: 5rem !important } .k-scroll-p-21 { scroll-padding: 5.25rem } .\!k-scroll-p-21 { scroll-padding: 5.25rem !important } .k-scroll-p-22 { scroll-padding: 5.5rem } .\!k-scroll-p-22 { scroll-padding: 5.5rem !important } .k-scroll-p-23 { scroll-padding: 5.75rem } .\!k-scroll-p-23 { scroll-padding: 5.75rem !important } .k-scroll-p-24 { scroll-padding: 6rem } .\!k-scroll-p-24 { scroll-padding: 6rem !important } .k-scroll-p-25 { scroll-padding: 7rem } .\!k-scroll-p-25 { scroll-padding: 7rem !important } .k-scroll-p-26 { scroll-padding: 8rem } .\!k-scroll-p-26 { scroll-padding: 8rem !important } .k-scroll-p-27 { scroll-padding: 9rem } .\!k-scroll-p-27 { scroll-padding: 9rem !important } .k-scroll-p-28 { scroll-padding: 10rem } .\!k-scroll-p-28 { scroll-padding: 10rem !important } .k-scroll-p-29 { scroll-padding: 11rem } .\!k-scroll-p-29 { scroll-padding: 11rem !important } .k-scroll-p-30 { scroll-padding: 12rem } .\!k-scroll-p-30 { scroll-padding: 12rem !important } .k-scroll-pt-0 { scroll-padding-top: 0px } .\!k-scroll-pt-0 { scroll-padding-top: 0px !important } .k-scroll-pt-1px { scroll-padding-top: 1px } .\!k-scroll-pt-1px { scroll-padding-top: 1px !important } .k-scroll-pt-0\.5 { scroll-padding-top: .125rem } .\!k-scroll-pt-0\.5 { scroll-padding-top: .125rem !important } .k-scroll-pt-1 { scroll-padding-top: .25rem } .\!k-scroll-pt-1 { scroll-padding-top: .25rem !important } .k-scroll-pt-1\.5 { scroll-padding-top: .375rem } .\!k-scroll-pt-1\.5 { scroll-padding-top: .375rem !important } .k-scroll-pt-2 { scroll-padding-top: .5rem } .\!k-scroll-pt-2 { scroll-padding-top: .5rem !important } .k-scroll-pt-2\.5 { scroll-padding-top: .625rem } .\!k-scroll-pt-2\.5 { scroll-padding-top: .625rem !important } .k-scroll-pt-3 { scroll-padding-top: .75rem } .\!k-scroll-pt-3 { scroll-padding-top: .75rem !important } .k-scroll-pt-3\.5 { scroll-padding-top: .875rem } .\!k-scroll-pt-3\.5 { scroll-padding-top: .875rem !important } .k-scroll-pt-4 { scroll-padding-top: 1rem } .\!k-scroll-pt-4 { scroll-padding-top: 1rem !important } .k-scroll-pt-4\.5 { scroll-padding-top: 1.125rem } .\!k-scroll-pt-4\.5 { scroll-padding-top: 1.125rem !important } .k-scroll-pt-5 { scroll-padding-top: 1.25rem } .\!k-scroll-pt-5 { scroll-padding-top: 1.25rem !important } .k-scroll-pt-5\.5 { scroll-padding-top: 1.375rem } .\!k-scroll-pt-5\.5 { scroll-padding-top: 1.375rem !important } .k-scroll-pt-6 { scroll-padding-top: 1.5rem } .\!k-scroll-pt-6 { scroll-padding-top: 1.5rem !important } .k-scroll-pt-6\.5 { scroll-padding-top: 1.625rem } .\!k-scroll-pt-6\.5 { scroll-padding-top: 1.625rem !important } .k-scroll-pt-7 { scroll-padding-top: 1.75rem } .\!k-scroll-pt-7 { scroll-padding-top: 1.75rem !important } .k-scroll-pt-7\.5 { scroll-padding-top: 1.875rem } .\!k-scroll-pt-7\.5 { scroll-padding-top: 1.875rem !important } .k-scroll-pt-8 { scroll-padding-top: 2rem } .\!k-scroll-pt-8 { scroll-padding-top: 2rem !important } .k-scroll-pt-9 { scroll-padding-top: 2.25rem } .\!k-scroll-pt-9 { scroll-padding-top: 2.25rem !important } .k-scroll-pt-10 { scroll-padding-top: 2.5rem } .\!k-scroll-pt-10 { scroll-padding-top: 2.5rem !important } .k-scroll-pt-11 { scroll-padding-top: 2.75rem } .\!k-scroll-pt-11 { scroll-padding-top: 2.75rem !important } .k-scroll-pt-12 { scroll-padding-top: 3rem } .\!k-scroll-pt-12 { scroll-padding-top: 3rem !important } .k-scroll-pt-13 { scroll-padding-top: 3.25rem } .\!k-scroll-pt-13 { scroll-padding-top: 3.25rem !important } .k-scroll-pt-14 { scroll-padding-top: 3.5rem } .\!k-scroll-pt-14 { scroll-padding-top: 3.5rem !important } .k-scroll-pt-15 { scroll-padding-top: 3.75rem } .\!k-scroll-pt-15 { scroll-padding-top: 3.75rem !important } .k-scroll-pt-16 { scroll-padding-top: 4rem } .\!k-scroll-pt-16 { scroll-padding-top: 4rem !important } .k-scroll-pt-17 { scroll-padding-top: 4.25rem } .\!k-scroll-pt-17 { scroll-padding-top: 4.25rem !important } .k-scroll-pt-18 { scroll-padding-top: 4.5rem } .\!k-scroll-pt-18 { scroll-padding-top: 4.5rem !important } .k-scroll-pt-19 { scroll-padding-top: 4.75rem } .\!k-scroll-pt-19 { scroll-padding-top: 4.75rem !important } .k-scroll-pt-20 { scroll-padding-top: 5rem } .\!k-scroll-pt-20 { scroll-padding-top: 5rem !important } .k-scroll-pt-21 { scroll-padding-top: 5.25rem } .\!k-scroll-pt-21 { scroll-padding-top: 5.25rem !important } .k-scroll-pt-22 { scroll-padding-top: 5.5rem } .\!k-scroll-pt-22 { scroll-padding-top: 5.5rem !important } .k-scroll-pt-23 { scroll-padding-top: 5.75rem } .\!k-scroll-pt-23 { scroll-padding-top: 5.75rem !important } .k-scroll-pt-24 { scroll-padding-top: 6rem } .\!k-scroll-pt-24 { scroll-padding-top: 6rem !important } .k-scroll-pt-25 { scroll-padding-top: 7rem } .\!k-scroll-pt-25 { scroll-padding-top: 7rem !important } .k-scroll-pt-26 { scroll-padding-top: 8rem } .\!k-scroll-pt-26 { scroll-padding-top: 8rem !important } .k-scroll-pt-27 { scroll-padding-top: 9rem } .\!k-scroll-pt-27 { scroll-padding-top: 9rem !important } .k-scroll-pt-28 { scroll-padding-top: 10rem } .\!k-scroll-pt-28 { scroll-padding-top: 10rem !important } .k-scroll-pt-29 { scroll-padding-top: 11rem } .\!k-scroll-pt-29 { scroll-padding-top: 11rem !important } .k-scroll-pt-30 { scroll-padding-top: 12rem } .\!k-scroll-pt-30 { scroll-padding-top: 12rem !important } .k-scroll-pr-0 { scroll-padding-right: 0px } .\!k-scroll-pr-0 { scroll-padding-right: 0px !important } .k-scroll-pr-1px { scroll-padding-right: 1px } .\!k-scroll-pr-1px { scroll-padding-right: 1px !important } .k-scroll-pr-0\.5 { scroll-padding-right: .125rem } .\!k-scroll-pr-0\.5 { scroll-padding-right: .125rem !important } .k-scroll-pr-1 { scroll-padding-right: .25rem } .\!k-scroll-pr-1 { scroll-padding-right: .25rem !important } .k-scroll-pr-1\.5 { scroll-padding-right: .375rem } .\!k-scroll-pr-1\.5 { scroll-padding-right: .375rem !important } .k-scroll-pr-2 { scroll-padding-right: .5rem } .\!k-scroll-pr-2 { scroll-padding-right: .5rem !important } .k-scroll-pr-2\.5 { scroll-padding-right: .625rem } .\!k-scroll-pr-2\.5 { scroll-padding-right: .625rem !important } .k-scroll-pr-3 { scroll-padding-right: .75rem } .\!k-scroll-pr-3 { scroll-padding-right: .75rem !important } .k-scroll-pr-3\.5 { scroll-padding-right: .875rem } .\!k-scroll-pr-3\.5 { scroll-padding-right: .875rem !important } .k-scroll-pr-4 { scroll-padding-right: 1rem } .\!k-scroll-pr-4 { scroll-padding-right: 1rem !important } .k-scroll-pr-4\.5 { scroll-padding-right: 1.125rem } .\!k-scroll-pr-4\.5 { scroll-padding-right: 1.125rem !important } .k-scroll-pr-5 { scroll-padding-right: 1.25rem } .\!k-scroll-pr-5 { scroll-padding-right: 1.25rem !important } .k-scroll-pr-5\.5 { scroll-padding-right: 1.375rem } .\!k-scroll-pr-5\.5 { scroll-padding-right: 1.375rem !important } .k-scroll-pr-6 { scroll-padding-right: 1.5rem } .\!k-scroll-pr-6 { scroll-padding-right: 1.5rem !important } .k-scroll-pr-6\.5 { scroll-padding-right: 1.625rem } .\!k-scroll-pr-6\.5 { scroll-padding-right: 1.625rem !important } .k-scroll-pr-7 { scroll-padding-right: 1.75rem } .\!k-scroll-pr-7 { scroll-padding-right: 1.75rem !important } .k-scroll-pr-7\.5 { scroll-padding-right: 1.875rem } .\!k-scroll-pr-7\.5 { scroll-padding-right: 1.875rem !important } .k-scroll-pr-8 { scroll-padding-right: 2rem } .\!k-scroll-pr-8 { scroll-padding-right: 2rem !important } .k-scroll-pr-9 { scroll-padding-right: 2.25rem } .\!k-scroll-pr-9 { scroll-padding-right: 2.25rem !important } .k-scroll-pr-10 { scroll-padding-right: 2.5rem } .\!k-scroll-pr-10 { scroll-padding-right: 2.5rem !important } .k-scroll-pr-11 { scroll-padding-right: 2.75rem } .\!k-scroll-pr-11 { scroll-padding-right: 2.75rem !important } .k-scroll-pr-12 { scroll-padding-right: 3rem } .\!k-scroll-pr-12 { scroll-padding-right: 3rem !important } .k-scroll-pr-13 { scroll-padding-right: 3.25rem } .\!k-scroll-pr-13 { scroll-padding-right: 3.25rem !important } .k-scroll-pr-14 { scroll-padding-right: 3.5rem } .\!k-scroll-pr-14 { scroll-padding-right: 3.5rem !important } .k-scroll-pr-15 { scroll-padding-right: 3.75rem } .\!k-scroll-pr-15 { scroll-padding-right: 3.75rem !important } .k-scroll-pr-16 { scroll-padding-right: 4rem } .\!k-scroll-pr-16 { scroll-padding-right: 4rem !important } .k-scroll-pr-17 { scroll-padding-right: 4.25rem } .\!k-scroll-pr-17 { scroll-padding-right: 4.25rem !important } .k-scroll-pr-18 { scroll-padding-right: 4.5rem } .\!k-scroll-pr-18 { scroll-padding-right: 4.5rem !important } .k-scroll-pr-19 { scroll-padding-right: 4.75rem } .\!k-scroll-pr-19 { scroll-padding-right: 4.75rem !important } .k-scroll-pr-20 { scroll-padding-right: 5rem } .\!k-scroll-pr-20 { scroll-padding-right: 5rem !important } .k-scroll-pr-21 { scroll-padding-right: 5.25rem } .\!k-scroll-pr-21 { scroll-padding-right: 5.25rem !important } .k-scroll-pr-22 { scroll-padding-right: 5.5rem } .\!k-scroll-pr-22 { scroll-padding-right: 5.5rem !important } .k-scroll-pr-23 { scroll-padding-right: 5.75rem } .\!k-scroll-pr-23 { scroll-padding-right: 5.75rem !important } .k-scroll-pr-24 { scroll-padding-right: 6rem } .\!k-scroll-pr-24 { scroll-padding-right: 6rem !important } .k-scroll-pr-25 { scroll-padding-right: 7rem } .\!k-scroll-pr-25 { scroll-padding-right: 7rem !important } .k-scroll-pr-26 { scroll-padding-right: 8rem } .\!k-scroll-pr-26 { scroll-padding-right: 8rem !important } .k-scroll-pr-27 { scroll-padding-right: 9rem } .\!k-scroll-pr-27 { scroll-padding-right: 9rem !important } .k-scroll-pr-28 { scroll-padding-right: 10rem } .\!k-scroll-pr-28 { scroll-padding-right: 10rem !important } .k-scroll-pr-29 { scroll-padding-right: 11rem } .\!k-scroll-pr-29 { scroll-padding-right: 11rem !important } .k-scroll-pr-30 { scroll-padding-right: 12rem } .\!k-scroll-pr-30 { scroll-padding-right: 12rem !important } .k-scroll-pb-0 { scroll-padding-bottom: 0px } .\!k-scroll-pb-0 { scroll-padding-bottom: 0px !important } .k-scroll-pb-1px { scroll-padding-bottom: 1px } .\!k-scroll-pb-1px { scroll-padding-bottom: 1px !important } .k-scroll-pb-0\.5 { scroll-padding-bottom: .125rem } .\!k-scroll-pb-0\.5 { scroll-padding-bottom: .125rem !important } .k-scroll-pb-1 { scroll-padding-bottom: .25rem } .\!k-scroll-pb-1 { scroll-padding-bottom: .25rem !important } .k-scroll-pb-1\.5 { scroll-padding-bottom: .375rem } .\!k-scroll-pb-1\.5 { scroll-padding-bottom: .375rem !important } .k-scroll-pb-2 { scroll-padding-bottom: .5rem } .\!k-scroll-pb-2 { scroll-padding-bottom: .5rem !important } .k-scroll-pb-2\.5 { scroll-padding-bottom: .625rem } .\!k-scroll-pb-2\.5 { scroll-padding-bottom: .625rem !important } .k-scroll-pb-3 { scroll-padding-bottom: .75rem } .\!k-scroll-pb-3 { scroll-padding-bottom: .75rem !important } .k-scroll-pb-3\.5 { scroll-padding-bottom: .875rem } .\!k-scroll-pb-3\.5 { scroll-padding-bottom: .875rem !important } .k-scroll-pb-4 { scroll-padding-bottom: 1rem } .\!k-scroll-pb-4 { scroll-padding-bottom: 1rem !important } .k-scroll-pb-4\.5 { scroll-padding-bottom: 1.125rem } .\!k-scroll-pb-4\.5 { scroll-padding-bottom: 1.125rem !important } .k-scroll-pb-5 { scroll-padding-bottom: 1.25rem } .\!k-scroll-pb-5 { scroll-padding-bottom: 1.25rem !important } .k-scroll-pb-5\.5 { scroll-padding-bottom: 1.375rem } .\!k-scroll-pb-5\.5 { scroll-padding-bottom: 1.375rem !important } .k-scroll-pb-6 { scroll-padding-bottom: 1.5rem } .\!k-scroll-pb-6 { scroll-padding-bottom: 1.5rem !important } .k-scroll-pb-6\.5 { scroll-padding-bottom: 1.625rem } .\!k-scroll-pb-6\.5 { scroll-padding-bottom: 1.625rem !important } .k-scroll-pb-7 { scroll-padding-bottom: 1.75rem } .\!k-scroll-pb-7 { scroll-padding-bottom: 1.75rem !important } .k-scroll-pb-7\.5 { scroll-padding-bottom: 1.875rem } .\!k-scroll-pb-7\.5 { scroll-padding-bottom: 1.875rem !important } .k-scroll-pb-8 { scroll-padding-bottom: 2rem } .\!k-scroll-pb-8 { scroll-padding-bottom: 2rem !important } .k-scroll-pb-9 { scroll-padding-bottom: 2.25rem } .\!k-scroll-pb-9 { scroll-padding-bottom: 2.25rem !important } .k-scroll-pb-10 { scroll-padding-bottom: 2.5rem } .\!k-scroll-pb-10 { scroll-padding-bottom: 2.5rem !important } .k-scroll-pb-11 { scroll-padding-bottom: 2.75rem } .\!k-scroll-pb-11 { scroll-padding-bottom: 2.75rem !important } .k-scroll-pb-12 { scroll-padding-bottom: 3rem } .\!k-scroll-pb-12 { scroll-padding-bottom: 3rem !important } .k-scroll-pb-13 { scroll-padding-bottom: 3.25rem } .\!k-scroll-pb-13 { scroll-padding-bottom: 3.25rem !important } .k-scroll-pb-14 { scroll-padding-bottom: 3.5rem } .\!k-scroll-pb-14 { scroll-padding-bottom: 3.5rem !important } .k-scroll-pb-15 { scroll-padding-bottom: 3.75rem } .\!k-scroll-pb-15 { scroll-padding-bottom: 3.75rem !important } .k-scroll-pb-16 { scroll-padding-bottom: 4rem } .\!k-scroll-pb-16 { scroll-padding-bottom: 4rem !important } .k-scroll-pb-17 { scroll-padding-bottom: 4.25rem } .\!k-scroll-pb-17 { scroll-padding-bottom: 4.25rem !important } .k-scroll-pb-18 { scroll-padding-bottom: 4.5rem } .\!k-scroll-pb-18 { scroll-padding-bottom: 4.5rem !important } .k-scroll-pb-19 { scroll-padding-bottom: 4.75rem } .\!k-scroll-pb-19 { scroll-padding-bottom: 4.75rem !important } .k-scroll-pb-20 { scroll-padding-bottom: 5rem } .\!k-scroll-pb-20 { scroll-padding-bottom: 5rem !important } .k-scroll-pb-21 { scroll-padding-bottom: 5.25rem } .\!k-scroll-pb-21 { scroll-padding-bottom: 5.25rem !important } .k-scroll-pb-22 { scroll-padding-bottom: 5.5rem } .\!k-scroll-pb-22 { scroll-padding-bottom: 5.5rem !important } .k-scroll-pb-23 { scroll-padding-bottom: 5.75rem } .\!k-scroll-pb-23 { scroll-padding-bottom: 5.75rem !important } .k-scroll-pb-24 { scroll-padding-bottom: 6rem } .\!k-scroll-pb-24 { scroll-padding-bottom: 6rem !important } .k-scroll-pb-25 { scroll-padding-bottom: 7rem } .\!k-scroll-pb-25 { scroll-padding-bottom: 7rem !important } .k-scroll-pb-26 { scroll-padding-bottom: 8rem } .\!k-scroll-pb-26 { scroll-padding-bottom: 8rem !important } .k-scroll-pb-27 { scroll-padding-bottom: 9rem } .\!k-scroll-pb-27 { scroll-padding-bottom: 9rem !important } .k-scroll-pb-28 { scroll-padding-bottom: 10rem } .\!k-scroll-pb-28 { scroll-padding-bottom: 10rem !important } .k-scroll-pb-29 { scroll-padding-bottom: 11rem } .\!k-scroll-pb-29 { scroll-padding-bottom: 11rem !important } .k-scroll-pb-30 { scroll-padding-bottom: 12rem } .\!k-scroll-pb-30 { scroll-padding-bottom: 12rem !important } .k-scroll-pl-0 { scroll-padding-left: 0px } .\!k-scroll-pl-0 { scroll-padding-left: 0px !important } .k-scroll-pl-1px { scroll-padding-left: 1px } .\!k-scroll-pl-1px { scroll-padding-left: 1px !important } .k-scroll-pl-0\.5 { scroll-padding-left: .125rem } .\!k-scroll-pl-0\.5 { scroll-padding-left: .125rem !important } .k-scroll-pl-1 { scroll-padding-left: .25rem } .\!k-scroll-pl-1 { scroll-padding-left: .25rem !important } .k-scroll-pl-1\.5 { scroll-padding-left: .375rem } .\!k-scroll-pl-1\.5 { scroll-padding-left: .375rem !important } .k-scroll-pl-2 { scroll-padding-left: .5rem } .\!k-scroll-pl-2 { scroll-padding-left: .5rem !important } .k-scroll-pl-2\.5 { scroll-padding-left: .625rem } .\!k-scroll-pl-2\.5 { scroll-padding-left: .625rem !important } .k-scroll-pl-3 { scroll-padding-left: .75rem } .\!k-scroll-pl-3 { scroll-padding-left: .75rem !important } .k-scroll-pl-3\.5 { scroll-padding-left: .875rem } .\!k-scroll-pl-3\.5 { scroll-padding-left: .875rem !important } .k-scroll-pl-4 { scroll-padding-left: 1rem } .\!k-scroll-pl-4 { scroll-padding-left: 1rem !important } .k-scroll-pl-4\.5 { scroll-padding-left: 1.125rem } .\!k-scroll-pl-4\.5 { scroll-padding-left: 1.125rem !important } .k-scroll-pl-5 { scroll-padding-left: 1.25rem } .\!k-scroll-pl-5 { scroll-padding-left: 1.25rem !important } .k-scroll-pl-5\.5 { scroll-padding-left: 1.375rem } .\!k-scroll-pl-5\.5 { scroll-padding-left: 1.375rem !important } .k-scroll-pl-6 { scroll-padding-left: 1.5rem } .\!k-scroll-pl-6 { scroll-padding-left: 1.5rem !important } .k-scroll-pl-6\.5 { scroll-padding-left: 1.625rem } .\!k-scroll-pl-6\.5 { scroll-padding-left: 1.625rem !important } .k-scroll-pl-7 { scroll-padding-left: 1.75rem } .\!k-scroll-pl-7 { scroll-padding-left: 1.75rem !important } .k-scroll-pl-7\.5 { scroll-padding-left: 1.875rem } .\!k-scroll-pl-7\.5 { scroll-padding-left: 1.875rem !important } .k-scroll-pl-8 { scroll-padding-left: 2rem } .\!k-scroll-pl-8 { scroll-padding-left: 2rem !important } .k-scroll-pl-9 { scroll-padding-left: 2.25rem } .\!k-scroll-pl-9 { scroll-padding-left: 2.25rem !important } .k-scroll-pl-10 { scroll-padding-left: 2.5rem } .\!k-scroll-pl-10 { scroll-padding-left: 2.5rem !important } .k-scroll-pl-11 { scroll-padding-left: 2.75rem } .\!k-scroll-pl-11 { scroll-padding-left: 2.75rem !important } .k-scroll-pl-12 { scroll-padding-left: 3rem } .\!k-scroll-pl-12 { scroll-padding-left: 3rem !important } .k-scroll-pl-13 { scroll-padding-left: 3.25rem } .\!k-scroll-pl-13 { scroll-padding-left: 3.25rem !important } .k-scroll-pl-14 { scroll-padding-left: 3.5rem } .\!k-scroll-pl-14 { scroll-padding-left: 3.5rem !important } .k-scroll-pl-15 { scroll-padding-left: 3.75rem } .\!k-scroll-pl-15 { scroll-padding-left: 3.75rem !important } .k-scroll-pl-16 { scroll-padding-left: 4rem } .\!k-scroll-pl-16 { scroll-padding-left: 4rem !important } .k-scroll-pl-17 { scroll-padding-left: 4.25rem } .\!k-scroll-pl-17 { scroll-padding-left: 4.25rem !important } .k-scroll-pl-18 { scroll-padding-left: 4.5rem } .\!k-scroll-pl-18 { scroll-padding-left: 4.5rem !important } .k-scroll-pl-19 { scroll-padding-left: 4.75rem } .\!k-scroll-pl-19 { scroll-padding-left: 4.75rem !important } .k-scroll-pl-20 { scroll-padding-left: 5rem } .\!k-scroll-pl-20 { scroll-padding-left: 5rem !important } .k-scroll-pl-21 { scroll-padding-left: 5.25rem } .\!k-scroll-pl-21 { scroll-padding-left: 5.25rem !important } .k-scroll-pl-22 { scroll-padding-left: 5.5rem } .\!k-scroll-pl-22 { scroll-padding-left: 5.5rem !important } .k-scroll-pl-23 { scroll-padding-left: 5.75rem } .\!k-scroll-pl-23 { scroll-padding-left: 5.75rem !important } .k-scroll-pl-24 { scroll-padding-left: 6rem } .\!k-scroll-pl-24 { scroll-padding-left: 6rem !important } .k-scroll-pl-25 { scroll-padding-left: 7rem } .\!k-scroll-pl-25 { scroll-padding-left: 7rem !important } .k-scroll-pl-26 { scroll-padding-left: 8rem } .\!k-scroll-pl-26 { scroll-padding-left: 8rem !important } .k-scroll-pl-27 { scroll-padding-left: 9rem } .\!k-scroll-pl-27 { scroll-padding-left: 9rem !important } .k-scroll-pl-28 { scroll-padding-left: 10rem } .\!k-scroll-pl-28 { scroll-padding-left: 10rem !important } .k-scroll-pl-29 { scroll-padding-left: 11rem } .\!k-scroll-pl-29 { scroll-padding-left: 11rem !important } .k-scroll-pl-30 { scroll-padding-left: 12rem } .\!k-scroll-pl-30 { scroll-padding-left: 12rem !important } .k-scroll-px-0 { scroll-padding-inline: 0px } .\!k-scroll-px-0 { scroll-padding-inline: 0px !important } .k-scroll-px-1px { scroll-padding-inline: 1px } .\!k-scroll-px-1px { scroll-padding-inline: 1px !important } .k-scroll-px-0\.5 { scroll-padding-inline: .125rem } .\!k-scroll-px-0\.5 { scroll-padding-inline: .125rem !important } .k-scroll-px-1 { scroll-padding-inline: .25rem } .\!k-scroll-px-1 { scroll-padding-inline: .25rem !important } .k-scroll-px-1\.5 { scroll-padding-inline: .375rem } .\!k-scroll-px-1\.5 { scroll-padding-inline: .375rem !important } .k-scroll-px-2 { scroll-padding-inline: .5rem } .\!k-scroll-px-2 { scroll-padding-inline: .5rem !important } .k-scroll-px-2\.5 { scroll-padding-inline: .625rem } .\!k-scroll-px-2\.5 { scroll-padding-inline: .625rem !important } .k-scroll-px-3 { scroll-padding-inline: .75rem } .\!k-scroll-px-3 { scroll-padding-inline: .75rem !important } .k-scroll-px-3\.5 { scroll-padding-inline: .875rem } .\!k-scroll-px-3\.5 { scroll-padding-inline: .875rem !important } .k-scroll-px-4 { scroll-padding-inline: 1rem } .\!k-scroll-px-4 { scroll-padding-inline: 1rem !important } .k-scroll-px-4\.5 { scroll-padding-inline: 1.125rem } .\!k-scroll-px-4\.5 { scroll-padding-inline: 1.125rem !important } .k-scroll-px-5 { scroll-padding-inline: 1.25rem } .\!k-scroll-px-5 { scroll-padding-inline: 1.25rem !important } .k-scroll-px-5\.5 { scroll-padding-inline: 1.375rem } .\!k-scroll-px-5\.5 { scroll-padding-inline: 1.375rem !important } .k-scroll-px-6 { scroll-padding-inline: 1.5rem } .\!k-scroll-px-6 { scroll-padding-inline: 1.5rem !important } .k-scroll-px-6\.5 { scroll-padding-inline: 1.625rem } .\!k-scroll-px-6\.5 { scroll-padding-inline: 1.625rem !important } .k-scroll-px-7 { scroll-padding-inline: 1.75rem } .\!k-scroll-px-7 { scroll-padding-inline: 1.75rem !important } .k-scroll-px-7\.5 { scroll-padding-inline: 1.875rem } .\!k-scroll-px-7\.5 { scroll-padding-inline: 1.875rem !important } .k-scroll-px-8 { scroll-padding-inline: 2rem } .\!k-scroll-px-8 { scroll-padding-inline: 2rem !important } .k-scroll-px-9 { scroll-padding-inline: 2.25rem } .\!k-scroll-px-9 { scroll-padding-inline: 2.25rem !important } .k-scroll-px-10 { scroll-padding-inline: 2.5rem } .\!k-scroll-px-10 { scroll-padding-inline: 2.5rem !important } .k-scroll-px-11 { scroll-padding-inline: 2.75rem } .\!k-scroll-px-11 { scroll-padding-inline: 2.75rem !important } .k-scroll-px-12 { scroll-padding-inline: 3rem } .\!k-scroll-px-12 { scroll-padding-inline: 3rem !important } .k-scroll-px-13 { scroll-padding-inline: 3.25rem } .\!k-scroll-px-13 { scroll-padding-inline: 3.25rem !important } .k-scroll-px-14 { scroll-padding-inline: 3.5rem } .\!k-scroll-px-14 { scroll-padding-inline: 3.5rem !important } .k-scroll-px-15 { scroll-padding-inline: 3.75rem } .\!k-scroll-px-15 { scroll-padding-inline: 3.75rem !important } .k-scroll-px-16 { scroll-padding-inline: 4rem } .\!k-scroll-px-16 { scroll-padding-inline: 4rem !important } .k-scroll-px-17 { scroll-padding-inline: 4.25rem } .\!k-scroll-px-17 { scroll-padding-inline: 4.25rem !important } .k-scroll-px-18 { scroll-padding-inline: 4.5rem } .\!k-scroll-px-18 { scroll-padding-inline: 4.5rem !important } .k-scroll-px-19 { scroll-padding-inline: 4.75rem } .\!k-scroll-px-19 { scroll-padding-inline: 4.75rem !important } .k-scroll-px-20 { scroll-padding-inline: 5rem } .\!k-scroll-px-20 { scroll-padding-inline: 5rem !important } .k-scroll-px-21 { scroll-padding-inline: 5.25rem } .\!k-scroll-px-21 { scroll-padding-inline: 5.25rem !important } .k-scroll-px-22 { scroll-padding-inline: 5.5rem } .\!k-scroll-px-22 { scroll-padding-inline: 5.5rem !important } .k-scroll-px-23 { scroll-padding-inline: 5.75rem } .\!k-scroll-px-23 { scroll-padding-inline: 5.75rem !important } .k-scroll-px-24 { scroll-padding-inline: 6rem } .\!k-scroll-px-24 { scroll-padding-inline: 6rem !important } .k-scroll-px-25 { scroll-padding-inline: 7rem } .\!k-scroll-px-25 { scroll-padding-inline: 7rem !important } .k-scroll-px-26 { scroll-padding-inline: 8rem } .\!k-scroll-px-26 { scroll-padding-inline: 8rem !important } .k-scroll-px-27 { scroll-padding-inline: 9rem } .\!k-scroll-px-27 { scroll-padding-inline: 9rem !important } .k-scroll-px-28 { scroll-padding-inline: 10rem } .\!k-scroll-px-28 { scroll-padding-inline: 10rem !important } .k-scroll-px-29 { scroll-padding-inline: 11rem } .\!k-scroll-px-29 { scroll-padding-inline: 11rem !important } .k-scroll-px-30 { scroll-padding-inline: 12rem } .\!k-scroll-px-30 { scroll-padding-inline: 12rem !important } .k-scroll-py-0 { scroll-padding-block: 0px } .\!k-scroll-py-0 { scroll-padding-block: 0px !important } .k-scroll-py-1px { scroll-padding-block: 1px } .\!k-scroll-py-1px { scroll-padding-block: 1px !important } .k-scroll-py-0\.5 { scroll-padding-block: .125rem } .\!k-scroll-py-0\.5 { scroll-padding-block: .125rem !important } .k-scroll-py-1 { scroll-padding-block: .25rem } .\!k-scroll-py-1 { scroll-padding-block: .25rem !important } .k-scroll-py-1\.5 { scroll-padding-block: .375rem } .\!k-scroll-py-1\.5 { scroll-padding-block: .375rem !important } .k-scroll-py-2 { scroll-padding-block: .5rem } .\!k-scroll-py-2 { scroll-padding-block: .5rem !important } .k-scroll-py-2\.5 { scroll-padding-block: .625rem } .\!k-scroll-py-2\.5 { scroll-padding-block: .625rem !important } .k-scroll-py-3 { scroll-padding-block: .75rem } .\!k-scroll-py-3 { scroll-padding-block: .75rem !important } .k-scroll-py-3\.5 { scroll-padding-block: .875rem } .\!k-scroll-py-3\.5 { scroll-padding-block: .875rem !important } .k-scroll-py-4 { scroll-padding-block: 1rem } .\!k-scroll-py-4 { scroll-padding-block: 1rem !important } .k-scroll-py-4\.5 { scroll-padding-block: 1.125rem } .\!k-scroll-py-4\.5 { scroll-padding-block: 1.125rem !important } .k-scroll-py-5 { scroll-padding-block: 1.25rem } .\!k-scroll-py-5 { scroll-padding-block: 1.25rem !important } .k-scroll-py-5\.5 { scroll-padding-block: 1.375rem } .\!k-scroll-py-5\.5 { scroll-padding-block: 1.375rem !important } .k-scroll-py-6 { scroll-padding-block: 1.5rem } .\!k-scroll-py-6 { scroll-padding-block: 1.5rem !important } .k-scroll-py-6\.5 { scroll-padding-block: 1.625rem } .\!k-scroll-py-6\.5 { scroll-padding-block: 1.625rem !important } .k-scroll-py-7 { scroll-padding-block: 1.75rem } .\!k-scroll-py-7 { scroll-padding-block: 1.75rem !important } .k-scroll-py-7\.5 { scroll-padding-block: 1.875rem } .\!k-scroll-py-7\.5 { scroll-padding-block: 1.875rem !important } .k-scroll-py-8 { scroll-padding-block: 2rem } .\!k-scroll-py-8 { scroll-padding-block: 2rem !important } .k-scroll-py-9 { scroll-padding-block: 2.25rem } .\!k-scroll-py-9 { scroll-padding-block: 2.25rem !important } .k-scroll-py-10 { scroll-padding-block: 2.5rem } .\!k-scroll-py-10 { scroll-padding-block: 2.5rem !important } .k-scroll-py-11 { scroll-padding-block: 2.75rem } .\!k-scroll-py-11 { scroll-padding-block: 2.75rem !important } .k-scroll-py-12 { scroll-padding-block: 3rem } .\!k-scroll-py-12 { scroll-padding-block: 3rem !important } .k-scroll-py-13 { scroll-padding-block: 3.25rem } .\!k-scroll-py-13 { scroll-padding-block: 3.25rem !important } .k-scroll-py-14 { scroll-padding-block: 3.5rem } .\!k-scroll-py-14 { scroll-padding-block: 3.5rem !important } .k-scroll-py-15 { scroll-padding-block: 3.75rem } .\!k-scroll-py-15 { scroll-padding-block: 3.75rem !important } .k-scroll-py-16 { scroll-padding-block: 4rem } .\!k-scroll-py-16 { scroll-padding-block: 4rem !important } .k-scroll-py-17 { scroll-padding-block: 4.25rem } .\!k-scroll-py-17 { scroll-padding-block: 4.25rem !important } .k-scroll-py-18 { scroll-padding-block: 4.5rem } .\!k-scroll-py-18 { scroll-padding-block: 4.5rem !important } .k-scroll-py-19 { scroll-padding-block: 4.75rem } .\!k-scroll-py-19 { scroll-padding-block: 4.75rem !important } .k-scroll-py-20 { scroll-padding-block: 5rem } .\!k-scroll-py-20 { scroll-padding-block: 5rem !important } .k-scroll-py-21 { scroll-padding-block: 5.25rem } .\!k-scroll-py-21 { scroll-padding-block: 5.25rem !important } .k-scroll-py-22 { scroll-padding-block: 5.5rem } .\!k-scroll-py-22 { scroll-padding-block: 5.5rem !important } .k-scroll-py-23 { scroll-padding-block: 5.75rem } .\!k-scroll-py-23 { scroll-padding-block: 5.75rem !important } .k-scroll-py-24 { scroll-padding-block: 6rem } .\!k-scroll-py-24 { scroll-padding-block: 6rem !important } .k-scroll-py-25 { scroll-padding-block: 7rem } .\!k-scroll-py-25 { scroll-padding-block: 7rem !important } .k-scroll-py-26 { scroll-padding-block: 8rem } .\!k-scroll-py-26 { scroll-padding-block: 8rem !important } .k-scroll-py-27 { scroll-padding-block: 9rem } .\!k-scroll-py-27 { scroll-padding-block: 9rem !important } .k-scroll-py-28 { scroll-padding-block: 10rem } .\!k-scroll-py-28 { scroll-padding-block: 10rem !important } .k-scroll-py-29 { scroll-padding-block: 11rem } .\!k-scroll-py-29 { scroll-padding-block: 11rem !important } .k-scroll-py-30 { scroll-padding-block: 12rem } .\!k-scroll-py-30 { scroll-padding-block: 12rem !important } .k-touch-action-none { touch-action: none } .\!k-touch-action-none { touch-action: none !important } .k-touch-action-auto { touch-action: auto } .\!k-touch-action-auto { touch-action: auto !important } .k-touch-action-pan-x { touch-action: pan-x } .\!k-touch-action-pan-x { touch-action: pan-x !important } .k-touch-action-pan-left { touch-action: pan-left } .\!k-touch-action-pan-left { touch-action: pan-left !important } .k-touch-action-pan-right { touch-action: pan-right } .\!k-touch-action-pan-right { touch-action: pan-right !important } .k-touch-action-pan-y { touch-action: pan-y } .\!k-touch-action-pan-y { touch-action: pan-y !important } .k-touch-action-pan-up { touch-action: pan-up } .\!k-touch-action-pan-up { touch-action: pan-up !important } .k-touch-action-pan-down { touch-action: pan-down } .\!k-touch-action-pan-down { touch-action: pan-down !important } .k-touch-action-pinch-zoom { touch-action: pinch-zoom } .\!k-touch-action-pinch-zoom { touch-action: pinch-zoom !important } .k-touch-action-manipulation { touch-action: manipulation } .\!k-touch-action-manipulation { touch-action: manipulation !important } .k-user-select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none } .\!k-user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important } .k-user-select-auto { -webkit-user-select: auto; -moz-user-select: auto; user-select: auto } .\!k-user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important } .k-user-select-text { -webkit-user-select: text; -moz-user-select: text; user-select: text } .\!k-user-select-text { -webkit-user-select: text !important; -moz-user-select: text !important; user-select: text !important } .k-user-select-all { -webkit-user-select: all; -moz-user-select: all; user-select: all } .\!k-user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important } .k-user-select-contain { -webkit-user-select: contain; -moz-user-select: contain; user-select: contain } .\!k-user-select-contain { -webkit-user-select: contain !important; -moz-user-select: contain !important; user-select: contain !important } .k-will-change-auto { will-change: auto } .\!k-will-change-auto { will-change: auto !important } .k-will-change-scroll { will-change: scroll-position } .\!k-will-change-scroll { will-change: scroll-position !important } .k-will-change-contents { will-change: contents } .\!k-will-change-contents { will-change: contents !important } .k-will-change-transform { will-change: transform } .\!k-will-change-transform { will-change: transform !important } .k-fill-none { fill: none } .\!k-fill-none { fill: none !important } .k-fill-inherit { fill: inherit } .\!k-fill-inherit { fill: inherit !important } .k-fill-current { fill: currentColor } .\!k-fill-current { fill: currentColor !important } .k-fill-transparent { fill: rgba(0,0,0,0) } .\!k-fill-transparent { fill: rgba(0,0,0,0) !important } .k-fill-black { fill: #000 } .\!k-fill-black { fill: #000 !important } .k-fill-white { fill: #fff } .\!k-fill-white { fill: #fff !important } .k-stroke-none { stroke: none } .\!k-stroke-none { stroke: none !important } .k-stroke-inherit { stroke: inherit } .\!k-stroke-inherit { stroke: inherit !important } .k-stroke-current { stroke: currentColor } .\!k-stroke-current { stroke: currentColor !important } .k-stroke-transparent { stroke: rgba(0,0,0,0) } .\!k-stroke-transparent { stroke: rgba(0,0,0,0) !important } .k-stroke-black { stroke: #000 } .\!k-stroke-black { stroke: #000 !important } .k-stroke-white { stroke: #fff } .\!k-stroke-white { stroke: #fff !important } .k-elevation-1 { box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)) } .\!k-elevation-1 { box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)) !important } .k-elevation-2 { box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .\!k-elevation-2 { box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) !important } .k-elevation-3 { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .\!k-elevation-3 { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) !important } .k-elevation-4 { box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) } .\!k-elevation-4 { box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) !important } .k-elevation-5 { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)) } .\!k-elevation-5 { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)) !important } .k-elevation-6 { box-shadow: var(--kendo-elevation-6, 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)) } .\!k-elevation-6 { box-shadow: var(--kendo-elevation-6, 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)) !important } .k-elevation-7 { box-shadow: var(--kendo-elevation-7, 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)) } .\!k-elevation-7 { box-shadow: var(--kendo-elevation-7, 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)) !important } .k-elevation-8 { box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)) } .\!k-elevation-8 { box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)) !important } .k-elevation-9 { box-shadow: var(--kendo-elevation-9, 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)) } .\!k-elevation-9 { box-shadow: var(--kendo-elevation-9, 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)) !important } @media only all and (min-width: 0) { .k-d-xs-none { display: none } .k-d-xs-contents { display: contents } .k-d-xs-block { display: block } .k-d-xs-inline { display: inline } .k-d-xs-inline-block { display: inline-block } .k-d-xs-flex { display: flex } .k-d-xs-inline-flex { display: inline-flex } .k-d-xs-grid { display: grid } .k-d-xs-inline-grid { display: inline-grid } .k-d-xs-table { display: table } .k-d-xs-inline-table { display: inline-table } .k-d-xs-table-row { display: table-row } .k-d-xs-table-cell { display: table-cell } .k-d-xs-list-item { display: list-item } .k-flex-xs-row { flex-direction: row } .k-flex-xs-row-reverse { flex-direction: row-reverse } .k-flex-xs-col { flex-direction: column } .k-flex-xs-col-reverse { flex-direction: column-reverse } .k-gap-xs-0 { gap: var(--kendo-spacing-0, 0px) } .k-gap-xs-1px { gap: var(--kendo-spacing-1px, 1px) } .k-gap-xs-0\.5 { gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-xs-1 { gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-xs-1\.5 { gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-xs-2 { gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-xs-2\.5 { gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-xs-3 { gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-xs-3\.5 { gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-xs-4 { gap: var(--kendo-spacing-4, 1rem) } .k-gap-xs-4\.5 { gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-xs-5 { gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-xs-5\.5 { gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-xs-6 { gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-xs-6\.5 { gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-xs-7 { gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-xs-7\.5 { gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-xs-8 { gap: var(--kendo-spacing-8, 2rem) } .k-gap-xs-9 { gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-xs-10 { gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-xs-11 { gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-xs-12 { gap: var(--kendo-spacing-12, 3rem) } .k-gap-xs-13 { gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-xs-14 { gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-xs-15 { gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-xs-16 { gap: var(--kendo-spacing-16, 4rem) } .k-gap-xs-17 { gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-xs-18 { gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-xs-19 { gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-xs-20 { gap: var(--kendo-spacing-20, 5rem) } .k-gap-xs-21 { gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-xs-22 { gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-xs-23 { gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-xs-24 { gap: var(--kendo-spacing-24, 6rem) } .k-gap-xs-25 { gap: var(--kendo-spacing-25, 7rem) } .k-gap-xs-26 { gap: var(--kendo-spacing-26, 8rem) } .k-gap-xs-27 { gap: var(--kendo-spacing-27, 9rem) } .k-gap-xs-28 { gap: var(--kendo-spacing-28, 10rem) } .k-gap-xs-29 { gap: var(--kendo-spacing-29, 11rem) } .k-gap-xs-30 { gap: var(--kendo-spacing-30, 12rem) } .k-gap-xs-xs { gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-xs-sm { gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-xs-md { gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-xs-lg { gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-xs-xl { gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-xs-thin { gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-xs-hair { gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-x-xs-0 { -moz-column-gap: var(--kendo-spacing-0, 0px); column-gap: var(--kendo-spacing-0, 0px) } .k-gap-x-xs-1px { -moz-column-gap: var(--kendo-spacing-1px, 1px); column-gap: var(--kendo-spacing-1px, 1px) } .k-gap-x-xs-0\.5 { -moz-column-gap: var(--kendo-spacing-0\.5, 0.125rem); column-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-x-xs-1 { -moz-column-gap: var(--kendo-spacing-1, 0.25rem); column-gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-x-xs-1\.5 { -moz-column-gap: var(--kendo-spacing-1\.5, 0.375rem); column-gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-x-xs-2 { -moz-column-gap: var(--kendo-spacing-2, 0.5rem); column-gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-x-xs-2\.5 { -moz-column-gap: var(--kendo-spacing-2\.5, 0.625rem); column-gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-x-xs-3 { -moz-column-gap: var(--kendo-spacing-3, 0.75rem); column-gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-x-xs-3\.5 { -moz-column-gap: var(--kendo-spacing-3\.5, 0.875rem); column-gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-x-xs-4 { -moz-column-gap: var(--kendo-spacing-4, 1rem); column-gap: var(--kendo-spacing-4, 1rem) } .k-gap-x-xs-4\.5 { -moz-column-gap: var(--kendo-spacing-4\.5, 1.125rem); column-gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-x-xs-5 { -moz-column-gap: var(--kendo-spacing-5, 1.25rem); column-gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-x-xs-5\.5 { -moz-column-gap: var(--kendo-spacing-5\.5, 1.375rem); column-gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-x-xs-6 { -moz-column-gap: var(--kendo-spacing-6, 1.5rem); column-gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-x-xs-6\.5 { -moz-column-gap: var(--kendo-spacing-6\.5, 1.625rem); column-gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-x-xs-7 { -moz-column-gap: var(--kendo-spacing-7, 1.75rem); column-gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-x-xs-7\.5 { -moz-column-gap: var(--kendo-spacing-7\.5, 1.875rem); column-gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-x-xs-8 { -moz-column-gap: var(--kendo-spacing-8, 2rem); column-gap: var(--kendo-spacing-8, 2rem) } .k-gap-x-xs-9 { -moz-column-gap: var(--kendo-spacing-9, 2.25rem); column-gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-x-xs-10 { -moz-column-gap: var(--kendo-spacing-10, 2.5rem); column-gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-x-xs-11 { -moz-column-gap: var(--kendo-spacing-11, 2.75rem); column-gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-x-xs-12 { -moz-column-gap: var(--kendo-spacing-12, 3rem); column-gap: var(--kendo-spacing-12, 3rem) } .k-gap-x-xs-13 { -moz-column-gap: var(--kendo-spacing-13, 3.25rem); column-gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-x-xs-14 { -moz-column-gap: var(--kendo-spacing-14, 3.5rem); column-gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-x-xs-15 { -moz-column-gap: var(--kendo-spacing-15, 3.75rem); column-gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-x-xs-16 { -moz-column-gap: var(--kendo-spacing-16, 4rem); column-gap: var(--kendo-spacing-16, 4rem) } .k-gap-x-xs-17 { -moz-column-gap: var(--kendo-spacing-17, 4.25rem); column-gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-x-xs-18 { -moz-column-gap: var(--kendo-spacing-18, 4.5rem); column-gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-x-xs-19 { -moz-column-gap: var(--kendo-spacing-19, 4.75rem); column-gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-x-xs-20 { -moz-column-gap: var(--kendo-spacing-20, 5rem); column-gap: var(--kendo-spacing-20, 5rem) } .k-gap-x-xs-21 { -moz-column-gap: var(--kendo-spacing-21, 5.25rem); column-gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-x-xs-22 { -moz-column-gap: var(--kendo-spacing-22, 5.5rem); column-gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-x-xs-23 { -moz-column-gap: var(--kendo-spacing-23, 5.75rem); column-gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-x-xs-24 { -moz-column-gap: var(--kendo-spacing-24, 6rem); column-gap: var(--kendo-spacing-24, 6rem) } .k-gap-x-xs-25 { -moz-column-gap: var(--kendo-spacing-25, 7rem); column-gap: var(--kendo-spacing-25, 7rem) } .k-gap-x-xs-26 { -moz-column-gap: var(--kendo-spacing-26, 8rem); column-gap: var(--kendo-spacing-26, 8rem) } .k-gap-x-xs-27 { -moz-column-gap: var(--kendo-spacing-27, 9rem); column-gap: var(--kendo-spacing-27, 9rem) } .k-gap-x-xs-28 { -moz-column-gap: var(--kendo-spacing-28, 10rem); column-gap: var(--kendo-spacing-28, 10rem) } .k-gap-x-xs-29 { -moz-column-gap: var(--kendo-spacing-29, 11rem); column-gap: var(--kendo-spacing-29, 11rem) } .k-gap-x-xs-30 { -moz-column-gap: var(--kendo-spacing-30, 12rem); column-gap: var(--kendo-spacing-30, 12rem) } .k-gap-x-xs-xs { -moz-column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)); column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-x-xs-sm { -moz-column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)); column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-x-xs-md { -moz-column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)); column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-x-xs-lg { -moz-column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)); column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-x-xs-xl { -moz-column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)); column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-x-xs-thin { -moz-column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)); column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-x-xs-hair { -moz-column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)); column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-y-xs-0 { row-gap: var(--kendo-spacing-0, 0px) } .k-gap-y-xs-1px { row-gap: var(--kendo-spacing-1px, 1px) } .k-gap-y-xs-0\.5 { row-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-y-xs-1 { row-gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-y-xs-1\.5 { row-gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-y-xs-2 { row-gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-y-xs-2\.5 { row-gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-y-xs-3 { row-gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-y-xs-3\.5 { row-gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-y-xs-4 { row-gap: var(--kendo-spacing-4, 1rem) } .k-gap-y-xs-4\.5 { row-gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-y-xs-5 { row-gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-y-xs-5\.5 { row-gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-y-xs-6 { row-gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-y-xs-6\.5 { row-gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-y-xs-7 { row-gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-y-xs-7\.5 { row-gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-y-xs-8 { row-gap: var(--kendo-spacing-8, 2rem) } .k-gap-y-xs-9 { row-gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-y-xs-10 { row-gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-y-xs-11 { row-gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-y-xs-12 { row-gap: var(--kendo-spacing-12, 3rem) } .k-gap-y-xs-13 { row-gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-y-xs-14 { row-gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-y-xs-15 { row-gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-y-xs-16 { row-gap: var(--kendo-spacing-16, 4rem) } .k-gap-y-xs-17 { row-gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-y-xs-18 { row-gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-y-xs-19 { row-gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-y-xs-20 { row-gap: var(--kendo-spacing-20, 5rem) } .k-gap-y-xs-21 { row-gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-y-xs-22 { row-gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-y-xs-23 { row-gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-y-xs-24 { row-gap: var(--kendo-spacing-24, 6rem) } .k-gap-y-xs-25 { row-gap: var(--kendo-spacing-25, 7rem) } .k-gap-y-xs-26 { row-gap: var(--kendo-spacing-26, 8rem) } .k-gap-y-xs-27 { row-gap: var(--kendo-spacing-27, 9rem) } .k-gap-y-xs-28 { row-gap: var(--kendo-spacing-28, 10rem) } .k-gap-y-xs-29 { row-gap: var(--kendo-spacing-29, 11rem) } .k-gap-y-xs-30 { row-gap: var(--kendo-spacing-30, 12rem) } .k-gap-y-xs-xs { row-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-y-xs-sm { row-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-y-xs-md { row-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-y-xs-lg { row-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-y-xs-xl { row-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-y-xs-thin { row-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-y-xs-hair { row-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-col-span-xs-1 { grid-column: span 1/span 1 } .k-col-span-xs-2 { grid-column: span 2/span 2 } .k-col-span-xs-3 { grid-column: span 3/span 3 } .k-col-span-xs-4 { grid-column: span 4/span 4 } .k-col-span-xs-5 { grid-column: span 5/span 5 } .k-col-span-xs-6 { grid-column: span 6/span 6 } .k-col-span-xs-7 { grid-column: span 7/span 7 } .k-col-span-xs-8 { grid-column: span 8/span 8 } .k-col-span-xs-9 { grid-column: span 9/span 9 } .k-col-span-xs-10 { grid-column: span 10/span 10 } .k-col-span-xs-11 { grid-column: span 11/span 11 } .k-col-span-xs-12 { grid-column: span 12/span 12 } .k-col-span-xs-full { grid-column: 1 / -1 } .k-col-span-xs-auto { grid-column: auto } .k-col-start-xs-1 { grid-column-start: 1 } .k-col-start-xs-2 { grid-column-start: 2 } .k-col-start-xs-3 { grid-column-start: 3 } .k-col-start-xs-4 { grid-column-start: 4 } .k-col-start-xs-5 { grid-column-start: 5 } .k-col-start-xs-6 { grid-column-start: 6 } .k-col-start-xs-7 { grid-column-start: 7 } .k-col-start-xs-8 { grid-column-start: 8 } .k-col-start-xs-9 { grid-column-start: 9 } .k-col-start-xs-10 { grid-column-start: 10 } .k-col-start-xs-11 { grid-column-start: 11 } .k-col-start-xs-12 { grid-column-start: 12 } .k-col-start-xs-13 { grid-column-start: 13 } .k-col-start-xs-auto { grid-column-start: auto } .k-col-end-xs-1 { grid-column-end: 1 } .k-col-end-xs-2 { grid-column-end: 2 } .k-col-end-xs-3 { grid-column-end: 3 } .k-col-end-xs-4 { grid-column-end: 4 } .k-col-end-xs-5 { grid-column-end: 5 } .k-col-end-xs-6 { grid-column-end: 6 } .k-col-end-xs-7 { grid-column-end: 7 } .k-col-end-xs-8 { grid-column-end: 8 } .k-col-end-xs-9 { grid-column-end: 9 } .k-col-end-xs-10 { grid-column-end: 10 } .k-col-end-xs-11 { grid-column-end: 11 } .k-col-end-xs-12 { grid-column-end: 12 } .k-col-end-xs-13 { grid-column-end: 13 } .k-col-end-xs-auto { grid-column-end: auto } .k-row-start-xs-1 { grid-row-start: 1 } .k-row-start-xs-2 { grid-row-start: 2 } .k-row-start-xs-3 { grid-row-start: 3 } .k-row-start-xs-4 { grid-row-start: 4 } .k-row-start-xs-5 { grid-row-start: 5 } .k-row-start-xs-6 { grid-row-start: 6 } .k-row-start-xs-7 { grid-row-start: 7 } .k-row-start-xs-8 { grid-row-start: 8 } .k-row-start-xs-9 { grid-row-start: 9 } .k-row-start-xs-10 { grid-row-start: 10 } .k-row-start-xs-11 { grid-row-start: 11 } .k-row-start-xs-12 { grid-row-start: 12 } .k-row-start-xs-13 { grid-row-start: 13 } .k-row-start-xs-auto { grid-row-start: auto } .k-row-end-xs-1 { grid-row-end: 1 } .k-row-end-xs-2 { grid-row-end: 2 } .k-row-end-xs-3 { grid-row-end: 3 } .k-row-end-xs-4 { grid-row-end: 4 } .k-row-end-xs-5 { grid-row-end: 5 } .k-row-end-xs-6 { grid-row-end: 6 } .k-row-end-xs-7 { grid-row-end: 7 } .k-row-end-xs-8 { grid-row-end: 8 } .k-row-end-xs-9 { grid-row-end: 9 } .k-row-end-xs-10 { grid-row-end: 10 } .k-row-end-xs-11 { grid-row-end: 11 } .k-row-end-xs-12 { grid-row-end: 12 } .k-row-end-xs-13 { grid-row-end: 13 } .k-row-end-xs-auto { grid-row-end: auto } .k-grid-cols-xs-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) } .k-grid-cols-xs-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .k-grid-cols-xs-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .k-grid-cols-xs-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .k-grid-cols-xs-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .k-grid-cols-xs-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .k-grid-cols-xs-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .k-grid-cols-xs-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .k-grid-cols-xs-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) } .k-grid-cols-xs-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .k-grid-cols-xs-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) } .k-grid-cols-xs-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .k-grid-cols-xs-none { grid-template-columns: none } .k-px-xs-0 { padding-inline: var(--kendo-spacing-0, 0px) } .k-px-xs-1px { padding-inline: var(--kendo-spacing-1px, 1px) } .k-px-xs-0\.5 { padding-inline: var(--kendo-spacing-0\.5, 0.125rem) } .k-px-xs-1 { padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-px-xs-1\.5 { padding-inline: var(--kendo-spacing-1\.5, 0.375rem) } .k-px-xs-2 { padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-px-xs-2\.5 { padding-inline: var(--kendo-spacing-2\.5, 0.625rem) } .k-px-xs-3 { padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-px-xs-3\.5 { padding-inline: var(--kendo-spacing-3\.5, 0.875rem) } .k-px-xs-4 { padding-inline: var(--kendo-spacing-4, 1rem) } .k-px-xs-4\.5 { padding-inline: var(--kendo-spacing-4\.5, 1.125rem) } .k-px-xs-5 { padding-inline: var(--kendo-spacing-5, 1.25rem) } .k-px-xs-5\.5 { padding-inline: var(--kendo-spacing-5\.5, 1.375rem) } .k-px-xs-6 { padding-inline: var(--kendo-spacing-6, 1.5rem) } .k-px-xs-6\.5 { padding-inline: var(--kendo-spacing-6\.5, 1.625rem) } .k-px-xs-7 { padding-inline: var(--kendo-spacing-7, 1.75rem) } .k-px-xs-7\.5 { padding-inline: var(--kendo-spacing-7\.5, 1.875rem) } .k-px-xs-8 { padding-inline: var(--kendo-spacing-8, 2rem) } .k-px-xs-9 { padding-inline: var(--kendo-spacing-9, 2.25rem) } .k-px-xs-10 { padding-inline: var(--kendo-spacing-10, 2.5rem) } .k-px-xs-11 { padding-inline: var(--kendo-spacing-11, 2.75rem) } .k-px-xs-12 { padding-inline: var(--kendo-spacing-12, 3rem) } .k-px-xs-13 { padding-inline: var(--kendo-spacing-13, 3.25rem) } .k-px-xs-14 { padding-inline: var(--kendo-spacing-14, 3.5rem) } .k-px-xs-15 { padding-inline: var(--kendo-spacing-15, 3.75rem) } .k-px-xs-16 { padding-inline: var(--kendo-spacing-16, 4rem) } .k-px-xs-17 { padding-inline: var(--kendo-spacing-17, 4.25rem) } .k-px-xs-18 { padding-inline: var(--kendo-spacing-18, 4.5rem) } .k-px-xs-19 { padding-inline: var(--kendo-spacing-19, 4.75rem) } .k-px-xs-20 { padding-inline: var(--kendo-spacing-20, 5rem) } .k-px-xs-21 { padding-inline: var(--kendo-spacing-21, 5.25rem) } .k-px-xs-22 { padding-inline: var(--kendo-spacing-22, 5.5rem) } .k-px-xs-23 { padding-inline: var(--kendo-spacing-23, 5.75rem) } .k-px-xs-24 { padding-inline: var(--kendo-spacing-24, 6rem) } .k-px-xs-25 { padding-inline: var(--kendo-spacing-25, 7rem) } .k-px-xs-26 { padding-inline: var(--kendo-spacing-26, 8rem) } .k-px-xs-27 { padding-inline: var(--kendo-spacing-27, 9rem) } .k-px-xs-28 { padding-inline: var(--kendo-spacing-28, 10rem) } .k-px-xs-29 { padding-inline: var(--kendo-spacing-29, 11rem) } .k-px-xs-30 { padding-inline: var(--kendo-spacing-30, 12rem) } .k-px-xs-xs { padding-inline: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-px-xs-sm { padding-inline: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-px-xs-md { padding-inline: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-px-xs-lg { padding-inline: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-px-xs-xl { padding-inline: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-px-xs-thin { padding-inline: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-px-xs-hair { padding-inline: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-py-xs-0 { padding-block: var(--kendo-spacing-0, 0px) } .k-py-xs-1px { padding-block: var(--kendo-spacing-1px, 1px) } .k-py-xs-0\.5 { padding-block: var(--kendo-spacing-0\.5, 0.125rem) } .k-py-xs-1 { padding-block: var(--kendo-spacing-1, 0.25rem) } .k-py-xs-1\.5 { padding-block: var(--kendo-spacing-1\.5, 0.375rem) } .k-py-xs-2 { padding-block: var(--kendo-spacing-2, 0.5rem) } .k-py-xs-2\.5 { padding-block: var(--kendo-spacing-2\.5, 0.625rem) } .k-py-xs-3 { padding-block: var(--kendo-spacing-3, 0.75rem) } .k-py-xs-3\.5 { padding-block: var(--kendo-spacing-3\.5, 0.875rem) } .k-py-xs-4 { padding-block: var(--kendo-spacing-4, 1rem) } .k-py-xs-4\.5 { padding-block: var(--kendo-spacing-4\.5, 1.125rem) } .k-py-xs-5 { padding-block: var(--kendo-spacing-5, 1.25rem) } .k-py-xs-5\.5 { padding-block: var(--kendo-spacing-5\.5, 1.375rem) } .k-py-xs-6 { padding-block: var(--kendo-spacing-6, 1.5rem) } .k-py-xs-6\.5 { padding-block: var(--kendo-spacing-6\.5, 1.625rem) } .k-py-xs-7 { padding-block: var(--kendo-spacing-7, 1.75rem) } .k-py-xs-7\.5 { padding-block: var(--kendo-spacing-7\.5, 1.875rem) } .k-py-xs-8 { padding-block: var(--kendo-spacing-8, 2rem) } .k-py-xs-9 { padding-block: var(--kendo-spacing-9, 2.25rem) } .k-py-xs-10 { padding-block: var(--kendo-spacing-10, 2.5rem) } .k-py-xs-11 { padding-block: var(--kendo-spacing-11, 2.75rem) } .k-py-xs-12 { padding-block: var(--kendo-spacing-12, 3rem) } .k-py-xs-13 { padding-block: var(--kendo-spacing-13, 3.25rem) } .k-py-xs-14 { padding-block: var(--kendo-spacing-14, 3.5rem) } .k-py-xs-15 { padding-block: var(--kendo-spacing-15, 3.75rem) } .k-py-xs-16 { padding-block: var(--kendo-spacing-16, 4rem) } .k-py-xs-17 { padding-block: var(--kendo-spacing-17, 4.25rem) } .k-py-xs-18 { padding-block: var(--kendo-spacing-18, 4.5rem) } .k-py-xs-19 { padding-block: var(--kendo-spacing-19, 4.75rem) } .k-py-xs-20 { padding-block: var(--kendo-spacing-20, 5rem) } .k-py-xs-21 { padding-block: var(--kendo-spacing-21, 5.25rem) } .k-py-xs-22 { padding-block: var(--kendo-spacing-22, 5.5rem) } .k-py-xs-23 { padding-block: var(--kendo-spacing-23, 5.75rem) } .k-py-xs-24 { padding-block: var(--kendo-spacing-24, 6rem) } .k-py-xs-25 { padding-block: var(--kendo-spacing-25, 7rem) } .k-py-xs-26 { padding-block: var(--kendo-spacing-26, 8rem) } .k-py-xs-27 { padding-block: var(--kendo-spacing-27, 9rem) } .k-py-xs-28 { padding-block: var(--kendo-spacing-28, 10rem) } .k-py-xs-29 { padding-block: var(--kendo-spacing-29, 11rem) } .k-py-xs-30 { padding-block: var(--kendo-spacing-30, 12rem) } .k-py-xs-xs { padding-block: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-py-xs-sm { padding-block: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-py-xs-md { padding-block: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-py-xs-lg { padding-block: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-py-xs-xl { padding-block: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-py-xs-thin { padding-block: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-py-xs-hair { padding-block: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } } @media only all and (min-width: 576px) { .k-d-sm-none { display: none } .k-d-sm-contents { display: contents } .k-d-sm-block { display: block } .k-d-sm-inline { display: inline } .k-d-sm-inline-block { display: inline-block } .k-d-sm-flex { display: flex } .k-d-sm-inline-flex { display: inline-flex } .k-d-sm-grid { display: grid } .k-d-sm-inline-grid { display: inline-grid } .k-d-sm-table { display: table } .k-d-sm-inline-table { display: inline-table } .k-d-sm-table-row { display: table-row } .k-d-sm-table-cell { display: table-cell } .k-d-sm-list-item { display: list-item } .k-flex-sm-row { flex-direction: row } .k-flex-sm-row-reverse { flex-direction: row-reverse } .k-flex-sm-col { flex-direction: column } .k-flex-sm-col-reverse { flex-direction: column-reverse } .k-gap-sm-0 { gap: var(--kendo-spacing-0, 0px) } .k-gap-sm-1px { gap: var(--kendo-spacing-1px, 1px) } .k-gap-sm-0\.5 { gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-sm-1 { gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-sm-1\.5 { gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-sm-2 { gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-sm-2\.5 { gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-sm-3 { gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-sm-3\.5 { gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-sm-4 { gap: var(--kendo-spacing-4, 1rem) } .k-gap-sm-4\.5 { gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-sm-5 { gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-sm-5\.5 { gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-sm-6 { gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-sm-6\.5 { gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-sm-7 { gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-sm-7\.5 { gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-sm-8 { gap: var(--kendo-spacing-8, 2rem) } .k-gap-sm-9 { gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-sm-10 { gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-sm-11 { gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-sm-12 { gap: var(--kendo-spacing-12, 3rem) } .k-gap-sm-13 { gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-sm-14 { gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-sm-15 { gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-sm-16 { gap: var(--kendo-spacing-16, 4rem) } .k-gap-sm-17 { gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-sm-18 { gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-sm-19 { gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-sm-20 { gap: var(--kendo-spacing-20, 5rem) } .k-gap-sm-21 { gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-sm-22 { gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-sm-23 { gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-sm-24 { gap: var(--kendo-spacing-24, 6rem) } .k-gap-sm-25 { gap: var(--kendo-spacing-25, 7rem) } .k-gap-sm-26 { gap: var(--kendo-spacing-26, 8rem) } .k-gap-sm-27 { gap: var(--kendo-spacing-27, 9rem) } .k-gap-sm-28 { gap: var(--kendo-spacing-28, 10rem) } .k-gap-sm-29 { gap: var(--kendo-spacing-29, 11rem) } .k-gap-sm-30 { gap: var(--kendo-spacing-30, 12rem) } .k-gap-sm-xs { gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-sm-sm { gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-sm-md { gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-sm-lg { gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-sm-xl { gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-sm-thin { gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-sm-hair { gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-x-sm-0 { -moz-column-gap: var(--kendo-spacing-0, 0px); column-gap: var(--kendo-spacing-0, 0px) } .k-gap-x-sm-1px { -moz-column-gap: var(--kendo-spacing-1px, 1px); column-gap: var(--kendo-spacing-1px, 1px) } .k-gap-x-sm-0\.5 { -moz-column-gap: var(--kendo-spacing-0\.5, 0.125rem); column-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-x-sm-1 { -moz-column-gap: var(--kendo-spacing-1, 0.25rem); column-gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-x-sm-1\.5 { -moz-column-gap: var(--kendo-spacing-1\.5, 0.375rem); column-gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-x-sm-2 { -moz-column-gap: var(--kendo-spacing-2, 0.5rem); column-gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-x-sm-2\.5 { -moz-column-gap: var(--kendo-spacing-2\.5, 0.625rem); column-gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-x-sm-3 { -moz-column-gap: var(--kendo-spacing-3, 0.75rem); column-gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-x-sm-3\.5 { -moz-column-gap: var(--kendo-spacing-3\.5, 0.875rem); column-gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-x-sm-4 { -moz-column-gap: var(--kendo-spacing-4, 1rem); column-gap: var(--kendo-spacing-4, 1rem) } .k-gap-x-sm-4\.5 { -moz-column-gap: var(--kendo-spacing-4\.5, 1.125rem); column-gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-x-sm-5 { -moz-column-gap: var(--kendo-spacing-5, 1.25rem); column-gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-x-sm-5\.5 { -moz-column-gap: var(--kendo-spacing-5\.5, 1.375rem); column-gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-x-sm-6 { -moz-column-gap: var(--kendo-spacing-6, 1.5rem); column-gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-x-sm-6\.5 { -moz-column-gap: var(--kendo-spacing-6\.5, 1.625rem); column-gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-x-sm-7 { -moz-column-gap: var(--kendo-spacing-7, 1.75rem); column-gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-x-sm-7\.5 { -moz-column-gap: var(--kendo-spacing-7\.5, 1.875rem); column-gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-x-sm-8 { -moz-column-gap: var(--kendo-spacing-8, 2rem); column-gap: var(--kendo-spacing-8, 2rem) } .k-gap-x-sm-9 { -moz-column-gap: var(--kendo-spacing-9, 2.25rem); column-gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-x-sm-10 { -moz-column-gap: var(--kendo-spacing-10, 2.5rem); column-gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-x-sm-11 { -moz-column-gap: var(--kendo-spacing-11, 2.75rem); column-gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-x-sm-12 { -moz-column-gap: var(--kendo-spacing-12, 3rem); column-gap: var(--kendo-spacing-12, 3rem) } .k-gap-x-sm-13 { -moz-column-gap: var(--kendo-spacing-13, 3.25rem); column-gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-x-sm-14 { -moz-column-gap: var(--kendo-spacing-14, 3.5rem); column-gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-x-sm-15 { -moz-column-gap: var(--kendo-spacing-15, 3.75rem); column-gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-x-sm-16 { -moz-column-gap: var(--kendo-spacing-16, 4rem); column-gap: var(--kendo-spacing-16, 4rem) } .k-gap-x-sm-17 { -moz-column-gap: var(--kendo-spacing-17, 4.25rem); column-gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-x-sm-18 { -moz-column-gap: var(--kendo-spacing-18, 4.5rem); column-gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-x-sm-19 { -moz-column-gap: var(--kendo-spacing-19, 4.75rem); column-gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-x-sm-20 { -moz-column-gap: var(--kendo-spacing-20, 5rem); column-gap: var(--kendo-spacing-20, 5rem) } .k-gap-x-sm-21 { -moz-column-gap: var(--kendo-spacing-21, 5.25rem); column-gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-x-sm-22 { -moz-column-gap: var(--kendo-spacing-22, 5.5rem); column-gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-x-sm-23 { -moz-column-gap: var(--kendo-spacing-23, 5.75rem); column-gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-x-sm-24 { -moz-column-gap: var(--kendo-spacing-24, 6rem); column-gap: var(--kendo-spacing-24, 6rem) } .k-gap-x-sm-25 { -moz-column-gap: var(--kendo-spacing-25, 7rem); column-gap: var(--kendo-spacing-25, 7rem) } .k-gap-x-sm-26 { -moz-column-gap: var(--kendo-spacing-26, 8rem); column-gap: var(--kendo-spacing-26, 8rem) } .k-gap-x-sm-27 { -moz-column-gap: var(--kendo-spacing-27, 9rem); column-gap: var(--kendo-spacing-27, 9rem) } .k-gap-x-sm-28 { -moz-column-gap: var(--kendo-spacing-28, 10rem); column-gap: var(--kendo-spacing-28, 10rem) } .k-gap-x-sm-29 { -moz-column-gap: var(--kendo-spacing-29, 11rem); column-gap: var(--kendo-spacing-29, 11rem) } .k-gap-x-sm-30 { -moz-column-gap: var(--kendo-spacing-30, 12rem); column-gap: var(--kendo-spacing-30, 12rem) } .k-gap-x-sm-xs { -moz-column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)); column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-x-sm-sm { -moz-column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)); column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-x-sm-md { -moz-column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)); column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-x-sm-lg { -moz-column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)); column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-x-sm-xl { -moz-column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)); column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-x-sm-thin { -moz-column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)); column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-x-sm-hair { -moz-column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)); column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-y-sm-0 { row-gap: var(--kendo-spacing-0, 0px) } .k-gap-y-sm-1px { row-gap: var(--kendo-spacing-1px, 1px) } .k-gap-y-sm-0\.5 { row-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-y-sm-1 { row-gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-y-sm-1\.5 { row-gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-y-sm-2 { row-gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-y-sm-2\.5 { row-gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-y-sm-3 { row-gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-y-sm-3\.5 { row-gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-y-sm-4 { row-gap: var(--kendo-spacing-4, 1rem) } .k-gap-y-sm-4\.5 { row-gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-y-sm-5 { row-gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-y-sm-5\.5 { row-gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-y-sm-6 { row-gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-y-sm-6\.5 { row-gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-y-sm-7 { row-gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-y-sm-7\.5 { row-gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-y-sm-8 { row-gap: var(--kendo-spacing-8, 2rem) } .k-gap-y-sm-9 { row-gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-y-sm-10 { row-gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-y-sm-11 { row-gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-y-sm-12 { row-gap: var(--kendo-spacing-12, 3rem) } .k-gap-y-sm-13 { row-gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-y-sm-14 { row-gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-y-sm-15 { row-gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-y-sm-16 { row-gap: var(--kendo-spacing-16, 4rem) } .k-gap-y-sm-17 { row-gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-y-sm-18 { row-gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-y-sm-19 { row-gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-y-sm-20 { row-gap: var(--kendo-spacing-20, 5rem) } .k-gap-y-sm-21 { row-gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-y-sm-22 { row-gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-y-sm-23 { row-gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-y-sm-24 { row-gap: var(--kendo-spacing-24, 6rem) } .k-gap-y-sm-25 { row-gap: var(--kendo-spacing-25, 7rem) } .k-gap-y-sm-26 { row-gap: var(--kendo-spacing-26, 8rem) } .k-gap-y-sm-27 { row-gap: var(--kendo-spacing-27, 9rem) } .k-gap-y-sm-28 { row-gap: var(--kendo-spacing-28, 10rem) } .k-gap-y-sm-29 { row-gap: var(--kendo-spacing-29, 11rem) } .k-gap-y-sm-30 { row-gap: var(--kendo-spacing-30, 12rem) } .k-gap-y-sm-xs { row-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-y-sm-sm { row-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-y-sm-md { row-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-y-sm-lg { row-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-y-sm-xl { row-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-y-sm-thin { row-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-y-sm-hair { row-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-col-span-sm-1 { grid-column: span 1/span 1 } .k-col-span-sm-2 { grid-column: span 2/span 2 } .k-col-span-sm-3 { grid-column: span 3/span 3 } .k-col-span-sm-4 { grid-column: span 4/span 4 } .k-col-span-sm-5 { grid-column: span 5/span 5 } .k-col-span-sm-6 { grid-column: span 6/span 6 } .k-col-span-sm-7 { grid-column: span 7/span 7 } .k-col-span-sm-8 { grid-column: span 8/span 8 } .k-col-span-sm-9 { grid-column: span 9/span 9 } .k-col-span-sm-10 { grid-column: span 10/span 10 } .k-col-span-sm-11 { grid-column: span 11/span 11 } .k-col-span-sm-12 { grid-column: span 12/span 12 } .k-col-span-sm-full { grid-column: 1 / -1 } .k-col-span-sm-auto { grid-column: auto } .k-col-start-sm-1 { grid-column-start: 1 } .k-col-start-sm-2 { grid-column-start: 2 } .k-col-start-sm-3 { grid-column-start: 3 } .k-col-start-sm-4 { grid-column-start: 4 } .k-col-start-sm-5 { grid-column-start: 5 } .k-col-start-sm-6 { grid-column-start: 6 } .k-col-start-sm-7 { grid-column-start: 7 } .k-col-start-sm-8 { grid-column-start: 8 } .k-col-start-sm-9 { grid-column-start: 9 } .k-col-start-sm-10 { grid-column-start: 10 } .k-col-start-sm-11 { grid-column-start: 11 } .k-col-start-sm-12 { grid-column-start: 12 } .k-col-start-sm-13 { grid-column-start: 13 } .k-col-start-sm-auto { grid-column-start: auto } .k-col-end-sm-1 { grid-column-end: 1 } .k-col-end-sm-2 { grid-column-end: 2 } .k-col-end-sm-3 { grid-column-end: 3 } .k-col-end-sm-4 { grid-column-end: 4 } .k-col-end-sm-5 { grid-column-end: 5 } .k-col-end-sm-6 { grid-column-end: 6 } .k-col-end-sm-7 { grid-column-end: 7 } .k-col-end-sm-8 { grid-column-end: 8 } .k-col-end-sm-9 { grid-column-end: 9 } .k-col-end-sm-10 { grid-column-end: 10 } .k-col-end-sm-11 { grid-column-end: 11 } .k-col-end-sm-12 { grid-column-end: 12 } .k-col-end-sm-13 { grid-column-end: 13 } .k-col-end-sm-auto { grid-column-end: auto } .k-row-start-sm-1 { grid-row-start: 1 } .k-row-start-sm-2 { grid-row-start: 2 } .k-row-start-sm-3 { grid-row-start: 3 } .k-row-start-sm-4 { grid-row-start: 4 } .k-row-start-sm-5 { grid-row-start: 5 } .k-row-start-sm-6 { grid-row-start: 6 } .k-row-start-sm-7 { grid-row-start: 7 } .k-row-start-sm-8 { grid-row-start: 8 } .k-row-start-sm-9 { grid-row-start: 9 } .k-row-start-sm-10 { grid-row-start: 10 } .k-row-start-sm-11 { grid-row-start: 11 } .k-row-start-sm-12 { grid-row-start: 12 } .k-row-start-sm-13 { grid-row-start: 13 } .k-row-start-sm-auto { grid-row-start: auto } .k-row-end-sm-1 { grid-row-end: 1 } .k-row-end-sm-2 { grid-row-end: 2 } .k-row-end-sm-3 { grid-row-end: 3 } .k-row-end-sm-4 { grid-row-end: 4 } .k-row-end-sm-5 { grid-row-end: 5 } .k-row-end-sm-6 { grid-row-end: 6 } .k-row-end-sm-7 { grid-row-end: 7 } .k-row-end-sm-8 { grid-row-end: 8 } .k-row-end-sm-9 { grid-row-end: 9 } .k-row-end-sm-10 { grid-row-end: 10 } .k-row-end-sm-11 { grid-row-end: 11 } .k-row-end-sm-12 { grid-row-end: 12 } .k-row-end-sm-13 { grid-row-end: 13 } .k-row-end-sm-auto { grid-row-end: auto } .k-grid-cols-sm-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) } .k-grid-cols-sm-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .k-grid-cols-sm-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .k-grid-cols-sm-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .k-grid-cols-sm-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .k-grid-cols-sm-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .k-grid-cols-sm-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .k-grid-cols-sm-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .k-grid-cols-sm-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) } .k-grid-cols-sm-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .k-grid-cols-sm-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) } .k-grid-cols-sm-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .k-grid-cols-sm-none { grid-template-columns: none } .k-px-sm-0 { padding-inline: var(--kendo-spacing-0, 0px) } .k-px-sm-1px { padding-inline: var(--kendo-spacing-1px, 1px) } .k-px-sm-0\.5 { padding-inline: var(--kendo-spacing-0\.5, 0.125rem) } .k-px-sm-1 { padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-px-sm-1\.5 { padding-inline: var(--kendo-spacing-1\.5, 0.375rem) } .k-px-sm-2 { padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-px-sm-2\.5 { padding-inline: var(--kendo-spacing-2\.5, 0.625rem) } .k-px-sm-3 { padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-px-sm-3\.5 { padding-inline: var(--kendo-spacing-3\.5, 0.875rem) } .k-px-sm-4 { padding-inline: var(--kendo-spacing-4, 1rem) } .k-px-sm-4\.5 { padding-inline: var(--kendo-spacing-4\.5, 1.125rem) } .k-px-sm-5 { padding-inline: var(--kendo-spacing-5, 1.25rem) } .k-px-sm-5\.5 { padding-inline: var(--kendo-spacing-5\.5, 1.375rem) } .k-px-sm-6 { padding-inline: var(--kendo-spacing-6, 1.5rem) } .k-px-sm-6\.5 { padding-inline: var(--kendo-spacing-6\.5, 1.625rem) } .k-px-sm-7 { padding-inline: var(--kendo-spacing-7, 1.75rem) } .k-px-sm-7\.5 { padding-inline: var(--kendo-spacing-7\.5, 1.875rem) } .k-px-sm-8 { padding-inline: var(--kendo-spacing-8, 2rem) } .k-px-sm-9 { padding-inline: var(--kendo-spacing-9, 2.25rem) } .k-px-sm-10 { padding-inline: var(--kendo-spacing-10, 2.5rem) } .k-px-sm-11 { padding-inline: var(--kendo-spacing-11, 2.75rem) } .k-px-sm-12 { padding-inline: var(--kendo-spacing-12, 3rem) } .k-px-sm-13 { padding-inline: var(--kendo-spacing-13, 3.25rem) } .k-px-sm-14 { padding-inline: var(--kendo-spacing-14, 3.5rem) } .k-px-sm-15 { padding-inline: var(--kendo-spacing-15, 3.75rem) } .k-px-sm-16 { padding-inline: var(--kendo-spacing-16, 4rem) } .k-px-sm-17 { padding-inline: var(--kendo-spacing-17, 4.25rem) } .k-px-sm-18 { padding-inline: var(--kendo-spacing-18, 4.5rem) } .k-px-sm-19 { padding-inline: var(--kendo-spacing-19, 4.75rem) } .k-px-sm-20 { padding-inline: var(--kendo-spacing-20, 5rem) } .k-px-sm-21 { padding-inline: var(--kendo-spacing-21, 5.25rem) } .k-px-sm-22 { padding-inline: var(--kendo-spacing-22, 5.5rem) } .k-px-sm-23 { padding-inline: var(--kendo-spacing-23, 5.75rem) } .k-px-sm-24 { padding-inline: var(--kendo-spacing-24, 6rem) } .k-px-sm-25 { padding-inline: var(--kendo-spacing-25, 7rem) } .k-px-sm-26 { padding-inline: var(--kendo-spacing-26, 8rem) } .k-px-sm-27 { padding-inline: var(--kendo-spacing-27, 9rem) } .k-px-sm-28 { padding-inline: var(--kendo-spacing-28, 10rem) } .k-px-sm-29 { padding-inline: var(--kendo-spacing-29, 11rem) } .k-px-sm-30 { padding-inline: var(--kendo-spacing-30, 12rem) } .k-px-sm-xs { padding-inline: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-px-sm-sm { padding-inline: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-px-sm-md { padding-inline: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-px-sm-lg { padding-inline: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-px-sm-xl { padding-inline: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-px-sm-thin { padding-inline: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-px-sm-hair { padding-inline: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-py-sm-0 { padding-block: var(--kendo-spacing-0, 0px) } .k-py-sm-1px { padding-block: var(--kendo-spacing-1px, 1px) } .k-py-sm-0\.5 { padding-block: var(--kendo-spacing-0\.5, 0.125rem) } .k-py-sm-1 { padding-block: var(--kendo-spacing-1, 0.25rem) } .k-py-sm-1\.5 { padding-block: var(--kendo-spacing-1\.5, 0.375rem) } .k-py-sm-2 { padding-block: var(--kendo-spacing-2, 0.5rem) } .k-py-sm-2\.5 { padding-block: var(--kendo-spacing-2\.5, 0.625rem) } .k-py-sm-3 { padding-block: var(--kendo-spacing-3, 0.75rem) } .k-py-sm-3\.5 { padding-block: var(--kendo-spacing-3\.5, 0.875rem) } .k-py-sm-4 { padding-block: var(--kendo-spacing-4, 1rem) } .k-py-sm-4\.5 { padding-block: var(--kendo-spacing-4\.5, 1.125rem) } .k-py-sm-5 { padding-block: var(--kendo-spacing-5, 1.25rem) } .k-py-sm-5\.5 { padding-block: var(--kendo-spacing-5\.5, 1.375rem) } .k-py-sm-6 { padding-block: var(--kendo-spacing-6, 1.5rem) } .k-py-sm-6\.5 { padding-block: var(--kendo-spacing-6\.5, 1.625rem) } .k-py-sm-7 { padding-block: var(--kendo-spacing-7, 1.75rem) } .k-py-sm-7\.5 { padding-block: var(--kendo-spacing-7\.5, 1.875rem) } .k-py-sm-8 { padding-block: var(--kendo-spacing-8, 2rem) } .k-py-sm-9 { padding-block: var(--kendo-spacing-9, 2.25rem) } .k-py-sm-10 { padding-block: var(--kendo-spacing-10, 2.5rem) } .k-py-sm-11 { padding-block: var(--kendo-spacing-11, 2.75rem) } .k-py-sm-12 { padding-block: var(--kendo-spacing-12, 3rem) } .k-py-sm-13 { padding-block: var(--kendo-spacing-13, 3.25rem) } .k-py-sm-14 { padding-block: var(--kendo-spacing-14, 3.5rem) } .k-py-sm-15 { padding-block: var(--kendo-spacing-15, 3.75rem) } .k-py-sm-16 { padding-block: var(--kendo-spacing-16, 4rem) } .k-py-sm-17 { padding-block: var(--kendo-spacing-17, 4.25rem) } .k-py-sm-18 { padding-block: var(--kendo-spacing-18, 4.5rem) } .k-py-sm-19 { padding-block: var(--kendo-spacing-19, 4.75rem) } .k-py-sm-20 { padding-block: var(--kendo-spacing-20, 5rem) } .k-py-sm-21 { padding-block: var(--kendo-spacing-21, 5.25rem) } .k-py-sm-22 { padding-block: var(--kendo-spacing-22, 5.5rem) } .k-py-sm-23 { padding-block: var(--kendo-spacing-23, 5.75rem) } .k-py-sm-24 { padding-block: var(--kendo-spacing-24, 6rem) } .k-py-sm-25 { padding-block: var(--kendo-spacing-25, 7rem) } .k-py-sm-26 { padding-block: var(--kendo-spacing-26, 8rem) } .k-py-sm-27 { padding-block: var(--kendo-spacing-27, 9rem) } .k-py-sm-28 { padding-block: var(--kendo-spacing-28, 10rem) } .k-py-sm-29 { padding-block: var(--kendo-spacing-29, 11rem) } .k-py-sm-30 { padding-block: var(--kendo-spacing-30, 12rem) } .k-py-sm-xs { padding-block: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-py-sm-sm { padding-block: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-py-sm-md { padding-block: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-py-sm-lg { padding-block: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-py-sm-xl { padding-block: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-py-sm-thin { padding-block: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-py-sm-hair { padding-block: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } } @media only all and (min-width: 768px) { .k-d-md-none { display: none } .k-d-md-contents { display: contents } .k-d-md-block { display: block } .k-d-md-inline { display: inline } .k-d-md-inline-block { display: inline-block } .k-d-md-flex { display: flex } .k-d-md-inline-flex { display: inline-flex } .k-d-md-grid { display: grid } .k-d-md-inline-grid { display: inline-grid } .k-d-md-table { display: table } .k-d-md-inline-table { display: inline-table } .k-d-md-table-row { display: table-row } .k-d-md-table-cell { display: table-cell } .k-d-md-list-item { display: list-item } .k-flex-md-row { flex-direction: row } .k-flex-md-row-reverse { flex-direction: row-reverse } .k-flex-md-col { flex-direction: column } .k-flex-md-col-reverse { flex-direction: column-reverse } .k-gap-md-0 { gap: var(--kendo-spacing-0, 0px) } .k-gap-md-1px { gap: var(--kendo-spacing-1px, 1px) } .k-gap-md-0\.5 { gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-md-1 { gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-md-1\.5 { gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-md-2 { gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-md-2\.5 { gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-md-3 { gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-md-3\.5 { gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-md-4 { gap: var(--kendo-spacing-4, 1rem) } .k-gap-md-4\.5 { gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-md-5 { gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-md-5\.5 { gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-md-6 { gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-md-6\.5 { gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-md-7 { gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-md-7\.5 { gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-md-8 { gap: var(--kendo-spacing-8, 2rem) } .k-gap-md-9 { gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-md-10 { gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-md-11 { gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-md-12 { gap: var(--kendo-spacing-12, 3rem) } .k-gap-md-13 { gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-md-14 { gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-md-15 { gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-md-16 { gap: var(--kendo-spacing-16, 4rem) } .k-gap-md-17 { gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-md-18 { gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-md-19 { gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-md-20 { gap: var(--kendo-spacing-20, 5rem) } .k-gap-md-21 { gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-md-22 { gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-md-23 { gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-md-24 { gap: var(--kendo-spacing-24, 6rem) } .k-gap-md-25 { gap: var(--kendo-spacing-25, 7rem) } .k-gap-md-26 { gap: var(--kendo-spacing-26, 8rem) } .k-gap-md-27 { gap: var(--kendo-spacing-27, 9rem) } .k-gap-md-28 { gap: var(--kendo-spacing-28, 10rem) } .k-gap-md-29 { gap: var(--kendo-spacing-29, 11rem) } .k-gap-md-30 { gap: var(--kendo-spacing-30, 12rem) } .k-gap-md-xs { gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-md-sm { gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-md-md { gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-md-lg { gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-md-xl { gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-md-thin { gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-md-hair { gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-x-md-0 { -moz-column-gap: var(--kendo-spacing-0, 0px); column-gap: var(--kendo-spacing-0, 0px) } .k-gap-x-md-1px { -moz-column-gap: var(--kendo-spacing-1px, 1px); column-gap: var(--kendo-spacing-1px, 1px) } .k-gap-x-md-0\.5 { -moz-column-gap: var(--kendo-spacing-0\.5, 0.125rem); column-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-x-md-1 { -moz-column-gap: var(--kendo-spacing-1, 0.25rem); column-gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-x-md-1\.5 { -moz-column-gap: var(--kendo-spacing-1\.5, 0.375rem); column-gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-x-md-2 { -moz-column-gap: var(--kendo-spacing-2, 0.5rem); column-gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-x-md-2\.5 { -moz-column-gap: var(--kendo-spacing-2\.5, 0.625rem); column-gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-x-md-3 { -moz-column-gap: var(--kendo-spacing-3, 0.75rem); column-gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-x-md-3\.5 { -moz-column-gap: var(--kendo-spacing-3\.5, 0.875rem); column-gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-x-md-4 { -moz-column-gap: var(--kendo-spacing-4, 1rem); column-gap: var(--kendo-spacing-4, 1rem) } .k-gap-x-md-4\.5 { -moz-column-gap: var(--kendo-spacing-4\.5, 1.125rem); column-gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-x-md-5 { -moz-column-gap: var(--kendo-spacing-5, 1.25rem); column-gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-x-md-5\.5 { -moz-column-gap: var(--kendo-spacing-5\.5, 1.375rem); column-gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-x-md-6 { -moz-column-gap: var(--kendo-spacing-6, 1.5rem); column-gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-x-md-6\.5 { -moz-column-gap: var(--kendo-spacing-6\.5, 1.625rem); column-gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-x-md-7 { -moz-column-gap: var(--kendo-spacing-7, 1.75rem); column-gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-x-md-7\.5 { -moz-column-gap: var(--kendo-spacing-7\.5, 1.875rem); column-gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-x-md-8 { -moz-column-gap: var(--kendo-spacing-8, 2rem); column-gap: var(--kendo-spacing-8, 2rem) } .k-gap-x-md-9 { -moz-column-gap: var(--kendo-spacing-9, 2.25rem); column-gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-x-md-10 { -moz-column-gap: var(--kendo-spacing-10, 2.5rem); column-gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-x-md-11 { -moz-column-gap: var(--kendo-spacing-11, 2.75rem); column-gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-x-md-12 { -moz-column-gap: var(--kendo-spacing-12, 3rem); column-gap: var(--kendo-spacing-12, 3rem) } .k-gap-x-md-13 { -moz-column-gap: var(--kendo-spacing-13, 3.25rem); column-gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-x-md-14 { -moz-column-gap: var(--kendo-spacing-14, 3.5rem); column-gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-x-md-15 { -moz-column-gap: var(--kendo-spacing-15, 3.75rem); column-gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-x-md-16 { -moz-column-gap: var(--kendo-spacing-16, 4rem); column-gap: var(--kendo-spacing-16, 4rem) } .k-gap-x-md-17 { -moz-column-gap: var(--kendo-spacing-17, 4.25rem); column-gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-x-md-18 { -moz-column-gap: var(--kendo-spacing-18, 4.5rem); column-gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-x-md-19 { -moz-column-gap: var(--kendo-spacing-19, 4.75rem); column-gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-x-md-20 { -moz-column-gap: var(--kendo-spacing-20, 5rem); column-gap: var(--kendo-spacing-20, 5rem) } .k-gap-x-md-21 { -moz-column-gap: var(--kendo-spacing-21, 5.25rem); column-gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-x-md-22 { -moz-column-gap: var(--kendo-spacing-22, 5.5rem); column-gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-x-md-23 { -moz-column-gap: var(--kendo-spacing-23, 5.75rem); column-gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-x-md-24 { -moz-column-gap: var(--kendo-spacing-24, 6rem); column-gap: var(--kendo-spacing-24, 6rem) } .k-gap-x-md-25 { -moz-column-gap: var(--kendo-spacing-25, 7rem); column-gap: var(--kendo-spacing-25, 7rem) } .k-gap-x-md-26 { -moz-column-gap: var(--kendo-spacing-26, 8rem); column-gap: var(--kendo-spacing-26, 8rem) } .k-gap-x-md-27 { -moz-column-gap: var(--kendo-spacing-27, 9rem); column-gap: var(--kendo-spacing-27, 9rem) } .k-gap-x-md-28 { -moz-column-gap: var(--kendo-spacing-28, 10rem); column-gap: var(--kendo-spacing-28, 10rem) } .k-gap-x-md-29 { -moz-column-gap: var(--kendo-spacing-29, 11rem); column-gap: var(--kendo-spacing-29, 11rem) } .k-gap-x-md-30 { -moz-column-gap: var(--kendo-spacing-30, 12rem); column-gap: var(--kendo-spacing-30, 12rem) } .k-gap-x-md-xs { -moz-column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)); column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-x-md-sm { -moz-column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)); column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-x-md-md { -moz-column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)); column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-x-md-lg { -moz-column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)); column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-x-md-xl { -moz-column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)); column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-x-md-thin { -moz-column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)); column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-x-md-hair { -moz-column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)); column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-y-md-0 { row-gap: var(--kendo-spacing-0, 0px) } .k-gap-y-md-1px { row-gap: var(--kendo-spacing-1px, 1px) } .k-gap-y-md-0\.5 { row-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-y-md-1 { row-gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-y-md-1\.5 { row-gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-y-md-2 { row-gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-y-md-2\.5 { row-gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-y-md-3 { row-gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-y-md-3\.5 { row-gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-y-md-4 { row-gap: var(--kendo-spacing-4, 1rem) } .k-gap-y-md-4\.5 { row-gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-y-md-5 { row-gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-y-md-5\.5 { row-gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-y-md-6 { row-gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-y-md-6\.5 { row-gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-y-md-7 { row-gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-y-md-7\.5 { row-gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-y-md-8 { row-gap: var(--kendo-spacing-8, 2rem) } .k-gap-y-md-9 { row-gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-y-md-10 { row-gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-y-md-11 { row-gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-y-md-12 { row-gap: var(--kendo-spacing-12, 3rem) } .k-gap-y-md-13 { row-gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-y-md-14 { row-gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-y-md-15 { row-gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-y-md-16 { row-gap: var(--kendo-spacing-16, 4rem) } .k-gap-y-md-17 { row-gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-y-md-18 { row-gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-y-md-19 { row-gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-y-md-20 { row-gap: var(--kendo-spacing-20, 5rem) } .k-gap-y-md-21 { row-gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-y-md-22 { row-gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-y-md-23 { row-gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-y-md-24 { row-gap: var(--kendo-spacing-24, 6rem) } .k-gap-y-md-25 { row-gap: var(--kendo-spacing-25, 7rem) } .k-gap-y-md-26 { row-gap: var(--kendo-spacing-26, 8rem) } .k-gap-y-md-27 { row-gap: var(--kendo-spacing-27, 9rem) } .k-gap-y-md-28 { row-gap: var(--kendo-spacing-28, 10rem) } .k-gap-y-md-29 { row-gap: var(--kendo-spacing-29, 11rem) } .k-gap-y-md-30 { row-gap: var(--kendo-spacing-30, 12rem) } .k-gap-y-md-xs { row-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-y-md-sm { row-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-y-md-md { row-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-y-md-lg { row-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-y-md-xl { row-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-y-md-thin { row-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-y-md-hair { row-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-col-span-md-1 { grid-column: span 1/span 1 } .k-col-span-md-2 { grid-column: span 2/span 2 } .k-col-span-md-3 { grid-column: span 3/span 3 } .k-col-span-md-4 { grid-column: span 4/span 4 } .k-col-span-md-5 { grid-column: span 5/span 5 } .k-col-span-md-6 { grid-column: span 6/span 6 } .k-col-span-md-7 { grid-column: span 7/span 7 } .k-col-span-md-8 { grid-column: span 8/span 8 } .k-col-span-md-9 { grid-column: span 9/span 9 } .k-col-span-md-10 { grid-column: span 10/span 10 } .k-col-span-md-11 { grid-column: span 11/span 11 } .k-col-span-md-12 { grid-column: span 12/span 12 } .k-col-span-md-full { grid-column: 1 / -1 } .k-col-span-md-auto { grid-column: auto } .k-col-start-md-1 { grid-column-start: 1 } .k-col-start-md-2 { grid-column-start: 2 } .k-col-start-md-3 { grid-column-start: 3 } .k-col-start-md-4 { grid-column-start: 4 } .k-col-start-md-5 { grid-column-start: 5 } .k-col-start-md-6 { grid-column-start: 6 } .k-col-start-md-7 { grid-column-start: 7 } .k-col-start-md-8 { grid-column-start: 8 } .k-col-start-md-9 { grid-column-start: 9 } .k-col-start-md-10 { grid-column-start: 10 } .k-col-start-md-11 { grid-column-start: 11 } .k-col-start-md-12 { grid-column-start: 12 } .k-col-start-md-13 { grid-column-start: 13 } .k-col-start-md-auto { grid-column-start: auto } .k-col-end-md-1 { grid-column-end: 1 } .k-col-end-md-2 { grid-column-end: 2 } .k-col-end-md-3 { grid-column-end: 3 } .k-col-end-md-4 { grid-column-end: 4 } .k-col-end-md-5 { grid-column-end: 5 } .k-col-end-md-6 { grid-column-end: 6 } .k-col-end-md-7 { grid-column-end: 7 } .k-col-end-md-8 { grid-column-end: 8 } .k-col-end-md-9 { grid-column-end: 9 } .k-col-end-md-10 { grid-column-end: 10 } .k-col-end-md-11 { grid-column-end: 11 } .k-col-end-md-12 { grid-column-end: 12 } .k-col-end-md-13 { grid-column-end: 13 } .k-col-end-md-auto { grid-column-end: auto } .k-row-start-md-1 { grid-row-start: 1 } .k-row-start-md-2 { grid-row-start: 2 } .k-row-start-md-3 { grid-row-start: 3 } .k-row-start-md-4 { grid-row-start: 4 } .k-row-start-md-5 { grid-row-start: 5 } .k-row-start-md-6 { grid-row-start: 6 } .k-row-start-md-7 { grid-row-start: 7 } .k-row-start-md-8 { grid-row-start: 8 } .k-row-start-md-9 { grid-row-start: 9 } .k-row-start-md-10 { grid-row-start: 10 } .k-row-start-md-11 { grid-row-start: 11 } .k-row-start-md-12 { grid-row-start: 12 } .k-row-start-md-13 { grid-row-start: 13 } .k-row-start-md-auto { grid-row-start: auto } .k-row-end-md-1 { grid-row-end: 1 } .k-row-end-md-2 { grid-row-end: 2 } .k-row-end-md-3 { grid-row-end: 3 } .k-row-end-md-4 { grid-row-end: 4 } .k-row-end-md-5 { grid-row-end: 5 } .k-row-end-md-6 { grid-row-end: 6 } .k-row-end-md-7 { grid-row-end: 7 } .k-row-end-md-8 { grid-row-end: 8 } .k-row-end-md-9 { grid-row-end: 9 } .k-row-end-md-10 { grid-row-end: 10 } .k-row-end-md-11 { grid-row-end: 11 } .k-row-end-md-12 { grid-row-end: 12 } .k-row-end-md-13 { grid-row-end: 13 } .k-row-end-md-auto { grid-row-end: auto } .k-grid-cols-md-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) } .k-grid-cols-md-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .k-grid-cols-md-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .k-grid-cols-md-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .k-grid-cols-md-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .k-grid-cols-md-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .k-grid-cols-md-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .k-grid-cols-md-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .k-grid-cols-md-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) } .k-grid-cols-md-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .k-grid-cols-md-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) } .k-grid-cols-md-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .k-grid-cols-md-none { grid-template-columns: none } .k-px-md-0 { padding-inline: var(--kendo-spacing-0, 0px) } .k-px-md-1px { padding-inline: var(--kendo-spacing-1px, 1px) } .k-px-md-0\.5 { padding-inline: var(--kendo-spacing-0\.5, 0.125rem) } .k-px-md-1 { padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-px-md-1\.5 { padding-inline: var(--kendo-spacing-1\.5, 0.375rem) } .k-px-md-2 { padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-px-md-2\.5 { padding-inline: var(--kendo-spacing-2\.5, 0.625rem) } .k-px-md-3 { padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-px-md-3\.5 { padding-inline: var(--kendo-spacing-3\.5, 0.875rem) } .k-px-md-4 { padding-inline: var(--kendo-spacing-4, 1rem) } .k-px-md-4\.5 { padding-inline: var(--kendo-spacing-4\.5, 1.125rem) } .k-px-md-5 { padding-inline: var(--kendo-spacing-5, 1.25rem) } .k-px-md-5\.5 { padding-inline: var(--kendo-spacing-5\.5, 1.375rem) } .k-px-md-6 { padding-inline: var(--kendo-spacing-6, 1.5rem) } .k-px-md-6\.5 { padding-inline: var(--kendo-spacing-6\.5, 1.625rem) } .k-px-md-7 { padding-inline: var(--kendo-spacing-7, 1.75rem) } .k-px-md-7\.5 { padding-inline: var(--kendo-spacing-7\.5, 1.875rem) } .k-px-md-8 { padding-inline: var(--kendo-spacing-8, 2rem) } .k-px-md-9 { padding-inline: var(--kendo-spacing-9, 2.25rem) } .k-px-md-10 { padding-inline: var(--kendo-spacing-10, 2.5rem) } .k-px-md-11 { padding-inline: var(--kendo-spacing-11, 2.75rem) } .k-px-md-12 { padding-inline: var(--kendo-spacing-12, 3rem) } .k-px-md-13 { padding-inline: var(--kendo-spacing-13, 3.25rem) } .k-px-md-14 { padding-inline: var(--kendo-spacing-14, 3.5rem) } .k-px-md-15 { padding-inline: var(--kendo-spacing-15, 3.75rem) } .k-px-md-16 { padding-inline: var(--kendo-spacing-16, 4rem) } .k-px-md-17 { padding-inline: var(--kendo-spacing-17, 4.25rem) } .k-px-md-18 { padding-inline: var(--kendo-spacing-18, 4.5rem) } .k-px-md-19 { padding-inline: var(--kendo-spacing-19, 4.75rem) } .k-px-md-20 { padding-inline: var(--kendo-spacing-20, 5rem) } .k-px-md-21 { padding-inline: var(--kendo-spacing-21, 5.25rem) } .k-px-md-22 { padding-inline: var(--kendo-spacing-22, 5.5rem) } .k-px-md-23 { padding-inline: var(--kendo-spacing-23, 5.75rem) } .k-px-md-24 { padding-inline: var(--kendo-spacing-24, 6rem) } .k-px-md-25 { padding-inline: var(--kendo-spacing-25, 7rem) } .k-px-md-26 { padding-inline: var(--kendo-spacing-26, 8rem) } .k-px-md-27 { padding-inline: var(--kendo-spacing-27, 9rem) } .k-px-md-28 { padding-inline: var(--kendo-spacing-28, 10rem) } .k-px-md-29 { padding-inline: var(--kendo-spacing-29, 11rem) } .k-px-md-30 { padding-inline: var(--kendo-spacing-30, 12rem) } .k-px-md-xs { padding-inline: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-px-md-sm { padding-inline: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-px-md-md { padding-inline: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-px-md-lg { padding-inline: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-px-md-xl { padding-inline: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-px-md-thin { padding-inline: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-px-md-hair { padding-inline: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-py-md-0 { padding-block: var(--kendo-spacing-0, 0px) } .k-py-md-1px { padding-block: var(--kendo-spacing-1px, 1px) } .k-py-md-0\.5 { padding-block: var(--kendo-spacing-0\.5, 0.125rem) } .k-py-md-1 { padding-block: var(--kendo-spacing-1, 0.25rem) } .k-py-md-1\.5 { padding-block: var(--kendo-spacing-1\.5, 0.375rem) } .k-py-md-2 { padding-block: var(--kendo-spacing-2, 0.5rem) } .k-py-md-2\.5 { padding-block: var(--kendo-spacing-2\.5, 0.625rem) } .k-py-md-3 { padding-block: var(--kendo-spacing-3, 0.75rem) } .k-py-md-3\.5 { padding-block: var(--kendo-spacing-3\.5, 0.875rem) } .k-py-md-4 { padding-block: var(--kendo-spacing-4, 1rem) } .k-py-md-4\.5 { padding-block: var(--kendo-spacing-4\.5, 1.125rem) } .k-py-md-5 { padding-block: var(--kendo-spacing-5, 1.25rem) } .k-py-md-5\.5 { padding-block: var(--kendo-spacing-5\.5, 1.375rem) } .k-py-md-6 { padding-block: var(--kendo-spacing-6, 1.5rem) } .k-py-md-6\.5 { padding-block: var(--kendo-spacing-6\.5, 1.625rem) } .k-py-md-7 { padding-block: var(--kendo-spacing-7, 1.75rem) } .k-py-md-7\.5 { padding-block: var(--kendo-spacing-7\.5, 1.875rem) } .k-py-md-8 { padding-block: var(--kendo-spacing-8, 2rem) } .k-py-md-9 { padding-block: var(--kendo-spacing-9, 2.25rem) } .k-py-md-10 { padding-block: var(--kendo-spacing-10, 2.5rem) } .k-py-md-11 { padding-block: var(--kendo-spacing-11, 2.75rem) } .k-py-md-12 { padding-block: var(--kendo-spacing-12, 3rem) } .k-py-md-13 { padding-block: var(--kendo-spacing-13, 3.25rem) } .k-py-md-14 { padding-block: var(--kendo-spacing-14, 3.5rem) } .k-py-md-15 { padding-block: var(--kendo-spacing-15, 3.75rem) } .k-py-md-16 { padding-block: var(--kendo-spacing-16, 4rem) } .k-py-md-17 { padding-block: var(--kendo-spacing-17, 4.25rem) } .k-py-md-18 { padding-block: var(--kendo-spacing-18, 4.5rem) } .k-py-md-19 { padding-block: var(--kendo-spacing-19, 4.75rem) } .k-py-md-20 { padding-block: var(--kendo-spacing-20, 5rem) } .k-py-md-21 { padding-block: var(--kendo-spacing-21, 5.25rem) } .k-py-md-22 { padding-block: var(--kendo-spacing-22, 5.5rem) } .k-py-md-23 { padding-block: var(--kendo-spacing-23, 5.75rem) } .k-py-md-24 { padding-block: var(--kendo-spacing-24, 6rem) } .k-py-md-25 { padding-block: var(--kendo-spacing-25, 7rem) } .k-py-md-26 { padding-block: var(--kendo-spacing-26, 8rem) } .k-py-md-27 { padding-block: var(--kendo-spacing-27, 9rem) } .k-py-md-28 { padding-block: var(--kendo-spacing-28, 10rem) } .k-py-md-29 { padding-block: var(--kendo-spacing-29, 11rem) } .k-py-md-30 { padding-block: var(--kendo-spacing-30, 12rem) } .k-py-md-xs { padding-block: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-py-md-sm { padding-block: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-py-md-md { padding-block: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-py-md-lg { padding-block: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-py-md-xl { padding-block: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-py-md-thin { padding-block: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-py-md-hair { padding-block: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } } @media only all and (min-width: 992px) { .k-d-lg-none { display: none } .k-d-lg-contents { display: contents } .k-d-lg-block { display: block } .k-d-lg-inline { display: inline } .k-d-lg-inline-block { display: inline-block } .k-d-lg-flex { display: flex } .k-d-lg-inline-flex { display: inline-flex } .k-d-lg-grid { display: grid } .k-d-lg-inline-grid { display: inline-grid } .k-d-lg-table { display: table } .k-d-lg-inline-table { display: inline-table } .k-d-lg-table-row { display: table-row } .k-d-lg-table-cell { display: table-cell } .k-d-lg-list-item { display: list-item } .k-flex-lg-row { flex-direction: row } .k-flex-lg-row-reverse { flex-direction: row-reverse } .k-flex-lg-col { flex-direction: column } .k-flex-lg-col-reverse { flex-direction: column-reverse } .k-gap-lg-0 { gap: var(--kendo-spacing-0, 0px) } .k-gap-lg-1px { gap: var(--kendo-spacing-1px, 1px) } .k-gap-lg-0\.5 { gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-lg-1 { gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-lg-1\.5 { gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-lg-2 { gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-lg-2\.5 { gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-lg-3 { gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-lg-3\.5 { gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-lg-4 { gap: var(--kendo-spacing-4, 1rem) } .k-gap-lg-4\.5 { gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-lg-5 { gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-lg-5\.5 { gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-lg-6 { gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-lg-6\.5 { gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-lg-7 { gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-lg-7\.5 { gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-lg-8 { gap: var(--kendo-spacing-8, 2rem) } .k-gap-lg-9 { gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-lg-10 { gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-lg-11 { gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-lg-12 { gap: var(--kendo-spacing-12, 3rem) } .k-gap-lg-13 { gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-lg-14 { gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-lg-15 { gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-lg-16 { gap: var(--kendo-spacing-16, 4rem) } .k-gap-lg-17 { gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-lg-18 { gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-lg-19 { gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-lg-20 { gap: var(--kendo-spacing-20, 5rem) } .k-gap-lg-21 { gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-lg-22 { gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-lg-23 { gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-lg-24 { gap: var(--kendo-spacing-24, 6rem) } .k-gap-lg-25 { gap: var(--kendo-spacing-25, 7rem) } .k-gap-lg-26 { gap: var(--kendo-spacing-26, 8rem) } .k-gap-lg-27 { gap: var(--kendo-spacing-27, 9rem) } .k-gap-lg-28 { gap: var(--kendo-spacing-28, 10rem) } .k-gap-lg-29 { gap: var(--kendo-spacing-29, 11rem) } .k-gap-lg-30 { gap: var(--kendo-spacing-30, 12rem) } .k-gap-lg-xs { gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-lg-sm { gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-lg-md { gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-lg-lg { gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-lg-xl { gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-lg-thin { gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-lg-hair { gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-x-lg-0 { -moz-column-gap: var(--kendo-spacing-0, 0px); column-gap: var(--kendo-spacing-0, 0px) } .k-gap-x-lg-1px { -moz-column-gap: var(--kendo-spacing-1px, 1px); column-gap: var(--kendo-spacing-1px, 1px) } .k-gap-x-lg-0\.5 { -moz-column-gap: var(--kendo-spacing-0\.5, 0.125rem); column-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-x-lg-1 { -moz-column-gap: var(--kendo-spacing-1, 0.25rem); column-gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-x-lg-1\.5 { -moz-column-gap: var(--kendo-spacing-1\.5, 0.375rem); column-gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-x-lg-2 { -moz-column-gap: var(--kendo-spacing-2, 0.5rem); column-gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-x-lg-2\.5 { -moz-column-gap: var(--kendo-spacing-2\.5, 0.625rem); column-gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-x-lg-3 { -moz-column-gap: var(--kendo-spacing-3, 0.75rem); column-gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-x-lg-3\.5 { -moz-column-gap: var(--kendo-spacing-3\.5, 0.875rem); column-gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-x-lg-4 { -moz-column-gap: var(--kendo-spacing-4, 1rem); column-gap: var(--kendo-spacing-4, 1rem) } .k-gap-x-lg-4\.5 { -moz-column-gap: var(--kendo-spacing-4\.5, 1.125rem); column-gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-x-lg-5 { -moz-column-gap: var(--kendo-spacing-5, 1.25rem); column-gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-x-lg-5\.5 { -moz-column-gap: var(--kendo-spacing-5\.5, 1.375rem); column-gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-x-lg-6 { -moz-column-gap: var(--kendo-spacing-6, 1.5rem); column-gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-x-lg-6\.5 { -moz-column-gap: var(--kendo-spacing-6\.5, 1.625rem); column-gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-x-lg-7 { -moz-column-gap: var(--kendo-spacing-7, 1.75rem); column-gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-x-lg-7\.5 { -moz-column-gap: var(--kendo-spacing-7\.5, 1.875rem); column-gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-x-lg-8 { -moz-column-gap: var(--kendo-spacing-8, 2rem); column-gap: var(--kendo-spacing-8, 2rem) } .k-gap-x-lg-9 { -moz-column-gap: var(--kendo-spacing-9, 2.25rem); column-gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-x-lg-10 { -moz-column-gap: var(--kendo-spacing-10, 2.5rem); column-gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-x-lg-11 { -moz-column-gap: var(--kendo-spacing-11, 2.75rem); column-gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-x-lg-12 { -moz-column-gap: var(--kendo-spacing-12, 3rem); column-gap: var(--kendo-spacing-12, 3rem) } .k-gap-x-lg-13 { -moz-column-gap: var(--kendo-spacing-13, 3.25rem); column-gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-x-lg-14 { -moz-column-gap: var(--kendo-spacing-14, 3.5rem); column-gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-x-lg-15 { -moz-column-gap: var(--kendo-spacing-15, 3.75rem); column-gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-x-lg-16 { -moz-column-gap: var(--kendo-spacing-16, 4rem); column-gap: var(--kendo-spacing-16, 4rem) } .k-gap-x-lg-17 { -moz-column-gap: var(--kendo-spacing-17, 4.25rem); column-gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-x-lg-18 { -moz-column-gap: var(--kendo-spacing-18, 4.5rem); column-gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-x-lg-19 { -moz-column-gap: var(--kendo-spacing-19, 4.75rem); column-gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-x-lg-20 { -moz-column-gap: var(--kendo-spacing-20, 5rem); column-gap: var(--kendo-spacing-20, 5rem) } .k-gap-x-lg-21 { -moz-column-gap: var(--kendo-spacing-21, 5.25rem); column-gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-x-lg-22 { -moz-column-gap: var(--kendo-spacing-22, 5.5rem); column-gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-x-lg-23 { -moz-column-gap: var(--kendo-spacing-23, 5.75rem); column-gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-x-lg-24 { -moz-column-gap: var(--kendo-spacing-24, 6rem); column-gap: var(--kendo-spacing-24, 6rem) } .k-gap-x-lg-25 { -moz-column-gap: var(--kendo-spacing-25, 7rem); column-gap: var(--kendo-spacing-25, 7rem) } .k-gap-x-lg-26 { -moz-column-gap: var(--kendo-spacing-26, 8rem); column-gap: var(--kendo-spacing-26, 8rem) } .k-gap-x-lg-27 { -moz-column-gap: var(--kendo-spacing-27, 9rem); column-gap: var(--kendo-spacing-27, 9rem) } .k-gap-x-lg-28 { -moz-column-gap: var(--kendo-spacing-28, 10rem); column-gap: var(--kendo-spacing-28, 10rem) } .k-gap-x-lg-29 { -moz-column-gap: var(--kendo-spacing-29, 11rem); column-gap: var(--kendo-spacing-29, 11rem) } .k-gap-x-lg-30 { -moz-column-gap: var(--kendo-spacing-30, 12rem); column-gap: var(--kendo-spacing-30, 12rem) } .k-gap-x-lg-xs { -moz-column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)); column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-x-lg-sm { -moz-column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)); column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-x-lg-md { -moz-column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)); column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-x-lg-lg { -moz-column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)); column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-x-lg-xl { -moz-column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)); column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-x-lg-thin { -moz-column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)); column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-x-lg-hair { -moz-column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)); column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-y-lg-0 { row-gap: var(--kendo-spacing-0, 0px) } .k-gap-y-lg-1px { row-gap: var(--kendo-spacing-1px, 1px) } .k-gap-y-lg-0\.5 { row-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-y-lg-1 { row-gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-y-lg-1\.5 { row-gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-y-lg-2 { row-gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-y-lg-2\.5 { row-gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-y-lg-3 { row-gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-y-lg-3\.5 { row-gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-y-lg-4 { row-gap: var(--kendo-spacing-4, 1rem) } .k-gap-y-lg-4\.5 { row-gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-y-lg-5 { row-gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-y-lg-5\.5 { row-gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-y-lg-6 { row-gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-y-lg-6\.5 { row-gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-y-lg-7 { row-gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-y-lg-7\.5 { row-gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-y-lg-8 { row-gap: var(--kendo-spacing-8, 2rem) } .k-gap-y-lg-9 { row-gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-y-lg-10 { row-gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-y-lg-11 { row-gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-y-lg-12 { row-gap: var(--kendo-spacing-12, 3rem) } .k-gap-y-lg-13 { row-gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-y-lg-14 { row-gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-y-lg-15 { row-gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-y-lg-16 { row-gap: var(--kendo-spacing-16, 4rem) } .k-gap-y-lg-17 { row-gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-y-lg-18 { row-gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-y-lg-19 { row-gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-y-lg-20 { row-gap: var(--kendo-spacing-20, 5rem) } .k-gap-y-lg-21 { row-gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-y-lg-22 { row-gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-y-lg-23 { row-gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-y-lg-24 { row-gap: var(--kendo-spacing-24, 6rem) } .k-gap-y-lg-25 { row-gap: var(--kendo-spacing-25, 7rem) } .k-gap-y-lg-26 { row-gap: var(--kendo-spacing-26, 8rem) } .k-gap-y-lg-27 { row-gap: var(--kendo-spacing-27, 9rem) } .k-gap-y-lg-28 { row-gap: var(--kendo-spacing-28, 10rem) } .k-gap-y-lg-29 { row-gap: var(--kendo-spacing-29, 11rem) } .k-gap-y-lg-30 { row-gap: var(--kendo-spacing-30, 12rem) } .k-gap-y-lg-xs { row-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-y-lg-sm { row-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-y-lg-md { row-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-y-lg-lg { row-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-y-lg-xl { row-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-y-lg-thin { row-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-y-lg-hair { row-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-col-span-lg-1 { grid-column: span 1/span 1 } .k-col-span-lg-2 { grid-column: span 2/span 2 } .k-col-span-lg-3 { grid-column: span 3/span 3 } .k-col-span-lg-4 { grid-column: span 4/span 4 } .k-col-span-lg-5 { grid-column: span 5/span 5 } .k-col-span-lg-6 { grid-column: span 6/span 6 } .k-col-span-lg-7 { grid-column: span 7/span 7 } .k-col-span-lg-8 { grid-column: span 8/span 8 } .k-col-span-lg-9 { grid-column: span 9/span 9 } .k-col-span-lg-10 { grid-column: span 10/span 10 } .k-col-span-lg-11 { grid-column: span 11/span 11 } .k-col-span-lg-12 { grid-column: span 12/span 12 } .k-col-span-lg-full { grid-column: 1 / -1 } .k-col-span-lg-auto { grid-column: auto } .k-col-start-lg-1 { grid-column-start: 1 } .k-col-start-lg-2 { grid-column-start: 2 } .k-col-start-lg-3 { grid-column-start: 3 } .k-col-start-lg-4 { grid-column-start: 4 } .k-col-start-lg-5 { grid-column-start: 5 } .k-col-start-lg-6 { grid-column-start: 6 } .k-col-start-lg-7 { grid-column-start: 7 } .k-col-start-lg-8 { grid-column-start: 8 } .k-col-start-lg-9 { grid-column-start: 9 } .k-col-start-lg-10 { grid-column-start: 10 } .k-col-start-lg-11 { grid-column-start: 11 } .k-col-start-lg-12 { grid-column-start: 12 } .k-col-start-lg-13 { grid-column-start: 13 } .k-col-start-lg-auto { grid-column-start: auto } .k-col-end-lg-1 { grid-column-end: 1 } .k-col-end-lg-2 { grid-column-end: 2 } .k-col-end-lg-3 { grid-column-end: 3 } .k-col-end-lg-4 { grid-column-end: 4 } .k-col-end-lg-5 { grid-column-end: 5 } .k-col-end-lg-6 { grid-column-end: 6 } .k-col-end-lg-7 { grid-column-end: 7 } .k-col-end-lg-8 { grid-column-end: 8 } .k-col-end-lg-9 { grid-column-end: 9 } .k-col-end-lg-10 { grid-column-end: 10 } .k-col-end-lg-11 { grid-column-end: 11 } .k-col-end-lg-12 { grid-column-end: 12 } .k-col-end-lg-13 { grid-column-end: 13 } .k-col-end-lg-auto { grid-column-end: auto } .k-row-start-lg-1 { grid-row-start: 1 } .k-row-start-lg-2 { grid-row-start: 2 } .k-row-start-lg-3 { grid-row-start: 3 } .k-row-start-lg-4 { grid-row-start: 4 } .k-row-start-lg-5 { grid-row-start: 5 } .k-row-start-lg-6 { grid-row-start: 6 } .k-row-start-lg-7 { grid-row-start: 7 } .k-row-start-lg-8 { grid-row-start: 8 } .k-row-start-lg-9 { grid-row-start: 9 } .k-row-start-lg-10 { grid-row-start: 10 } .k-row-start-lg-11 { grid-row-start: 11 } .k-row-start-lg-12 { grid-row-start: 12 } .k-row-start-lg-13 { grid-row-start: 13 } .k-row-start-lg-auto { grid-row-start: auto } .k-row-end-lg-1 { grid-row-end: 1 } .k-row-end-lg-2 { grid-row-end: 2 } .k-row-end-lg-3 { grid-row-end: 3 } .k-row-end-lg-4 { grid-row-end: 4 } .k-row-end-lg-5 { grid-row-end: 5 } .k-row-end-lg-6 { grid-row-end: 6 } .k-row-end-lg-7 { grid-row-end: 7 } .k-row-end-lg-8 { grid-row-end: 8 } .k-row-end-lg-9 { grid-row-end: 9 } .k-row-end-lg-10 { grid-row-end: 10 } .k-row-end-lg-11 { grid-row-end: 11 } .k-row-end-lg-12 { grid-row-end: 12 } .k-row-end-lg-13 { grid-row-end: 13 } .k-row-end-lg-auto { grid-row-end: auto } .k-grid-cols-lg-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) } .k-grid-cols-lg-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .k-grid-cols-lg-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .k-grid-cols-lg-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .k-grid-cols-lg-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .k-grid-cols-lg-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .k-grid-cols-lg-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .k-grid-cols-lg-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .k-grid-cols-lg-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) } .k-grid-cols-lg-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .k-grid-cols-lg-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) } .k-grid-cols-lg-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .k-grid-cols-lg-none { grid-template-columns: none } .k-px-lg-0 { padding-inline: var(--kendo-spacing-0, 0px) } .k-px-lg-1px { padding-inline: var(--kendo-spacing-1px, 1px) } .k-px-lg-0\.5 { padding-inline: var(--kendo-spacing-0\.5, 0.125rem) } .k-px-lg-1 { padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-px-lg-1\.5 { padding-inline: var(--kendo-spacing-1\.5, 0.375rem) } .k-px-lg-2 { padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-px-lg-2\.5 { padding-inline: var(--kendo-spacing-2\.5, 0.625rem) } .k-px-lg-3 { padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-px-lg-3\.5 { padding-inline: var(--kendo-spacing-3\.5, 0.875rem) } .k-px-lg-4 { padding-inline: var(--kendo-spacing-4, 1rem) } .k-px-lg-4\.5 { padding-inline: var(--kendo-spacing-4\.5, 1.125rem) } .k-px-lg-5 { padding-inline: var(--kendo-spacing-5, 1.25rem) } .k-px-lg-5\.5 { padding-inline: var(--kendo-spacing-5\.5, 1.375rem) } .k-px-lg-6 { padding-inline: var(--kendo-spacing-6, 1.5rem) } .k-px-lg-6\.5 { padding-inline: var(--kendo-spacing-6\.5, 1.625rem) } .k-px-lg-7 { padding-inline: var(--kendo-spacing-7, 1.75rem) } .k-px-lg-7\.5 { padding-inline: var(--kendo-spacing-7\.5, 1.875rem) } .k-px-lg-8 { padding-inline: var(--kendo-spacing-8, 2rem) } .k-px-lg-9 { padding-inline: var(--kendo-spacing-9, 2.25rem) } .k-px-lg-10 { padding-inline: var(--kendo-spacing-10, 2.5rem) } .k-px-lg-11 { padding-inline: var(--kendo-spacing-11, 2.75rem) } .k-px-lg-12 { padding-inline: var(--kendo-spacing-12, 3rem) } .k-px-lg-13 { padding-inline: var(--kendo-spacing-13, 3.25rem) } .k-px-lg-14 { padding-inline: var(--kendo-spacing-14, 3.5rem) } .k-px-lg-15 { padding-inline: var(--kendo-spacing-15, 3.75rem) } .k-px-lg-16 { padding-inline: var(--kendo-spacing-16, 4rem) } .k-px-lg-17 { padding-inline: var(--kendo-spacing-17, 4.25rem) } .k-px-lg-18 { padding-inline: var(--kendo-spacing-18, 4.5rem) } .k-px-lg-19 { padding-inline: var(--kendo-spacing-19, 4.75rem) } .k-px-lg-20 { padding-inline: var(--kendo-spacing-20, 5rem) } .k-px-lg-21 { padding-inline: var(--kendo-spacing-21, 5.25rem) } .k-px-lg-22 { padding-inline: var(--kendo-spacing-22, 5.5rem) } .k-px-lg-23 { padding-inline: var(--kendo-spacing-23, 5.75rem) } .k-px-lg-24 { padding-inline: var(--kendo-spacing-24, 6rem) } .k-px-lg-25 { padding-inline: var(--kendo-spacing-25, 7rem) } .k-px-lg-26 { padding-inline: var(--kendo-spacing-26, 8rem) } .k-px-lg-27 { padding-inline: var(--kendo-spacing-27, 9rem) } .k-px-lg-28 { padding-inline: var(--kendo-spacing-28, 10rem) } .k-px-lg-29 { padding-inline: var(--kendo-spacing-29, 11rem) } .k-px-lg-30 { padding-inline: var(--kendo-spacing-30, 12rem) } .k-px-lg-xs { padding-inline: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-px-lg-sm { padding-inline: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-px-lg-md { padding-inline: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-px-lg-lg { padding-inline: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-px-lg-xl { padding-inline: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-px-lg-thin { padding-inline: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-px-lg-hair { padding-inline: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-py-lg-0 { padding-block: var(--kendo-spacing-0, 0px) } .k-py-lg-1px { padding-block: var(--kendo-spacing-1px, 1px) } .k-py-lg-0\.5 { padding-block: var(--kendo-spacing-0\.5, 0.125rem) } .k-py-lg-1 { padding-block: var(--kendo-spacing-1, 0.25rem) } .k-py-lg-1\.5 { padding-block: var(--kendo-spacing-1\.5, 0.375rem) } .k-py-lg-2 { padding-block: var(--kendo-spacing-2, 0.5rem) } .k-py-lg-2\.5 { padding-block: var(--kendo-spacing-2\.5, 0.625rem) } .k-py-lg-3 { padding-block: var(--kendo-spacing-3, 0.75rem) } .k-py-lg-3\.5 { padding-block: var(--kendo-spacing-3\.5, 0.875rem) } .k-py-lg-4 { padding-block: var(--kendo-spacing-4, 1rem) } .k-py-lg-4\.5 { padding-block: var(--kendo-spacing-4\.5, 1.125rem) } .k-py-lg-5 { padding-block: var(--kendo-spacing-5, 1.25rem) } .k-py-lg-5\.5 { padding-block: var(--kendo-spacing-5\.5, 1.375rem) } .k-py-lg-6 { padding-block: var(--kendo-spacing-6, 1.5rem) } .k-py-lg-6\.5 { padding-block: var(--kendo-spacing-6\.5, 1.625rem) } .k-py-lg-7 { padding-block: var(--kendo-spacing-7, 1.75rem) } .k-py-lg-7\.5 { padding-block: var(--kendo-spacing-7\.5, 1.875rem) } .k-py-lg-8 { padding-block: var(--kendo-spacing-8, 2rem) } .k-py-lg-9 { padding-block: var(--kendo-spacing-9, 2.25rem) } .k-py-lg-10 { padding-block: var(--kendo-spacing-10, 2.5rem) } .k-py-lg-11 { padding-block: var(--kendo-spacing-11, 2.75rem) } .k-py-lg-12 { padding-block: var(--kendo-spacing-12, 3rem) } .k-py-lg-13 { padding-block: var(--kendo-spacing-13, 3.25rem) } .k-py-lg-14 { padding-block: var(--kendo-spacing-14, 3.5rem) } .k-py-lg-15 { padding-block: var(--kendo-spacing-15, 3.75rem) } .k-py-lg-16 { padding-block: var(--kendo-spacing-16, 4rem) } .k-py-lg-17 { padding-block: var(--kendo-spacing-17, 4.25rem) } .k-py-lg-18 { padding-block: var(--kendo-spacing-18, 4.5rem) } .k-py-lg-19 { padding-block: var(--kendo-spacing-19, 4.75rem) } .k-py-lg-20 { padding-block: var(--kendo-spacing-20, 5rem) } .k-py-lg-21 { padding-block: var(--kendo-spacing-21, 5.25rem) } .k-py-lg-22 { padding-block: var(--kendo-spacing-22, 5.5rem) } .k-py-lg-23 { padding-block: var(--kendo-spacing-23, 5.75rem) } .k-py-lg-24 { padding-block: var(--kendo-spacing-24, 6rem) } .k-py-lg-25 { padding-block: var(--kendo-spacing-25, 7rem) } .k-py-lg-26 { padding-block: var(--kendo-spacing-26, 8rem) } .k-py-lg-27 { padding-block: var(--kendo-spacing-27, 9rem) } .k-py-lg-28 { padding-block: var(--kendo-spacing-28, 10rem) } .k-py-lg-29 { padding-block: var(--kendo-spacing-29, 11rem) } .k-py-lg-30 { padding-block: var(--kendo-spacing-30, 12rem) } .k-py-lg-xs { padding-block: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-py-lg-sm { padding-block: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-py-lg-md { padding-block: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-py-lg-lg { padding-block: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-py-lg-xl { padding-block: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-py-lg-thin { padding-block: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-py-lg-hair { padding-block: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } } @media only all and (min-width: 1200px) { .k-d-xl-none { display: none } .k-d-xl-contents { display: contents } .k-d-xl-block { display: block } .k-d-xl-inline { display: inline } .k-d-xl-inline-block { display: inline-block } .k-d-xl-flex { display: flex } .k-d-xl-inline-flex { display: inline-flex } .k-d-xl-grid { display: grid } .k-d-xl-inline-grid { display: inline-grid } .k-d-xl-table { display: table } .k-d-xl-inline-table { display: inline-table } .k-d-xl-table-row { display: table-row } .k-d-xl-table-cell { display: table-cell } .k-d-xl-list-item { display: list-item } .k-flex-xl-row { flex-direction: row } .k-flex-xl-row-reverse { flex-direction: row-reverse } .k-flex-xl-col { flex-direction: column } .k-flex-xl-col-reverse { flex-direction: column-reverse } .k-gap-xl-0 { gap: var(--kendo-spacing-0, 0px) } .k-gap-xl-1px { gap: var(--kendo-spacing-1px, 1px) } .k-gap-xl-0\.5 { gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-xl-1 { gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-xl-1\.5 { gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-xl-2 { gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-xl-2\.5 { gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-xl-3 { gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-xl-3\.5 { gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-xl-4 { gap: var(--kendo-spacing-4, 1rem) } .k-gap-xl-4\.5 { gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-xl-5 { gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-xl-5\.5 { gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-xl-6 { gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-xl-6\.5 { gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-xl-7 { gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-xl-7\.5 { gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-xl-8 { gap: var(--kendo-spacing-8, 2rem) } .k-gap-xl-9 { gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-xl-10 { gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-xl-11 { gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-xl-12 { gap: var(--kendo-spacing-12, 3rem) } .k-gap-xl-13 { gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-xl-14 { gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-xl-15 { gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-xl-16 { gap: var(--kendo-spacing-16, 4rem) } .k-gap-xl-17 { gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-xl-18 { gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-xl-19 { gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-xl-20 { gap: var(--kendo-spacing-20, 5rem) } .k-gap-xl-21 { gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-xl-22 { gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-xl-23 { gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-xl-24 { gap: var(--kendo-spacing-24, 6rem) } .k-gap-xl-25 { gap: var(--kendo-spacing-25, 7rem) } .k-gap-xl-26 { gap: var(--kendo-spacing-26, 8rem) } .k-gap-xl-27 { gap: var(--kendo-spacing-27, 9rem) } .k-gap-xl-28 { gap: var(--kendo-spacing-28, 10rem) } .k-gap-xl-29 { gap: var(--kendo-spacing-29, 11rem) } .k-gap-xl-30 { gap: var(--kendo-spacing-30, 12rem) } .k-gap-xl-xs { gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-xl-sm { gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-xl-md { gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-xl-lg { gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-xl-xl { gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-xl-thin { gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-xl-hair { gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-x-xl-0 { -moz-column-gap: var(--kendo-spacing-0, 0px); column-gap: var(--kendo-spacing-0, 0px) } .k-gap-x-xl-1px { -moz-column-gap: var(--kendo-spacing-1px, 1px); column-gap: var(--kendo-spacing-1px, 1px) } .k-gap-x-xl-0\.5 { -moz-column-gap: var(--kendo-spacing-0\.5, 0.125rem); column-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-x-xl-1 { -moz-column-gap: var(--kendo-spacing-1, 0.25rem); column-gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-x-xl-1\.5 { -moz-column-gap: var(--kendo-spacing-1\.5, 0.375rem); column-gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-x-xl-2 { -moz-column-gap: var(--kendo-spacing-2, 0.5rem); column-gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-x-xl-2\.5 { -moz-column-gap: var(--kendo-spacing-2\.5, 0.625rem); column-gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-x-xl-3 { -moz-column-gap: var(--kendo-spacing-3, 0.75rem); column-gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-x-xl-3\.5 { -moz-column-gap: var(--kendo-spacing-3\.5, 0.875rem); column-gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-x-xl-4 { -moz-column-gap: var(--kendo-spacing-4, 1rem); column-gap: var(--kendo-spacing-4, 1rem) } .k-gap-x-xl-4\.5 { -moz-column-gap: var(--kendo-spacing-4\.5, 1.125rem); column-gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-x-xl-5 { -moz-column-gap: var(--kendo-spacing-5, 1.25rem); column-gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-x-xl-5\.5 { -moz-column-gap: var(--kendo-spacing-5\.5, 1.375rem); column-gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-x-xl-6 { -moz-column-gap: var(--kendo-spacing-6, 1.5rem); column-gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-x-xl-6\.5 { -moz-column-gap: var(--kendo-spacing-6\.5, 1.625rem); column-gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-x-xl-7 { -moz-column-gap: var(--kendo-spacing-7, 1.75rem); column-gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-x-xl-7\.5 { -moz-column-gap: var(--kendo-spacing-7\.5, 1.875rem); column-gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-x-xl-8 { -moz-column-gap: var(--kendo-spacing-8, 2rem); column-gap: var(--kendo-spacing-8, 2rem) } .k-gap-x-xl-9 { -moz-column-gap: var(--kendo-spacing-9, 2.25rem); column-gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-x-xl-10 { -moz-column-gap: var(--kendo-spacing-10, 2.5rem); column-gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-x-xl-11 { -moz-column-gap: var(--kendo-spacing-11, 2.75rem); column-gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-x-xl-12 { -moz-column-gap: var(--kendo-spacing-12, 3rem); column-gap: var(--kendo-spacing-12, 3rem) } .k-gap-x-xl-13 { -moz-column-gap: var(--kendo-spacing-13, 3.25rem); column-gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-x-xl-14 { -moz-column-gap: var(--kendo-spacing-14, 3.5rem); column-gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-x-xl-15 { -moz-column-gap: var(--kendo-spacing-15, 3.75rem); column-gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-x-xl-16 { -moz-column-gap: var(--kendo-spacing-16, 4rem); column-gap: var(--kendo-spacing-16, 4rem) } .k-gap-x-xl-17 { -moz-column-gap: var(--kendo-spacing-17, 4.25rem); column-gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-x-xl-18 { -moz-column-gap: var(--kendo-spacing-18, 4.5rem); column-gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-x-xl-19 { -moz-column-gap: var(--kendo-spacing-19, 4.75rem); column-gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-x-xl-20 { -moz-column-gap: var(--kendo-spacing-20, 5rem); column-gap: var(--kendo-spacing-20, 5rem) } .k-gap-x-xl-21 { -moz-column-gap: var(--kendo-spacing-21, 5.25rem); column-gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-x-xl-22 { -moz-column-gap: var(--kendo-spacing-22, 5.5rem); column-gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-x-xl-23 { -moz-column-gap: var(--kendo-spacing-23, 5.75rem); column-gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-x-xl-24 { -moz-column-gap: var(--kendo-spacing-24, 6rem); column-gap: var(--kendo-spacing-24, 6rem) } .k-gap-x-xl-25 { -moz-column-gap: var(--kendo-spacing-25, 7rem); column-gap: var(--kendo-spacing-25, 7rem) } .k-gap-x-xl-26 { -moz-column-gap: var(--kendo-spacing-26, 8rem); column-gap: var(--kendo-spacing-26, 8rem) } .k-gap-x-xl-27 { -moz-column-gap: var(--kendo-spacing-27, 9rem); column-gap: var(--kendo-spacing-27, 9rem) } .k-gap-x-xl-28 { -moz-column-gap: var(--kendo-spacing-28, 10rem); column-gap: var(--kendo-spacing-28, 10rem) } .k-gap-x-xl-29 { -moz-column-gap: var(--kendo-spacing-29, 11rem); column-gap: var(--kendo-spacing-29, 11rem) } .k-gap-x-xl-30 { -moz-column-gap: var(--kendo-spacing-30, 12rem); column-gap: var(--kendo-spacing-30, 12rem) } .k-gap-x-xl-xs { -moz-column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)); column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-x-xl-sm { -moz-column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)); column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-x-xl-md { -moz-column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)); column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-x-xl-lg { -moz-column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)); column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-x-xl-xl { -moz-column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)); column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-x-xl-thin { -moz-column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)); column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-x-xl-hair { -moz-column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)); column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-y-xl-0 { row-gap: var(--kendo-spacing-0, 0px) } .k-gap-y-xl-1px { row-gap: var(--kendo-spacing-1px, 1px) } .k-gap-y-xl-0\.5 { row-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-y-xl-1 { row-gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-y-xl-1\.5 { row-gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-y-xl-2 { row-gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-y-xl-2\.5 { row-gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-y-xl-3 { row-gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-y-xl-3\.5 { row-gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-y-xl-4 { row-gap: var(--kendo-spacing-4, 1rem) } .k-gap-y-xl-4\.5 { row-gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-y-xl-5 { row-gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-y-xl-5\.5 { row-gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-y-xl-6 { row-gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-y-xl-6\.5 { row-gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-y-xl-7 { row-gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-y-xl-7\.5 { row-gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-y-xl-8 { row-gap: var(--kendo-spacing-8, 2rem) } .k-gap-y-xl-9 { row-gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-y-xl-10 { row-gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-y-xl-11 { row-gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-y-xl-12 { row-gap: var(--kendo-spacing-12, 3rem) } .k-gap-y-xl-13 { row-gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-y-xl-14 { row-gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-y-xl-15 { row-gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-y-xl-16 { row-gap: var(--kendo-spacing-16, 4rem) } .k-gap-y-xl-17 { row-gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-y-xl-18 { row-gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-y-xl-19 { row-gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-y-xl-20 { row-gap: var(--kendo-spacing-20, 5rem) } .k-gap-y-xl-21 { row-gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-y-xl-22 { row-gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-y-xl-23 { row-gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-y-xl-24 { row-gap: var(--kendo-spacing-24, 6rem) } .k-gap-y-xl-25 { row-gap: var(--kendo-spacing-25, 7rem) } .k-gap-y-xl-26 { row-gap: var(--kendo-spacing-26, 8rem) } .k-gap-y-xl-27 { row-gap: var(--kendo-spacing-27, 9rem) } .k-gap-y-xl-28 { row-gap: var(--kendo-spacing-28, 10rem) } .k-gap-y-xl-29 { row-gap: var(--kendo-spacing-29, 11rem) } .k-gap-y-xl-30 { row-gap: var(--kendo-spacing-30, 12rem) } .k-gap-y-xl-xs { row-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-y-xl-sm { row-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-y-xl-md { row-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-y-xl-lg { row-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-y-xl-xl { row-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-y-xl-thin { row-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-y-xl-hair { row-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-col-span-xl-1 { grid-column: span 1/span 1 } .k-col-span-xl-2 { grid-column: span 2/span 2 } .k-col-span-xl-3 { grid-column: span 3/span 3 } .k-col-span-xl-4 { grid-column: span 4/span 4 } .k-col-span-xl-5 { grid-column: span 5/span 5 } .k-col-span-xl-6 { grid-column: span 6/span 6 } .k-col-span-xl-7 { grid-column: span 7/span 7 } .k-col-span-xl-8 { grid-column: span 8/span 8 } .k-col-span-xl-9 { grid-column: span 9/span 9 } .k-col-span-xl-10 { grid-column: span 10/span 10 } .k-col-span-xl-11 { grid-column: span 11/span 11 } .k-col-span-xl-12 { grid-column: span 12/span 12 } .k-col-span-xl-full { grid-column: 1 / -1 } .k-col-span-xl-auto { grid-column: auto } .k-col-start-xl-1 { grid-column-start: 1 } .k-col-start-xl-2 { grid-column-start: 2 } .k-col-start-xl-3 { grid-column-start: 3 } .k-col-start-xl-4 { grid-column-start: 4 } .k-col-start-xl-5 { grid-column-start: 5 } .k-col-start-xl-6 { grid-column-start: 6 } .k-col-start-xl-7 { grid-column-start: 7 } .k-col-start-xl-8 { grid-column-start: 8 } .k-col-start-xl-9 { grid-column-start: 9 } .k-col-start-xl-10 { grid-column-start: 10 } .k-col-start-xl-11 { grid-column-start: 11 } .k-col-start-xl-12 { grid-column-start: 12 } .k-col-start-xl-13 { grid-column-start: 13 } .k-col-start-xl-auto { grid-column-start: auto } .k-col-end-xl-1 { grid-column-end: 1 } .k-col-end-xl-2 { grid-column-end: 2 } .k-col-end-xl-3 { grid-column-end: 3 } .k-col-end-xl-4 { grid-column-end: 4 } .k-col-end-xl-5 { grid-column-end: 5 } .k-col-end-xl-6 { grid-column-end: 6 } .k-col-end-xl-7 { grid-column-end: 7 } .k-col-end-xl-8 { grid-column-end: 8 } .k-col-end-xl-9 { grid-column-end: 9 } .k-col-end-xl-10 { grid-column-end: 10 } .k-col-end-xl-11 { grid-column-end: 11 } .k-col-end-xl-12 { grid-column-end: 12 } .k-col-end-xl-13 { grid-column-end: 13 } .k-col-end-xl-auto { grid-column-end: auto } .k-row-start-xl-1 { grid-row-start: 1 } .k-row-start-xl-2 { grid-row-start: 2 } .k-row-start-xl-3 { grid-row-start: 3 } .k-row-start-xl-4 { grid-row-start: 4 } .k-row-start-xl-5 { grid-row-start: 5 } .k-row-start-xl-6 { grid-row-start: 6 } .k-row-start-xl-7 { grid-row-start: 7 } .k-row-start-xl-8 { grid-row-start: 8 } .k-row-start-xl-9 { grid-row-start: 9 } .k-row-start-xl-10 { grid-row-start: 10 } .k-row-start-xl-11 { grid-row-start: 11 } .k-row-start-xl-12 { grid-row-start: 12 } .k-row-start-xl-13 { grid-row-start: 13 } .k-row-start-xl-auto { grid-row-start: auto } .k-row-end-xl-1 { grid-row-end: 1 } .k-row-end-xl-2 { grid-row-end: 2 } .k-row-end-xl-3 { grid-row-end: 3 } .k-row-end-xl-4 { grid-row-end: 4 } .k-row-end-xl-5 { grid-row-end: 5 } .k-row-end-xl-6 { grid-row-end: 6 } .k-row-end-xl-7 { grid-row-end: 7 } .k-row-end-xl-8 { grid-row-end: 8 } .k-row-end-xl-9 { grid-row-end: 9 } .k-row-end-xl-10 { grid-row-end: 10 } .k-row-end-xl-11 { grid-row-end: 11 } .k-row-end-xl-12 { grid-row-end: 12 } .k-row-end-xl-13 { grid-row-end: 13 } .k-row-end-xl-auto { grid-row-end: auto } .k-grid-cols-xl-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) } .k-grid-cols-xl-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .k-grid-cols-xl-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .k-grid-cols-xl-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .k-grid-cols-xl-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .k-grid-cols-xl-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .k-grid-cols-xl-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .k-grid-cols-xl-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .k-grid-cols-xl-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) } .k-grid-cols-xl-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .k-grid-cols-xl-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) } .k-grid-cols-xl-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .k-grid-cols-xl-none { grid-template-columns: none } .k-px-xl-0 { padding-inline: var(--kendo-spacing-0, 0px) } .k-px-xl-1px { padding-inline: var(--kendo-spacing-1px, 1px) } .k-px-xl-0\.5 { padding-inline: var(--kendo-spacing-0\.5, 0.125rem) } .k-px-xl-1 { padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-px-xl-1\.5 { padding-inline: var(--kendo-spacing-1\.5, 0.375rem) } .k-px-xl-2 { padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-px-xl-2\.5 { padding-inline: var(--kendo-spacing-2\.5, 0.625rem) } .k-px-xl-3 { padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-px-xl-3\.5 { padding-inline: var(--kendo-spacing-3\.5, 0.875rem) } .k-px-xl-4 { padding-inline: var(--kendo-spacing-4, 1rem) } .k-px-xl-4\.5 { padding-inline: var(--kendo-spacing-4\.5, 1.125rem) } .k-px-xl-5 { padding-inline: var(--kendo-spacing-5, 1.25rem) } .k-px-xl-5\.5 { padding-inline: var(--kendo-spacing-5\.5, 1.375rem) } .k-px-xl-6 { padding-inline: var(--kendo-spacing-6, 1.5rem) } .k-px-xl-6\.5 { padding-inline: var(--kendo-spacing-6\.5, 1.625rem) } .k-px-xl-7 { padding-inline: var(--kendo-spacing-7, 1.75rem) } .k-px-xl-7\.5 { padding-inline: var(--kendo-spacing-7\.5, 1.875rem) } .k-px-xl-8 { padding-inline: var(--kendo-spacing-8, 2rem) } .k-px-xl-9 { padding-inline: var(--kendo-spacing-9, 2.25rem) } .k-px-xl-10 { padding-inline: var(--kendo-spacing-10, 2.5rem) } .k-px-xl-11 { padding-inline: var(--kendo-spacing-11, 2.75rem) } .k-px-xl-12 { padding-inline: var(--kendo-spacing-12, 3rem) } .k-px-xl-13 { padding-inline: var(--kendo-spacing-13, 3.25rem) } .k-px-xl-14 { padding-inline: var(--kendo-spacing-14, 3.5rem) } .k-px-xl-15 { padding-inline: var(--kendo-spacing-15, 3.75rem) } .k-px-xl-16 { padding-inline: var(--kendo-spacing-16, 4rem) } .k-px-xl-17 { padding-inline: var(--kendo-spacing-17, 4.25rem) } .k-px-xl-18 { padding-inline: var(--kendo-spacing-18, 4.5rem) } .k-px-xl-19 { padding-inline: var(--kendo-spacing-19, 4.75rem) } .k-px-xl-20 { padding-inline: var(--kendo-spacing-20, 5rem) } .k-px-xl-21 { padding-inline: var(--kendo-spacing-21, 5.25rem) } .k-px-xl-22 { padding-inline: var(--kendo-spacing-22, 5.5rem) } .k-px-xl-23 { padding-inline: var(--kendo-spacing-23, 5.75rem) } .k-px-xl-24 { padding-inline: var(--kendo-spacing-24, 6rem) } .k-px-xl-25 { padding-inline: var(--kendo-spacing-25, 7rem) } .k-px-xl-26 { padding-inline: var(--kendo-spacing-26, 8rem) } .k-px-xl-27 { padding-inline: var(--kendo-spacing-27, 9rem) } .k-px-xl-28 { padding-inline: var(--kendo-spacing-28, 10rem) } .k-px-xl-29 { padding-inline: var(--kendo-spacing-29, 11rem) } .k-px-xl-30 { padding-inline: var(--kendo-spacing-30, 12rem) } .k-px-xl-xs { padding-inline: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-px-xl-sm { padding-inline: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-px-xl-md { padding-inline: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-px-xl-lg { padding-inline: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-px-xl-xl { padding-inline: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-px-xl-thin { padding-inline: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-px-xl-hair { padding-inline: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-py-xl-0 { padding-block: var(--kendo-spacing-0, 0px) } .k-py-xl-1px { padding-block: var(--kendo-spacing-1px, 1px) } .k-py-xl-0\.5 { padding-block: var(--kendo-spacing-0\.5, 0.125rem) } .k-py-xl-1 { padding-block: var(--kendo-spacing-1, 0.25rem) } .k-py-xl-1\.5 { padding-block: var(--kendo-spacing-1\.5, 0.375rem) } .k-py-xl-2 { padding-block: var(--kendo-spacing-2, 0.5rem) } .k-py-xl-2\.5 { padding-block: var(--kendo-spacing-2\.5, 0.625rem) } .k-py-xl-3 { padding-block: var(--kendo-spacing-3, 0.75rem) } .k-py-xl-3\.5 { padding-block: var(--kendo-spacing-3\.5, 0.875rem) } .k-py-xl-4 { padding-block: var(--kendo-spacing-4, 1rem) } .k-py-xl-4\.5 { padding-block: var(--kendo-spacing-4\.5, 1.125rem) } .k-py-xl-5 { padding-block: var(--kendo-spacing-5, 1.25rem) } .k-py-xl-5\.5 { padding-block: var(--kendo-spacing-5\.5, 1.375rem) } .k-py-xl-6 { padding-block: var(--kendo-spacing-6, 1.5rem) } .k-py-xl-6\.5 { padding-block: var(--kendo-spacing-6\.5, 1.625rem) } .k-py-xl-7 { padding-block: var(--kendo-spacing-7, 1.75rem) } .k-py-xl-7\.5 { padding-block: var(--kendo-spacing-7\.5, 1.875rem) } .k-py-xl-8 { padding-block: var(--kendo-spacing-8, 2rem) } .k-py-xl-9 { padding-block: var(--kendo-spacing-9, 2.25rem) } .k-py-xl-10 { padding-block: var(--kendo-spacing-10, 2.5rem) } .k-py-xl-11 { padding-block: var(--kendo-spacing-11, 2.75rem) } .k-py-xl-12 { padding-block: var(--kendo-spacing-12, 3rem) } .k-py-xl-13 { padding-block: var(--kendo-spacing-13, 3.25rem) } .k-py-xl-14 { padding-block: var(--kendo-spacing-14, 3.5rem) } .k-py-xl-15 { padding-block: var(--kendo-spacing-15, 3.75rem) } .k-py-xl-16 { padding-block: var(--kendo-spacing-16, 4rem) } .k-py-xl-17 { padding-block: var(--kendo-spacing-17, 4.25rem) } .k-py-xl-18 { padding-block: var(--kendo-spacing-18, 4.5rem) } .k-py-xl-19 { padding-block: var(--kendo-spacing-19, 4.75rem) } .k-py-xl-20 { padding-block: var(--kendo-spacing-20, 5rem) } .k-py-xl-21 { padding-block: var(--kendo-spacing-21, 5.25rem) } .k-py-xl-22 { padding-block: var(--kendo-spacing-22, 5.5rem) } .k-py-xl-23 { padding-block: var(--kendo-spacing-23, 5.75rem) } .k-py-xl-24 { padding-block: var(--kendo-spacing-24, 6rem) } .k-py-xl-25 { padding-block: var(--kendo-spacing-25, 7rem) } .k-py-xl-26 { padding-block: var(--kendo-spacing-26, 8rem) } .k-py-xl-27 { padding-block: var(--kendo-spacing-27, 9rem) } .k-py-xl-28 { padding-block: var(--kendo-spacing-28, 10rem) } .k-py-xl-29 { padding-block: var(--kendo-spacing-29, 11rem) } .k-py-xl-30 { padding-block: var(--kendo-spacing-30, 12rem) } .k-py-xl-xs { padding-block: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-py-xl-sm { padding-block: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-py-xl-md { padding-block: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-py-xl-lg { padding-block: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-py-xl-xl { padding-block: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-py-xl-thin { padding-block: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-py-xl-hair { padding-block: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } } @media only all and (min-width: 1400px) { .k-d-xxl-none { display: none } .k-d-xxl-contents { display: contents } .k-d-xxl-block { display: block } .k-d-xxl-inline { display: inline } .k-d-xxl-inline-block { display: inline-block } .k-d-xxl-flex { display: flex } .k-d-xxl-inline-flex { display: inline-flex } .k-d-xxl-grid { display: grid } .k-d-xxl-inline-grid { display: inline-grid } .k-d-xxl-table { display: table } .k-d-xxl-inline-table { display: inline-table } .k-d-xxl-table-row { display: table-row } .k-d-xxl-table-cell { display: table-cell } .k-d-xxl-list-item { display: list-item } .k-flex-xxl-row { flex-direction: row } .k-flex-xxl-row-reverse { flex-direction: row-reverse } .k-flex-xxl-col { flex-direction: column } .k-flex-xxl-col-reverse { flex-direction: column-reverse } .k-gap-xxl-0 { gap: var(--kendo-spacing-0, 0px) } .k-gap-xxl-1px { gap: var(--kendo-spacing-1px, 1px) } .k-gap-xxl-0\.5 { gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-xxl-1 { gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-xxl-1\.5 { gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-xxl-2 { gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-xxl-2\.5 { gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-xxl-3 { gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-xxl-3\.5 { gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-xxl-4 { gap: var(--kendo-spacing-4, 1rem) } .k-gap-xxl-4\.5 { gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-xxl-5 { gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-xxl-5\.5 { gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-xxl-6 { gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-xxl-6\.5 { gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-xxl-7 { gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-xxl-7\.5 { gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-xxl-8 { gap: var(--kendo-spacing-8, 2rem) } .k-gap-xxl-9 { gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-xxl-10 { gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-xxl-11 { gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-xxl-12 { gap: var(--kendo-spacing-12, 3rem) } .k-gap-xxl-13 { gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-xxl-14 { gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-xxl-15 { gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-xxl-16 { gap: var(--kendo-spacing-16, 4rem) } .k-gap-xxl-17 { gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-xxl-18 { gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-xxl-19 { gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-xxl-20 { gap: var(--kendo-spacing-20, 5rem) } .k-gap-xxl-21 { gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-xxl-22 { gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-xxl-23 { gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-xxl-24 { gap: var(--kendo-spacing-24, 6rem) } .k-gap-xxl-25 { gap: var(--kendo-spacing-25, 7rem) } .k-gap-xxl-26 { gap: var(--kendo-spacing-26, 8rem) } .k-gap-xxl-27 { gap: var(--kendo-spacing-27, 9rem) } .k-gap-xxl-28 { gap: var(--kendo-spacing-28, 10rem) } .k-gap-xxl-29 { gap: var(--kendo-spacing-29, 11rem) } .k-gap-xxl-30 { gap: var(--kendo-spacing-30, 12rem) } .k-gap-xxl-xs { gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-xxl-sm { gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-xxl-md { gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-xxl-lg { gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-xxl-xl { gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-xxl-thin { gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-xxl-hair { gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-x-xxl-0 { -moz-column-gap: var(--kendo-spacing-0, 0px); column-gap: var(--kendo-spacing-0, 0px) } .k-gap-x-xxl-1px { -moz-column-gap: var(--kendo-spacing-1px, 1px); column-gap: var(--kendo-spacing-1px, 1px) } .k-gap-x-xxl-0\.5 { -moz-column-gap: var(--kendo-spacing-0\.5, 0.125rem); column-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-x-xxl-1 { -moz-column-gap: var(--kendo-spacing-1, 0.25rem); column-gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-x-xxl-1\.5 { -moz-column-gap: var(--kendo-spacing-1\.5, 0.375rem); column-gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-x-xxl-2 { -moz-column-gap: var(--kendo-spacing-2, 0.5rem); column-gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-x-xxl-2\.5 { -moz-column-gap: var(--kendo-spacing-2\.5, 0.625rem); column-gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-x-xxl-3 { -moz-column-gap: var(--kendo-spacing-3, 0.75rem); column-gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-x-xxl-3\.5 { -moz-column-gap: var(--kendo-spacing-3\.5, 0.875rem); column-gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-x-xxl-4 { -moz-column-gap: var(--kendo-spacing-4, 1rem); column-gap: var(--kendo-spacing-4, 1rem) } .k-gap-x-xxl-4\.5 { -moz-column-gap: var(--kendo-spacing-4\.5, 1.125rem); column-gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-x-xxl-5 { -moz-column-gap: var(--kendo-spacing-5, 1.25rem); column-gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-x-xxl-5\.5 { -moz-column-gap: var(--kendo-spacing-5\.5, 1.375rem); column-gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-x-xxl-6 { -moz-column-gap: var(--kendo-spacing-6, 1.5rem); column-gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-x-xxl-6\.5 { -moz-column-gap: var(--kendo-spacing-6\.5, 1.625rem); column-gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-x-xxl-7 { -moz-column-gap: var(--kendo-spacing-7, 1.75rem); column-gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-x-xxl-7\.5 { -moz-column-gap: var(--kendo-spacing-7\.5, 1.875rem); column-gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-x-xxl-8 { -moz-column-gap: var(--kendo-spacing-8, 2rem); column-gap: var(--kendo-spacing-8, 2rem) } .k-gap-x-xxl-9 { -moz-column-gap: var(--kendo-spacing-9, 2.25rem); column-gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-x-xxl-10 { -moz-column-gap: var(--kendo-spacing-10, 2.5rem); column-gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-x-xxl-11 { -moz-column-gap: var(--kendo-spacing-11, 2.75rem); column-gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-x-xxl-12 { -moz-column-gap: var(--kendo-spacing-12, 3rem); column-gap: var(--kendo-spacing-12, 3rem) } .k-gap-x-xxl-13 { -moz-column-gap: var(--kendo-spacing-13, 3.25rem); column-gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-x-xxl-14 { -moz-column-gap: var(--kendo-spacing-14, 3.5rem); column-gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-x-xxl-15 { -moz-column-gap: var(--kendo-spacing-15, 3.75rem); column-gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-x-xxl-16 { -moz-column-gap: var(--kendo-spacing-16, 4rem); column-gap: var(--kendo-spacing-16, 4rem) } .k-gap-x-xxl-17 { -moz-column-gap: var(--kendo-spacing-17, 4.25rem); column-gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-x-xxl-18 { -moz-column-gap: var(--kendo-spacing-18, 4.5rem); column-gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-x-xxl-19 { -moz-column-gap: var(--kendo-spacing-19, 4.75rem); column-gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-x-xxl-20 { -moz-column-gap: var(--kendo-spacing-20, 5rem); column-gap: var(--kendo-spacing-20, 5rem) } .k-gap-x-xxl-21 { -moz-column-gap: var(--kendo-spacing-21, 5.25rem); column-gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-x-xxl-22 { -moz-column-gap: var(--kendo-spacing-22, 5.5rem); column-gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-x-xxl-23 { -moz-column-gap: var(--kendo-spacing-23, 5.75rem); column-gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-x-xxl-24 { -moz-column-gap: var(--kendo-spacing-24, 6rem); column-gap: var(--kendo-spacing-24, 6rem) } .k-gap-x-xxl-25 { -moz-column-gap: var(--kendo-spacing-25, 7rem); column-gap: var(--kendo-spacing-25, 7rem) } .k-gap-x-xxl-26 { -moz-column-gap: var(--kendo-spacing-26, 8rem); column-gap: var(--kendo-spacing-26, 8rem) } .k-gap-x-xxl-27 { -moz-column-gap: var(--kendo-spacing-27, 9rem); column-gap: var(--kendo-spacing-27, 9rem) } .k-gap-x-xxl-28 { -moz-column-gap: var(--kendo-spacing-28, 10rem); column-gap: var(--kendo-spacing-28, 10rem) } .k-gap-x-xxl-29 { -moz-column-gap: var(--kendo-spacing-29, 11rem); column-gap: var(--kendo-spacing-29, 11rem) } .k-gap-x-xxl-30 { -moz-column-gap: var(--kendo-spacing-30, 12rem); column-gap: var(--kendo-spacing-30, 12rem) } .k-gap-x-xxl-xs { -moz-column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)); column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-x-xxl-sm { -moz-column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)); column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-x-xxl-md { -moz-column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)); column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-x-xxl-lg { -moz-column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)); column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-x-xxl-xl { -moz-column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)); column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-x-xxl-thin { -moz-column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)); column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-x-xxl-hair { -moz-column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)); column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-gap-y-xxl-0 { row-gap: var(--kendo-spacing-0, 0px) } .k-gap-y-xxl-1px { row-gap: var(--kendo-spacing-1px, 1px) } .k-gap-y-xxl-0\.5 { row-gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-gap-y-xxl-1 { row-gap: var(--kendo-spacing-1, 0.25rem) } .k-gap-y-xxl-1\.5 { row-gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-gap-y-xxl-2 { row-gap: var(--kendo-spacing-2, 0.5rem) } .k-gap-y-xxl-2\.5 { row-gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-gap-y-xxl-3 { row-gap: var(--kendo-spacing-3, 0.75rem) } .k-gap-y-xxl-3\.5 { row-gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-gap-y-xxl-4 { row-gap: var(--kendo-spacing-4, 1rem) } .k-gap-y-xxl-4\.5 { row-gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-gap-y-xxl-5 { row-gap: var(--kendo-spacing-5, 1.25rem) } .k-gap-y-xxl-5\.5 { row-gap: var(--kendo-spacing-5\.5, 1.375rem) } .k-gap-y-xxl-6 { row-gap: var(--kendo-spacing-6, 1.5rem) } .k-gap-y-xxl-6\.5 { row-gap: var(--kendo-spacing-6\.5, 1.625rem) } .k-gap-y-xxl-7 { row-gap: var(--kendo-spacing-7, 1.75rem) } .k-gap-y-xxl-7\.5 { row-gap: var(--kendo-spacing-7\.5, 1.875rem) } .k-gap-y-xxl-8 { row-gap: var(--kendo-spacing-8, 2rem) } .k-gap-y-xxl-9 { row-gap: var(--kendo-spacing-9, 2.25rem) } .k-gap-y-xxl-10 { row-gap: var(--kendo-spacing-10, 2.5rem) } .k-gap-y-xxl-11 { row-gap: var(--kendo-spacing-11, 2.75rem) } .k-gap-y-xxl-12 { row-gap: var(--kendo-spacing-12, 3rem) } .k-gap-y-xxl-13 { row-gap: var(--kendo-spacing-13, 3.25rem) } .k-gap-y-xxl-14 { row-gap: var(--kendo-spacing-14, 3.5rem) } .k-gap-y-xxl-15 { row-gap: var(--kendo-spacing-15, 3.75rem) } .k-gap-y-xxl-16 { row-gap: var(--kendo-spacing-16, 4rem) } .k-gap-y-xxl-17 { row-gap: var(--kendo-spacing-17, 4.25rem) } .k-gap-y-xxl-18 { row-gap: var(--kendo-spacing-18, 4.5rem) } .k-gap-y-xxl-19 { row-gap: var(--kendo-spacing-19, 4.75rem) } .k-gap-y-xxl-20 { row-gap: var(--kendo-spacing-20, 5rem) } .k-gap-y-xxl-21 { row-gap: var(--kendo-spacing-21, 5.25rem) } .k-gap-y-xxl-22 { row-gap: var(--kendo-spacing-22, 5.5rem) } .k-gap-y-xxl-23 { row-gap: var(--kendo-spacing-23, 5.75rem) } .k-gap-y-xxl-24 { row-gap: var(--kendo-spacing-24, 6rem) } .k-gap-y-xxl-25 { row-gap: var(--kendo-spacing-25, 7rem) } .k-gap-y-xxl-26 { row-gap: var(--kendo-spacing-26, 8rem) } .k-gap-y-xxl-27 { row-gap: var(--kendo-spacing-27, 9rem) } .k-gap-y-xxl-28 { row-gap: var(--kendo-spacing-28, 10rem) } .k-gap-y-xxl-29 { row-gap: var(--kendo-spacing-29, 11rem) } .k-gap-y-xxl-30 { row-gap: var(--kendo-spacing-30, 12rem) } .k-gap-y-xxl-xs { row-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-gap-y-xxl-sm { row-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-gap-y-xxl-md { row-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-gap-y-xxl-lg { row-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-gap-y-xxl-xl { row-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-gap-y-xxl-thin { row-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-gap-y-xxl-hair { row-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-col-span-xxl-1 { grid-column: span 1/span 1 } .k-col-span-xxl-2 { grid-column: span 2/span 2 } .k-col-span-xxl-3 { grid-column: span 3/span 3 } .k-col-span-xxl-4 { grid-column: span 4/span 4 } .k-col-span-xxl-5 { grid-column: span 5/span 5 } .k-col-span-xxl-6 { grid-column: span 6/span 6 } .k-col-span-xxl-7 { grid-column: span 7/span 7 } .k-col-span-xxl-8 { grid-column: span 8/span 8 } .k-col-span-xxl-9 { grid-column: span 9/span 9 } .k-col-span-xxl-10 { grid-column: span 10/span 10 } .k-col-span-xxl-11 { grid-column: span 11/span 11 } .k-col-span-xxl-12 { grid-column: span 12/span 12 } .k-col-span-xxl-full { grid-column: 1 / -1 } .k-col-span-xxl-auto { grid-column: auto } .k-col-start-xxl-1 { grid-column-start: 1 } .k-col-start-xxl-2 { grid-column-start: 2 } .k-col-start-xxl-3 { grid-column-start: 3 } .k-col-start-xxl-4 { grid-column-start: 4 } .k-col-start-xxl-5 { grid-column-start: 5 } .k-col-start-xxl-6 { grid-column-start: 6 } .k-col-start-xxl-7 { grid-column-start: 7 } .k-col-start-xxl-8 { grid-column-start: 8 } .k-col-start-xxl-9 { grid-column-start: 9 } .k-col-start-xxl-10 { grid-column-start: 10 } .k-col-start-xxl-11 { grid-column-start: 11 } .k-col-start-xxl-12 { grid-column-start: 12 } .k-col-start-xxl-13 { grid-column-start: 13 } .k-col-start-xxl-auto { grid-column-start: auto } .k-col-end-xxl-1 { grid-column-end: 1 } .k-col-end-xxl-2 { grid-column-end: 2 } .k-col-end-xxl-3 { grid-column-end: 3 } .k-col-end-xxl-4 { grid-column-end: 4 } .k-col-end-xxl-5 { grid-column-end: 5 } .k-col-end-xxl-6 { grid-column-end: 6 } .k-col-end-xxl-7 { grid-column-end: 7 } .k-col-end-xxl-8 { grid-column-end: 8 } .k-col-end-xxl-9 { grid-column-end: 9 } .k-col-end-xxl-10 { grid-column-end: 10 } .k-col-end-xxl-11 { grid-column-end: 11 } .k-col-end-xxl-12 { grid-column-end: 12 } .k-col-end-xxl-13 { grid-column-end: 13 } .k-col-end-xxl-auto { grid-column-end: auto } .k-row-start-xxl-1 { grid-row-start: 1 } .k-row-start-xxl-2 { grid-row-start: 2 } .k-row-start-xxl-3 { grid-row-start: 3 } .k-row-start-xxl-4 { grid-row-start: 4 } .k-row-start-xxl-5 { grid-row-start: 5 } .k-row-start-xxl-6 { grid-row-start: 6 } .k-row-start-xxl-7 { grid-row-start: 7 } .k-row-start-xxl-8 { grid-row-start: 8 } .k-row-start-xxl-9 { grid-row-start: 9 } .k-row-start-xxl-10 { grid-row-start: 10 } .k-row-start-xxl-11 { grid-row-start: 11 } .k-row-start-xxl-12 { grid-row-start: 12 } .k-row-start-xxl-13 { grid-row-start: 13 } .k-row-start-xxl-auto { grid-row-start: auto } .k-row-end-xxl-1 { grid-row-end: 1 } .k-row-end-xxl-2 { grid-row-end: 2 } .k-row-end-xxl-3 { grid-row-end: 3 } .k-row-end-xxl-4 { grid-row-end: 4 } .k-row-end-xxl-5 { grid-row-end: 5 } .k-row-end-xxl-6 { grid-row-end: 6 } .k-row-end-xxl-7 { grid-row-end: 7 } .k-row-end-xxl-8 { grid-row-end: 8 } .k-row-end-xxl-9 { grid-row-end: 9 } .k-row-end-xxl-10 { grid-row-end: 10 } .k-row-end-xxl-11 { grid-row-end: 11 } .k-row-end-xxl-12 { grid-row-end: 12 } .k-row-end-xxl-13 { grid-row-end: 13 } .k-row-end-xxl-auto { grid-row-end: auto } .k-grid-cols-xxl-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) } .k-grid-cols-xxl-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .k-grid-cols-xxl-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .k-grid-cols-xxl-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .k-grid-cols-xxl-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .k-grid-cols-xxl-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .k-grid-cols-xxl-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .k-grid-cols-xxl-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .k-grid-cols-xxl-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) } .k-grid-cols-xxl-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .k-grid-cols-xxl-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) } .k-grid-cols-xxl-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .k-grid-cols-xxl-none { grid-template-columns: none } .k-px-xxl-0 { padding-inline: var(--kendo-spacing-0, 0px) } .k-px-xxl-1px { padding-inline: var(--kendo-spacing-1px, 1px) } .k-px-xxl-0\.5 { padding-inline: var(--kendo-spacing-0\.5, 0.125rem) } .k-px-xxl-1 { padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-px-xxl-1\.5 { padding-inline: var(--kendo-spacing-1\.5, 0.375rem) } .k-px-xxl-2 { padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-px-xxl-2\.5 { padding-inline: var(--kendo-spacing-2\.5, 0.625rem) } .k-px-xxl-3 { padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-px-xxl-3\.5 { padding-inline: var(--kendo-spacing-3\.5, 0.875rem) } .k-px-xxl-4 { padding-inline: var(--kendo-spacing-4, 1rem) } .k-px-xxl-4\.5 { padding-inline: var(--kendo-spacing-4\.5, 1.125rem) } .k-px-xxl-5 { padding-inline: var(--kendo-spacing-5, 1.25rem) } .k-px-xxl-5\.5 { padding-inline: var(--kendo-spacing-5\.5, 1.375rem) } .k-px-xxl-6 { padding-inline: var(--kendo-spacing-6, 1.5rem) } .k-px-xxl-6\.5 { padding-inline: var(--kendo-spacing-6\.5, 1.625rem) } .k-px-xxl-7 { padding-inline: var(--kendo-spacing-7, 1.75rem) } .k-px-xxl-7\.5 { padding-inline: var(--kendo-spacing-7\.5, 1.875rem) } .k-px-xxl-8 { padding-inline: var(--kendo-spacing-8, 2rem) } .k-px-xxl-9 { padding-inline: var(--kendo-spacing-9, 2.25rem) } .k-px-xxl-10 { padding-inline: var(--kendo-spacing-10, 2.5rem) } .k-px-xxl-11 { padding-inline: var(--kendo-spacing-11, 2.75rem) } .k-px-xxl-12 { padding-inline: var(--kendo-spacing-12, 3rem) } .k-px-xxl-13 { padding-inline: var(--kendo-spacing-13, 3.25rem) } .k-px-xxl-14 { padding-inline: var(--kendo-spacing-14, 3.5rem) } .k-px-xxl-15 { padding-inline: var(--kendo-spacing-15, 3.75rem) } .k-px-xxl-16 { padding-inline: var(--kendo-spacing-16, 4rem) } .k-px-xxl-17 { padding-inline: var(--kendo-spacing-17, 4.25rem) } .k-px-xxl-18 { padding-inline: var(--kendo-spacing-18, 4.5rem) } .k-px-xxl-19 { padding-inline: var(--kendo-spacing-19, 4.75rem) } .k-px-xxl-20 { padding-inline: var(--kendo-spacing-20, 5rem) } .k-px-xxl-21 { padding-inline: var(--kendo-spacing-21, 5.25rem) } .k-px-xxl-22 { padding-inline: var(--kendo-spacing-22, 5.5rem) } .k-px-xxl-23 { padding-inline: var(--kendo-spacing-23, 5.75rem) } .k-px-xxl-24 { padding-inline: var(--kendo-spacing-24, 6rem) } .k-px-xxl-25 { padding-inline: var(--kendo-spacing-25, 7rem) } .k-px-xxl-26 { padding-inline: var(--kendo-spacing-26, 8rem) } .k-px-xxl-27 { padding-inline: var(--kendo-spacing-27, 9rem) } .k-px-xxl-28 { padding-inline: var(--kendo-spacing-28, 10rem) } .k-px-xxl-29 { padding-inline: var(--kendo-spacing-29, 11rem) } .k-px-xxl-30 { padding-inline: var(--kendo-spacing-30, 12rem) } .k-px-xxl-xs { padding-inline: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-px-xxl-sm { padding-inline: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-px-xxl-md { padding-inline: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-px-xxl-lg { padding-inline: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-px-xxl-xl { padding-inline: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-px-xxl-thin { padding-inline: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-px-xxl-hair { padding-inline: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } .k-py-xxl-0 { padding-block: var(--kendo-spacing-0, 0px) } .k-py-xxl-1px { padding-block: var(--kendo-spacing-1px, 1px) } .k-py-xxl-0\.5 { padding-block: var(--kendo-spacing-0\.5, 0.125rem) } .k-py-xxl-1 { padding-block: var(--kendo-spacing-1, 0.25rem) } .k-py-xxl-1\.5 { padding-block: var(--kendo-spacing-1\.5, 0.375rem) } .k-py-xxl-2 { padding-block: var(--kendo-spacing-2, 0.5rem) } .k-py-xxl-2\.5 { padding-block: var(--kendo-spacing-2\.5, 0.625rem) } .k-py-xxl-3 { padding-block: var(--kendo-spacing-3, 0.75rem) } .k-py-xxl-3\.5 { padding-block: var(--kendo-spacing-3\.5, 0.875rem) } .k-py-xxl-4 { padding-block: var(--kendo-spacing-4, 1rem) } .k-py-xxl-4\.5 { padding-block: var(--kendo-spacing-4\.5, 1.125rem) } .k-py-xxl-5 { padding-block: var(--kendo-spacing-5, 1.25rem) } .k-py-xxl-5\.5 { padding-block: var(--kendo-spacing-5\.5, 1.375rem) } .k-py-xxl-6 { padding-block: var(--kendo-spacing-6, 1.5rem) } .k-py-xxl-6\.5 { padding-block: var(--kendo-spacing-6\.5, 1.625rem) } .k-py-xxl-7 { padding-block: var(--kendo-spacing-7, 1.75rem) } .k-py-xxl-7\.5 { padding-block: var(--kendo-spacing-7\.5, 1.875rem) } .k-py-xxl-8 { padding-block: var(--kendo-spacing-8, 2rem) } .k-py-xxl-9 { padding-block: var(--kendo-spacing-9, 2.25rem) } .k-py-xxl-10 { padding-block: var(--kendo-spacing-10, 2.5rem) } .k-py-xxl-11 { padding-block: var(--kendo-spacing-11, 2.75rem) } .k-py-xxl-12 { padding-block: var(--kendo-spacing-12, 3rem) } .k-py-xxl-13 { padding-block: var(--kendo-spacing-13, 3.25rem) } .k-py-xxl-14 { padding-block: var(--kendo-spacing-14, 3.5rem) } .k-py-xxl-15 { padding-block: var(--kendo-spacing-15, 3.75rem) } .k-py-xxl-16 { padding-block: var(--kendo-spacing-16, 4rem) } .k-py-xxl-17 { padding-block: var(--kendo-spacing-17, 4.25rem) } .k-py-xxl-18 { padding-block: var(--kendo-spacing-18, 4.5rem) } .k-py-xxl-19 { padding-block: var(--kendo-spacing-19, 4.75rem) } .k-py-xxl-20 { padding-block: var(--kendo-spacing-20, 5rem) } .k-py-xxl-21 { padding-block: var(--kendo-spacing-21, 5.25rem) } .k-py-xxl-22 { padding-block: var(--kendo-spacing-22, 5.5rem) } .k-py-xxl-23 { padding-block: var(--kendo-spacing-23, 5.75rem) } .k-py-xxl-24 { padding-block: var(--kendo-spacing-24, 6rem) } .k-py-xxl-25 { padding-block: var(--kendo-spacing-25, 7rem) } .k-py-xxl-26 { padding-block: var(--kendo-spacing-26, 8rem) } .k-py-xxl-27 { padding-block: var(--kendo-spacing-27, 9rem) } .k-py-xxl-28 { padding-block: var(--kendo-spacing-28, 10rem) } .k-py-xxl-29 { padding-block: var(--kendo-spacing-29, 11rem) } .k-py-xxl-30 { padding-block: var(--kendo-spacing-30, 12rem) } .k-py-xxl-xs { padding-block: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) } .k-py-xxl-sm { padding-block: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) } .k-py-xxl-md { padding-block: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) } .k-py-xxl-lg { padding-block: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) } .k-py-xxl-xl { padding-block: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) } .k-py-xxl-thin { padding-block: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) } .k-py-xxl-hair { padding-block: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) } } :root { --kendo-color-app-surface: #ffffff; --kendo-color-on-app-surface: #3d3d3d; --kendo-color-subtle: #666666; --kendo-color-surface: #fafafa; --kendo-color-surface-alt: #ffffff; --kendo-color-border: rgba(0, 0, 0, 0.08); --kendo-color-border-alt: rgba(0, 0, 0, 0.16); --kendo-color-base-subtle: #ebebeb; --kendo-color-base-subtle-hover: #e0e0e0; --kendo-color-base-subtle-active: #d6d6d6; --kendo-color-base: #f5f5f5; --kendo-color-base-hover: #ebebeb; --kendo-color-base-active: #d6d6d6; --kendo-color-base-emphasis: #c2c2c2; --kendo-color-base-on-subtle: #3d3d3d; --kendo-color-on-base: #3d3d3d; --kendo-color-base-on-surface: #3d3d3d; --kendo-color-primary-subtle: #ffeceb; --kendo-color-primary-subtle-hover: #ffdedb; --kendo-color-primary-subtle-active: #ffc8c4; --kendo-color-primary: #0058e9; --kendo-color-primary-hover: #ea5a51; --kendo-color-primary-active: #d45349; --kendo-color-primary-emphasis: #ff9d97; --kendo-color-primary-on-subtle: #5c201c; --kendo-color-on-primary: #ffffff; --kendo-color-primary-on-surface: #ff6358; --kendo-color-secondary-subtle: #fafafa; --kendo-color-secondary-subtle-hover: #f5f5f5; --kendo-color-secondary-subtle-active: #ebebeb; --kendo-color-secondary: #333333; --kendo-color-secondary-hover: #525252; --kendo-color-secondary-active: #3d3d3d; --kendo-color-secondary-emphasis: #e0e0e0; --kendo-color-secondary-on-subtle: #141414; --kendo-color-on-secondary: #ffffff; --kendo-color-secondary-on-surface: #292929; --kendo-color-tertiary-subtle: #d8f1fd; --kendo-color-tertiary-subtle-hover: #c5eafc; --kendo-color-tertiary-subtle-active: #a3dffb; --kendo-color-tertiary: #03a9f4; --kendo-color-tertiary-hover: #039ae0; --kendo-color-tertiary-active: #028ccb; --kendo-color-tertiary-emphasis: #61c9f9; --kendo-color-tertiary-on-subtle: #023f5c; --kendo-color-on-tertiary: #ffffff; --kendo-color-tertiary-on-surface: #028ccb; --kendo-color-info-subtle: #d2e2fb; --kendo-color-info-subtle-hover: #bdd4f8; --kendo-color-info-subtle-active: #80acf4; --kendo-color-info: rgba(156, 64, 249, 0.968627451); --kendo-color-info-hover: #0052d6; --kendo-color-info-active: #004ac2; --kendo-color-info-emphasis: #6098f2; --kendo-color-info-on-subtle: #002259; --kendo-color-on-info: #ffffff; --kendo-color-info-on-surface: #004ac2; --kendo-color-success-subtle: #dcf0d3; --kendo-color-success-subtle-hover: #cbe9bf; --kendo-color-success-subtle-active: #b7e1a5; --kendo-color-success: #0b8250; --kendo-color-success-hover: #32a500; --kendo-color-success-active: #2d9600; --kendo-color-success-emphasis: #81d15f; --kendo-color-success-on-subtle: #1c5a00; --kendo-color-on-success: #ffffff; --kendo-color-success-on-surface: #2d9600; --kendo-color-warning-subtle: #fff4d3; --kendo-color-warning-subtle-hover: #ffeebd; --kendo-color-warning-subtle-active: #ffe79e; --kendo-color-warning: #ffbf44; --kendo-color-warning-hover: #eaaf00; --kendo-color-warning-active: #d49f00; --kendo-color-warning-emphasis: #ffd760; --kendo-color-warning-on-subtle: #5e4700; --kendo-color-on-warning: #3d3d3d; --kendo-color-warning-on-surface: #ffc000; --kendo-color-error-subtle: #fcddda; --kendo-color-error-subtle-hover: #fbc8c3; --kendo-color-error-subtle-active: #f98b80; --kendo-color-error: #e13929; --kendo-color-error-hover: #df1600; --kendo-color-error-active: #ca1400; --kendo-color-error-emphasis: #f76f60; --kendo-color-error-on-subtle: #7a0c00; --kendo-color-on-error: #ffffff; --kendo-color-error-on-surface: #ca1400; --kendo-color-light-subtle: #fafafa; --kendo-color-light-subtle-hover: #f5f5f5; --kendo-color-light-subtle-active: #ebebeb; --kendo-color-light: #ebebeb; --kendo-color-light-hover: #e0e0e0; --kendo-color-light-active: #d6d6d6; --kendo-color-light-emphasis: #d6d6d6; --kendo-color-light-on-subtle: #141414; --kendo-color-on-light: #000000; --kendo-color-light-on-surface: #e0e0e0; --kendo-color-dark-subtle: #c2c2c2; --kendo-color-dark-subtle-hover: #adadad; --kendo-color-dark-subtle-active: #999999; --kendo-color-dark: #3d3d3d; --kendo-color-dark-hover: #292929; --kendo-color-dark-active: #1f1f1f; --kendo-color-dark-emphasis: #666666; --kendo-color-dark-on-subtle: #1f1f1f; --kendo-color-on-dark: #ffffff; --kendo-color-dark-on-surface: #141414; --kendo-color-inverse-subtle: #c2c2c2; --kendo-color-inverse-subtle-hover: #adadad; --kendo-color-inverse-subtle-active: #999999; --kendo-color-inverse: #3d3d3d; --kendo-color-inverse-hover: #292929; --kendo-color-inverse-active: #1f1f1f; --kendo-color-inverse-emphasis: #666666; --kendo-color-inverse-on-subtle: #1f1f1f; --kendo-color-on-inverse: #ffffff; --kendo-color-inverse-on-surface: #141414; --kendo-color-series-a: #ff6358; --kendo-color-series-a-bold: #bf4a42; --kendo-color-series-a-bolder: #80322c; --kendo-color-series-a-subtle: #ffb1ac; --kendo-color-series-a-subtler: #ff8a82; --kendo-color-series-b: #ffe162; --kendo-color-series-b-bold: #bfa94a; --kendo-color-series-b-bolder: #807131; --kendo-color-series-b-subtle: #fff0b1; --kendo-color-series-b-subtler: #ffe989; --kendo-color-series-c: #4cd180; --kendo-color-series-c-bold: #399d60; --kendo-color-series-c-bolder: #266940; --kendo-color-series-c-subtle: #a6e8c0; --kendo-color-series-c-subtler: #79dda0; --kendo-color-series-d: #4b5ffa; --kendo-color-series-d-bold: #3847bc; --kendo-color-series-d-bolder: #26307d; --kendo-color-series-d-subtle: #a5affd; --kendo-color-series-d-subtler: #7887fb; --kendo-color-series-e: #ac58ff; --kendo-color-series-e-bold: #8142bf; --kendo-color-series-e-bolder: #562c80; --kendo-color-series-e-subtle: #d6acff; --kendo-color-series-e-subtler: #c182ff; --kendo-color-series-f: #ff5892; --kendo-color-series-f-bold: #bf426e; --kendo-color-series-f-bolder: #802c49; --kendo-color-series-f-subtle: #ffacc9; --kendo-color-series-f-subtler: #ff82ae } .k-sr-only { position: absolute; left: -1px; width: 1px; height: 1px; overflow: hidden } .k-push-right-enter, .k-push-right-appear { transform: translate(-100%, 0) } .k-push-right-enter-active, .k-push-right-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out } .k-push-right-exit { transform: translate(0, 0) } .k-push-right-exit-active { transform: translate(100%, 0); transition: transform 300ms ease-in-out } .k-push-left-enter, .k-push-left-appear { transform: translate(100%, 0) } .k-push-left-enter-active, .k-push-left-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out } .k-push-left-exit { transform: translate(0, 0) } .k-push-left-exit-active { transform: translate(-100%, 0); transition: transform 300ms ease-in-out } .k-push-down-enter, .k-push-down-appear { transform: translate(0, -100%) } .k-push-down-enter-active, .k-push-down-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out } .k-push-down-exit { transform: translate(0, 0) } .k-push-down-exit-active { transform: translate(0, 100%); transition: transform 300ms ease-in-out } .k-push-up-enter, .k-push-up-appear { transform: translate(0, 100%) } .k-push-up-enter-active, .k-push-up-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out } .k-push-up-exit { transform: translate(0, 0) } .k-push-up-exit-active { transform: translate(0, -100%); transition: transform 300ms ease-in-out } .k-expand-vertical-enter, .k-expand-vertical-appear { transform: scaleY(0) } .k-expand-vertical-enter-active, .k-expand-vertical-appear-active { transform: scaleY(1); transition: transform 300ms ease-in-out } .k-expand-vertical-exit { transform: scaleY(1) } .k-expand-vertical-exit-active { transform: scaleY(0); transition: transform 300ms ease-in-out } .k-expand-horizontal-enter, .k-expand-horizontal-appear { transform: scaleX(0) } .k-expand-horizontal-enter-active, .k-expand-horizontal-appear-active { transform: scaleX(1); transition: transform 300ms ease-in-out } .k-expand-horizontal-exit { transform: scaleX(1) } .k-expand-horizontal-exit-active { transform: scaleX(0); transition: transform 300ms ease-in-out } .k-fade-enter, .k-fade-appear { opacity: 0 } .k-fade-enter-active, .k-fade-appear-active { opacity: 1; transition: opacity 500ms ease-in-out } .k-fade-exit { opacity: 1 } .k-fade-exit-active { opacity: 0; transition: opacity 500ms ease-in-out } .k-fade-exit-active + .k-fade-exit-active, .k-fade-enter-active + .k-fade-enter-active { display: none } .k-zoom-in-enter, .k-zoom-in-appear { opacity: 0; transform: scale(0) } .k-zoom-in-enter-active, .k-zoom-in-appear-active { opacity: 1; transform: scale(1); transition: transform,opacity 300ms ease-in-out } .k-zoom-in-exit { opacity: 1; transform: scale(1) } .k-zoom-in-exit-active { opacity: 0; transform: scale(2); transition: transform,opacity 300ms ease-in-out } .k-zoom-out-enter, .k-zoom-out-appear { opacity: 0; transform: scale(2) } .k-zoom-out-enter-active, .k-zoom-out-appear-active { opacity: 1; transform: scale(1); transition: transform,opacity 300ms ease-in-out } .k-zoom-out-exit { opacity: 1; transform: scale(1) } .k-zoom-out-exit-active { opacity: 0; transform: scale(0); transition: transform,opacity 300ms ease-in-out } .k-slide-in-appear { opacity: .1; transform: translate(0, -3em) } .k-slide-in-appear .k-centered { transform: translate(-50%, -60%) } .k-slide-in-appear-active { opacity: 1; transform: translate(0, 0); transition: transform .3s cubic-bezier(0.2, 0.6, 0.4, 1),opacity .3s cubic-bezier(0.2, 1, 0.2, 1) } .k-slide-in-appear-active .k-centered { transform: translate(-50%, -50%) } .k-slide-down-enter, .k-slide-down-appear { transform: translateY(-100%) } .k-slide-down-enter-active, .k-slide-down-appear-active { transform: translateY(0); transition: transform 300ms ease-in-out } .k-slide-down-exit { transform: translateY(0) } .k-slide-down-exit-active { transform: translateY(-100%); transition: transform 300ms ease-in-out } .k-slide-up-enter, .k-slide-up-appear { transform: translateY(100%) } .k-slide-up-enter-active, .k-slide-up-appear-active { transform: translateY(0); transition: transform 300ms ease-in-out } .k-slide-up-exit { transform: translateY(0) } .k-slide-up-exit-active { transform: translateY(100%); transition: transform 300ms ease-in-out } .k-slide-right-enter, .k-slide-right-appear { transform: translateX(-100%) } .k-slide-right-enter-active, .k-slide-right-appear-active { transform: translateX(0); transition: transform 300ms ease-in-out } .k-slide-right-exit { transform: translateX(0) } .k-slide-right-exit-active { transform: translateX(-100%); transition: transform 300ms ease-in-out } .k-slide-left-enter, .k-slide-left-appear { transform: translateX(100%) } .k-slide-left-enter-active, .k-slide-left-appear-active { transform: translateX(0); transition: transform 300ms ease-in-out } .k-slide-left-exit { transform: translateX(0) } .k-slide-left-exit-active { transform: translateX(100%); transition: transform 300ms ease-in-out } .k-reveal-vertical-enter, .k-reveal-vertical-appear { max-height: 0 } .k-reveal-vertical-enter-active, .k-reveal-vertical-appear-active { transition: max-height 300ms ease-in-out } .k-reveal-vertical-exit-active { max-height: 0 !important; transition: max-height 300ms ease-in-out } .k-reveal-horizontal-enter, .k-reveal-horizontal-appear { max-width: 0 } .k-reveal-horizontal-enter-active, .k-reveal-horizontal-appear-active { transition: max-width 300ms ease-in-out } .k-reveal-horizontal-exit-active { max-width: 0 !important; transition: max-width 300ms ease-in-out } .k-fx-end .k-fx-next, .k-fx-end .k-fx-current { transition: all 350ms ease-out } .k-fx { position: relative } .k-fx .k-fx-current { z-index: 0 } .k-fx .k-fx-next { z-index: 1 } .k-fx-hidden, .k-fx-hidden * { visibility: hidden !important } .k-fx-reverse .k-fx-current { z-index: 1 } .k-fx-reverse .k-fx-next { z-index: 0 } .k-fx-zoom.k-fx-start .k-fx-next { transform: scale(0) !important } .k-fx-zoom.k-fx-end .k-fx-next { transform: scale(1) !important } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next { transform: scale(1) !important } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current { transform: scale(1) !important } .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current { transform: scale(0) !important } .k-fx-fade.k-fx-start .k-fx-next { will-change: opacity; opacity: 0 } .k-fx-fade.k-fx-end .k-fx-next { opacity: 1 } .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current { will-change: opacity; opacity: 1 } .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current { opacity: 0 } .k-fx-slide.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer { transition: all 350ms ease-out } .k-fx-slide.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-start .k-fx-next .km-content { will-change: transform; transform: translateX(100%) } .k-fx-slide.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer { will-change: opacity; opacity: 0 } .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .km-content { transform: translateX(-100%) } .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer { opacity: 1 } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content { will-change: transform; transform: translateX(0) } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translateX(100%) } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translateX(-100%) } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translateX(0) } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer { will-change: opacity; opacity: 1 } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer { opacity: 1 } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer { opacity: 0 } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer { opacity: 1 } .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content { transform: translateX(-100%) } .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content { transform: translateX(100%) } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content { transform: translateX(0) } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translateX(-100%) } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translateX(100%) } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translateX(0%) } .k-fx-tile.k-fx-start .k-fx-next { will-change: transform; transform: translateX(100%) } .k-fx-tile.k-fx-end .k-fx-current { transform: translateX(-100%) } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: translateX(0) } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current { transform: translateX(100%) } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next { transform: translateX(-100%) } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next { transform: translateX(0) } .k-fx-tile.k-fx-right.k-fx-start .k-fx-next { transform: translateX(-100%) } .k-fx-tile.k-fx-right.k-fx-end .k-fx-current { transform: translateX(100%) } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current { transform: translateX(0) } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current { transform: translateX(-100%) } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next { transform: translateX(100%) } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next { transform: translateX(0%) } .k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next { will-change: transform; transform: translateX(100%) } .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next { transform: translateX(-100%) } .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next { transform: translateY(100%) } .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next { transform: translateY(-100%) } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next { transform: none } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: none } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current { transform: translateX(100%) } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current { transform: translateX(-100%) } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current { transform: translateY(100%) } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current { transform: translateY(-100%) } .k-theme-test-class, .k-common-test-class { opacity: 0 } .k-hstack, .k-hbox { display: flex; flex-flow: row nowrap } .k-vstack, .k-vbox { display: flex; flex-flow: column nowrap } .k-spacer, .k-flex { flex: 1 1 auto } .k-spacer-sized { flex: none } .k-float-wrap::after, .k-floatwrap::after { content: ""; display: block; clear: both } .k-flex-layout { display: flex } .k-grid-layout { display: grid } .k-separator { width: auto; height: 0; border-width: 1px 0 0; border-style: solid; border-color: inherit; display: block; flex-grow: 0 !important; flex-shrink: 0 !important; align-self: stretch } .k-separator-horizontal, .k-vstack > .k-separator, .k-vbox > .k-separator { width: auto; height: 0; border-width: 1px 0 0 } .k-separator-vertical, .k-hstack > .k-separator, .k-hbox > .k-separator { width: 0; height: auto; border-width: 0 0 0 1px } hr.k-separator { margin: 0; padding: 0 } .k-hidden { display: none !important } .k-rtl { direction: rtl } [hidden] { display: none !important } script { display: none !important } .k-disabled { outline: none; cursor: default; color: var(--kendo-disabled-text, unset); background-color: var(--kendo-disabled-bg, unset); border-color: var(--kendo-disabled-border, unset); opacity: var(--kendo-disabled-opacity, unset); filter: var(--kendo-disabled-filter, unset); pointer-events: none; box-shadow: none } .k-disabled .k-link { cursor: default; outline: 0 } .k-disabled [disabled], .k-disabled .k-disabled { --kendo-disabled-opacity: 1; --kendo-disabled-filter: grayscale(0) } .k-hr { margin-block: var(--kendo-spacing-4, 1rem); padding: 0; height: 0; border-width: 1px 0 0; border-style: solid; border-color: inherit; display: block; float: none; clear: both } .k-d-flex-row > .k-hr { margin: 0; width: 0; height: auto; border-width: 0 0 0 1px; flex: 0 0 auto } .k-d-flex-col > .k-hr { margin: 0; flex: 0 0 auto } .k-sprite { display: inline-block; width: 1rem; height: 1rem; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center } .k-image { display: inline-block } .k-reset { margin: 0; padding: 0; border-width: 0; outline: 0; text-decoration: none; font: inherit; list-style: none } kendo-sortable { display: block } .k-link, .k-link:hover { color: inherit; text-decoration: none; outline: 0; cursor: pointer } .k-content { outline: 0 } .k-centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .k-no-click { pointer-events: none } .k-pdf-export-shadow { position: absolute; overflow: hidden; left: -15000px; width: 14400px } .kendo-pdf-hide-pseudo-elements::before, .kendo-pdf-hide-pseudo-elements::after { display: none !important } .k-dirty { margin: 0; padding: 0; width: 0; height: 0; border-width: 3px; border-style: solid; border-block-start-color: currentColor; border-block-end-color: rgba(0,0,0,0); border-inline-start-color: rgba(0,0,0,0); border-inline-end-color: currentColor; position: absolute; inset-block-start: 0; inset-inline-end: 0 } .k-scrollbar { position: absolute; overflow: scroll } .k-scrollbar-vertical { top: 0; right: 0; width: 17px; height: 100%; overflow-x: hidden } .k-touch-scrollbar { display: none; position: absolute; z-index: 200000; height: 8px; width: 8px; border: 1px solid #8a8a8a; background-color: #858585 } .k-resize-handle, .k-resize-hint { position: absolute; border-color: inherit; z-index: 200 } .k-resize-handle { display: flex; align-items: center; justify-content: center } .k-resize-handle::before { content: ""; border: 0 solid; border-color: inherit } .k-resize-n { width: 100%; height: 6px; flex-direction: row; left: 0; top: -3px; cursor: n-resize } .k-resize-s { width: 100%; height: 6px; flex-direction: row; left: 0; bottom: -3px; cursor: s-resize } .k-resize-w { width: 6px; height: 100%; flex-direction: column; top: 0; left: -3px; cursor: w-resize } .k-resize-e { width: 6px; height: 100%; flex-direction: column; top: 0; right: -3px; cursor: e-resize } .k-resize-sw, .k-resize-se, .k-resize-nw, .k-resize-ne { width: 5px; height: 5px } .k-resize-sw { cursor: sw-resize; bottom: 0; left: 0 } .k-resize-se { cursor: se-resize; bottom: 0; right: 0 } .k-resize-nw { cursor: nw-resize; top: 0; left: 0 } .k-resize-ne { cursor: ne-resize; top: 0; right: 0 } .k-vertical-resize { cursor: row-resize } .k-horizontal-resize { cursor: col-resize } .k-resize-hint { display: flex; flex-direction: column; align-items: center } .k-resize-hint .k-resize-hint-handle { width: auto; height: 20px; align-self: stretch } .k-resize-hint .k-resize-hint-marker { width: 2px; height: auto; flex: 1 1 auto } .k-resize-hint-vertical { display: flex; flex-direction: row; align-items: center } .k-resize-hint-vertical .k-resize-hint-handle { width: 20px; height: auto; align-self: stretch } .k-resize-hint-vertical .k-resize-hint-marker { width: auto; height: 2px; flex: 1 1 auto } .k-top-start, .k-pos-top-start { top: 0; inset-inline-start: 0 } .k-top-end, .k-pos-top-end { top: 0; inset-inline-end: 0 } .k-bottom-start, .k-pos-bottom-start { bottom: 0; inset-inline-start: 0 } .k-bottom-end, .k-pos-bottom-end { bottom: 0; inset-inline-end: 0 } .k-top-center, .k-pos-top-center { top: 0; left: 50%; transform: translateX(-50%) } .k-middle-left, .k-middle-start, .k-pos-middle-start { top: 50%; left: 0; transform: translateY(-50%) } .k-middle-center { top: 50%; left: 50%; transform: translateY(-50%) } .k-middle-right, .k-middle-end, .k-pos-middle-end { top: 50%; right: 0; transform: translateY(-50%) } .k-bottom-center, .k-pos-bottom-center { bottom: 0; left: 50%; transform: translateX(-50%) } :root { --kendo-spacing-0: 0px; --kendo-spacing-1px: 1px; --kendo-spacing-0\.5: 0.125rem; --kendo-spacing-1: 0.25rem; --kendo-spacing-1\.5: 0.375rem; --kendo-spacing-2: 0.5rem; --kendo-spacing-2\.5: 0.625rem; --kendo-spacing-3: 0.75rem; --kendo-spacing-3\.5: 0.875rem; --kendo-spacing-4: 1rem; --kendo-spacing-4\.5: 1.125rem; --kendo-spacing-5: 1.25rem; --kendo-spacing-5\.5: 1.375rem; --kendo-spacing-6: 1.5rem; --kendo-spacing-6\.5: 1.625rem; --kendo-spacing-7: 1.75rem; --kendo-spacing-7\.5: 1.875rem; --kendo-spacing-8: 2rem; --kendo-spacing-9: 2.25rem; --kendo-spacing-10: 2.5rem; --kendo-spacing-11: 2.75rem; --kendo-spacing-12: 3rem; --kendo-spacing-13: 3.25rem; --kendo-spacing-14: 3.5rem; --kendo-spacing-15: 3.75rem; --kendo-spacing-16: 4rem; --kendo-spacing-17: 4.25rem; --kendo-spacing-18: 4.5rem; --kendo-spacing-19: 4.75rem; --kendo-spacing-20: 5rem; --kendo-spacing-21: 5.25rem; --kendo-spacing-22: 5.5rem; --kendo-spacing-23: 5.75rem; --kendo-spacing-24: 6rem; --kendo-spacing-25: 7rem; --kendo-spacing-26: 8rem; --kendo-spacing-27: 9rem; --kendo-spacing-28: 10rem; --kendo-spacing-29: 11rem; --kendo-spacing-30: 12rem } :root { --kendo-elevation-1: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-2: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-3: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-4: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-5: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-6: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-7: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-8: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12); --kendo-elevation-9: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12) } :root { --kendo-font-family: Inherit; --kendo-font-size: 14px; --kendo-line-height: 1.4285714286; --kendo-font-weight: 400; --kendo-letter-spacing:; --kendo-font-size-xxs: 0.5rem; --kendo-font-size-xs: 0.625rem; --kendo-font-size-sm: 0.75rem; --kendo-font-size-md: 14px; --kendo-font-size-lg: 1rem; --kendo-font-size-xl: 1.25rem; --kendo-line-height-xs: 1; --kendo-line-height-sm: 1.25; --kendo-line-height-md: 1.4285714286; --kendo-line-height-lg: 1.5; --kendo-font-weight-thin: 100; --kendo-font-weight-extra-light: 200; --kendo-font-weight-light: 300; --kendo-font-weight-normal: 400; --kendo-font-weight-medium: 500; --kendo-font-weight-semibold: 600; --kendo-font-weight-bold: 700; --kendo-letter-spacing-tightest: -0.15px; --kendo-letter-spacing-tighter: -0.1px; --kendo-letter-spacing-tight: -0.5px; --kendo-letter-spacing-normal: 0px; --kendo-letter-spacing-wide: 0.5px; --kendo-letter-spacing-wider: 0.1px; --kendo-letter-spacing-widest: 0.15px; --kendo-font-family-sans: Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, Impact, Gill Sans; --kendo-font-family-serif: Times New Roman, Georgia, Garamond, Palatino, Baskerville; --kendo-font-family-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; --kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace } :root { --kendo-border-radius-none: 0px; --kendo-border-radius-xs: 1px; --kendo-border-radius-sm: 0.125rem; --kendo-border-radius-md: 0.25rem; --kendo-border-radius-lg: 0.375rem; --kendo-border-radius-xl: 0.5rem; --kendo-border-radius-xxl: 0.75rem; --kendo-border-radius-xxxl: 1rem; --kendo-border-radius-full: 9999px } .k-rounded-none { border-radius: var(--kendo-border-radius-none, 0px) } .k-rounded-xs { border-radius: var(--kendo-border-radius-xs, 1px) } .k-rounded-sm { border-radius: var(--kendo-border-radius-sm, 0.125rem) } .k-rounded-md { border-radius: var(--kendo-border-radius-md, 0.25rem) } .k-rounded-lg { border-radius: var(--kendo-border-radius-lg, 0.375rem) } .k-rounded-xl { border-radius: var(--kendo-border-radius-xl, 0.5rem) } .k-rounded-xxl { border-radius: var(--kendo-border-radius-xxl, 0.75rem) } .k-rounded-xxxl { border-radius: var(--kendo-border-radius-xxxl, 1rem) } .k-rounded-full { border-radius: var(--kendo-border-radius-full, 9999px) } .k-body, .k-typography { font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); font-weight: var(--kendo-font-weight-normal, normal); letter-spacing: var(--kendo-letter-spacing, normal); margin: 0 } .k-body p, .k-typography p { margin: 0 0 var(--kendo-font-size, inherit) } .k-h1 { font-size: var(--kendo-h1-font-size, calc(var(--kendo-font-size, 0.875rem)*4)); font-family: var(--kendo-h1-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h1-line-height, 74px); font-weight: var(--kendo-h1-font-weight, var(--kendo-font-weight-normal, normal)); letter-spacing: var(--kendo-h1-letter-spacing, ); margin: var(--kendo-h1-margin, 0 0 var(--kendo-font-size, inherit)) } .k-h2 { font-size: var(--kendo-h2-font-size, calc(var(--kendo-font-size, 0.875rem)*3)); font-family: var(--kendo-h2-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h2-line-height, 56px); font-weight: var(--kendo-h2-font-weight, var(--kendo-font-weight-normal, normal)); letter-spacing: var(--kendo-h2-letter-spacing, ); margin: var(--kendo-h2-margin, 0 0 var(--kendo-font-size, inherit)) } .k-h3 { font-size: var(--kendo-h3-font-size, calc(var(--kendo-font-size, 0.875rem)*2.5)); font-family: var(--kendo-h3-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h3-line-height, 42px); font-weight: var(--kendo-h3-font-weight, var(--kendo-font-weight-normal, normal)); letter-spacing: var(--kendo-h3-letter-spacing, ); margin: var(--kendo-h3-margin, 0 0 var(--kendo-font-size, inherit)) } .k-h4 { font-size: var(--kendo-h4-font-size, calc(var(--kendo-font-size, 0.875rem)*2)); font-family: var(--kendo-h4-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h4-line-height, 40px); font-weight: var(--kendo-h4-font-weight, var(--kendo-font-weight-bold, normal)); letter-spacing: var(--kendo-h4-letter-spacing, ); margin: var(--kendo-h4-margin, 0 0 var(--kendo-font-size, inherit)) } .k-h5 { font-size: var(--kendo-h5-font-size, calc(var(--kendo-font-size, 0.875rem)*1.5)); font-family: var(--kendo-h5-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h5-line-height, 28px); font-weight: var(--kendo-h5-font-weight, var(--kendo-font-weight-bold, normal)); letter-spacing: var(--kendo-h5-letter-spacing, ); margin: var(--kendo-h5-margin, 0 0 var(--kendo-font-size, inherit)) } .k-h6 { font-size: var(--kendo-h6-font-size, var(--kendo-font-size, inherit)); font-family: var(--kendo-h6-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h6-line-height, 20px); font-weight: var(--kendo-h6-font-weight, var(--kendo-font-weight-bold, normal)); letter-spacing: var(--kendo-h6-letter-spacing, ); margin: var(--kendo-h6-margin, 0 0 var(--kendo-font-size, inherit)) } .k-paragraph { font-size: var(--kendo-paragraph-font-size, var(--kendo-font-size, inherit)); font-family: var(--kendo-paragraph-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-paragraph-line-height, 20px); font-weight: var(--kendo-paragraph-font-weight, var(--kendo-font-weight-normal, normal)); letter-spacing: var(--kendo-paragraph-letter-spacing, ); margin: var(--kendo-paragraph-margin, 0 0 var(--kendo-font-size, inherit)) } .k-pre, .k-code { font-size: var(--kendo-code-font-size, var(--kendo-font-size, inherit)); font-family: var(--kendo-code-font-family, var(--kendo-font-family-monospace, normal)); line-height: var(--kendo-code-line-height, 20px); font-weight: var(--kendo-code-font-weight, var(--kendo-font-weight-normal, normal)); letter-spacing: var(--kendo-code-letter-spacing, ); border-style: solid; border-width: 1px } .k-pre { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-6, 1.5rem); overflow: auto } .k-pre > .k-code { padding: 0; border-width: 0; border-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0); font-family: inherit; font-size: inherit } .k-code { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-display-1 { font-size: var(--kendo-display1-font-size, calc(var(--kendo-font-size, 0.875rem)*8)); font-family: var(--kendo-display1-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-display1-line-height, 1.2); font-weight: var(--kendo-display1-font-weight, var(--kendo-font-weight-light, normal)); letter-spacing: var(--kendo-display1-letter-spacing, ) } .k-display-2 { font-size: var(--kendo-display2-font-size, calc(var(--kendo-font-size, 0.875rem)*7)); font-family: var(--kendo-display2-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-display2-line-height, 1.2); font-weight: var(--kendo-display2-font-weight, var(--kendo-font-weight-light, normal)); letter-spacing: var(--kendo-display2-letter-spacing, ) } .k-display-3 { font-size: var(--kendo-display3-font-size, calc(var(--kendo-font-size, 0.875rem)*6)); font-family: var(--kendo-display3-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-display3-line-height, 1.2); font-weight: var(--kendo-display3-font-weight, var(--kendo-font-weight-light, normal)); letter-spacing: var(--kendo-display3-letter-spacing, ) } .k-display-4 { font-size: var(--kendo-display4-font-size, calc(var(--kendo-font-size, 0.875rem)*5)); font-family: var(--kendo-display4-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-display4-line-height, 1.2); font-weight: var(--kendo-display4-font-weight, var(--kendo-font-weight-light, normal)); letter-spacing: var(--kendo-display4-letter-spacing, ) } .k-body { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-app-surface, #ffffff) } .k-pre, .k-code { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-svg-icon { width: 16px; height: 16px; outline: 0; line-height: 1; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; vertical-align: middle; position: relative } .k-svg-icon > svg { fill: currentColor; flex: 1 1 auto } .k-svg-icon.k-icon-xs { width: 12px; height: 12px } .k-svg-icon.k-icon-sm { width: 14px; height: 14px } .k-svg-icon.k-icon-md { width: 16px; height: 16px } .k-svg-icon.k-icon-lg { width: 20px; height: 20px } .k-svg-icon.k-icon-xl { width: 24px; height: 24px } .k-svg-icon.k-icon-xxl { width: 32px; height: 32px } .k-svg-icon.k-icon-xxxl { width: 48px; height: 48px } .k-flip-h.k-svg-icon, .k-flip-v.k-svg-icon, .k-flip-h.k-flip-v.k-svg-icon { transform: none } .k-flip-h > svg { transform: scaleX(-1) } .k-flip-v > svg { transform: scaleY(-1) } .k-flip-h.k-flip-v > svg, .k-flip-both > svg { transform: scale(-1, -1) } .k-rotate-0.k-svg-icon { transform: none } .k-rotate-0 > svg { transform: rotate(0deg) } .k-rotate-45.k-svg-icon { transform: none } .k-rotate-45 > svg { transform: rotate(45deg) } .k-rotate-90.k-svg-icon { transform: none } .k-rotate-90 > svg { transform: rotate(90deg) } .k-rotate-135.k-svg-icon { transform: none } .k-rotate-135 > svg { transform: rotate(135deg) } .k-rotate-180.k-svg-icon { transform: none } .k-rotate-180 > svg { transform: rotate(180deg) } .k-rotate-225.k-svg-icon { transform: none } .k-rotate-225 > svg { transform: rotate(225deg) } .k-rotate-270.k-svg-icon { transform: none } .k-rotate-270 > svg { transform: rotate(270deg) } .k-rotate-315.k-svg-icon { transform: none } .k-rotate-315 > svg { transform: rotate(315deg) } .k-icon-wrap { flex: none; display: inline-flex; flex-flow: row nowrap; gap: 0; align-items: center; align-self: flex-start; vertical-align: middle; position: relative } .k-icon-wrap::before { content: "\200b"; width: 0; overflow: hidden; flex: none; display: inline-block; vertical-align: top } .k-icon-wrapper-host { display: contents } .k-icon-with-modifier { position: relative; margin: .25em } .k-icon.k-icon-modifier { width: 1em; height: 1em; position: absolute; font-size: .5em; bottom: 0; right: 0; margin: 0 -0.5em -0.5em 0 } .k-i-none::before { content: ""; display: none } .k-icon-action { display: inline-flex; padding: var(--kendo-spacing-1, 0.25rem); line-height: 1; align-items: center; vertical-align: middle; cursor: pointer } .k-sprite { display: inline-block; width: 16px; height: 16px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center } .k-image { display: inline-block } .k-messagebox { margin: 0 0 var(--kendo-spacing-4, 1rem) 0; padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 0 0 0 4px; border-style: solid; box-sizing: border-box; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-messagebox a { color: inherit; font-style: italic; text-decoration: underline } .k-messagebox-primary { border-color: var(--kendo-color-primary-emphasis, #ff9d97); color: var(--kendo-color-primary-on-subtle, #5c201c); background-color: var(--kendo-color-primary-subtle, #ffeceb) } .k-messagebox-secondary { border-color: var(--kendo-color-secondary-emphasis, #e0e0e0); color: var(--kendo-color-secondary-on-subtle, #141414); background-color: var(--kendo-color-secondary-subtle, #fafafa) } .k-messagebox-tertiary { border-color: var(--kendo-color-tertiary-emphasis, #61c9f9); color: var(--kendo-color-tertiary-on-subtle, #023f5c); background-color: var(--kendo-color-tertiary-subtle, #d8f1fd) } .k-messagebox-info { border-color: var(--kendo-color-info-emphasis, #6098f2); color: var(--kendo-color-info-on-subtle, #002259); background-color: var(--kendo-color-info-subtle, #d2e2fb) } .k-messagebox-success { border-color: var(--kendo-color-success-emphasis, #81d15f); color: var(--kendo-color-success-on-subtle, #1c5a00); background-color: var(--kendo-color-success-subtle, #dcf0d3) } .k-messagebox-warning { border-color: var(--kendo-color-warning-emphasis, #ffd760); color: var(--kendo-color-warning-on-subtle, #5e4700); background-color: var(--kendo-color-warning-subtle, #fff4d3) } .k-messagebox-error { border-color: var(--kendo-color-error-emphasis, #f76f60); color: var(--kendo-color-error-on-subtle, #7a0c00); background-color: var(--kendo-color-error-subtle, #fcddda) } .k-messagebox-dark { border-color: var(--kendo-color-dark-emphasis, #666666); color: var(--kendo-color-dark-on-subtle, #1f1f1f); background-color: var(--kendo-color-dark-subtle, #c2c2c2) } .k-messagebox-light { border-color: var(--kendo-color-light-emphasis, #d6d6d6); color: var(--kendo-color-light-on-subtle, #141414); background-color: var(--kendo-color-light-subtle, #fafafa) } .k-messagebox-inverse { border-color: var(--kendo-color-dark-hover, #292929); color: var(--kendo-color-dark-on-subtle, #1f1f1f); background-color: var(--kendo-color-dark-subtle, #c2c2c2) } .k-drag-clue { border-radius: var(--kendo-border-radius-md, 0.25rem); padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 1px; border-style: solid; box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); display: inline-flex; flex-flow: row nowrap; align-items: center; align-content: center; white-space: nowrap; overflow: hidden; position: absolute; z-index: 20000; cursor: move } .k-drag-status, .k-drag-clue .k-drag-status { margin: 0; margin-right: .4ex } .k-drop-hint { display: flex; gap: 4px; justify-content: space-between; align-items: center; position: absolute; z-index: 1000; transform: translate(-50%, -50%) } .k-drop-hint-start, .k-drop-hint-end { flex-shrink: 0; border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0) } .k-drop-hint-line { flex-grow: 1; background-color: var(--kendo-color-primary, #0058e9) } .k-drop-hint-h .k-drop-hint-start { border-left-width: 6.9282032304px; border-left-color: var(--kendo-color-primary, #0058e9); 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.9282032304px; border-right-color: var(--kendo-color-primary, #0058e9); border-left-width: 0 } .k-drop-hint-v { flex-direction: column } .k-drop-hint-v .k-drop-hint-start { border-top-width: 6.9282032304px; border-top-color: var(--kendo-color-primary, #0058e9); 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.9282032304px; border-bottom-color: var(--kendo-color-primary, #0058e9); border-top-width: 0 } .k-reorder-cue { position: absolute } .k-reorder-cue::before, .k-reorder-cue::after { content: ""; width: 0; height: 0; border: 3px solid rgba(0,0,0,0); position: absolute; 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-drag-clue { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-list-container { display: flex; flex-flow: column nowrap } .k-list-container > .k-list { flex: 1; height: 100% } .k-list { margin: 0; padding: 0; box-sizing: border-box; border-radius: inherit; font-family: var(--kendo-font-family, inherit); display: flex; flex-flow: column nowrap; outline: none; position: relative; overflow: hidden } .k-list *, .k-list *::before, .k-list *::after { box-sizing: border-box } .k-popup > .k-list { height: 100%; border-width: 0 } .k-list-group-sticky-header { border-width: 0; border-width: 0 0 1px; border-style: solid; font-weight: var(--kendo-font-weight-bold, normal); white-space: nowrap; display: flex; flex-flow: row nowrap; align-items: center; flex: none; overflow: hidden; text-overflow: ellipsis; cursor: pointer } .k-list-content { border-color: inherit; flex: 1 1 auto; overflow: hidden; overflow-y: auto; position: relative } .k-list-ul { margin: 0; padding: 0; border-width: 0; border-color: inherit; height: auto; list-style: none } .k-list-item, .k-list-custom-value, .k-list-optionlabel { border: 0; outline: none; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-1, 0.25rem); position: relative; transition-property: color,background-color,outline-color,box-shadow; transition-duration: 200ms; transition-timing-function: ease } .k-list-item.k-first::before, .k-first.k-list-custom-value::before, .k-first.k-list-optionlabel::before { content: ""; border-width: 1px 0 0; border-style: solid; position: absolute; top: 0; left: 0; right: 0 } .k-list-item-text::before, .k-list-header-text::before, .k-list-optionlabel::before { content: "\200b"; width: 0px; overflow: hidden } .k-list-optionlabel { -moz-column-gap: 0; column-gap: 0 } .k-list-custom-value { font-style: italic; position: sticky } .k-list-group-item { border-width: 0; border-width: 1px 0 0; border-style: solid; font-weight: var(--kendo-font-weight-bold, normal); cursor: default; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-1, 0.25rem); position: relative } .k-list-item-group-label { position: absolute; top: 0; inset-inline-end: 0 } .k-virtual-content, .k-virtual-list .k-list-content { overflow-y: scroll } .k-virtual-list .k-list-item, .k-virtual-list .k-list-optionlabel, .k-virtual-list .k-list-custom-value, .k-virtual-list .k-list-group-item, .k-virtual-content .k-list-item, .k-virtual-content .k-list-optionlabel, .k-virtual-content .k-list-custom-value, .k-virtual-content .k-list-group-item { position: absolute; width: 100% } .k-virtual-list .k-list-item-text, .k-virtual-list .k-list-header-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .k-virtual-list .k-list-optionlabel { position: relative } .k-list-filter { display: block; position: relative; padding-inline: var(--kendo-spacing-2, 0.5rem); padding-block: var(--kendo-spacing-2, 0.5rem); box-sizing: border-box; flex: none } .k-list-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-list-sm .k-list-group-sticky-header { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-list-sm .k-list-filter { padding-inline: var(--kendo-spacing-2, 0.5rem); padding-block: var(--kendo-spacing-2, 0.5rem) } .k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel, .k-list-sm .k-list-custom-value { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-list-sm .k-list-group-item { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-list-sm .k-list-item-group-label { padding-block: 0; padding-inline: .5em; font-size: .75em; line-height: inherit } .k-list-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-list-md .k-list-group-sticky-header { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-list-md .k-list-filter { padding-inline: var(--kendo-spacing-2, 0.5rem); padding-block: var(--kendo-spacing-2, 0.5rem) } .k-list-md .k-list-item, .k-list-md .k-list-optionlabel, .k-list-md .k-list-custom-value { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-list-md .k-list-group-item { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-list-md .k-list-item-group-label { padding-block: 0; padding-inline: .5em; font-size: .75em; line-height: inherit } .k-list-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-list-lg .k-list-group-sticky-header { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-list-lg .k-list-filter { padding-inline: var(--kendo-spacing-2, 0.5rem); padding-block: var(--kendo-spacing-2, 0.5rem) } .k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel, .k-list-lg .k-list-custom-value { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-list-lg .k-list-group-item { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-list-lg .k-list-item-group-label { padding-block: 0; padding-inline: .5em; font-size: .75em; line-height: inherit } .k-list { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-list-group-sticky-header { border-color: inherit; box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-list-item:hover, .k-list-optionlabel:hover, .k-list-custom-value:hover, .k-list-item.k-hover, .k-hover.k-list-optionlabel, .k-hover.k-list-custom-value { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-list-item:focus, .k-list-optionlabel:focus, .k-list-custom-value:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel, .k-focus.k-list-custom-value { box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-list-item.k-selected, .k-selected.k-list-optionlabel, .k-selected.k-list-custom-value { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-selected.k-list-custom-value:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel, .k-selected.k-hover.k-list-custom-value { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary-hover, #ea5a51) } .k-list-optionlabel, .k-list-optionlabel.k-hover, .k-list-optionlabel:hover { color: var(--kendo-color-subtle, #666666) } .k-list-group-item { border-color: inherit } .k-list-item-group-label { color: var(--kendo-color-surface-alt, #ffffff); background-color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-listgroup { border-radius: var(--kendo-border-radius-md, 0.25rem); margin: 0; padding: 0; border-width: 1px; border-style: solid; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); list-style: none; display: flex; flex-direction: column; position: relative; overflow: hidden } .k-listgroup > ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column } .k-listgroup .k-listgroup-item + .k-listgroup-item { border-top-width: 1px } .k-listgroup-flush { border-radius: 0; border-left-width: 0; border-right-width: 0 } .k-listgroup-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 0; border-style: solid; border-color: inherit; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex: 0 0 auto; position: relative } .k-listgroup-item > .k-link { margin-block: calc(var(--kendo-spacing-2, 0.5rem)*-1); margin-inline: calc(var(--kendo-spacing-2, 0.5rem)*-1); padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); color: inherit; text-decoration: none; outline: 0; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex: 1 1 auto; position: relative } .k-listgroup-item > .k-link > .k-select { padding: var(--kendo-spacing-2, 0.5rem); display: flex; align-items: center; flex: 0 0 auto; position: absolute; top: 50%; inset-inline-end: 0; transform: translateY(-50%) } .k-listgroup-item-segmented { align-items: stretch } .k-listgroup-item-segmented > .k-link { margin-right: 0 } .k-listgroup-item-segmented > .k-select { margin: calc(var(--kendo-spacing-2, 0.5rem)*-1) calc(var(--kendo-spacing-2, 0.5rem)*-1) calc(var(--kendo-spacing-2, 0.5rem)*-1) 0; padding: var(--kendo-spacing-2, 0.5rem); border-width: 0 0 0 1px; border-style: solid; border-color: inherit; cursor: pointer } .k-listgroup-form-row { margin-block: calc(var(--kendo-spacing-2, 0.5rem)*-1); margin-inline: calc(var(--kendo-spacing-2, 0.5rem)*-1); padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); display: flex; flex-direction: row; align-items: center; justify-content: space-between; 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: flex; flex-direction: row; align-items: center; justify-content: flex-end; text-align: end; position: relative } .k-listgroup-form-row .k-listgroup-form-field-wrapper select, .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=text], .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 input[type=number], .k-listgroup-form-row .k-listgroup-form-field-wrapper textarea { width: 100%; box-sizing: border-box; flex: 1 1 100% } .k-listgroup-form-row .k-listgroup-form-field-wrapper textarea { min-height: 4em; resize: vertical } .k-listgroup-item.k-listgroup-form-row { margin: 0 } [dir=rtl] .k-listgroup-item > .k-link > .k-select { right: auto; left: 0 } [dir=rtl] .k-listgroup-item-segmented > .k-link { margin-right: calc(var(--kendo-spacing-2, 0.5rem)*-1); margin-left: 0 } [dir=rtl] .k-listgroup-item-segmented > .k-select { margin-right: 0; margin-left: calc(var(--kendo-spacing-2, 0.5rem)*-1); border-right-width: 1px; border-left-width: 0 } .k-noflexbox .k-listgroup, .k-noflexbox .k-listgroup > ul .k-listgroup-item, .k-noflexbox .k-listgroup-item > .k-link { display: block } .k-listgroup { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-badge { padding: 0; border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0); box-sizing: border-box; color: inherit; background-color: rgba(0,0,0,0); font: inherit; text-align: center; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; overflow: hidden; text-overflow: ellipsis } .k-badge *, .k-badge *::before, .k-badge *::after { box-sizing: border-box } .k-badge > * { color: inherit } a.k-badge, .k-badge > a { text-decoration: none } a.k-badge:hover, .k-badge > a: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-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-0\.5, 0.125rem); font-size: var(--kendo-font-size-xs, inherit); line-height: 1; min-width: calc(1em + var(--kendo-spacing-0\.5, 0.125rem)*2 + 2px) } .k-badge-sm:empty { padding: var(--kendo-spacing-0\.5, 0.125rem); min-width: auto } .k-badge-md { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); font-size: var(--kendo-font-size-xs, inherit); line-height: 1; min-width: calc(1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px) } .k-badge-md:empty { padding: var(--kendo-spacing-1, 0.25rem); min-width: auto } .k-badge-lg { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-1\.5, 0.375rem); font-size: var(--kendo-font-size-xs, inherit); line-height: 1; min-width: calc(1em + var(--kendo-spacing-1\.5, 0.375rem)*2 + 2px) } .k-badge-lg:empty { padding: var(--kendo-spacing-1\.5, 0.375rem); min-width: auto } kendo-badge-container { display: inline-block } .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 { transform: translate(-50%, -50%) } .k-badge-edge.k-top-end { transform: translate(50%, -50%) } .k-badge-edge.k-bottom-start { transform: translate(-50%, 50%) } .k-badge-edge.k-bottom-end { 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 { 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 { 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 { 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 { transform: translate(-50%, 50%) } .k-badge-outside { position: absolute; z-index: 9999 } .k-badge-outside.k-top-start { transform: translate(-100%, -100%) } .k-badge-outside.k-top-end { transform: translate(100%, -100%) } .k-badge-outside.k-bottom-start { transform: translate(-100%, 100%) } .k-badge-outside.k-bottom-end { 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 { 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 { 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 { 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 { transform: translate(-100%, 100%) } .k-badge-border-cutout { box-shadow: 0 0 0 2px var(--kendo-color-surface-alt, #ffffff) } .k-badge-solid-primary { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-badge-solid-secondary { border-color: var(--kendo-color-secondary, #333333); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #333333) } .k-badge-solid-tertiary { border-color: var(--kendo-color-tertiary, #03a9f4); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #03a9f4) } .k-badge-solid-info { border-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-badge-solid-success { border-color: var(--kendo-color-success, #0b8250); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #0b8250) } .k-badge-solid-warning { border-color: var(--kendo-color-warning, #ffbf44); color: var(--kendo-color-on-warning, #3d3d3d); background-color: var(--kendo-color-warning, #ffbf44) } .k-badge-solid-error { border-color: var(--kendo-color-error, #e13929); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #e13929) } .k-badge-solid-dark { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-badge-solid-light { border-color: var(--kendo-color-light, #ebebeb); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #ebebeb) } .k-badge-solid-inverse { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-badge-outline { border-color: currentColor; background-color: rgba(0,0,0,0) } .k-badge-outline-primary { color: var(--kendo-color-primary, #0058e9) } .k-badge-outline-secondary { color: var(--kendo-color-secondary, #333333) } .k-badge-outline-tertiary { color: var(--kendo-color-tertiary, #03a9f4) } .k-badge-outline-info { color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-badge-outline-success { color: var(--kendo-color-success, #0b8250) } .k-badge-outline-warning { color: var(--kendo-color-warning, #ffbf44) } .k-badge-outline-error { color: var(--kendo-color-error, #e13929) } .k-badge-outline-dark { color: var(--kendo-color-dark, #3d3d3d) } .k-badge-outline-light { color: var(--kendo-color-light, #ebebeb) } .k-badge-outline-inverse { color: var(--kendo-color-dark, #3d3d3d) } .k-button { box-sizing: border-box; border-width: 1px; border-style: solid; color: inherit; background: none; font-family: var(--kendo-font-family, inherit); font-weight: var(--kendo-font-weight-normal, normal); text-align: center; text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: var(--kendo-spacing-1, 0.25rem); vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; outline: none; -webkit-appearance: none; position: relative; transition: color .2s ease-in-out } .k-button *, .k-button *::before, .k-button *::after { box-sizing: border-box } .k-button:disabled, .k-button.k-disabled { box-shadow: none } .k-button::-moz-focus-inner { padding: 0; border: 0; outline: 0 } .k-button:hover, .k-button:focus { text-decoration: none; outline: 0 } .k-icon-button { gap: 0 } .k-icon-button .k-icon { display: inline-flex } .k-button-icon { color: inherit; align-self: center; position: relative } .k-button-sm { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-button-sm.k-icon-button { padding: var(--kendo-spacing-0\.5, 0.125rem) } .k-button-sm.k-icon-button .k-button-icon { min-width: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal)); min-height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal)); display: inline-flex; align-items: center; justify-content: center } .k-button-sm.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-sm.k-icon-button .k-button-icon.k-icon-md > svg { width: 16px; height: 16px } .k-button-sm.k-icon-button .k-button-icon.k-icon-xs > svg { width: 12px; height: 12px } .k-button-sm.k-icon-button .k-button-icon.k-icon-sm > svg { width: 14px; height: 14px } .k-button-sm.k-icon-button .k-button-icon.k-icon-lg > svg { width: 20px; height: 20px } .k-button-sm.k-icon-button .k-button-icon.k-icon-xl > svg { width: 24px; height: 24px } .k-button-sm.k-icon-button .k-button-icon.k-icon-xxl > svg { width: 32px; height: 32px } .k-button-sm.k-icon-button .k-button-icon.k-icon-xxxl > svg { width: 48px; height: 48px } .k-button-md { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-button-md.k-icon-button { padding: var(--kendo-spacing-1, 0.25rem) } .k-button-md.k-icon-button .k-button-icon { min-width: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal)); min-height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal)); display: inline-flex; align-items: center; justify-content: center } .k-button-md.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-md.k-icon-button .k-button-icon.k-icon-md > svg { width: 16px; height: 16px } .k-button-md.k-icon-button .k-button-icon.k-icon-xs > svg { width: 12px; height: 12px } .k-button-md.k-icon-button .k-button-icon.k-icon-sm > svg { width: 14px; height: 14px } .k-button-md.k-icon-button .k-button-icon.k-icon-lg > svg { width: 20px; height: 20px } .k-button-md.k-icon-button .k-button-icon.k-icon-xl > svg { width: 24px; height: 24px } .k-button-md.k-icon-button .k-button-icon.k-icon-xxl > svg { width: 32px; height: 32px } .k-button-md.k-icon-button .k-button-icon.k-icon-xxxl > svg { width: 48px; height: 48px } .k-button-lg { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-button-lg.k-icon-button { padding: var(--kendo-spacing-2, 0.5rem) } .k-button-lg.k-icon-button .k-button-icon { min-width: calc(var(--kendo-font-size-lg, inherit)*var(--kendo-line-height-lg, normal)); min-height: calc(var(--kendo-font-size-lg, inherit)*var(--kendo-line-height-lg, normal)); display: inline-flex; align-items: center; justify-content: center } .k-button-lg.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-lg.k-icon-button .k-button-icon.k-icon-md > svg { width: 16px; height: 16px } .k-button-lg.k-icon-button .k-button-icon.k-icon-xs > svg { width: 12px; height: 12px } .k-button-lg.k-icon-button .k-button-icon.k-icon-sm > svg { width: 14px; height: 14px } .k-button-lg.k-icon-button .k-button-icon.k-icon-lg > svg { width: 20px; height: 20px } .k-button-lg.k-icon-button .k-button-icon.k-icon-xl > svg { width: 24px; height: 24px } .k-button-lg.k-icon-button .k-button-icon.k-icon-xxl > svg { width: 32px; height: 32px } .k-button-lg.k-icon-button .k-button-icon.k-icon-xxxl > svg { width: 48px; height: 48px } .k-button-square { aspect-ratio: 1 } .k-button-group { margin: 0; padding: 0; border-width: 0; box-sizing: border-box; list-style: none; outline: 0; display: inline-flex; flex-flow: row nowrap; vertical-align: middle; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-button-group > .k-button + .k-button { -webkit-margin-start: -1px; margin-inline-start: -1px } .k-button-group > .k-button:hover, .k-button-group > .k-button.k-hover, .k-button-group > .k-button:focus, .k-button-group > .k-button.k-focus, .k-button-group > .k-button:active, .k-button-group > .k-button.k-active, .k-button-group > .k-button.k-selected { z-index: 2 } .k-button-group .k-button:not(:first-child):not(:last-child) { border-start-end-radius: 0; border-end-end-radius: 0; border-start-start-radius: 0; border-end-start-radius: 0 } .k-button-group > .k-button:first-child:not(:only-child) { border-start-end-radius: 0; border-end-end-radius: 0 } .k-button-group > .k-button:last-child:not(:only-child) { border-start-start-radius: 0; border-end-start-radius: 0 } .k-button-group-stretched { width: 100% } .k-button-group-stretched > * { flex: 1 0 0%; overflow: hidden } .k-button-flat { border-color: rgba(0,0,0,0) !important; color: inherit; background: none !important; box-shadow: none !important } .k-button-flat::before { display: block !important } .k-button-flat::after { box-shadow: inset 0 0 0 2px currentColor; display: block !important } .k-button-flat:focus::after, .k-button-flat.k-focus::after { opacity: .12 } .k-button-outline { border-color: currentColor; color: inherit; background: none } .k-button-link { border-color: rgba(0,0,0,0); color: inherit; text-decoration: none; background: none } .k-button-link:hover, .k-button-link.k-hover { text-decoration: underline } .k-button-clear { border-color: rgba(0,0,0,0) !important; color: inherit; background: none !important; box-shadow: none !important } .k-button-overlay, .k-button::before { border-radius: inherit; content: ""; background: currentColor; opacity: 0; display: none; pointer-events: none; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; z-index: 0; transition: opacity .2s ease-in-out } .k-button:hover::before, .k-button.k-hover::before { opacity: .04 } .k-button.k-no-focus:not(:hover)::before, .k-button.k-no-focus:not(.k-hover)::before { opacity: 0 } .k-button:active::before, .k-button.k-active::before { opacity: .16 } .k-button.k-selected::before { opacity: .2 } .k-button::after { border-radius: inherit; content: ""; opacity: 0; display: none; pointer-events: none; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; z-index: 0; transition: opacity .2s ease-in-out } .k-button-solid-base { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #3d3d3d); background-color: var(--kendo-color-base, #f5f5f5) } .k-button-solid-base:hover, .k-button-solid-base.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-button-solid-base:focus, .k-button-solid-base.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-button-solid-base:active, .k-button-solid-base.k-active { background-color: var(--kendo-color-base-active, #d6d6d6) } .k-button-solid-base.k-selected { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-button-solid-primary { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-button-solid-primary:hover, .k-button-solid-primary.k-hover { border-color: var(--kendo-color-primary-hover, #ea5a51); background-color: var(--kendo-color-primary-hover, #ea5a51) } .k-button-solid-primary:focus, .k-button-solid-primary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-primary, #0058e9) 30%, transparent) } .k-button-solid-primary:active, .k-button-solid-primary.k-active { border-color: var(--kendo-color-primary-active, #d45349); background-color: var(--kendo-color-primary-active, #d45349) } .k-button-solid-primary.k-selected { border-color: var(--kendo-color-primary-active, #d45349); background-color: var(--kendo-color-primary-active, #d45349) } .k-button-solid-secondary { border-color: var(--kendo-color-secondary, #333333); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #333333) } .k-button-solid-secondary:hover, .k-button-solid-secondary.k-hover { border-color: var(--kendo-color-secondary-hover, #525252); background-color: var(--kendo-color-secondary-hover, #525252) } .k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-secondary, #333333) 30%, transparent) } .k-button-solid-secondary:active, .k-button-solid-secondary.k-active { border-color: var(--kendo-color-secondary-active, #3d3d3d); background-color: var(--kendo-color-secondary-active, #3d3d3d) } .k-button-solid-secondary.k-selected { border-color: var(--kendo-color-secondary-active, #3d3d3d); background-color: var(--kendo-color-secondary-active, #3d3d3d) } .k-button-solid-tertiary { border-color: var(--kendo-color-tertiary, #03a9f4); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #03a9f4) } .k-button-solid-tertiary:hover, .k-button-solid-tertiary.k-hover { border-color: var(--kendo-color-tertiary-hover, #039ae0); background-color: var(--kendo-color-tertiary-hover, #039ae0) } .k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-tertiary, #03a9f4) 30%, transparent) } .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active { border-color: var(--kendo-color-tertiary-active, #028ccb); background-color: var(--kendo-color-tertiary-active, #028ccb) } .k-button-solid-tertiary.k-selected { border-color: var(--kendo-color-tertiary-active, #028ccb); background-color: var(--kendo-color-tertiary-active, #028ccb) } .k-button-solid-info { border-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-button-solid-info:hover, .k-button-solid-info.k-hover { border-color: var(--kendo-color-info-hover, #0052d6); background-color: var(--kendo-color-info-hover, #0052d6) } .k-button-solid-info:focus, .k-button-solid-info.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) 30%, transparent) } .k-button-solid-info:active, .k-button-solid-info.k-active { border-color: var(--kendo-color-info-active, #004ac2); background-color: var(--kendo-color-info-active, #004ac2) } .k-button-solid-info.k-selected { border-color: var(--kendo-color-info-active, #004ac2); background-color: var(--kendo-color-info-active, #004ac2) } .k-button-solid-success { border-color: var(--kendo-color-success, #0b8250); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #0b8250) } .k-button-solid-success:hover, .k-button-solid-success.k-hover { border-color: var(--kendo-color-success-hover, #32a500); background-color: var(--kendo-color-success-hover, #32a500) } .k-button-solid-success:focus, .k-button-solid-success.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-success, #0b8250) 30%, transparent) } .k-button-solid-success:active, .k-button-solid-success.k-active { border-color: var(--kendo-color-success-active, #2d9600); background-color: var(--kendo-color-success-active, #2d9600) } .k-button-solid-success.k-selected { border-color: var(--kendo-color-success-active, #2d9600); background-color: var(--kendo-color-success-active, #2d9600) } .k-button-solid-warning { border-color: var(--kendo-color-warning, #ffbf44); color: var(--kendo-color-on-warning, #3d3d3d); background-color: var(--kendo-color-warning, #ffbf44) } .k-button-solid-warning:hover, .k-button-solid-warning.k-hover { border-color: var(--kendo-color-warning-hover, #eaaf00); background-color: var(--kendo-color-warning-hover, #eaaf00) } .k-button-solid-warning:focus, .k-button-solid-warning.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-warning, #ffbf44) 30%, transparent) } .k-button-solid-warning:active, .k-button-solid-warning.k-active { border-color: var(--kendo-color-warning-active, #d49f00); background-color: var(--kendo-color-warning-active, #d49f00) } .k-button-solid-warning.k-selected { border-color: var(--kendo-color-warning-active, #d49f00); background-color: var(--kendo-color-warning-active, #d49f00) } .k-button-solid-error { border-color: var(--kendo-color-error, #e13929); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #e13929) } .k-button-solid-error:hover, .k-button-solid-error.k-hover { border-color: var(--kendo-color-error-hover, #df1600); background-color: var(--kendo-color-error-hover, #df1600) } .k-button-solid-error:focus, .k-button-solid-error.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-error, #e13929) 30%, transparent) } .k-button-solid-error:active, .k-button-solid-error.k-active { border-color: var(--kendo-color-error-active, #ca1400); background-color: var(--kendo-color-error-active, #ca1400) } .k-button-solid-error.k-selected { border-color: var(--kendo-color-error-active, #ca1400); background-color: var(--kendo-color-error-active, #ca1400) } .k-button-solid-dark { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-button-solid-dark:hover, .k-button-solid-dark.k-hover { border-color: var(--kendo-color-dark-hover, #292929); background-color: var(--kendo-color-dark-hover, #292929) } .k-button-solid-dark:focus, .k-button-solid-dark.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-dark, #3d3d3d) 30%, transparent) } .k-button-solid-dark:active, .k-button-solid-dark.k-active { border-color: var(--kendo-color-dark-active, #1f1f1f); background-color: var(--kendo-color-dark-active, #1f1f1f) } .k-button-solid-dark.k-selected { border-color: var(--kendo-color-dark-active, #1f1f1f); background-color: var(--kendo-color-dark-active, #1f1f1f) } .k-button-solid-light { border-color: var(--kendo-color-light, #ebebeb); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #ebebeb) } .k-button-solid-light:hover, .k-button-solid-light.k-hover { border-color: var(--kendo-color-light-hover, #e0e0e0); background-color: var(--kendo-color-light-hover, #e0e0e0) } .k-button-solid-light:focus, .k-button-solid-light.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-light, #ebebeb) 30%, transparent) } .k-button-solid-light:active, .k-button-solid-light.k-active { border-color: var(--kendo-color-light-active, #d6d6d6); background-color: var(--kendo-color-light-active, #d6d6d6) } .k-button-solid-light.k-selected { border-color: var(--kendo-color-light-active, #d6d6d6); background-color: var(--kendo-color-light-active, #d6d6d6) } .k-button-solid-inverse { border-color: var(--kendo-color-inverse, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-inverse, #3d3d3d) } .k-button-solid-inverse:hover, .k-button-solid-inverse.k-hover { border-color: var(--kendo-color-inverse-hover, #292929); background-color: var(--kendo-color-inverse-hover, #292929) } .k-button-solid-inverse:focus, .k-button-solid-inverse.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-inverse, #3d3d3d) 30%, transparent) } .k-button-solid-inverse:active, .k-button-solid-inverse.k-active { border-color: var(--kendo-color-inverse-active, #1f1f1f); background-color: var(--kendo-color-inverse-active, #1f1f1f) } .k-button-solid-inverse.k-selected { border-color: var(--kendo-color-inverse-active, #1f1f1f); background-color: var(--kendo-color-inverse-active, #1f1f1f) } .k-button-outline-base { box-shadow: none; border-color: currentColor; color: var(--kendo-color-base-on-surface, #3d3d3d); background-color: rgba(0,0,0,0) } .k-button-outline-base:hover, .k-button-outline-base.k-hover { border-color: var(--kendo-color-on-base, #3d3d3d); color: var(--kendo-color-base, #f5f5f5); background-color: var(--kendo-color-on-base, #3d3d3d) } .k-button-outline-base:focus, .k-button-outline-base.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 30%, transparent) } .k-button-outline-base:active, .k-button-outline-base.k-active { border-color: var(--kendo-color-on-base, #3d3d3d); color: var(--kendo-color-base, #f5f5f5); background-color: var(--kendo-color-on-base, #3d3d3d) } .k-button-outline-base.k-selected { border-color: var(--kendo-color-on-base, #3d3d3d); color: var(--kendo-color-base, #f5f5f5); background-color: var(--kendo-color-on-base, #3d3d3d) } .k-button-outline-primary { box-shadow: none; border-color: currentColor; color: var(--kendo-color-primary-on-surface, #ff6358); background-color: rgba(0,0,0,0) } .k-button-outline-primary:hover, .k-button-outline-primary.k-hover { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-button-outline-primary:focus, .k-button-outline-primary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-primary, #0058e9) 30%, transparent) } .k-button-outline-primary:active, .k-button-outline-primary.k-active { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-button-outline-primary.k-selected { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-button-outline-secondary { box-shadow: none; border-color: currentColor; color: var(--kendo-color-secondary-on-surface, #292929); background-color: rgba(0,0,0,0) } .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover { border-color: var(--kendo-color-secondary, #333333); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #333333) } .k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-secondary, #333333) 30%, transparent) } .k-button-outline-secondary:active, .k-button-outline-secondary.k-active { border-color: var(--kendo-color-secondary, #333333); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #333333) } .k-button-outline-secondary.k-selected { border-color: var(--kendo-color-secondary, #333333); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #333333) } .k-button-outline-tertiary { box-shadow: none; border-color: currentColor; color: var(--kendo-color-tertiary-on-surface, #028ccb); background-color: rgba(0,0,0,0) } .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover { border-color: var(--kendo-color-tertiary, #03a9f4); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #03a9f4) } .k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-tertiary, #03a9f4) 30%, transparent) } .k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active { border-color: var(--kendo-color-tertiary, #03a9f4); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #03a9f4) } .k-button-outline-tertiary.k-selected { border-color: var(--kendo-color-tertiary, #03a9f4); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #03a9f4) } .k-button-outline-info { box-shadow: none; border-color: currentColor; color: var(--kendo-color-info-on-surface, #004ac2); background-color: rgba(0,0,0,0) } .k-button-outline-info:hover, .k-button-outline-info.k-hover { border-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-button-outline-info:focus, .k-button-outline-info.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) 30%, transparent) } .k-button-outline-info:active, .k-button-outline-info.k-active { border-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-button-outline-info.k-selected { border-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-button-outline-success { box-shadow: none; border-color: currentColor; color: var(--kendo-color-success-on-surface, #2d9600); background-color: rgba(0,0,0,0) } .k-button-outline-success:hover, .k-button-outline-success.k-hover { border-color: var(--kendo-color-success, #0b8250); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #0b8250) } .k-button-outline-success:focus, .k-button-outline-success.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-success, #0b8250) 30%, transparent) } .k-button-outline-success:active, .k-button-outline-success.k-active { border-color: var(--kendo-color-success, #0b8250); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #0b8250) } .k-button-outline-success.k-selected { border-color: var(--kendo-color-success, #0b8250); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #0b8250) } .k-button-outline-warning { box-shadow: none; border-color: currentColor; color: var(--kendo-color-warning-on-surface, #ffc000); background-color: rgba(0,0,0,0) } .k-button-outline-warning:hover, .k-button-outline-warning.k-hover { border-color: var(--kendo-color-warning, #ffbf44); color: var(--kendo-color-on-warning, #3d3d3d); background-color: var(--kendo-color-warning, #ffbf44) } .k-button-outline-warning:focus, .k-button-outline-warning.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-warning, #ffbf44) 30%, transparent) } .k-button-outline-warning:active, .k-button-outline-warning.k-active { border-color: var(--kendo-color-warning, #ffbf44); color: var(--kendo-color-on-warning, #3d3d3d); background-color: var(--kendo-color-warning, #ffbf44) } .k-button-outline-warning.k-selected { border-color: var(--kendo-color-warning, #ffbf44); color: var(--kendo-color-on-warning, #3d3d3d); background-color: var(--kendo-color-warning, #ffbf44) } .k-button-outline-error { box-shadow: none; border-color: currentColor; color: var(--kendo-color-error-on-surface, #ca1400); background-color: rgba(0,0,0,0) } .k-button-outline-error:hover, .k-button-outline-error.k-hover { border-color: var(--kendo-color-error, #e13929); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #e13929) } .k-button-outline-error:focus, .k-button-outline-error.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-error, #e13929) 30%, transparent) } .k-button-outline-error:active, .k-button-outline-error.k-active { border-color: var(--kendo-color-error, #e13929); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #e13929) } .k-button-outline-error.k-selected { border-color: var(--kendo-color-error, #e13929); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #e13929) } .k-button-outline-dark { box-shadow: none; border-color: currentColor; color: var(--kendo-color-dark-on-surface, #141414); background-color: rgba(0,0,0,0) } .k-button-outline-dark:hover, .k-button-outline-dark.k-hover { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-button-outline-dark:focus, .k-button-outline-dark.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-dark, #3d3d3d) 30%, transparent) } .k-button-outline-dark:active, .k-button-outline-dark.k-active { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-button-outline-dark.k-selected { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-button-outline-light { box-shadow: none; border-color: currentColor; color: var(--kendo-color-light-on-surface, #e0e0e0); background-color: rgba(0,0,0,0) } .k-button-outline-light:hover, .k-button-outline-light.k-hover { border-color: var(--kendo-color-light, #ebebeb); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #ebebeb) } .k-button-outline-light:focus, .k-button-outline-light.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-light, #ebebeb) 30%, transparent) } .k-button-outline-light:active, .k-button-outline-light.k-active { border-color: var(--kendo-color-light, #ebebeb); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #ebebeb) } .k-button-outline-light.k-selected { border-color: var(--kendo-color-light, #ebebeb); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #ebebeb) } .k-button-outline-inverse { box-shadow: none; border-color: currentColor; color: var(--kendo-color-inverse-on-surface, #141414); background-color: rgba(0,0,0,0) } .k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-button-outline-inverse:focus, .k-button-outline-inverse.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-inverse, #3d3d3d) 30%, transparent) } .k-button-outline-inverse:active, .k-button-outline-inverse.k-active { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-button-outline-inverse.k-selected { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-button-flat-base { color: inherit } .k-button-flat-primary { color: var(--kendo-color-primary-on-surface, #ff6358) } .k-button-flat-secondary { color: var(--kendo-color-secondary-on-surface, #292929) } .k-button-flat-tertiary { color: var(--kendo-color-tertiary-on-surface, #028ccb) } .k-button-flat-info { color: var(--kendo-color-info-on-surface, #004ac2) } .k-button-flat-success { color: var(--kendo-color-success-on-surface, #2d9600) } .k-button-flat-warning { color: var(--kendo-color-warning-on-surface, #ffc000) } .k-button-flat-error { color: var(--kendo-color-error-on-surface, #ca1400) } .k-button-flat-dark { color: var(--kendo-color-dark-on-surface, #141414) } .k-button-flat-light { color: var(--kendo-color-light-on-surface, #e0e0e0) } .k-button-flat-inverse { color: var(--kendo-color-inverse-on-surface, #141414) } .k-button-link-base { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-button-link-base:hover, .k-button-link-base.k-hover { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-button-link-base:focus, .k-button-link-base.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 30%, transparent) } .k-button-link-base:active, .k-button-link-base.k-active { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-button-link-base.k-selected { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-button-link-primary { color: var(--kendo-color-primary, #0058e9) } .k-button-link-primary:hover, .k-button-link-primary.k-hover { color: var(--kendo-color-primary-hover, #ea5a51) } .k-button-link-primary:focus, .k-button-link-primary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-primary, #0058e9) 30%, transparent) } .k-button-link-primary:active, .k-button-link-primary.k-active { color: var(--kendo-color-primary-active, #d45349) } .k-button-link-primary.k-selected { color: var(--kendo-color-primary-active, #d45349) } .k-button-link-secondary { color: var(--kendo-color-secondary, #333333) } .k-button-link-secondary:hover, .k-button-link-secondary.k-hover { color: var(--kendo-color-secondary-hover, #525252) } .k-button-link-secondary:focus, .k-button-link-secondary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-secondary, #333333) 30%, transparent) } .k-button-link-secondary:active, .k-button-link-secondary.k-active { color: var(--kendo-color-secondary-active, #3d3d3d) } .k-button-link-secondary.k-selected { color: var(--kendo-color-secondary-active, #3d3d3d) } .k-button-link-tertiary { color: var(--kendo-color-tertiary, #03a9f4) } .k-button-link-tertiary:hover, .k-button-link-tertiary.k-hover { color: var(--kendo-color-tertiary-hover, #039ae0) } .k-button-link-tertiary:focus, .k-button-link-tertiary.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-tertiary, #03a9f4) 30%, transparent) } .k-button-link-tertiary:active, .k-button-link-tertiary.k-active { color: var(--kendo-color-tertiary-active, #028ccb) } .k-button-link-tertiary.k-selected { color: var(--kendo-color-tertiary-active, #028ccb) } .k-button-link-info { color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-button-link-info:hover, .k-button-link-info.k-hover { color: var(--kendo-color-info-hover, #0052d6) } .k-button-link-info:focus, .k-button-link-info.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) 30%, transparent) } .k-button-link-info:active, .k-button-link-info.k-active { color: var(--kendo-color-info-active, #004ac2) } .k-button-link-info.k-selected { color: var(--kendo-color-info-active, #004ac2) } .k-button-link-success { color: var(--kendo-color-success, #0b8250) } .k-button-link-success:hover, .k-button-link-success.k-hover { color: var(--kendo-color-success-hover, #32a500) } .k-button-link-success:focus, .k-button-link-success.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-success, #0b8250) 30%, transparent) } .k-button-link-success:active, .k-button-link-success.k-active { color: var(--kendo-color-success-active, #2d9600) } .k-button-link-success.k-selected { color: var(--kendo-color-success-active, #2d9600) } .k-button-link-warning { color: var(--kendo-color-warning, #ffbf44) } .k-button-link-warning:hover, .k-button-link-warning.k-hover { color: var(--kendo-color-warning-hover, #eaaf00) } .k-button-link-warning:focus, .k-button-link-warning.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-warning, #ffbf44) 30%, transparent) } .k-button-link-warning:active, .k-button-link-warning.k-active { color: var(--kendo-color-warning-active, #d49f00) } .k-button-link-warning.k-selected { color: var(--kendo-color-warning-active, #d49f00) } .k-button-link-error { color: var(--kendo-color-error, #e13929) } .k-button-link-error:hover, .k-button-link-error.k-hover { color: var(--kendo-color-error-hover, #df1600) } .k-button-link-error:focus, .k-button-link-error.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-error, #e13929) 30%, transparent) } .k-button-link-error:active, .k-button-link-error.k-active { color: var(--kendo-color-error-active, #ca1400) } .k-button-link-error.k-selected { color: var(--kendo-color-error-active, #ca1400) } .k-button-link-dark { color: var(--kendo-color-dark, #3d3d3d) } .k-button-link-dark:hover, .k-button-link-dark.k-hover { color: var(--kendo-color-dark-hover, #292929) } .k-button-link-dark:focus, .k-button-link-dark.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-dark, #3d3d3d) 30%, transparent) } .k-button-link-dark:active, .k-button-link-dark.k-active { color: var(--kendo-color-dark-active, #1f1f1f) } .k-button-link-dark.k-selected { color: var(--kendo-color-dark-active, #1f1f1f) } .k-button-link-light { color: var(--kendo-color-light, #ebebeb) } .k-button-link-light:hover, .k-button-link-light.k-hover { color: var(--kendo-color-light-hover, #e0e0e0) } .k-button-link-light:focus, .k-button-link-light.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-light, #ebebeb) 30%, transparent) } .k-button-link-light:active, .k-button-link-light.k-active { color: var(--kendo-color-light-active, #d6d6d6) } .k-button-link-light.k-selected { color: var(--kendo-color-light-active, #d6d6d6) } .k-button-link-inverse { color: var(--kendo-color-dark, #3d3d3d) } .k-button-link-inverse:hover, .k-button-link-inverse.k-hover { color: var(--kendo-color-inverse-hover, #292929) } .k-button-link-inverse:focus, .k-button-link-inverse.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-inverse, #3d3d3d) 30%, transparent) } .k-button-link-inverse:active, .k-button-link-inverse.k-active { color: var(--kendo-color-inverse-active, #1f1f1f) } .k-button-link-inverse.k-selected { color: var(--kendo-color-inverse-active, #1f1f1f) } .k-button-clear-base { color: var(--kendo-color-base-on-surface, #3d3d3d) } .k-button-clear-base:focus::after, .k-button-clear-base.k-focus::after, .k-button-clear-base:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-primary { color: var(--kendo-color-primary-on-surface, #ff6358) } .k-button-clear-primary:focus::after, .k-button-clear-primary.k-focus::after, .k-button-clear-primary:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-secondary { color: var(--kendo-color-secondary-on-surface, #292929) } .k-button-clear-secondary:focus::after, .k-button-clear-secondary.k-focus::after, .k-button-clear-secondary:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-tertiary { color: var(--kendo-color-tertiary-on-surface, #028ccb) } .k-button-clear-tertiary:focus::after, .k-button-clear-tertiary.k-focus::after, .k-button-clear-tertiary:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-info { color: var(--kendo-color-info-on-surface, #004ac2) } .k-button-clear-info:focus::after, .k-button-clear-info.k-focus::after, .k-button-clear-info:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-success { color: var(--kendo-color-success-on-surface, #2d9600) } .k-button-clear-success:focus::after, .k-button-clear-success.k-focus::after, .k-button-clear-success:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-warning { color: var(--kendo-color-warning-on-surface, #ffc000) } .k-button-clear-warning:focus::after, .k-button-clear-warning.k-focus::after, .k-button-clear-warning:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-error { color: var(--kendo-color-error-on-surface, #ca1400) } .k-button-clear-error:focus::after, .k-button-clear-error.k-focus::after, .k-button-clear-error:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-dark { color: var(--kendo-color-dark-on-surface, #141414) } .k-button-clear-dark:focus::after, .k-button-clear-dark.k-focus::after, .k-button-clear-dark:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-light { color: var(--kendo-color-light-on-surface, #e0e0e0) } .k-button-clear-light:focus::after, .k-button-clear-light.k-focus::after, .k-button-clear-light:active::after { background-color: currentColor; opacity: .1; display: block } .k-button-clear-inverse { color: var(--kendo-color-inverse-on-surface, #141414) } .k-button-clear-inverse:focus::after, .k-button-clear-inverse.k-focus::after, .k-button-clear-inverse:active::after { background-color: currentColor; opacity: .1; display: block } .k-actions, .k-form-buttons, .k-edit-buttons, .k-action-buttons, .k-columnmenu-actions { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); box-sizing: border-box; border-width: 0px 0 0 0; border-style: solid; border-color: inherit; flex-shrink: 0; display: flex; flex-flow: row nowrap; align-items: center; gap: var(--kendo-spacing-2, 0.5rem); overflow: hidden; clear: both } .k-actions *, .k-form-buttons *, .k-edit-buttons *, .k-action-buttons *, .k-columnmenu-actions *, .k-actions *::before, .k-form-buttons *::before, .k-edit-buttons *::before, .k-action-buttons *::before, .k-columnmenu-actions *::before, .k-actions *::after, .k-form-buttons *::after, .k-edit-buttons *::after, .k-action-buttons *::after, .k-columnmenu-actions *::after { box-sizing: border-box } .k-popup .k-actions, .k-popup .k-form-buttons, .k-popup .k-edit-buttons, .k-popup .k-action-buttons, .k-popup .k-columnmenu-actions { margin-top: var(--kendo-spacing-4, 1rem) } .k-actions-start { justify-content: flex-start } .k-actions-center { justify-content: center } .k-actions-end { justify-content: flex-end } .k-actions-justify { justify-content: space-between } .k-actions-stretched > * { flex: 1 0 0% } .k-actions-horizontal { width: 100%; flex-flow: row nowrap } .k-actions-vertical { flex-flow: column nowrap; align-items: normal } .k-overlay { width: 100%; height: 100%; opacity: .5; position: fixed; top: 0; left: 0; z-index: 10001 } .k-overlay { background-color: #000 } .k-overlay-primary { background-color: var(--kendo-color-primary, #0058e9) } .k-overlay-secondary { background-color: var(--kendo-color-secondary, #333333) } .k-overlay-tertiary { background-color: var(--kendo-color-tertiary, #03a9f4) } .k-overlay-info { background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-overlay-success { background-color: var(--kendo-color-success, #0b8250) } .k-overlay-warning { background-color: var(--kendo-color-warning, #ffbf44) } .k-overlay-error { background-color: var(--kendo-color-error, #e13929) } .k-overlay-dark { background-color: var(--kendo-color-dark, #3d3d3d) } .k-overlay-light { background-color: var(--kendo-color-light, #ebebeb) } .k-overlay-inverse { background-color: var(--kendo-color-dark, #3d3d3d) } .k-animation-container { position: absolute; overflow: hidden; z-index: 100; outline: none } .k-animation-container-fixed { position: fixed } .k-animation-container-relative { position: relative; display: inline-block } .k-animation-container { border-radius: 0 0 .25rem .25rem } .k-animation-container-shown { overflow: visible } .k-popup { margin: 0; padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; align-items: stretch } .k-popup .k-item { outline: none } .k-popup > .k-colorpalette { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-popup.k-popup-transparent { border-width: 0; background-color: rgba(0,0,0,0); box-shadow: none } .k-popup.k-popup-flush { padding: 0 } .k-popup > .k-widget, .k-popup > .k-coloreditor { border-width: 0 } .k-popup .k-column-list { max-height: 200px; overflow-x: hidden; overflow-y: auto } .k-popup .k-multicheck-wrap { max-height: 300px; overflow: auto } .k-shadow { box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-popup { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-ripple-target { position: relative } .k-ripple { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; pointer-events: none } .k-ripple-blob { pointer-events: none; position: absolute; border-radius: 50%; padding: 0; transform: translate(-50%, -50%) scale(0); transition: opacity 100ms linear,transform 500ms cubic-bezier(0.4, 0, 0.2, 1); opacity: .1; background-color: currentColor } .k-primary .k-ripple-blob { opacity: .2 } .k-ripple-focus::after { visibility: visible; animation: ripple 600ms ease-out } @keyframes ripple { 0% { transform: translate(-50%, -50%) scale(0) } 20% { transform: translate(-50%, -50%) scale(1) } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1) } } .k-table { width: 100%; max-width: none; border-width: 1px; border-style: solid; text-align: start; border-collapse: collapse; border-spacing: 0; empty-cells: show; outline: none } .k-data-table { border-width: 1px; border-style: solid } .k-data-table .k-table { table-layout: fixed } .k-table-thead, .k-table-tbody, .k-table-tfoot, .k-table-row, .k-table-alt-row { border-color: inherit; text-align: inherit } .k-table-th, .k-table-td { border-width: 0 0 0px 1px; border-style: solid; border-color: inherit; box-sizing: border-box; font-weight: normal; text-align: inherit; white-space: nowrap; text-overflow: ellipsis; display: table-cell; overflow: hidden; position: relative } .k-table-th:first-child, .k-table-td:first-child { border-left-width: 0 } .k-table-th { border-bottom-width: 1px } .k-table-header { -webkit-padding-end: var(--kendo-scrollbar-width); padding-inline-end: var(--kendo-scrollbar-width); border-width: 0 0 1px; border-style: solid; box-sizing: border-box } .k-table-header .k-table { border-width: 0 } .k-table-header-wrap { margin-right: -1px; width: 100%; border-width: 0 1px 0 0; border-style: solid; border-color: inherit; overflow: hidden } .k-table-header > .k-table, .k-table-header-wrap > .k-table { margin-bottom: -1px } .k-table-group-sticky-header { flex: none } .k-table-group-sticky-header .k-table-th { display: flex; flex-flow: row nowrap; align-items: center; align-content: center } .k-table-list { margin: 0; padding: 0; width: 100%; max-width: none; border-width: 0; display: table; border-collapse: collapse; border-spacing: 0; table-layout: fixed; empty-cells: show; list-style: none; outline: none } .k-table-list .k-table-row { position: relative } .k-table-list .k-table-row, .k-table-list .k-table-group-row { width: 100%; box-sizing: border-box; display: table-row } .k-table-list .k-table-row.k-first { border-top: 1px solid currentColor } .k-table-list .k-table-th, .k-table-list .k-table-td { vertical-align: middle } .k-table-list .k-table-group-row { position: sticky } .k-table-list .k-table-group-row::before { content: "\200b"; padding-inline: 0; width: 0; display: block; overflow: hidden } .k-table-list .k-table-group-row .k-table-th { width: 100%; border-color: inherit; color: inherit; background-color: inherit; position: absolute; top: 0 } .k-table-list .k-table-spacer-td { padding: 0 !important; width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important } .k-table-list .k-table-group-td { padding: 0 !important; width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; overflow: visible } .k-table-list .k-table-group-td > span { font-size: .75em; position: absolute; top: 0; right: 0 } .k-virtual-table .k-table-row, .k-virtual-table .k-table-group-row { position: absolute; width: 100% } .k-table-scroller { position: relative; overflow: auto } .k-table-scroller > .k-table { border-width: 0 } .k-table-footer { -webkit-padding-end: var(--kendo-scrollbar-width); padding-inline-end: var(--kendo-scrollbar-width); border-width: 1px 0 0; border-style: solid; box-sizing: border-box } .k-table-footer .k-table { border-width: 0 } .k-table-footer-wrap { margin-right: -1px; width: 100%; border-width: 0 1px 0 0; border-style: solid; border-color: inherit; overflow: hidden } .k-table-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-table-sm .k-table-th, .k-table-sm .k-table-td { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-table-sm .k-table-list .k-table-group-td > span { padding-block: 0; padding-inline: calc(var(--kendo-spacing-2, 0.5rem)/2) } .k-table-sm .k-table-list .k-table-group-row::before { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: 0 } .k-table-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-table-md .k-table-th, .k-table-md .k-table-td { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-table-md .k-table-list .k-table-group-td > span { padding-block: 0; padding-inline: calc(var(--kendo-spacing-3, 0.75rem)/2) } .k-table-md .k-table-list .k-table-group-row::before { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: 0 } .k-table-lg { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-table-lg .k-table-th, .k-table-lg .k-table-td { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-table-lg .k-table-list .k-table-group-td > span { padding-block: 0; padding-inline: calc(var(--kendo-spacing-2, 0.5rem)/2) } .k-table-lg .k-table-list .k-table-group-row::before { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: 0 } .k-rtl.k-table .k-table-th, .k-rtl.k-table .k-table-td, .k-rtl .k-table .k-table-th, .k-rtl .k-table .k-table-td, [dir=rtl].k-table .k-table-th, [dir=rtl].k-table .k-table-td, [dir=rtl] .k-table .k-table-th, [dir=rtl] .k-table .k-table-td { border-left-width: 0; border-right-width: 1px } .k-rtl.k-table .k-table-th:first-child, .k-rtl.k-table .k-table-td:first-child, .k-rtl .k-table .k-table-th:first-child, .k-rtl .k-table .k-table-td:first-child, [dir=rtl].k-table .k-table-th:first-child, [dir=rtl].k-table .k-table-td:first-child, [dir=rtl] .k-table .k-table-th:first-child, [dir=rtl] .k-table .k-table-td:first-child { border-right-width: 0 } .k-rtl.k-table .k-table-header-wrap, .k-rtl.k-table .k-table-footer-wrap, .k-rtl .k-table .k-table-header-wrap, .k-rtl .k-table .k-table-footer-wrap, [dir=rtl].k-table .k-table-header-wrap, [dir=rtl].k-table .k-table-footer-wrap, [dir=rtl] .k-table .k-table-header-wrap, [dir=rtl] .k-table .k-table-footer-wrap { margin-right: 0; margin-left: -1px; border-left-width: 1px; border-right-width: 0 } .k-rtl .k-table-list .k-table-group-td > span, [dir=rtl] .k-table-list .k-table-group-td > span { left: 0; right: auto } .k-table, .k-data-table { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-table .k-table-td-row-span, .k-data-table .k-table-td-row-span { box-shadow: inset 0 0 0 1px var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-table-thead, .k-table-header, .k-table-group-sticky-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-table-tfoot, .k-table-footer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-table-group-row { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-table-group-td > span { color: var(--kendo-color-surface-alt, #ffffff); background-color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-table-alt-row { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 5%, transparent) } .k-table-tbody .k-table-row:hover, .k-table-list .k-table-row:hover, .k-table-tbody .k-table-row.k-hover, .k-table-list .k-table-row.k-hover { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 11%, transparent) } .k-table-tbody .k-table-row.k-focus, .k-table-tbody .k-table-row:focus, .k-table-list .k-table-row.k-focus, .k-table-list .k-table-row:focus, .k-table-tbody .k-table-td.k-focus, .k-table-tbody .k-table-td:focus, .k-table-list .k-table-td.k-focus, .k-table-list .k-table-td:focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-table-tbody .k-table-row.k-selected > .k-table-td, .k-table-list .k-table-row.k-selected { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent) } .k-virtual-scroller { width: 100%; height: 100%; flex: 1 1 auto; overflow: auto; position: relative } .k-virtual-scroller-wrap { position: relative; z-index: 1 } .k-virtual-scroller-content { position: absolute; width: 100%; top: 0; inset-inline-start: 0 } .k-virtual-scroller-size { position: relative; z-index: 0 } .k-no-data, .k-nodata { min-height: 140px; display: flex; align-items: center; justify-content: center; font-weight: lighter; text-align: center; white-space: normal } .k-no-data, .k-nodata { color: var(--kendo-color-subtle, #666666) } .k-column-menu-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-column-menu-sm .k-columnmenu-item { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-column-list-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-column-list-sm .k-column-list-item { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-group-menu-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-group-menu-sm .k-group-menu-item { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-column-menu-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-column-menu-md .k-columnmenu-item { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-column-list-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-column-list-md .k-column-list-item { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-group-menu-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-group-menu-md .k-group-menu-item { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-column-menu-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-column-menu-lg .k-columnmenu-item { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-column-list-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-column-list-lg .k-column-list-item { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-group-menu-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-group-menu-lg .k-group-menu-item { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-group-menu .k-group-menu-item-wrap + .k-group-menu-item-wrap { border-top: 1px solid } .k-group-menu-item { display: flex; -webkit-user-select: none; -moz-user-select: none; user-select: none; gap: var(--kendo-spacing-1, 0.25rem) } .k-group-menu-item-actions { display: flex; align-items: center; justify-content: center; margin-block: calc(var(--kendo-spacing-1, 0.25rem)*-1); pointer-events: none } .k-group-menu-item-action { display: flex; align-items: center; justify-content: center; padding: var(--kendo-spacing-1, 0.25rem); border-radius: var(--kendo-border-radius-md, 0.25rem); pointer-events: auto; cursor: pointer } .k-group-menu-item-drag-action { cursor: move } .k-group-menu-item-action:not(.k-group-menu-item-drag-action).k-hover, .k-group-menu-item-action:not(.k-group-menu-item-drag-action):hover { background-color: color-mix(in srgb, currentColor 4%, transparent) } .k-group-menu-item-action:not(.k-group-menu-item-drag-action).k-selected, .k-group-menu-item-action:not(.k-group-menu-item-drag-action):active { background-color: color-mix(in srgb, currentColor 16%, transparent) } .k-group-menu-item-action.k-group-menu-item-add-action { color: var(--kendo-color-primary, #0058e9) } .k-group-menu .k-group-menu-item-wrap + .k-group-menu-item-wrap { border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-avatar { border-width: 0; border-style: solid; box-sizing: border-box; vertical-align: middle; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; flex-shrink: 0; overflow: hidden } .k-avatar *, .k-avatar *::before, .k-avatar *::after { box-sizing: border-box } .k-avatar-text, .k-avatar-initials { font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal) } .k-avatar-icon { display: flex; flex-flow: row nowrap; align-items: center } .k-avatar-image { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat } .k-avatar-image > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; vertical-align: top } .k-avatar-sm { width: var(--kendo-spacing-4, 1rem); height: var(--kendo-spacing-4, 1rem); flex-basis: var(--kendo-spacing-4, 1rem) } .k-avatar-md { width: var(--kendo-spacing-8, 2rem); height: var(--kendo-spacing-8, 2rem); flex-basis: var(--kendo-spacing-8, 2rem) } .k-avatar-lg { width: var(--kendo-spacing-16, 4rem); height: var(--kendo-spacing-16, 4rem); flex-basis: var(--kendo-spacing-16, 4rem) } .k-avatar-bordered { border-width: 1px } .k-avatar-solid-primary { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-avatar-solid-secondary { border-color: var(--kendo-color-secondary, #333333); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #333333) } .k-avatar-solid-tertiary { border-color: var(--kendo-color-tertiary, #03a9f4); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #03a9f4) } .k-avatar-solid-info { border-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-avatar-solid-success { border-color: var(--kendo-color-success, #0b8250); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #0b8250) } .k-avatar-solid-warning { border-color: var(--kendo-color-warning, #ffbf44); color: var(--kendo-color-on-warning, #3d3d3d); background-color: var(--kendo-color-warning, #ffbf44) } .k-avatar-solid-error { border-color: var(--kendo-color-error, #e13929); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #e13929) } .k-avatar-solid-dark { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-avatar-solid-light { border-color: var(--kendo-color-light, #ebebeb); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #ebebeb) } .k-avatar-solid-inverse { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-avatar-outline { border-color: currentColor } .k-avatar-outline-primary { color: var(--kendo-color-primary, #0058e9) } .k-avatar-outline-secondary { color: var(--kendo-color-secondary, #333333) } .k-avatar-outline-tertiary { color: var(--kendo-color-tertiary, #03a9f4) } .k-avatar-outline-info { color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-avatar-outline-success { color: var(--kendo-color-success, #0b8250) } .k-avatar-outline-warning { color: var(--kendo-color-warning, #ffbf44) } .k-avatar-outline-error { color: var(--kendo-color-error, #e13929) } .k-avatar-outline-dark { color: var(--kendo-color-dark, #3d3d3d) } .k-avatar-outline-light { color: var(--kendo-color-light, #ebebeb) } .k-avatar-outline-inverse { color: var(--kendo-color-dark, #3d3d3d) } .k-chip { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); border-width: 1px; border-style: solid; outline: 0; font-family: var(--kendo-font-family, inherit); font-weight: var(--kendo-font-weight-normal, normal); font-size: var(--kendo-font-size, inherit); line-height: 1; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; gap: var(--kendo-spacing-1, 0.25rem); position: relative; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none } .k-chip *, .k-chip *::before, .k-chip *::after { box-sizing: border-box } .k-chip .k-selected-icon-wrapper { display: none !important } .k-chip-content { min-width: 0; display: flex; flex-flow: row nowrap; align-items: center; flex: 1 1 auto } .k-chip-content .k-icon-wrapper-host { display: initial } .k-chip-content:first-child { -webkit-margin-start: var(--kendo-spacing-1, 0.25rem); margin-inline-start: var(--kendo-spacing-1, 0.25rem) } .k-chip-content:last-child { -webkit-margin-end: var(--kendo-spacing-1, 0.25rem); margin-inline-end: var(--kendo-spacing-1, 0.25rem) } .k-chip-text, .k-chip-label { padding-block: .5em; padding-inline: 0; margin-block: -0.5em; margin-inline: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 1 1 auto } .k-chip-avatar { border-radius: 50%; background-size: cover; background-position: center; flex: none } .k-chip-icon { display: flex; align-items: center; justify-content: center; flex: none } .k-chip-actions { margin-block: -5em; margin-inline: 0; flex: none; display: flex; flex-flow: row nowrap; align-items: center; align-self: center } .k-chip-action { flex: none; display: flex; flex-flow: row nowrap; align-items: center; align-self: center } .k-remove-icon { font-size: inherit; display: flex; align-items: center; justify-content: center; flex: none } .k-chip-list { min-width: 0px; display: inline-flex; flex-wrap: wrap; align-items: center; position: relative } .k-chip-sm { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-1, 0.25rem); font-size: var(--kendo-font-size, inherit); line-height: 1 } .k-chip-sm .k-chip-action { padding: var(--kendo-spacing-0\.5, 0.125rem) } .k-chip-avatar { width: 1em; height: 1em; flex-basis: 1em } .k-chip-md { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); font-size: var(--kendo-font-size, inherit); line-height: 1 } .k-chip-md .k-chip-action { padding: var(--kendo-spacing-1, 0.25rem) } .k-chip-avatar { width: 1em; height: 1em; flex-basis: 1em } .k-chip-lg { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-1, 0.25rem); font-size: var(--kendo-font-size, inherit); line-height: 1 } .k-chip-lg .k-chip-action { padding: var(--kendo-spacing-1\.5, 0.375rem) } .k-chip-avatar { width: 1em; height: 1em; flex-basis: 1em } .k-chip-list-sm { gap: var(--kendo-spacing-1, 0.25rem) } .k-chip-list-md { gap: var(--kendo-spacing-1, 0.25rem) } .k-chip-list-lg { gap: var(--kendo-spacing-1, 0.25rem) } .k-chip-solid-base { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #3d3d3d); background-color: var(--kendo-color-base-subtle, #ebebeb) } .k-chip-solid-base:focus, .k-chip-solid-base.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-chip-solid-base:hover, .k-chip-solid-base.k-hover { background-color: var(--kendo-color-base-subtle-hover, #e0e0e0) } .k-chip-solid-base.k-selected { background-color: var(--kendo-color-base-active, #d6d6d6) } .k-chip-solid-error { border-color: var(--kendo-color-error-emphasis, #f76f60); color: var(--kendo-color-error-on-subtle, #7a0c00); background-color: var(--kendo-color-error-subtle, #fcddda) } .k-chip-solid-error:focus, .k-chip-solid-error.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-error, #e13929) 16%, transparent) } .k-chip-solid-error:hover, .k-chip-solid-error.k-hover { background-color: var(--kendo-color-error-subtle-hover, #fbc8c3) } .k-chip-solid-error.k-selected { background-color: var(--kendo-color-error-subtle-active, #f98b80) } .k-chip-solid-info { border-color: var(--kendo-color-info-emphasis, #6098f2); color: var(--kendo-color-info-on-subtle, #002259); background-color: var(--kendo-color-info-subtle, #d2e2fb) } .k-chip-solid-info:focus, .k-chip-solid-info.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) 16%, transparent) } .k-chip-solid-info:hover, .k-chip-solid-info.k-hover { background-color: var(--kendo-color-info-subtle-hover, #bdd4f8) } .k-chip-solid-info.k-selected { background-color: var(--kendo-color-info-subtle-active, #80acf4) } .k-chip-solid-warning { border-color: var(--kendo-color-warning-emphasis, #ffd760); color: var(--kendo-color-warning-on-subtle, #5e4700); background-color: var(--kendo-color-warning-subtle, #fff4d3) } .k-chip-solid-warning:focus, .k-chip-solid-warning.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-warning, #ffbf44) 16%, transparent) } .k-chip-solid-warning:hover, .k-chip-solid-warning.k-hover { background-color: var(--kendo-color-warning-subtle-hover, #ffeebd) } .k-chip-solid-warning.k-selected { background-color: var(--kendo-color-warning-subtle-active, #ffe79e) } .k-chip-solid-success { border-color: var(--kendo-color-success-emphasis, #81d15f); color: var(--kendo-color-success-on-subtle, #1c5a00); background-color: var(--kendo-color-success-subtle, #dcf0d3) } .k-chip-solid-success:focus, .k-chip-solid-success.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-success, #0b8250) 16%, transparent) } .k-chip-solid-success:hover, .k-chip-solid-success.k-hover { background-color: var(--kendo-color-success-subtle-hover, #cbe9bf) } .k-chip-solid-success.k-selected { background-color: var(--kendo-color-success-subtle-active, #b7e1a5) } .k-chip-outline-base { border-color: var(--kendo-color-base-on-surface, #3d3d3d); color: var(--kendo-color-base-on-surface, #3d3d3d); background-color: rgba(0,0,0,0) } .k-chip-outline-base:focus, .k-chip-outline-base.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-chip-outline-base:hover, .k-chip-outline-base.k-hover { color: var(--kendo-color-base, #f5f5f5); background-color: var(--kendo-color-base-on-surface, #3d3d3d) } .k-chip-outline-base.k-selected { color: var(--kendo-color-base, #f5f5f5); background-color: var(--kendo-color-base-on-surface, #3d3d3d) } .k-chip-outline-error { border-color: var(--kendo-color-error-on-surface, #ca1400); color: var(--kendo-color-error-on-surface, #ca1400); background-color: rgba(0,0,0,0) } .k-chip-outline-error:focus, .k-chip-outline-error.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-error, #e13929) 16%, transparent) } .k-chip-outline-error:hover, .k-chip-outline-error.k-hover { border-color: var(--kendo-color-error-hover, #df1600); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error-hover, #df1600) } .k-chip-outline-error.k-selected { border-color: var(--kendo-color-error-active, #ca1400); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error-active, #ca1400) } .k-chip-outline-info { border-color: var(--kendo-color-info-on-surface, #004ac2); color: var(--kendo-color-info-on-surface, #004ac2); background-color: rgba(0,0,0,0) } .k-chip-outline-info:focus, .k-chip-outline-info.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) 16%, transparent) } .k-chip-outline-info:hover, .k-chip-outline-info.k-hover { border-color: var(--kendo-color-info-hover, #0052d6); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info-hover, #0052d6) } .k-chip-outline-info.k-selected { border-color: var(--kendo-color-info-active, #004ac2); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info-active, #004ac2) } .k-chip-outline-warning { border-color: var(--kendo-color-warning, #ffbf44); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: rgba(0,0,0,0) } .k-chip-outline-warning:focus, .k-chip-outline-warning.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-warning, #ffbf44) 16%, transparent) } .k-chip-outline-warning:hover, .k-chip-outline-warning.k-hover { color: var(--kendo-color-on-warning, #3d3d3d); background-color: var(--kendo-color-warning, #ffbf44) } .k-chip-outline-warning.k-selected { color: var(--kendo-color-on-warning, #3d3d3d); background-color: var(--kendo-color-warning, #ffbf44) } .k-chip-outline-success { border-color: var(--kendo-color-success-on-surface, #2d9600); color: var(--kendo-color-success-on-surface, #2d9600); background-color: rgba(0,0,0,0) } .k-chip-outline-success:focus, .k-chip-outline-success.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-success, #0b8250) 16%, transparent) } .k-chip-outline-success:hover, .k-chip-outline-success.k-hover { border-color: var(--kendo-color-success-hover, #32a500); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success-hover, #32a500) } .k-chip-outline-success.k-selected { border-color: var(--kendo-color-success-active, #2d9600); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success-active, #2d9600) } .k-color-preview { width: 100%; height: 100%; border-width: 1px; border-radius: var(--kendo-border-radius-md, 0.25rem); box-sizing: border-box; border-style: solid; display: inline-flex; flex-flow: row nowrap; position: relative; overflow: hidden } .k-color-preview *, .k-color-preview *::before, .k-color-preview *::after { box-sizing: border-box } .k-coloreditor-current-color { cursor: pointer } .k-icon-color-preview { border-width: 0; border-radius: 0; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; gap: 2px } .k-icon-color-preview .k-color-preview-mask { width: 14px; height: 2px } .k-color-preview-mask { width: 100%; height: 100%; position: relative } .k-color-preview-mask::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC"); background-size: contain; background-position: 0 0 } .k-no-color .k-color-preview-mask::before { content: ""; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'%3e%3cline x1='0' x2='20' y1='0' y2='20' stroke='var%28--kendo-color-error, %23e13929%29' stroke-width='1'/%3e%3c/svg%3e"); background-size: 100% 100%; background-position: 0 0 } .k-color-preview { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-color-preview:hover, .k-color-preview.k-hover { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-loader { position: relative; display: inline-block; vertical-align: middle; box-sizing: border-box; line-height: 0 } .k-loader-canvas { display: flex; position: relative } .k-loader-segment { border-radius: 50%; background-color: currentColor; position: absolute } .k-loader-sm { padding: calc(var(--kendo-spacing-1, 0.25rem)/2) } .k-loader-sm .k-loader-segment { width: var(--kendo-spacing-1, 0.25rem); height: var(--kendo-spacing-1, 0.25rem) } .k-loader-md { padding: calc(var(--kendo-spacing-2, 0.5rem)/2) } .k-loader-md .k-loader-segment { width: var(--kendo-spacing-2, 0.5rem); height: var(--kendo-spacing-2, 0.5rem) } .k-loader-lg { padding: calc(var(--kendo-spacing-4, 1rem)/2) } .k-loader-lg .k-loader-segment { width: var(--kendo-spacing-4, 1rem); height: var(--kendo-spacing-4, 1rem) } @keyframes pulsing-2-segment { 0% { transform: scale(1) } 50% { transform: scale(1.5) } 100% { transform: scale(1) } } .k-loader-pulsing-2 .k-loader-canvas { align-items: center } .k-loader-pulsing-2 .k-loader-segment:nth-child(1) { left: 0; transform: scale(1.5); transform-origin: 0 50%; animation: pulsing-2-segment 1s ease infinite; animation-delay: -0.5s } .k-loader-pulsing-2 .k-loader-segment:nth-child(2) { right: 0; transform-origin: 100% 50%; animation: pulsing-2-segment 1s ease infinite } .k-loader-pulsing-2.k-loader-sm .k-loader-canvas { width: calc(var(--kendo-spacing-1, 0.25rem)*3); height: calc(var(--kendo-spacing-1, 0.25rem)*1.5) } .k-loader-pulsing-2.k-loader-md .k-loader-canvas { width: calc(var(--kendo-spacing-2, 0.5rem)*3); height: calc(var(--kendo-spacing-2, 0.5rem)*1.5) } .k-loader-pulsing-2.k-loader-lg .k-loader-canvas { width: calc(var(--kendo-spacing-4, 1rem)*3); height: calc(var(--kendo-spacing-4, 1rem)*1.5) } @keyframes spinner-3-segment { 0% { top: 0; left: 50% } 33.3333% { top: 100%; left: 0 } 66.6666% { top: 100%; left: 100% } 100% { top: 0; left: 50% } } .k-loader-spinner-3 .k-loader-segment { transform: translate(-50%, -50%) } .k-loader-spinner-3 .k-loader-segment:nth-child(1) { top: 0; left: 50%; animation: spinner-3-segment 2s ease infinite } .k-loader-spinner-3 .k-loader-segment:nth-child(2) { top: 100%; left: 0; animation: spinner-3-segment 2s ease infinite; animation-delay: -.6666666667s } .k-loader-spinner-3 .k-loader-segment:nth-child(3) { top: 100%; left: 100%; animation: spinner-3-segment 2s ease infinite; animation-delay: -1.3333333333s } .k-loader-spinner-3.k-loader-sm .k-loader-canvas { margin: calc(var(--kendo-spacing-1, 0.25rem)/2); width: calc(var(--kendo-spacing-1, 0.25rem)*4 - var(--kendo-spacing-1, 0.25rem)); height: calc(var(--kendo-spacing-1, 0.25rem)*4*0.8660254038 - var(--kendo-spacing-1, 0.25rem)) } .k-loader-spinner-3.k-loader-md .k-loader-canvas { margin: calc(var(--kendo-spacing-2, 0.5rem)/2); width: calc(var(--kendo-spacing-2, 0.5rem)*4 - var(--kendo-spacing-2, 0.5rem)); height: calc(var(--kendo-spacing-2, 0.5rem)*4*0.8660254038 - var(--kendo-spacing-2, 0.5rem)) } .k-loader-spinner-3.k-loader-lg .k-loader-canvas { margin: calc(var(--kendo-spacing-4, 1rem)/2); width: calc(var(--kendo-spacing-4, 1rem)*4 - var(--kendo-spacing-4, 1rem)); height: calc(var(--kendo-spacing-4, 1rem)*4*0.8660254038 - var(--kendo-spacing-4, 1rem)) } @keyframes spinner-4-segment-1 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } 33.3% { top: 0; left: 0; transform: translateX(0) translateY(0) } 66.6% { top: 0; left: 0; transform: translateX(0) translateY(0) } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } } @keyframes spinner-4-segment-2 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } 33.3% { top: 0; left: 100%; transform: translateX(-100%) translateY(0) } 66.6% { top: 0; left: 100%; transform: translateX(-100%) translateY(0) } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } } @keyframes spinner-4-segment-3 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } 33.3% { top: 100%; left: 100%; transform: translateX(-100%) translateY(-100%) } 66.6% { top: 100%; left: 100%; transform: translateX(-100%) translateY(-100%) } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } } @keyframes spinner-4-segment-4 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } 33.3% { top: 100%; left: 0; transform: translateX(0) translateY(-100%) } 66.6% { top: 100%; left: 0; transform: translateX(0) translateY(-100%) } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } } @keyframes spinner-4 { 0% { transform: rotate(0) } 33.3% { transform: rotate(0) } 66.6% { transform: rotate(180deg) } 100% { transform: rotate(180deg) } } .k-loader-spinner-4 .k-loader-canvas { animation: spinner-4 1.833s ease infinite } .k-loader-spinner-4 .k-loader-segment { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } .k-loader-spinner-4 .k-loader-segment:nth-child(1) { animation: spinner-4-segment-1 1.833s ease infinite } .k-loader-spinner-4 .k-loader-segment:nth-child(2) { animation: spinner-4-segment-2 1.833s ease infinite } .k-loader-spinner-4 .k-loader-segment:nth-child(3) { animation: spinner-4-segment-3 1.833s ease infinite } .k-loader-spinner-4 .k-loader-segment:nth-child(4) { animation: spinner-4-segment-4 1.833s ease infinite } .k-loader-spinner-4.k-loader-sm .k-loader-canvas { width: calc(var(--kendo-spacing-1, 0.25rem)*4); height: calc(var(--kendo-spacing-1, 0.25rem)*4) } .k-loader-spinner-4.k-loader-md .k-loader-canvas { width: calc(var(--kendo-spacing-2, 0.5rem)*4); height: calc(var(--kendo-spacing-2, 0.5rem)*4) } .k-loader-spinner-4.k-loader-lg .k-loader-canvas { width: calc(var(--kendo-spacing-4, 1rem)*4); height: calc(var(--kendo-spacing-4, 1rem)*4) } .k-loader-container { display: flex; align-items: center; justify-content: center; z-index: 20001 } .k-loader-container .k-loader { padding: 0 } .k-loader-container, .k-loader-container-overlay { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .k-loader-container-overlay { opacity: .5 } .k-loader-container-inner { display: flex; align-items: center; position: relative; z-index: 2 } .k-loader-container-panel { border-width: 1px; border-style: solid; border-radius: var(--kendo-border-radius-md, 0.25rem) } .k-loader-container-sm .k-loader-container-inner { padding: var(--kendo-spacing-4, 1rem); gap: var(--kendo-spacing-1, 0.25rem) } .k-loader-container-sm .k-loader-container-label { font-size: var(--kendo-font-size-sm, inherit) } .k-loader-container-md .k-loader-container-inner { padding: var(--kendo-spacing-5, 1.25rem); gap: var(--kendo-spacing-2, 0.5rem) } .k-loader-container-md .k-loader-container-label { font-size: var(--kendo-font-size, inherit) } .k-loader-container-lg .k-loader-container-inner { padding: var(--kendo-spacing-6, 1.5rem); gap: var(--kendo-spacing-3, 0.75rem) } .k-loader-container-lg .k-loader-container-label { font-size: var(--kendo-font-size-lg, inherit) } .k-loader-top .k-loader-container-inner { flex-direction: column; text-align: center } .k-loader-end .k-loader-container-label { order: -1 } .k-loading-mask, .k-loading-image, .k-loading-color { width: 100%; height: 100%; box-sizing: border-box; position: absolute; top: 0; left: 0 } .k-loading-mask *, .k-loading-mask *::before, .k-loading-mask *::after, .k-loading-mask::before, .k-loading-mask::after, .k-loading-image *, .k-loading-image *::before, .k-loading-image *::after, .k-loading-image::before, .k-loading-image::after, .k-loading-color *, .k-loading-color *::before, .k-loading-color *::after, .k-loading-color::before, .k-loading-color::after { box-sizing: border-box } .k-loading-mask { z-index: 100 } .k-loading-mask.k-opaque .k-loading-color { opacity: 1 } .k-loading-text { text-indent: -4000px; text-align: center; position: absolute; color: currentColor } .k-loading-image { z-index: 2; color: currentColor } .k-loading-color { background-color: var(--kendo-color-surface-alt, #ffffff); opacity: .3 } .k-i-loading { width: 1em; height: 1em; line-height: 1; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; vertical-align: middle; position: relative; background-color: rgba(0,0,0,0); box-sizing: border-box; color: currentColor } .k-i-loading::before, .k-i-loading::after { box-sizing: border-box } .k-i-loading::before, .k-i-loading::after, .k-loading-image::before, .k-loading-image::after { position: absolute; top: 50%; left: 50%; display: inline-block; content: ""; box-sizing: inherit; border-radius: 50%; border-width: .05em; border-style: solid; border-color: currentColor; border-top-color: rgba(0,0,0,0); border-bottom-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0) } .k-icon.k-i-loading::before, .k-icon.k-i-loading::after { content: "" } .k-i-loading::before, .k-loading-image::before { margin-top: -0.5em; margin-left: -0.5em; width: 1em; height: 1em; animation: k-loading-animation .7s linear infinite } .k-i-loading::after, .k-loading-image::after { margin-top: -0.25em; margin-left: -0.25em; width: .5em; height: .5em; animation: k-loading-animation reverse 1.4s linear infinite } .k-loading-image::before, .k-loading-image::after { content: ""; border-width: 1px; border-width: clamp(.015em,1px,1px); font-size: 4em } @keyframes k-loading-animation { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .k-loader-primary { color: var(--kendo-color-primary, #0058e9) } .k-loader-secondary { color: var(--kendo-color-secondary, #333333) } .k-loader-tertiary { color: var(--kendo-color-tertiary, #03a9f4) } .k-loader-info { color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-loader-success { color: var(--kendo-color-success, #0b8250) } .k-loader-warning { color: var(--kendo-color-warning, #ffbf44) } .k-loader-error { color: var(--kendo-color-error, #e13929) } .k-loader-dark { color: var(--kendo-color-dark, #3d3d3d) } .k-loader-light { color: var(--kendo-color-light, #ebebeb) } .k-loader-inverse { color: var(--kendo-color-dark, #3d3d3d) } .k-loader-container-panel { background-color: #fff; border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-skeleton, .k-placeholder-line { display: block } .k-skeleton-text, .k-placeholder-line { border-radius: var(--kendo-border-radius-md, 0.25rem); transform: scale(1, 0.6) } .k-skeleton-text:empty::before, .k-placeholder-line:empty::before { content: "\200b" } .k-skeleton-rect { border-radius: 0 } .k-skeleton-circle { border-radius: 9999px } @keyframes k-skeleton-wave { 0% { transform: translateX(-100%) } 60% { transform: translateX(100%) } 100% { transform: translateX(100%) } } .k-skeleton-wave .k-skeleton, .k-skeleton-wave .k-placeholder-line, .k-skeleton-wave.k-skeleton, .k-skeleton-wave.k-placeholder-line { position: relative; overflow: hidden } .k-skeleton-wave .k-skeleton::after, .k-skeleton-wave .k-placeholder-line::after, .k-skeleton-wave.k-skeleton::after, .k-skeleton-wave.k-placeholder-line::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); animation: k-skeleton-wave 1.6s linear .5s infinite } @keyframes k-skeleton-pulse { 0% { opacity: 1 } 50% { opacity: .4 } 100% { opacity: 1 } } .k-skeleton-pulse .k-skeleton, .k-skeleton-pulse .k-placeholder-line, .k-skeleton-pulse.k-skeleton, .k-skeleton-pulse.k-placeholder-line { animation: k-skeleton-pulse 1.5s ease-in-out .5s infinite } .k-skeleton, .k-placeholder-line { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 20%, transparent) } .k-skeleton-wave .k-skeleton::after, .k-skeleton-wave .k-placeholder-line::after, .k-skeleton-wave.k-skeleton::after, .k-skeleton-wave.k-placeholder-line::after { background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.04), transparent) } .k-tooltip { border-radius: var(--kendo-border-radius-md, 0.25rem); margin: 0; padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 0px; border-style: solid; box-sizing: border-box; background-repeat: repeat-x; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height-sm, normal); display: flex; flex-flow: row nowrap; align-items: flex-start; position: absolute; z-index: 12000; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-tooltip *, .k-tooltip *::before, .k-tooltip *::after { box-sizing: border-box } .k-tooltip-icon { -webkit-margin-end: var(--kendo-spacing-1, 0.25rem); margin-inline-end: var(--kendo-spacing-1, 0.25rem); flex-shrink: 0 } .k-tooltip-title { margin-bottom: .25em; font-size: calc(var(--kendo-font-size, 0.875rem)*1.25); line-height: var(--kendo-line-height-xs, normal) } .k-tooltip-content { align-self: stretch; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis } .k-tooltip-button { -webkit-margin-start: var(--kendo-spacing-1, 0.25rem); margin-inline-start: var(--kendo-spacing-1, 0.25rem); flex-shrink: 0 } .k-tooltip-button .k-icon { color: inherit; vertical-align: top } .k-callout { width: 12px; height: 12px; border-width: 6px; border-style: solid; border-color: rgba(0,0,0,0); position: absolute; pointer-events: none } .k-callout-n { margin-left: -6px; border-bottom-color: currentColor; top: -12px; left: 50%; pointer-events: none } .k-callout-e { margin-top: -6px; border-left-color: currentColor; top: 50%; right: -12px; pointer-events: none } .k-callout-s { margin-left: -6px; border-top-color: currentColor; bottom: -12px; left: 50%; pointer-events: none } .k-callout-w { margin-top: -6px; border-right-color: currentColor; top: 50%; left: -12px; pointer-events: none } .k-tooltip { border-color: var(--kendo-color-on-app-surface, #3d3d3d); color: var(--kendo-color-app-surface, #ffffff); background-color: var(--kendo-color-on-app-surface, #3d3d3d); box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-tooltip .k-callout { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-tooltip-inverse { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-tooltip-inverse .k-callout { color: var(--kendo-color-dark, #3d3d3d) } .k-tooltip-light { border-color: var(--kendo-color-light, #ebebeb); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #ebebeb) } .k-tooltip-light .k-callout { color: var(--kendo-color-light, #ebebeb) } .k-tooltip-dark { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-tooltip-dark .k-callout { color: var(--kendo-color-dark, #3d3d3d) } .k-tooltip-error { border-color: var(--kendo-color-error, #e13929); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #e13929) } .k-tooltip-error .k-callout { color: var(--kendo-color-error, #e13929) } .k-tooltip-warning { border-color: var(--kendo-color-warning, #ffbf44); color: var(--kendo-color-on-warning, #3d3d3d); background-color: var(--kendo-color-warning, #ffbf44) } .k-tooltip-warning .k-callout { color: var(--kendo-color-warning, #ffbf44) } .k-tooltip-success { border-color: var(--kendo-color-success, #0b8250); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #0b8250) } .k-tooltip-success .k-callout { color: var(--kendo-color-success, #0b8250) } .k-tooltip-info { border-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-tooltip-info .k-callout { color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-tooltip-tertiary { border-color: var(--kendo-color-tertiary, #03a9f4); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #03a9f4) } .k-tooltip-tertiary .k-callout { color: var(--kendo-color-tertiary, #03a9f4) } .k-tooltip-secondary { border-color: var(--kendo-color-secondary, #333333); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #333333) } .k-tooltip-secondary .k-callout { color: var(--kendo-color-secondary, #333333) } .k-tooltip-primary { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-tooltip-primary .k-callout { color: var(--kendo-color-primary, #0058e9) } .k-current-time { width: 1px; position: absolute } .k-current-time.k-current-time-arrow-left, .k-current-time.k-current-time-arrow-right, .k-current-time.k-current-time-arrow-down { width: 0; height: 0; background: rgba(0,0,0,0); border: 4px solid rgba(0,0,0,0) } .k-current-time { background: red } .k-current-time.k-current-time-arrow-left { border-right-color: red } .k-current-time.k-current-time-arrow-right { border-left-color: red } .k-current-time.k-current-time-arrow-down { border-top-color: red } .k-marquee { position: absolute; z-index: 100000 } .k-marquee-color, .k-marquee-text { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .k-marquee-color { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9); border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); opacity: .6 } .k-marquee-text { color: var(--kendo-color-on-primary, #ffffff) } .k-text-selection ::-moz-selection { background-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff) } .k-text-selection ::selection { background-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff) } .k-menu-bar, .k-menu { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-wrap: nowrap; align-items: stretch; position: relative; cursor: default; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-menu-bar *, .k-menu *, .k-menu-bar *::before, .k-menu *::before, .k-menu-bar *::after, .k-menu *::after { box-sizing: border-box } .k-menu-item { border-width: 0; outline: 0; display: flex; flex-flow: column nowrap; flex: none; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none } .k-menu-item.k-selected { font-weight: var(--kendo-font-weight-bold, normal) } .k-menu-item-content { display: block; height: auto; overflow: visible } .k-menu-item-content .k-actions, .k-menu-item-content .k-form-buttons, .k-menu-item-content .k-edit-buttons, .k-menu-item-content .k-action-buttons, .k-menu-item-content .k-columnmenu-actions { margin-top: 0 } .k-menu-link { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-3, 0.75rem); outline: 0; color: inherit; display: flex; flex-flow: row nowrap; flex: 1 1 auto; gap: var(--kendo-spacing-1, 0.25rem); align-items: center; position: relative; white-space: nowrap; cursor: pointer } .k-menu-link-text { display: flex; flex-flow: row nowrap; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis } .k-menu-expand-arrow { -webkit-margin-end: calc(var(--kendo-spacing-1, 0.25rem)*-1); margin-inline-end: calc(var(--kendo-spacing-1, 0.25rem)*-1); display: inline-flex; flex-flow: row wrap; align-items: center; flex: none; position: relative } .k-menu-horizontal { flex-direction: row } .k-menu-horizontal > .k-menu-item + .k-menu-item { -webkit-margin-start: var(--kendo-spacing-0, 0px); margin-inline-start: var(--kendo-spacing-0, 0px) } .k-menu-horizontal > .k-separator { margin-block: var(--kendo-spacing-1\.5, 0.375rem); margin-inline: var(--kendo-spacing-1, 0.25rem); width: 0; height: auto; border-width: 0 0 0 1px; border-style: solid } .k-menu-vertical { flex-direction: column; width: 100% } .k-menu-vertical > .k-menu-item + .k-menu-item { margin-top: var(--kendo-spacing-0, 0px) } .k-menu-vertical > .k-menu-item > .k-menu-link { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); -webkit-padding-end: calc(var(--kendo-spacing-2, 0.5rem)*2 + 16px); padding-inline-end: calc(var(--kendo-spacing-2, 0.5rem)*2 + 16px) } .k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow { -webkit-margin-start: var(--kendo-spacing-2, 0.5rem); margin-inline-start: var(--kendo-spacing-2, 0.5rem); -webkit-margin-end: calc(var(--kendo-spacing-2, 0.5rem)*2*-1 + -16px - var(--kendo-spacing-2, 0.5rem)/2*-1); margin-inline-end: calc(var(--kendo-spacing-2, 0.5rem)*2*-1 + -16px - var(--kendo-spacing-2, 0.5rem)/2*-1) } .k-menu-vertical > .k-separator { margin-block: var(--kendo-spacing-1\.5, 0.375rem); margin-inline: 0; height: 0; border-width: 1px 0 0; border-style: solid; display: block } .k-menu-popup { box-sizing: border-box; border-width: 1px; border-style: solid; overflow: auto; max-height: 80vh } .k-menu-popup *, .k-menu-popup *::before, .k-menu-popup *::after { box-sizing: border-box } .k-menu-popup .k-menu-item { font-weight: initial } .k-menu-group { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: column nowrap; position: absolute } .k-menu-group .k-menu-item + .k-menu-item { margin-top: var(--kendo-spacing-0, 0px) } .k-menu-group .k-separator { margin-block: var(--kendo-spacing-1, 0.25rem); margin-inline: 0; height: 0; border-width: 1px 0 0; border-style: solid; display: block } .k-menu-popup .k-menu-group { position: relative } .k-menu-group-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-menu-group-sm .k-menu-item { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-menu-group-sm .k-menu-link { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem); -webkit-padding-end: calc(var(--kendo-spacing-2, 0.5rem)*2 + 16px); padding-inline-end: calc(var(--kendo-spacing-2, 0.5rem)*2 + 16px) } .k-menu-group-sm .k-menu-expand-arrow { -webkit-margin-start: var(--kendo-spacing-2, 0.5rem); margin-inline-start: var(--kendo-spacing-2, 0.5rem); -webkit-margin-end: calc(var(--kendo-spacing-2, 0.5rem)*2*-1 + -16px - var(--kendo-spacing-2, 0.5rem)/2*-1); margin-inline-end: calc(var(--kendo-spacing-2, 0.5rem)*2*-1 + -16px - var(--kendo-spacing-2, 0.5rem)/2*-1) } .k-menu-group-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-menu-group-md .k-menu-item { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-menu-group-md .k-menu-link { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); -webkit-padding-end: calc(var(--kendo-spacing-2, 0.5rem)*2 + 16px); padding-inline-end: calc(var(--kendo-spacing-2, 0.5rem)*2 + 16px) } .k-menu-group-md .k-menu-expand-arrow { -webkit-margin-start: var(--kendo-spacing-2, 0.5rem); margin-inline-start: var(--kendo-spacing-2, 0.5rem); -webkit-margin-end: calc(var(--kendo-spacing-2, 0.5rem)*2*-1 + -16px - var(--kendo-spacing-2, 0.5rem)/2*-1); margin-inline-end: calc(var(--kendo-spacing-2, 0.5rem)*2*-1 + -16px - var(--kendo-spacing-2, 0.5rem)/2*-1) } .k-menu-group-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-menu-group-lg .k-menu-item { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-menu-group-lg .k-menu-link { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-2, 0.5rem); -webkit-padding-end: calc(var(--kendo-spacing-2, 0.5rem)*2 + 16px); padding-inline-end: calc(var(--kendo-spacing-2, 0.5rem)*2 + 16px) } .k-menu-group-lg .k-menu-expand-arrow { -webkit-margin-start: var(--kendo-spacing-2, 0.5rem); margin-inline-start: var(--kendo-spacing-2, 0.5rem); -webkit-margin-end: calc(var(--kendo-spacing-2, 0.5rem)*2*-1 + -16px - var(--kendo-spacing-2, 0.5rem)/2*-1); margin-inline-end: calc(var(--kendo-spacing-2, 0.5rem)*2*-1 + -16px - var(--kendo-spacing-2, 0.5rem)/2*-1) } .k-popups-wrapper { position: relative; border: 0; margin: 0; padding: 0 } .k-context-menu { margin: 0; border-width: 1px; border-style: solid } .k-animation-container .k-context-menu.k-menu-horizontal { display: flex !important; flex-wrap: nowrap } .k-context-menu-popup { z-index: 12000 } .k-context-menu-popup .k-context-menu { border-width: 0 } .k-popup .k-context-menu, .k-context-menu-popup .k-context-menu { border-width: 0 } .k-menu-scroll-wrapper { margin: 0; padding: 0; border: 0; position: relative; display: flex; align-items: center } .k-menu-scroll-wrapper .k-menu { overflow: hidden; flex-wrap: nowrap } .k-menu-scroll-wrapper-vertical { flex-direction: column } .k-menu-scroll-wrapper-vertical > .k-menu-scroll-button { width: 100% } .k-menu:not(.k-context-menu) { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: rgba(0,0,0,0) } .k-menu:not(.k-context-menu) > .k-item { color: var(--kendo-color-subtle, #666666) } .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-hover { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-menu:not(.k-context-menu) > .k-item:active, .k-menu:not(.k-context-menu) > .k-item.k-active { color: var(--kendo-color-primary, #0058e9) } .k-menu:not(.k-context-menu) > .k-item:focus, .k-menu:not(.k-context-menu) > .k-item.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-menu:not(.k-context-menu) > .k-item.k-selected { color: var(--kendo-color-primary, #0058e9) } .k-menu:not(.k-context-menu) > .k-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-menu-group, .k-menu.k-context-menu { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-menu-group .k-item > .k-link:hover, .k-menu-group .k-item > .k-link.k-hover, .k-menu.k-context-menu .k-item > .k-link:hover, .k-menu.k-context-menu .k-item > .k-link.k-hover { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-menu-group .k-item > .k-link:active, .k-menu-group .k-item > .k-link.k-active, .k-menu-group .k-item > .k-link.k-selected, .k-menu.k-context-menu .k-item > .k-link:active, .k-menu.k-context-menu .k-item > .k-link.k-active, .k-menu.k-context-menu .k-item > .k-link.k-selected { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-menu-group .k-item:focus > .k-link, .k-menu-group .k-item.k-focus > .k-link, .k-menu.k-context-menu .k-item:focus > .k-link, .k-menu.k-context-menu .k-item.k-focus > .k-link { box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-menu-group > .k-separator, .k-menu.k-context-menu > .k-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-menu-scroll-wrapper .k-menu-scroll-button { color: var(--kendo-color-subtle, #666666) } .k-menu-scroll-wrapper .k-menu-scroll-button:hover { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-menu-scroll-wrapper .k-menu-scroll-button:hover::before { opacity: 0 } .k-toolbar { margin: 0; padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); list-style: none; display: flex; flex-flow: row wrap; gap: var(--kendo-spacing-2, 0.5rem); align-items: center; justify-content: flex-start; position: relative; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-toolbar::before { content: ""; height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px) } .k-toolbar.k-toolbar-resizable { flex-wrap: nowrap } .k-toolbar.k-toolbar-scrollable { flex-wrap: nowrap; position: relative } .k-toolbar.k-toolbar-scrollable-overlay::before, .k-toolbar.k-toolbar-scrollable-overlay::after { content: ""; height: 100%; aspect-ratio: 1; position: absolute; z-index: 3 } .k-toolbar.k-toolbar-scrollable-overlay::before { inset-inline-start: 0 } .k-toolbar.k-toolbar-scrollable-overlay::after { inset-inline-end: 0 } .k-toolbar.k-toolbar-scrollable-overlay.k-toolbar-scrollable-start::before, .k-toolbar.k-toolbar-scrollable-overlay.k-toolbar-scrollable-end::after { display: none } .k-toolbar > * { flex-shrink: 0; display: inline-flex; align-content: center; vertical-align: middle } .k-toolbar > * > label { -webkit-margin-end: var(--kendo-spacing-2, 0.5rem); margin-inline-end: var(--kendo-spacing-2, 0.5rem); align-self: center } .k-toolbar .k-input, .k-toolbar .k-picker { width: 10em } .k-toolbar .k-color-picker, .k-toolbar .k-colorpicker { width: -moz-min-content; width: min-content } .k-toolbar .k-toolbar-overflow-button { -webkit-margin-start: auto; margin-inline-start: auto } .k-toolbar .k-toolbar-button-separator { height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px); -webkit-margin-start: auto; margin-inline-start: auto } .k-toolbar .k-toolbar-button-separator + .k-toolbar-overflow-button { -webkit-margin-start: 0; margin-inline-start: 0 } .k-toolbar .k-toolbar-spacer { height: 1.4285714286em; flex: 1 0 0% } .k-toolbar .k-toolbar-item:focus, .k-toolbar .k-toolbar-item.k-focus { text-decoration: none; outline: 0 } .k-toolbar .k-separator, .k-toolbar-separator { width: 0; height: 1.4285714286em; border-width: 0 0 0 1px; border-style: solid; align-self: center } .k-toolbar-items { display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-2, 0.5rem); align-items: center; justify-content: flex-start; flex: 1 1 auto; overflow: hidden } .k-toolbar-items-scroll { overflow-x: auto; scrollbar-width: none } .k-toolbar-items-scroll::-webkit-scrollbar { display: none } .k-toolbar-items-scroll:has(.k-badge-container) { -webkit-padding-before: .5em; padding-block-start: .5em; -webkit-margin-before: -0.5em; margin-block-start: -0.5em } .k-toolbar-items-list { display: flex; flex-flow: row wrap; gap: var(--kendo-spacing-2, 0.5rem); align-items: center; justify-content: flex-start; flex: 1 1 auto; overflow: hidden } .k-toolbar-outline { border-width: 1px; background: none } .k-toolbar-flat { border-top-color: rgba(0,0,0,0) !important; border-inline-color: rgba(0,0,0,0) !important; background: none !important } .k-toolbar-group { display: flex; flex-direction: inherit; flex-wrap: nowrap; gap: inherit } .k-toolbar-sm { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-toolbar-sm::before { -webkit-margin-start: calc(var(--kendo-spacing-1\.5, 0.375rem)*-1); margin-inline-start: calc(var(--kendo-spacing-1\.5, 0.375rem)*-1) } .k-toolbar-sm.k-toolbar-scrollable-overlay::before { inset-inline-start: var(--kendo-spacing-1\.5, 0.375rem) } .k-toolbar-sm > * > label { -webkit-margin-end: var(--kendo-spacing-1\.5, 0.375rem); margin-inline-end: var(--kendo-spacing-1\.5, 0.375rem) } .k-toolbar-sm .k-toolbar-items { gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-toolbar-sm .k-toolbar-button-separator { height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-0\.5, 0.125rem)*2 + 2px) } .k-toolbar-items-list-sm { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-toolbar-md { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); gap: var(--kendo-spacing-2, 0.5rem) } .k-toolbar-md::before { -webkit-margin-start: calc(var(--kendo-spacing-2, 0.5rem)*-1); margin-inline-start: calc(var(--kendo-spacing-2, 0.5rem)*-1) } .k-toolbar-md.k-toolbar-scrollable-overlay::before { inset-inline-start: var(--kendo-spacing-2, 0.5rem) } .k-toolbar-md > * > label { -webkit-margin-end: var(--kendo-spacing-2, 0.5rem); margin-inline-end: var(--kendo-spacing-2, 0.5rem) } .k-toolbar-md .k-toolbar-items { gap: var(--kendo-spacing-2, 0.5rem) } .k-toolbar-md .k-toolbar-button-separator { height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px) } .k-toolbar-items-list-md { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); gap: var(--kendo-spacing-2, 0.5rem) } .k-toolbar-lg { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-toolbar-lg::before { -webkit-margin-start: calc(var(--kendo-spacing-2\.5, 0.625rem)*-1); margin-inline-start: calc(var(--kendo-spacing-2\.5, 0.625rem)*-1) } .k-toolbar-lg.k-toolbar-scrollable-overlay::before { inset-inline-start: var(--kendo-spacing-2\.5, 0.625rem) } .k-toolbar-lg > * > label { -webkit-margin-end: var(--kendo-spacing-2\.5, 0.625rem); margin-inline-end: var(--kendo-spacing-2\.5, 0.625rem) } .k-toolbar-lg .k-toolbar-items { gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-toolbar-lg .k-toolbar-button-separator { height: calc(var(--kendo-line-height-lg, normal)*1em + var(--kendo-spacing-2, 0.5rem)*2 + 2px) } .k-toolbar-items-list-lg { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); gap: var(--kendo-spacing-2\.5, 0.625rem) } .k-toolbar-sm::before { height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-0\.5, 0.125rem)*2 + 2px) } .k-toolbar-md::before { height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px) } .k-toolbar-lg::before { height: calc(var(--kendo-line-height-lg, normal)*1em + var(--kendo-spacing-2, 0.5rem)*2 + 2px) } .k-floating-toolbar, .editorToolbarWindow.k-window-content { padding-block: var(--kendo-spacing-2, 0.5rem) !important; padding-inline: var(--kendo-spacing-2, 0.5rem) !important; border-width: 1px; border-style: solid; display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-2, 0.5rem); align-items: center } .k-floating-toolbar .k-toolbar, .editorToolbarWindow.k-window-content .k-toolbar { padding: 0; border-width: 0; flex-shrink: 1; color: inherit; background: none } .k-editortoolbar-dragHandle { cursor: move; display: flex; align-items: center; align-self: stretch; flex-shrink: 0 } .k-overflow-container { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-overflow-container > .k-item { border-color: inherit } .k-overflow-container .k-separator { margin: var(--kendo-spacing-1, 0.25rem) 0 } .k-overflow-container .k-overflow-tool-group { display: block } .k-overflow-container .k-overflow-button { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); width: 100%; height: auto; border-width: 0; border-radius: 0; aspect-ratio: auto; color: inherit; background-color: rgba(0,0,0,0); background-image: none; font: inherit; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-1, 0.25rem); justify-content: flex-start; position: relative } .k-overflow-container .k-button-group { box-shadow: none; display: flex; flex-flow: column nowrap } .k-overflow-container .k-button-group .k-button { margin: 0 } .k-overflow-container .k-split-button { display: flex; flex-direction: column } .k-overflow-container .k-overflow-hidden { display: none } .k-toolbar .k-toolbar-item:focus, .k-toolbar .k-toolbar-item.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-toolbar-items { border-color: inherit } .k-toolbar .k-separator, .k-toolbar-separator { border-color: inherit } .k-toolbar-solid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-toolbar-solid.k-toolbar-scrollable-overlay::before { background: linear-gradient(90deg, var(--kendo-color-surface, #fafafa), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } .k-toolbar-solid.k-toolbar-scrollable-overlay::after { background: linear-gradient(270deg, var(--kendo-color-surface, #fafafa), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } .k-toolbar-items-list-solid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-toolbar-outline { border-color: color-mix(in srgb, var(--kendo-color-on-base, #3d3d3d) 50%, transparent); color: var(--kendo-color-on-base, #3d3d3d) } .k-toolbar-outline.k-toolbar-scrollable-overlay::before { background: linear-gradient(90deg, var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } .k-toolbar-outline.k-toolbar-scrollable-overlay::after { background: linear-gradient(270deg, var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } .k-toolbar-items-list-outline { border-color: color-mix(in srgb, var(--kendo-color-on-base, #3d3d3d) 50%, transparent) } .k-toolbar-flat { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-toolbar-flat > .k-separator, .k-toolbar-flat .k-toolbar-separator { border-inline-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-toolbar-flat.k-toolbar-scrollable-overlay::before { background: linear-gradient(90deg, var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } .k-toolbar-flat.k-toolbar-scrollable-overlay::after { background: linear-gradient(270deg, var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } .k-toolbar-items-list-flat { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-floating-toolbar, .editorToolbarWindow.k-window-content { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-hover { color: var(--kendo-color-on-app-surface, #3d3d3d); background: var(--kendo-color-base-hover, #ebebeb) } .k-overflow-container .k-button:focus, .k-overflow-container .k-button.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-overflow-container .k-button:active, .k-overflow-container .k-button.k-active { color: var(--kendo-color-on-app-surface, #3d3d3d); background: var(--kendo-color-base-hover, #ebebeb) } .k-overflow-container .k-button.k-selected { color: var(--kendo-color-on-primary, #ffffff); background: var(--kendo-color-primary, #0058e9) } .k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-disabled { color: inherit } :is(.k-rtl .k-toolbar-scrollable-overlay,[dir=rtl] .k-toolbar-scrollable-overlay,.k-toolbar-scrollable-overlay.k-rtl,.k-toolbar-scrollable-overlay[dir=rtl])::before { background: linear-gradient(270deg, var(--kendo-color-surface, #fafafa), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } :is(.k-rtl .k-toolbar-scrollable-overlay,[dir=rtl] .k-toolbar-scrollable-overlay,.k-toolbar-scrollable-overlay.k-rtl,.k-toolbar-scrollable-overlay[dir=rtl])::after { background: linear-gradient(90deg, var(--kendo-color-surface, #fafafa), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } :is(.k-rtl .k-toolbar-scrollable-overlay,[dir=rtl] .k-toolbar-scrollable-overlay,.k-toolbar-scrollable-overlay.k-rtl,.k-toolbar-scrollable-overlay[dir=rtl]).k-toolbar-outline::before { background: linear-gradient(270deg, var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } :is(.k-rtl .k-toolbar-scrollable-overlay,[dir=rtl] .k-toolbar-scrollable-overlay,.k-toolbar-scrollable-overlay.k-rtl,.k-toolbar-scrollable-overlay[dir=rtl]).k-toolbar-outline::after { background: linear-gradient(90deg, var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } :is(.k-rtl .k-toolbar-scrollable-overlay,[dir=rtl] .k-toolbar-scrollable-overlay,.k-toolbar-scrollable-overlay.k-rtl,.k-toolbar-scrollable-overlay[dir=rtl]).k-toolbar-flat::before { background: linear-gradient(270deg, var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } :is(.k-rtl .k-toolbar-scrollable-overlay,[dir=rtl] .k-toolbar-scrollable-overlay,.k-toolbar-scrollable-overlay.k-rtl,.k-toolbar-scrollable-overlay[dir=rtl]).k-toolbar-flat::after { background: linear-gradient(90deg, var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } .k-form, .k-form-inline { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-fieldset { margin: var(--kendo-spacing-7\.5, 1.875rem); border-width: 1px 0 0; border-style: solid; padding: 25px 0 0 } .k-fieldset > legend { margin-left: 0; padding: 0 var(--kendo-spacing-2, 0.5rem) 0 0; text-transform: uppercase } kendo-label > .k-label { margin: 0 } .k-label-optional { margin-left: var(--kendo-spacing-1\.5, 0.375rem); font-size: var(--kendo-font-size-sm, inherit); font-style: italic; align-self: center } .k-label-empty::before { content: ""; display: inline-block } .k-form { border: 0 } .k-form .k-form-field > .k-label, .k-form .k-form-field > kendo-label, .k-form .k-form-label { margin-bottom: var(--kendo-spacing-0, 0px); display: flex; flex-flow: row nowrap } .k-form .k-label + .k-radio { margin-left: 0 } .k-form .k-form-fieldset { margin: 2em 0 0; padding: var(--kendo-spacing-0, 0px); border: 0 } .k-form .k-form-fieldset > *:not(.k-hidden):first-child, .k-form .k-form-fieldset > *.k-hidden + :not(.k-hidden) { margin-top: 0 } .k-form .k-form-legend { margin: 0 0 1em; padding: var(--kendo-spacing-0, 0px); border-width: 0 0 2px; border-style: solid; width: 100%; font-size: var(--kendo-font-size, inherit); text-transform: uppercase } .k-form .k-form-group { padding: 0 } .k-form > *:not(.k-hidden):first-child, .k-form > *.k-hidden + :not(.k-hidden) { margin-top: 0 } .k-form .k-form-field, .k-form .k-form-field-wrap { display: block } .k-form .k-form-field-disabled .k-label, .k-form .k-form-field-disabled .k-form-label { outline: none; cursor: default; color: var(--kendo-disabled-text, unset); background-color: var(--kendo-disabled-bg, unset); border-color: var(--kendo-disabled-border, unset); opacity: var(--kendo-disabled-opacity, unset); filter: var(--kendo-disabled-filter, unset); pointer-events: none; box-shadow: none } .k-form .k-alert-error { font-size: var(--kendo-font-size-sm, inherit); margin-top: calc(var(--kendo-spacing-1, 0.25rem)*2) } .k-form .k-field-info { display: inline-block; font-size: var(--kendo-font-size-xs, inherit); line-height: 1; margin-block: 0; margin-inline: var(--kendo-spacing-2, 0.5rem) } .k-form .k-multiselect, .k-form .k-floating-label-container, .k-form .k-daterangepicker .k-dateinput, .k-form .k-signature { display: inline-flex; width: 100% } .k-form-buttons { padding: 0; overflow: visible } .k-form-hint, .k-form-error { margin-top: var(--kendo-spacing-1, 0.25rem); display: flex; font-size: var(--kendo-font-size-sm, inherit); font-style: italic } .k-text-start, .k-buttons-start { justify-content: flex-start } .k-text-end, .k-buttons-end { justify-content: flex-end } .k-form-separator { margin: var(--kendo-spacing-3\.5, 0.875rem) 0 0; border-width: 1px 0 0; border-style: solid; display: block; flex: 0 0 auto } .k-form-horizontal .k-form-field { display: flex } .k-form-horizontal .k-form-field > .k-label, .k-form-horizontal .k-form-field > kendo-label, .k-form-horizontal .k-form-field > .k-form-label { margin-right: var(--kendo-spacing-2\.5, 0.625rem); padding-top: calc(var(--kendo-spacing-2\.5, 0.625rem)/2); width: 25%; text-align: end; flex-direction: column; align-items: flex-end; justify-content: flex-start } .k-form-horizontal .k-form-field .k-label-optional { margin: 0; align-self: inherit } .k-form-horizontal .k-form-field-wrap { max-width: calc(75% - var(--kendo-spacing-2\.5, 0.625rem)); flex: 1 1 auto } .k-form [dir=rtl] .k-label-optional, .k-rtl .k-form .k-label-optional { margin-left: 0; margin-right: var(--kendo-spacing-1\.5, 0.375rem) } .k-form-horizontal [dir=rtl].k-form-field > .k-label, .k-form-horizontal [dir=rtl].k-form-field > kendo-label, .k-form-horizontal [dir=rtl].k-form-field > .k-form-label, .k-form-horizontal [dir=rtl] .k-form-field > .k-label, .k-form-horizontal [dir=rtl] .k-form-field > kendo-label, .k-form-horizontal [dir=rtl] .k-form-field > .k-form-label, .k-rtl .k-form-horizontal.k-form-field > .k-label, .k-rtl .k-form-horizontal.k-form-field > kendo-label, .k-rtl .k-form-horizontal.k-form-field > .k-form-label, .k-rtl .k-form-horizontal .k-form-field > .k-label, .k-rtl .k-form-horizontal .k-form-field > kendo-label, .k-rtl .k-form-horizontal .k-form-field > .k-form-label { margin-right: 0; margin-left: var(--kendo-spacing-2\.5, 0.625rem) } .k-form-sm .k-form-field, .k-form-sm .k-form-buttons { margin-top: var(--kendo-spacing-2\.5, 0.625rem) } .k-form-md .k-form-field, .k-form-md .k-form-buttons { margin-top: var(--kendo-spacing-3\.5, 0.875rem) } .k-form-lg .k-form-field, .k-form-lg .k-form-buttons { margin-top: var(--kendo-spacing-4\.5, 1.125rem) } .k-form-inline { padding: calc(var(--kendo-spacing-2, 0.5rem)*2) } .k-form-inline fieldset { border-width: 1px 0 0; border-style: solid; margin: calc(var(--kendo-spacing-2, 0.5rem)*2*2) 0; padding: 0 } .k-form-inline fieldset:first-child:first-of-type { margin-top: 0 } .k-form-inline fieldset:last-child:last-of-type { margin-bottom: 0 } .k-form-inline legend { font-size: var(--kendo-font-size-sm, inherit); text-align: start; font-weight: 600; line-height: 1; margin-bottom: calc(var(--kendo-spacing-1\.5, 0.375rem)*2); text-transform: uppercase; padding: 0 var(--kendo-spacing-2, 0.5rem) 0 0; width: auto } .k-form-inline .k-form-field { display: flex; align-items: flex-start; text-align: start; margin-bottom: calc(var(--kendo-spacing-1\.5, 0.375rem)*2) } .k-form-inline .k-form-field > span:not(.k-widget) { width: 25%; text-align: end; line-height: var(--kendo-line-height, normal); padding-block: calc(var(--kendo-spacing-1, 0.25rem) + 1px); padding-inline: 0 var(--kendo-spacing-3, 0.75rem); align-self: center } .k-form-inline .k-form-field > input { align-self: center } .k-form-inline .k-form-field > input:not(.k-checkbox):not(.k-radio) { flex: 1 1 auto } .k-form-inline .k-form-field .k-alert-error { font-size: var(--kendo-font-size-sm, inherit); margin-top: calc(var(--kendo-spacing-1, 0.25rem)*2) } .k-form-inline .k-form-field .k-field-info { display: block; font-size: var(--kendo-font-size-xs, inherit); line-height: 1; margin: 0 } .k-form-inline .k-form-field:last-child { margin-bottom: 0 } .k-edit-form-container { width: 400px; min-width: 400px; border-color: inherit; position: relative } .k-popup-edit-form > .k-actions, .k-popup-edit-form > .k-edit-buttons, .k-popup-edit-form > .k-action-buttons, .k-popup-edit-form > .k-columnmenu-actions, .k-popup-edit-form > .k-form-buttons, .k-edit-form-container .k-actions, .k-edit-form-container .k-edit-buttons, .k-edit-form-container .k-action-buttons, .k-edit-form-container .k-columnmenu-actions, .k-edit-form-container .k-form-buttons { margin: var(--kendo-spacing-4, 1rem) calc(var(--kendo-spacing-4, 1rem)*-1) calc(var(--kendo-spacing-4, 1rem)*-1) } .k-edit-label { margin: 0 0 var(--kendo-spacing-4, 1rem); padding: calc(var(--kendo-spacing-1, 0.25rem) + 1px) 0; width: 30%; line-height: var(--kendo-line-height, normal); text-align: end; float: left; clear: both } .k-edit-field { margin: 0 0 var(--kendo-spacing-4, 1rem); width: 65%; float: right; clear: right; position: relative } .k-edit-field.k-no-editor { padding: calc(var(--kendo-spacing-1, 0.25rem) + 1px) 0 } .k-edit-field > .k-widget { width: 100%; box-sizing: border-box } .k-edit-field input[type=radio]:not(.k-radio), .k-edit-field input[type=checkbox]:not(.k-checkbox) { margin-right: .4ex } .k-edit-field .k-radio-label, .k-edit-field .k-checkbox-label { margin-right: var(--kendo-spacing-4, 1rem) } .k-edit-field > .k-reset > li + li { margin-top: var(--kendo-spacing-2, 0.5rem) } .k-edit-field .k-reset .k-widget { margin: 0 .4ex 0 1ex } .k-form, .k-form-inline { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-form fieldset legend, .k-form-inline fieldset legend { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-form .k-form-legend, .k-form-inline .k-form-legend { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-form .k-field-info, .k-form-inline .k-field-info { color: var(--kendo-color-subtle, #666666) } .k-form .k-alert-error, .k-form-inline .k-alert-error { color: var(--kendo-color-error, #e13929) } .k-form-error, .k-text-error, .k-form-field-error .k-label { color: var(--kendo-color-error, #e13929) } .k-form-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-validator-tooltip { margin-top: 6px; width: auto; white-space: normal; display: flex; align-items: center; z-index: 9999 } .k-grid .k-validator-tooltip { max-width: 300px } .k-floating-label-container { padding-top: calc(var(--kendo-line-height, normal)*var(--kendo-font-size, inherit)); box-sizing: border-box; display: inline-flex; vertical-align: middle; position: relative; flex-direction: column; justify-content: stretch } .k-floating-label-container *, .k-floating-label-container *::before, .k-floating-label-container *::after { box-sizing: border-box } .k-floating-label-container > .k-floating-label { max-width: 90%; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); white-space: nowrap; text-overflow: ellipsis; position: absolute; top: var(--kendo-floating-label-offset-y, calc(var(--kendo-line-height, normal)*var(--kendo-font-size, inherit) + 1px + var(--kendo-spacing-1, 0.25rem))); left: var(--kendo-floating-label-offset-x, calc(var(--kendo-spacing-2, 0.5rem) + 1px)); overflow: hidden; cursor: text; transform-origin: left center; transition: transform .2s ease-out,color .2s ease-out,top .2s ease-out,left .2s ease-out } .k-floating-label-container.k-empty > .k-floating-label { top: var(--kendo-floating-label-offset-y, calc(var(--kendo-line-height, normal)*var(--kendo-font-size, inherit) + 1px + var(--kendo-spacing-1, 0.25rem))); left: var(--kendo-floating-label-offset-x, calc(var(--kendo-spacing-2, 0.5rem) + 1px)); transform: scale(1); pointer-events: none } .k-floating-label-container > .k-floating-label, .k-floating-label-container.k-focus > .k-floating-label { top: var(--kendo-floating-label-focus-offset-y, 0); left: var(--kendo-floating-label-focus-offset-x, 0); transform: scale(1) } .k-floating-label-container:focus-within > .k-floating-label { top: var(--kendo-floating-label-focus-offset-y, 0); left: var(--kendo-floating-label-focus-offset-x, 0); transform: scale(1) } .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::-moz-placeholder { color: rgba(0,0,0,0) } .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder { color: rgba(0,0,0,0) } [dir=rtl] .k-floating-label-container > .k-floating-label, .k-rtl .k-floating-label-container > .k-floating-label, .k-floating-label-container[dir=rtl] > .k-floating-label { transform-origin: right center; transition: transform .2s ease-out,color .2s ease-out,top .2s ease-out,right .2s ease-out } [dir=rtl] .k-floating-label-container.k-empty > .k-floating-label, .k-rtl .k-floating-label-container.k-empty > .k-floating-label, .k-floating-label-container[dir=rtl].k-empty > .k-floating-label { left: auto; right: var(--kendo-floating-label-offset-x, calc(var(--kendo-spacing-2, 0.5rem) + 1px)) } [dir=rtl] .k-floating-label-container > .k-floating-label, [dir=rtl] .k-floating-label-container.k-focus > .k-floating-label, .k-rtl .k-floating-label-container > .k-floating-label, .k-rtl .k-floating-label-container.k-focus > .k-floating-label, .k-floating-label-container[dir=rtl] > .k-floating-label, .k-floating-label-container[dir=rtl].k-focus > .k-floating-label { left: auto; right: var(--kendo-floating-label-focus-offset-x, 0) } [dir=rtl] .k-floating-label-container:focus-within > .k-floating-label, .k-rtl .k-floating-label-container:focus-within > .k-floating-label, .k-floating-label-container[dir=rtl]:focus-within > .k-floating-label { left: auto; right: var(--kendo-floating-label-focus-offset-x, 0) } .k-floating-label-container.k-invalid > .k-floating-label, .k-floating-label-container.ng-invalid.ng-touched > .k-floating-label, .k-floating-label-container.ng-invalid.ng-dirty > .k-floating-label { color: var(--kendo-color-error, #e13929) } .k-split-button .k-split-button-arrow { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); width: auto; aspect-ratio: auto; flex: none } .k-split-button .k-split-button-arrow.k-button-sm { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-0\.5, 0.125rem) } .k-split-button .k-split-button-arrow.k-button-md { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-split-button .k-split-button-arrow.k-button-lg { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-split-button .k-split-button-arrow .k-button-icon { min-width: 0 } .k-split-button:focus, .k-split-button.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-menu-button, .k-dropdown-button { aspect-ratio: auto; outline: 0; display: inline-flex; flex-flow: row nowrap; vertical-align: middle } .k-menu-button > .k-button-arrow, .k-dropdown-button > .k-button-arrow { -webkit-margin-start: calc(var(--kendo-spacing-1, 0.25rem)*-1); margin-inline-start: calc(var(--kendo-spacing-1, 0.25rem)*-1); -webkit-margin-end: calc(var(--kendo-spacing-2, 0.5rem)*-1); margin-inline-end: calc(var(--kendo-spacing-2, 0.5rem)*-1); padding-left: var(--kendo-spacing-1, 0.25rem); padding-right: var(--kendo-spacing-1, 0.25rem); flex: none; display: inline-flex; align-items: center; justify-content: center } .k-menu-button.k-icon-button > .k-button-arrow, .k-dropdown-button.k-icon-button > .k-button-arrow { -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: calc(var(--kendo-spacing-1, 0.25rem)*-1); margin-inline-end: calc(var(--kendo-spacing-1, 0.25rem)*-1) } .k-input, .k-picker { margin: 0; padding: 0; width: 100%; min-width: 0; box-sizing: border-box; border-width: 1px; border-style: solid; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); font-weight: normal; text-align: start; box-shadow: none; display: inline-flex; flex-flow: row nowrap; align-items: stretch; vertical-align: middle; position: relative; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: none } .k-input *, .k-input *::before, .k-input *::after, .k-picker *, .k-picker *::before, .k-picker *::after { box-sizing: border-box } .k-input > .k-input, .k-input > .k-picker, .k-picker > .k-input, .k-picker > .k-picker { border-width: 0 !important; color: inherit; background: none; font: inherit; outline: 0; box-shadow: none } .k-input > *, .k-picker > * { margin: 0 } .k-input::-moz-placeholder, .k-picker::-moz-placeholder { color: var(--kendo-color-subtle, #666666); opacity: 1; -moz-user-select: none; user-select: none } .k-input::placeholder, .k-picker::placeholder { color: var(--kendo-color-subtle, #666666); opacity: 1; -webkit-user-select: none; -moz-user-select: none; user-select: none } input.k-input, textarea.k-textarea { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } textarea.k-textarea { overflow: auto } .k-picker { cursor: pointer } select.k-picker { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; align-items: center } .k-input-inner { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); width: 100%; border: 0; outline: 0; color: inherit; background: none; font: inherit; flex: 1; position: relative; z-index: 1; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: none } .k-input-inner::-moz-placeholder { color: var(--kendo-color-subtle, #666666); opacity: 1; -moz-user-select: none; user-select: none } .k-input-inner::placeholder { color: var(--kendo-color-subtle, #666666); opacity: 1; -webkit-user-select: none; -moz-user-select: none; user-select: none } .k-input-inner:invalid { box-shadow: none } span.k-input-inner { white-space: nowrap; display: flex; flex-flow: row nowrap; align-items: center } textarea.k-input-inner { margin: 0 } .k-input-value-icon { flex: none } .k-input-value-text { flex: 1; overflow: hidden; text-overflow: ellipsis } .k-input-value-text::before { content: "\200b"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top } .k-input-values { min-width: 0px; width: 100%; display: flex; flex-flow: row wrap; align-items: center; cursor: text } .k-input-values .k-chip-list { display: contents } .k-icon-picker > .k-input-inner { padding: var(--kendo-spacing-1, 0.25rem); justify-content: center } .k-input-prefix, .k-input-suffix { border-color: inherit; display: flex; align-items: center; flex: none } .k-input-prefix > *, .k-input-suffix > * { flex-shrink: 0; border: none } .k-input-prefix-vertical, .k-input-suffix-vertical { flex-flow: column wrap } .k-input-prefix-horizontal, .k-input-suffix-horizontal { flex-flow: row wrap } .k-input-separator { margin: 0; border-style: solid; border-color: inherit; border-width: 0 0 0 1px; height: 16px; align-self: center } .k-input-separator-horizontal { height: auto; margin-inline: var(--kendo-spacing-1, 0.25rem); align-self: stretch; border-width: 1px 0 0 } .k-input-separator-vertical { height: auto; margin-block: var(--kendo-spacing-1, 0.25rem); align-self: stretch; border-width: 0 0 0 1px } .k-input-group { margin: 0; padding: 0; border-width: 0; box-sizing: border-box; list-style: none; outline: 0; display: inline-flex; flex-flow: row nowrap; vertical-align: middle; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-input-group > .k-input + .k-input { -webkit-margin-start: -1px; margin-inline-start: -1px } .k-input-group > .k-input:hover, .k-input-group > .k-input.k-hover, .k-input-group > .k-input:focus, .k-input-group > .k-input:focus-within, .k-input-group > .k-input.k-focus, .k-input-group > .k-input:active, .k-input-group > .k-input.k-active, .k-input-group > .k-input.k-selected { z-index: 2 } .k-input-group .k-input:not(:first-child):not(:last-child) { border-start-end-radius: 0; border-end-end-radius: 0; border-start-start-radius: 0; border-end-start-radius: 0 } .k-input-group > .k-input:first-child:not(:only-child) { border-start-end-radius: 0; border-end-end-radius: 0 } .k-input-group > .k-input:last-child:not(:only-child) { border-start-start-radius: 0; border-end-start-radius: 0 } .k-input-group:disabled, .k-input-group[disabled], .k-input-group.k-disabled { opacity: 1; filter: none } .k-input-icon, .k-input-validation-icon, .k-input-loading-icon { flex: none; align-self: center; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; box-sizing: content-box } .k-input-loading-icon { width: 1em; height: 1em; font-size: 16px } .k-input-icon.k-svg-icon > svg, .k-input-icon.k-icon-md > svg, .k-input-validation-icon.k-svg-icon > svg, .k-input-validation-icon.k-icon-md > svg, .k-input-loading-icon.k-svg-icon > svg, .k-input-loading-icon.k-icon-md > svg { width: 16px; height: 16px } .k-input-icon.k-icon-xs > svg, .k-input-validation-icon.k-icon-xs > svg, .k-input-loading-icon.k-icon-xs > svg { width: 12px; height: 12px } .k-input-icon.k-icon-sm > svg, .k-input-validation-icon.k-icon-sm > svg, .k-input-loading-icon.k-icon-sm > svg { width: 14px; height: 14px } .k-input-icon.k-icon-lg > svg, .k-input-validation-icon.k-icon-lg > svg, .k-input-loading-icon.k-icon-lg > svg { width: 20px; height: 20px } .k-input-icon.k-icon-xl > svg, .k-input-validation-icon.k-icon-xl > svg, .k-input-loading-icon.k-icon-xl > svg { width: 24px; height: 24px } .k-input-icon.k-icon-xxl > svg, .k-input-validation-icon.k-icon-xxl > svg, .k-input-loading-icon.k-icon-xxl > svg { width: 32px; height: 32px } .k-input-icon.k-icon-xxxl > svg, .k-input-validation-icon.k-icon-xxxl > svg, .k-input-loading-icon.k-icon-xxxl > svg { width: 48px; height: 48px } .k-clear-value { outline: 0; flex: none; align-self: center; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; opacity: .5 } .k-clear-value:hover, .k-clear-value.k-hover { opacity: 1 } .k-clear-value:focus-visible { outline: 1px dotted; outline-offset: -1px } .k-input-button { width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2); border-width: 0; border-inline-start-width: 1px; flex: none; aspect-ratio: auto; box-shadow: none } .k-input-button > .k-button-icon { min-width: auto !important } .k-input-button:focus { box-shadow: none } .k-picker .k-input-button { color: inherit; background: none; border-color: rgba(0,0,0,0) } .k-input-spinner { width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2); flex: none; display: flex; flex-flow: column nowrap } .k-input-spinner .k-spinner-increase, .k-input-spinner .k-spinner-decrease { border-width: 0; border-inline-start-width: 1px; flex: 1 1 50%; box-shadow: none; position: relative; aspect-ratio: auto } .k-input-spinner .k-spinner-increase .k-button-icon, .k-input-spinner .k-spinner-decrease .k-button-icon { margin-block: -1em; margin-inline: 0; min-width: auto !important; min-height: auto !important } .k-input-spinner .k-spinner-increase .k-icon { bottom: auto } .k-input-spinner .k-spinner-decrease .k-icon { top: auto } .k-searchbar { flex: 1 1 auto; display: flex; flex-flow: row nowrap } .k-picker-wrap, .k-dropdown-wrap, .k-dateinput-wrap, .k-multiselect-wrap, .k-numeric-wrap { width: 100%; border-width: 0; border-color: inherit; box-sizing: border-box; flex: 1 1 auto; display: flex; flex-flow: row nowrap; overflow: hidden; position: relative } .k-input-flat, .k-picker-flat { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-width: 1px 0; border-top-color: rgba(0,0,0,0) !important; background-image: none !important } .k-input-outline { background: none !important } .k-input-sm, .k-picker-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-input-sm .k-input-values, .k-picker-sm .k-input-values { padding: calc(var(--kendo-spacing-0\.5, 0.125rem)/2); gap: calc(var(--kendo-spacing-0\.5, 0.125rem)/2) } .k-input-sm .k-input-values > .k-searchbar, .k-input-sm .k-input-values > .k-input-inner, .k-picker-sm .k-input-values > .k-searchbar, .k-picker-sm .k-input-values > .k-input-inner { margin: calc(var(--kendo-spacing-0\.5, 0.125rem)/2*-1) } .k-input-sm .k-input-inner, .k-picker-sm .k-input-inner { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-input-sm .k-input-button, .k-input-sm .k-spinner-increase, .k-input-sm .k-spinner-decrease, .k-picker-sm .k-input-button, .k-picker-sm .k-spinner-increase, .k-picker-sm .k-spinner-decrease { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-0\.5, 0.125rem) } .k-input-sm .k-input-icon, .k-input-sm .k-input-validation-icon, .k-input-sm .k-input-loading-icon, .k-input-sm .k-clear-value, .k-input-sm .k-input-prefix > .k-icon, .k-input-sm .k-input-prefix > .k-input-prefix-text, .k-input-sm .k-input-suffix > .k-icon, .k-input-sm .k-input-suffix > .k-input-suffix-text, .k-picker-sm .k-input-icon, .k-picker-sm .k-input-validation-icon, .k-picker-sm .k-input-loading-icon, .k-picker-sm .k-clear-value, .k-picker-sm .k-input-prefix > .k-icon, .k-picker-sm .k-input-prefix > .k-input-prefix-text, .k-picker-sm .k-input-suffix > .k-icon, .k-picker-sm .k-input-suffix > .k-input-suffix-text { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-0\.5, 0.125rem); box-sizing: content-box } .k-input-sm .k-input-separator-horizontal, .k-picker-sm .k-input-separator-horizontal { margin-inline: var(--kendo-spacing-0\.5, 0.125rem) } .k-input-sm .k-input-separator-vertical, .k-picker-sm .k-input-separator-vertical { margin-block: var(--kendo-spacing-0\.5, 0.125rem) } .k-input-sm.k-icon-picker > .k-input-inner, .k-picker-sm.k-icon-picker > .k-input-inner { width: calc(var(--kendo-line-height, normal)*1em); height: calc(var(--kendo-line-height, normal)*1em); padding: var(--kendo-spacing-0\.5, 0.125rem); box-sizing: content-box } select.k-picker-sm { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-input-md, .k-picker-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-input-md .k-input-values, .k-picker-md .k-input-values { padding: calc(var(--kendo-spacing-1, 0.25rem)/2); gap: calc(var(--kendo-spacing-1, 0.25rem)/2) } .k-input-md .k-input-values > .k-searchbar, .k-input-md .k-input-values > .k-input-inner, .k-picker-md .k-input-values > .k-searchbar, .k-picker-md .k-input-values > .k-input-inner { margin: calc(var(--kendo-spacing-1, 0.25rem)/2*-1) } .k-input-md .k-input-inner, .k-picker-md .k-input-inner { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-input-md .k-input-button, .k-input-md .k-spinner-increase, .k-input-md .k-spinner-decrease, .k-picker-md .k-input-button, .k-picker-md .k-spinner-increase, .k-picker-md .k-spinner-decrease { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-input-md .k-input-icon, .k-input-md .k-input-validation-icon, .k-input-md .k-input-loading-icon, .k-input-md .k-clear-value, .k-input-md .k-input-prefix > .k-icon, .k-input-md .k-input-prefix > .k-input-prefix-text, .k-input-md .k-input-suffix > .k-icon, .k-input-md .k-input-suffix > .k-input-suffix-text, .k-picker-md .k-input-icon, .k-picker-md .k-input-validation-icon, .k-picker-md .k-input-loading-icon, .k-picker-md .k-clear-value, .k-picker-md .k-input-prefix > .k-icon, .k-picker-md .k-input-prefix > .k-input-prefix-text, .k-picker-md .k-input-suffix > .k-icon, .k-picker-md .k-input-suffix > .k-input-suffix-text { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); box-sizing: content-box } .k-input-md .k-input-separator-horizontal, .k-picker-md .k-input-separator-horizontal { margin-inline: var(--kendo-spacing-1, 0.25rem) } .k-input-md .k-input-separator-vertical, .k-picker-md .k-input-separator-vertical { margin-block: var(--kendo-spacing-1, 0.25rem) } .k-input-md.k-icon-picker > .k-input-inner, .k-picker-md.k-icon-picker > .k-input-inner { width: calc(var(--kendo-line-height, normal)*1em); height: calc(var(--kendo-line-height, normal)*1em); padding: var(--kendo-spacing-1, 0.25rem); box-sizing: content-box } select.k-picker-md { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-input-lg, .k-picker-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-input-lg .k-input-values, .k-picker-lg .k-input-values { padding: calc(var(--kendo-spacing-2, 0.5rem)/2); gap: calc(var(--kendo-spacing-2, 0.5rem)/2) } .k-input-lg .k-input-values > .k-searchbar, .k-input-lg .k-input-values > .k-input-inner, .k-picker-lg .k-input-values > .k-searchbar, .k-picker-lg .k-input-values > .k-input-inner { margin: calc(var(--kendo-spacing-2, 0.5rem)/2*-1) } .k-input-lg .k-input-inner, .k-picker-lg .k-input-inner { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-input-lg .k-input-button, .k-input-lg .k-spinner-increase, .k-input-lg .k-spinner-decrease, .k-picker-lg .k-input-button, .k-picker-lg .k-spinner-increase, .k-picker-lg .k-spinner-decrease { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-input-lg .k-input-icon, .k-input-lg .k-input-validation-icon, .k-input-lg .k-input-loading-icon, .k-input-lg .k-clear-value, .k-input-lg .k-input-prefix > .k-icon, .k-input-lg .k-input-prefix > .k-input-prefix-text, .k-input-lg .k-input-suffix > .k-icon, .k-input-lg .k-input-suffix > .k-input-suffix-text, .k-picker-lg .k-input-icon, .k-picker-lg .k-input-validation-icon, .k-picker-lg .k-input-loading-icon, .k-picker-lg .k-clear-value, .k-picker-lg .k-input-prefix > .k-icon, .k-picker-lg .k-input-prefix > .k-input-prefix-text, .k-picker-lg .k-input-suffix > .k-icon, .k-picker-lg .k-input-suffix > .k-input-suffix-text { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); box-sizing: content-box } .k-input-lg .k-input-separator-horizontal, .k-picker-lg .k-input-separator-horizontal { margin-inline: var(--kendo-spacing-2, 0.5rem) } .k-input-lg .k-input-separator-vertical, .k-picker-lg .k-input-separator-vertical { margin-block: var(--kendo-spacing-2, 0.5rem) } .k-input-lg.k-icon-picker > .k-input-inner, .k-picker-lg.k-icon-picker > .k-input-inner { width: calc(var(--kendo-line-height-lg, normal)*1em); height: calc(var(--kendo-line-height-lg, normal)*1em); padding: var(--kendo-spacing-2, 0.5rem); box-sizing: content-box } select.k-picker-lg { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-input > kendo-popup, .k-picker > kendo-popup { position: fixed } @keyframes autoFillStart { } @keyframes autoFillEnd { } .k-autofill:-webkit-autofill { animation-name: autoFillStart } .k-autofill:not(:-webkit-autofill) { animation-name: autoFillEnd } .k-input:-webkit-autofill { animation-name: autoFillStart } .k-input:not(:-webkit-autofill) { animation-name: autoFillEnd } .k-input-solid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-input-solid:hover, .k-input-solid.k-hover { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-input-solid:focus, .k-input-solid.k-focus { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-input-solid:focus-within { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-input-solid.k-invalid, .k-input-solid.ng-invalid.ng-touched, .k-input-solid.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #e13929) } .k-input-solid.k-invalid .k-input-validation-icon, .k-input-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-input-solid.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #e13929) } .k-input-solid .k-input-prefix { color: var(--kendo-color-subtle, #666666) } .k-input-solid .k-input-suffix { color: var(--kendo-color-subtle, #666666) } .k-input-solid .k-input-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-picker-solid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #3d3d3d); background-color: var(--kendo-color-base, #f5f5f5) } .k-picker-solid:hover, .k-picker-solid.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-picker-solid:focus, .k-picker-solid.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-picker-solid:focus-within { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-picker-solid.k-invalid, .k-picker-solid.ng-invalid.ng-touched, .k-picker-solid.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #e13929) } .k-picker-solid.k-invalid .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #e13929) } .k-input-outline { border-color: color-mix(in srgb, var(--kendo-color-on-base, #3d3d3d) 50%, transparent); color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-input-outline > .k-input-button { border-color: inherit } .k-input-outline > .k-input-spinner { border-color: inherit } .k-input-outline > .k-input-spinner > .k-spinner-increase, .k-input-outline > .k-input-spinner > .k-spinner-decrease { border-color: inherit } .k-input-outline:hover, .k-input-outline.k-hover { border-color: color-mix(in srgb, var(--kendo-color-on-base, #3d3d3d) 80%, transparent) } .k-input-outline:focus, .k-input-outline.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-input-outline:focus-within { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-input-outline.k-invalid, .k-input-outline.ng-invalid.ng-touched, .k-input-outline.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #e13929) } .k-input-outline.k-invalid .k-input-validation-icon, .k-input-outline.ng-invalid.ng-touched .k-input-validation-icon, .k-input-outline.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #e13929) } .k-input-outline .k-input-prefix { color: var(--kendo-color-subtle, #666666) } .k-input-outline .k-input-suffix { color: var(--kendo-color-subtle, #666666) } .k-input-outline .k-input-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-picker-outline { border-color: color-mix(in srgb, var(--kendo-color-on-base, #3d3d3d) 50%, transparent); color: var(--kendo-color-on-base, #3d3d3d) } .k-picker-outline:hover, .k-picker-outline.k-hover { border-color: var(--kendo-color-on-base, #3d3d3d); color: var(--kendo-color-base, #f5f5f5); background-color: var(--kendo-color-on-base, #3d3d3d) } .k-picker-outline:focus, .k-picker-outline.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-picker-outline:focus-within { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-picker-outline.k-invalid, .k-picker-outline.ng-invalid.ng-touched, .k-picker-outline.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #e13929) } .k-picker-outline.k-invalid .k-input-validation-icon, .k-picker-outline.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-outline.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #e13929) } .k-input-flat { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-input-flat:hover, .k-input-flat.k-hover { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-input-flat:focus, .k-input-flat.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-input-flat:focus-within { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-input-flat.k-invalid, .k-input-flat.ng-invalid.ng-touched, .k-input-flat.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #e13929) } .k-input-flat.k-invalid .k-input-validation-icon, .k-input-flat.ng-invalid.ng-touched .k-input-validation-icon, .k-input-flat.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #e13929) } .k-input-flat .k-input-prefix { color: var(--kendo-color-subtle, #666666) } .k-input-flat .k-input-suffix { color: var(--kendo-color-subtle, #666666) } .k-input-flat .k-input-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-picker-flat { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #3d3d3d) } .k-picker-flat:hover, .k-picker-flat.k-hover { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)); background-color: color-mix(in srgb, var(--kendo-color-on-base, #3d3d3d) 4%, transparent) } .k-picker-flat:focus, .k-picker-flat.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-picker-flat:focus-within { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-picker-flat.k-invalid, .k-picker-flat.ng-invalid.ng-touched, .k-picker-flat.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #e13929) } .k-picker-flat.k-invalid .k-input-validation-icon, .k-picker-flat.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-flat.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #e13929) } .k-textarea:has(.k-input-inner[style*=width]) { width: -moz-max-content; width: max-content } .k-checkbox { margin: 0; padding: 0; line-height: initial; border-width: 1px; border-style: solid; outline: 0; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; flex: none; vertical-align: middle; position: relative; cursor: pointer; -webkit-appearance: none } .k-checkbox::before { content: ""; display: block; width: 100%; height: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat } .k-checkbox:checked::before, .k-checkbox.k-checked::before { background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/%3e%3c/svg%3e") } .k-checkbox:indeterminate::before, .k-checkbox.k-indeterminate::before { background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ff6358' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ff6358' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/%3e%3c/svg%3e") } .k-checkbox-wrap { flex: none; display: inline-flex; flex-flow: row nowrap; gap: 0; align-items: center; align-self: flex-start; vertical-align: middle; position: relative } .k-checkbox-wrap::before { content: "\200b"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top } .k-checkbox-label { margin: 0; padding: 0; display: inline-flex; align-items: flex-start; gap: var(--kendo-spacing-1, 0.25rem); vertical-align: middle; position: relative; cursor: pointer } .k-checkbox-label .k-ripple { visibility: hidden !important } .k-checkbox + .k-label, .k-checkbox-wrap + .k-label, .k-checkbox + .k-checkbox-label, .k-checkbox-wrap + .k-checkbox-label { display: inline; -webkit-margin-start: var(--kendo-spacing-1, 0.25rem); margin-inline-start: var(--kendo-spacing-1, 0.25rem) } .k-checkbox-label:empty { display: none !important } .k-checkbox-label.k-no-text { min-width: 1px } .k-checkbox-list { margin: 0; padding: 0; display: flex; flex-flow: column nowrap; gap: 0; list-style: none } .k-checkbox-item, .k-checkbox-list-item { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-0, 0px); display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-1, 0.25rem) } .k-checkbox-item .k-checkbox-label, .k-checkbox-list-item .k-checkbox-label { margin: 0 } .k-checkbox-list-horizontal, .k-checkbox-list.k-list-horizontal { display: flex; flex-flow: row wrap; gap: var(--kendo-spacing-4, 1rem) } .k-ripple-container .k-checkbox::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; border-radius: 100%; z-index: -1; transition: opacity 100ms linear,transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transform: translate(-50%, -50%) scale(0); transform-origin: center center } .k-ripple-container .k-checkbox:focus, .k-ripple-container .k-checkbox.k-focus { box-shadow: none !important } .k-ripple-container .k-checkbox:disabled::after, .k-ripple-container .k-checkbox.k-disabled::after { display: none } .k-checkbox-sm { width: var(--kendo-spacing-3, 0.75rem); height: var(--kendo-spacing-3, 0.75rem) } .k-checkbox-sm::before { font-size: var(--kendo-spacing-2\.5, 0.625rem) } .k-ripple-container .k-checkbox-sm::after { width: 300%; height: 300% } .k-checkbox-md { width: var(--kendo-spacing-4, 1rem); height: var(--kendo-spacing-4, 1rem) } .k-checkbox-md::before { font-size: var(--kendo-spacing-3\.5, 0.875rem) } .k-ripple-container .k-checkbox-md::after { width: 300%; height: 300% } .k-checkbox-lg { width: var(--kendo-spacing-5, 1.25rem); height: var(--kendo-spacing-5, 1.25rem) } .k-checkbox-lg::before { font-size: var(--kendo-spacing-4\.5, 1.125rem) } .k-ripple-container .k-checkbox-lg::after { width: 300%; height: 300% } .k-checkbox { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-checkbox:focus, .k-checkbox.k-focus { box-shadow: 0 0 0 2px rgba(0,0,0,.06) } .k-checkbox:indeterminate, .k-checkbox.k-indeterminate { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-primary, #0058e9); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-checkbox:checked, .k-checkbox.k-checked { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-checkbox:checked:focus, .k-checkbox.k-checked.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-primary, #0058e9) 30%, transparent) } .k-checkbox.k-invalid { border-color: var(--kendo-color-error, #e13929) } .k-checkbox.k-invalid + .k-checkbox-label { color: var(--kendo-color-error, #e13929) } .k-checkbox-wrap .k-ripple-blob { color: var(--kendo-color-primary, #0058e9); opacity: .25 } .k-ripple-container .k-checkbox::after { background: var(--kendo-color-primary, #0058e9); opacity: .25 } .k-listbox { width: 10em; height: 200px; border-width: 0; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); vertical-align: top; background-color: rgba(0,0,0,0); display: inline-flex; gap: var(--kendo-spacing-2, 0.5rem); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-listbox .k-listbox-actions { display: flex; gap: var(--kendo-spacing-2, 0.5rem) } .k-listbox.k-listbox-actions-left, .k-listbox.k-listbox-actions-right { flex-direction: row } .k-listbox.k-listbox-actions-left .k-listbox-actions, .k-listbox.k-listbox-actions-right .k-listbox-actions { flex-direction: column } .k-listbox.k-listbox-actions-right { flex-direction: row-reverse } .k-listbox.k-listbox-actions-top, .k-listbox.k-listbox-actions-bottom { flex-direction: column } .k-listbox.k-listbox-actions-top .k-listbox-actions, .k-listbox.k-listbox-actions-bottom .k-listbox-actions { flex-direction: row } .k-listbox.k-listbox-actions-bottom { flex-direction: column-reverse } .k-listbox .k-list-scroller { width: 100%; min-height: 0; height: inherit; border-width: 1px; border-style: solid; box-sizing: border-box; display: flex; flex-flow: column nowrap } .k-listbox .k-list-scroller .k-list-scroller { border-width: 0 } .k-listbox .k-list-scroller .k-list { height: inherit; background: rgba(0,0,0,0) } .k-listbox .k-drop-hint { border-top-width: 1px; border-top-style: solid } .k-listbox .k-ghost { opacity: .5 } .k-item { cursor: default } .k-listbox .k-list-scroller { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-listbox .k-drop-hint { border-top-color: var(--kendo-color-primary, #0058e9) } .k-progressbar { border-radius: var(--kendo-border-radius-md, 0.25rem); --kendo-progressbar-value: 0; border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-xs, normal); display: inline-grid; vertical-align: middle; position: relative; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-progressbar *, .k-progressbar *::before, .k-progressbar *::after { box-sizing: border-box } .k-progressbar > .k-progressbar-value { border-width: 0; border-style: solid; display: flex; overflow: hidden; grid-column: 1/-1; grid-row: 1/-1 } .k-progressbar > .k-progressbar-chunks { border-width: inherit; border-style: inherit; white-space: nowrap; display: flex; align-items: stretch; flex: 1; gap: 1px; grid-column: 1/-1; grid-row: 1/-1 } .k-progressbar .k-progressbar-chunk { display: block; border-width: 0; flex: 1 } .k-progress-status-wrap { width: 100%; height: 100%; display: flex; align-items: center; flex-shrink: 0; grid-column: 1/-1; grid-row: 1/-1 } .k-progress-status-wrap.k-progress-start { justify-content: flex-start } .k-progress-status-wrap.k-progress-center { justify-content: center } .k-progress-status-wrap.k-progress-end { justify-content: flex-end } .k-progress-status { padding-block: 0; padding-inline: var(--kendo-spacing-2, 0.5rem); min-width: 10px; text-align: center; display: inline-block; white-space: nowrap } .k-progressbar-horizontal { width: 100%; height: var(--kendo-progressbar-height, 22px); grid-template-columns: 1fr; grid-template-rows: 100% } .k-progressbar-horizontal .k-progress-status-wrap { flex-direction: row } .k-progressbar-horizontal > .k-progressbar-value { width: calc(var(--kendo-progressbar-value, 0)*1%); flex-direction: row } .k-progressbar-horizontal > .k-progressbar-value > .k-progress-status-wrap { width: calc(10000%/var(--kendo-progressbar-value, 1)) } .k-progressbar-horizontal > .k-progressbar-chunks { flex-direction: row } .k-progressbar-horizontal.k-progressbar-reverse > .k-progressbar-value { flex-direction: row-reverse; justify-self: flex-end } .k-progressbar-horizontal.k-progressbar-reverse > .k-progressbar-chunks { flex-direction: row-reverse } .k-progressbar-vertical { width: var(--kendo-progressbar-height, 22px); height: 27em; grid-template-columns: 100%; grid-template-rows: 1fr } .k-progressbar-vertical .k-progress-status-wrap { flex-direction: column-reverse } .k-progressbar-vertical .k-progress-status { writing-mode: vertical-lr } .k-progressbar-vertical > .k-progressbar-value { height: calc(var(--kendo-progressbar-value, 0)*1%); flex-direction: column-reverse; align-self: flex-end; align-items: flex-end } .k-progressbar-vertical > .k-progressbar-value > .k-progress-status-wrap { height: calc(10000%/var(--kendo-progressbar-value, 1)) } .k-progressbar-vertical > .k-progressbar-chunks { flex-direction: column-reverse } .k-progressbar-vertical.k-progressbar-reverse { flex-direction: column } .k-progressbar-vertical.k-progressbar-reverse > .k-progressbar-value { flex-direction: column; align-self: flex-start } .k-progressbar-vertical.k-progressbar-reverse > .k-progressbar-chunks { flex-direction: column } .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-progressbar-value, .k-progressbar-indeterminate .k-progressbar-chunk { display: none } .telerik-blazor.k-progressbar-horizontal > .k-progressbar-value, .telerik-blazor.k-progressbar-horizontal > .k-progressbar-value > .k-progress-status-wrap { transition: width .1s ease-in-out } .k-rtl .k-progressbar, .k-progressbar[dir=rtl] { direction: rtl } .k-circular-progressbar { display: inline-block; text-align: start; position: relative } .k-circular-progressbar-surface { height: 100% } .k-circular-progressbar-surface > div { width: 100%; height: 100% } .k-circular-progressbar-surface svg { width: 100%; height: 100% } .k-circular-progressbar-scale { fill: none } .k-circular-progressbar-arc { transform-box: fill-box; transform-origin: center center; transform: rotate(-90deg); stroke-linecap: round; fill: none } .k-circular-progressbar-label { position: absolute; text-align: center; padding: 0; margin: 0 } @keyframes kendo-progressbar-indeterminate-animation { from { background-position: 0 0 } to { background-position: 22px 0 } } .k-progressbar { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base-subtle, #ebebeb) } .k-progressbar .k-selected { border-color: var(--kendo-color-primary-active, #d45349); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-chunk-progressbar { background-color: rgba(0,0,0,0) } .k-progressbar-chunk { background-color: var(--kendo-color-base-subtle, #ebebeb) } .k-progressbar-chunk .k-selected { background-color: var(--kendo-color-primary, #0058e9) } .k-progressbar-indeterminate { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base-subtle, #ebebeb); background-image: linear-gradient(45deg, color-mix(in srgb, var(--kendo-color-base-emphasis, #c2c2c2) 55%, transparent) 25%, transparent 25%, transparent 50%, color-mix(in srgb, var(--kendo-color-base-emphasis, #c2c2c2) 55%, transparent) 50%, color-mix(in srgb, var(--kendo-color-base-emphasis, #c2c2c2) 55%, transparent) 75%, transparent 75%, transparent); background-size: 22px 22px; animation: kendo-progressbar-indeterminate-animation 1s linear infinite } .k-circular-progressbar-scale { stroke: var(--kendo-color-base-subtle, #ebebeb) } .k-circular-progressbar-arc { stroke: var(--kendo-color-primary, #0058e9); transition: stroke .5s ease } .k-radio { border-radius: 50%; margin: 0; padding: 0; line-height: initial; border-width: 1px; border-style: solid; outline: 0; box-sizing: border-box; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; flex: none; vertical-align: middle; position: relative; cursor: pointer; -webkit-appearance: none } .k-radio::before { content: ""; display: block; width: 100%; height: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat } .k-radio:checked::before, .k-radio.k-checked::before { background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3ccircle cx='50%25' cy='50%25' r='4' fill='%23ffffff'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3ccircle cx='50%25' cy='50%25' r='4' fill='%23ffffff'/%3e%3c/svg%3e") } .k-radio-wrap { flex: none; display: inline-flex; flex-flow: row nowrap; gap: 0; align-items: center; align-self: start; vertical-align: middle; position: relative } .k-radio-wrap::before { content: "\200b"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top } .k-radio-label { margin: 0; padding: 0; display: inline-flex; align-items: flex-start; gap: var(--kendo-spacing-1, 0.25rem); vertical-align: middle; position: relative; cursor: pointer } .k-radio-label .k-ripple { visibility: hidden !important } .k-radio + .k-label, .k-radio-wrap + .k-label, .k-radio + .k-radio-label, .k-radio-wrap + .k-radio-label { display: inline; -webkit-margin-start: var(--kendo-spacing-1, 0.25rem); margin-inline-start: var(--kendo-spacing-1, 0.25rem) } .k-radio-label:empty { display: none !important } .k-radio-label.k-no-text { min-width: 1px } .k-radio-list { margin: 0; padding: 0; display: flex; flex-flow: column nowrap; gap: 0; list-style: none } .k-radio-item, .k-radio-list-item { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-0, 0px); display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-1, 0.25rem) } .k-radio-item .k-radio-label, .k-radio-list-item .k-radio-label { margin: 0 } .k-radio-list-horizontal, .k-radio-list.k-list-horizontal { display: flex; flex-flow: row wrap; gap: var(--kendo-spacing-4, 1rem) } .k-ripple-container .k-radio::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; border-radius: 100%; z-index: -1; transition: opacity 100ms linear,transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transform: translate(-50%, -50%) scale(0); transform-origin: center center } .k-ripple-container .k-radio:focus, .k-ripple-container .k-radio.k-focus { box-shadow: none !important } .k-ripple-container .k-radio:disabled::after, .k-ripple-container .k-radio.k-disabled::after { display: none } .k-ripple-container .k-radio:disabled::after, .k-ripple-container .k-radio.k-disabled::after { display: none } .k-radio-sm { width: var(--kendo-spacing-3, 0.75rem); height: var(--kendo-spacing-3, 0.75rem) } .k-radio-sm::before { font-size: var(--kendo-spacing-2\.5, 0.625rem) } .k-ripple-container .k-radio-sm::after { width: 300%; height: 300% } .k-radio-md { width: var(--kendo-spacing-4, 1rem); height: var(--kendo-spacing-4, 1rem) } .k-radio-md::before { font-size: var(--kendo-spacing-3\.5, 0.875rem) } .k-ripple-container .k-radio-md::after { width: 300%; height: 300% } .k-radio-lg { width: var(--kendo-spacing-5, 1.25rem); height: var(--kendo-spacing-5, 1.25rem) } .k-radio-lg::before { font-size: var(--kendo-spacing-4\.5, 1.125rem) } .k-ripple-container .k-radio-lg::after { width: 300%; height: 300% } .k-radio { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-radio:focus, .k-radio.k-focus { box-shadow: 0 0 0 2px rgba(0,0,0,.06) } .k-radio.k-invalid, .k-radio.ng-invalid.ng-touched, .k-radio.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #e13929) } .k-radio.k-invalid + .k-radio-label, .k-radio.ng-invalid.ng-touched + .k-radio-label, .k-radio.ng-invalid.ng-dirty + .k-radio-label { color: var(--kendo-color-error, #e13929) } .k-radio:checked, .k-radio.k-checked { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-radio:checked:focus, .k-radio.k-checked.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-primary, #0058e9) 30%, transparent) } .k-ripple-container .k-radio::after { background: var(--kendo-color-primary, #0058e9); opacity: .25 } .k-slider { border: 0; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); background: none; display: inline-flex; align-items: center; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-slider *, .k-slider *::before, .k-slider *::after { box-sizing: border-box } .k-slider .k-label { width: auto; font-size: .92em; line-height: 1; white-space: nowrap; position: absolute } .k-slider .k-tick, .k-slider .k-slider-track { cursor: pointer } .k-slider .k-tick { background-color: rgba(0,0,0,0); background-position: center center; background-repeat: no-repeat; margin: 0; padding: 0; position: relative } .k-slider.k-disabled .k-tick, .k-slider.k-disabled .k-slider-track, .k-slider.k-disabled .k-draghandle { cursor: default } .k-slider { width: -moz-min-content; width: min-content; height: -moz-min-content; height: min-content; gap: 7px } .k-slider .k-button { flex: none } .k-slider .k-slider-track-wrap { flex: 1 1 auto; display: flex; flex-flow: inherit; position: relative; touch-action: none } .k-slider .k-slider-track-wrap .k-slider-items { margin: 0; padding: 0; list-style: none; flex: 1 1 100%; display: flex; flex-flow: inherit; justify-content: space-between; -webkit-user-select: none; -moz-user-select: none; user-select: none } .k-slider .k-slider-track-wrap .k-tick { flex: 0 0 1px } .k-slider .k-slider-track-wrap .k-tick-horizontal { width: 1px; min-height: 100% } .k-slider .k-slider-track-wrap .k-tick-vertical { width: 100%; min-height: 1px } .k-slider .k-slider-track-wrap .k-draghandle { position: absolute } .k-slider-horizontal .k-slider-track-wrap { height: 26px } .k-slider-horizontal .k-slider-track-wrap .k-slider-track { width: 100% } .k-slider-horizontal .k-slider-track-wrap .k-draghandle { top: 50%; transform: translate(-50%, -50%) } .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus, .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active { transform: translate(-50%, -50%) scale(1) } .k-slider-horizontal .k-slider-track-wrap .k-slider-selection { width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%); inset-inline-start: calc(var(--kendo-slider-start, 0)*1%) } .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start { inset-inline-start: calc(var(--kendo-slider-start, 0)*1%) } .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end { inset-inline-start: calc(var(--kendo-slider-end, 0)*1%) } .k-slider-vertical .k-slider-track-wrap { width: 26px } .k-slider-vertical .k-slider-track-wrap .k-slider-track { height: 100% } .k-slider-vertical .k-slider-track-wrap .k-draghandle { left: 50%; transform: translate(-50%, 50%) } .k-slider-vertical .k-slider-track-wrap .k-draghandle:focus, .k-slider-vertical .k-slider-track-wrap .k-draghandle:active { transform: translate(-50%, 50%) scale(1) } .k-slider-vertical .k-slider-track-wrap .k-slider-selection { bottom: calc(var(--kendo-slider-start, 0)*1%); height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%) } .k-slider-vertical .k-slider-track-wrap .k-draghandle-start { bottom: calc(var(--kendo-slider-start, 0)*1%) } .k-slider-vertical .k-slider-track-wrap .k-draghandle-end { bottom: calc(var(--kendo-slider-end, 0)*1%) } .k-slider-vertical { height: 200px; flex-flow: column-reverse nowrap } .k-slider-vertical .k-tick { text-align: end; margin-left: 2px } .k-slider-vertical .k-slider-topleft .k-tick { text-align: start } .k-slider-vertical .k-tick { background-position: -94px center } .k-slider-vertical .k-slider-topleft .k-tick { background-position: -124px center } .k-slider-vertical .k-slider-bottomright .k-tick { background-position: -154px center } .k-slider-vertical .k-tick-large { display: flex; align-items: center; background-position: -4px center } .k-slider-vertical .k-slider-topleft .k-tick-large { background-position: -34px center } .k-slider-vertical .k-slider-bottomright .k-tick-large { background-position: -64px center } .k-slider-vertical .k-first { background-position: -94px 100% } .k-slider-vertical .k-tick-large.k-first { background-position: -4px 100% } .k-slider-vertical .k-slider-topleft .k-first { background-position: -124px 100% } .k-slider-vertical .k-slider-topleft .k-tick-large.k-first { background-position: -34px 100% } .k-slider-vertical .k-slider-bottomright .k-first { background-position: -154px 100% } .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first { background-position: -64px 100% } .k-slider-vertical .k-last { background-position: -94px 0 } .k-slider-vertical .k-tick-large.k-last { background-position: -4px 0 } .k-slider-vertical .k-slider-topleft .k-last { background-position: -124px 0 } .k-slider-vertical .k-slider-topleft .k-tick-large.k-last { background-position: -34px 0 } .k-slider-vertical .k-slider-bottomright .k-last { background-position: -154px 0 } .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last { background-position: -64px 0 } .k-slider-vertical .k-label { text-align: start; inset-inline-start: 120%; top: 50%; transform: translateY(-50%) } .k-slider-vertical .k-first .k-label { top: 100% } .k-slider-vertical .k-last .k-label { top: 0 } .k-slider-vertical .k-slider-topleft .k-label { inset-inline-start: auto; inset-inline-end: 120% } .k-slider-horizontal { width: 200px; flex-flow: row nowrap } .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-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-horizontal .k-label { inset-inline-start: 50%; bottom: -1.2em; transform: translateX(-50%) } .k-slider-horizontal .k-first .k-label { inset-inline-start: 0 } .k-slider-horizontal .k-last .k-label { inset-inline-start: 100% } .k-slider-horizontal .k-slider-topleft .k-label { top: -1.2em } .k-slider-track, .k-slider-selection { margin: 0; padding: 0; position: absolute } .k-slider-horizontal :is(.k-slider-track,.k-slider-selection) { height: 4px; left: 0; margin-top: -2px; top: 50% } .k-slider-vertical :is(.k-slider-track,.k-slider-selection) { bottom: 0; left: 50%; margin-left: -2px; width: 4px } .k-draghandle { background-color: rgba(0,0,0,0); background-repeat: no-repeat; border-style: solid; border-width: 1px; outline: 0; position: absolute; text-align: center; text-decoration: none; width: 14px; height: 14px } .k-draghandle.k-pressed { transition: none } .k-slider-selection.k-pressed { transition: none } .k-slider-transitions.k-slider-horizontal .k-draghandle { transition: inset-inline-start .3s ease-out,background-color .3s ease-out,transform .4s cubic-bezier(0.25, 0.8, 0.25, 1) } .k-slider-transitions.k-slider-horizontal .k-slider-selection { transition: width .3s ease-out } .k-slider-transitions.k-slider-vertical .k-draghandle { transition: bottom .3s ease-out,background-color .3s ease-out,transform .4s cubic-bezier(0.25, 0.8, 0.25, 1) } .k-slider-transitions.k-slider-vertical .k-slider-selection { transition: height .3s ease-out } .k-slider.k-readonly .k-button, .k-slider.k-readonly .k-slider-track, .k-slider.k-readonly .k-tick, .k-slider.k-readonly .k-draghandle { pointer-events: none } .k-slider-tooltip .k-callout-n, .k-slider-tooltip .k-callout-s { -webkit-margin-start: -6px / 2; margin-inline-start: -6px / 2 } .k-slider-tooltip .k-callout-w, .k-slider-tooltip .k-callout-e { margin-top: -6px / 2 } .k-slider-rtl.k-slider-horizontal .k-draghandle, .k-slider-horizontal.k-slider[dir=rtl] .k-draghandle, [dir=rtl] .k-slider-horizontal.k-slider .k-draghandle, .k-slider-horizontal.k-slider.k-rtl .k-draghandle, .k-rtl .k-slider-horizontal.k-slider .k-draghandle { transform: translate(50%, -50%) } .k-slider-rtl.k-slider-horizontal .k-draghandle:focus, .k-slider-horizontal.k-slider[dir=rtl] .k-draghandle:focus, [dir=rtl] .k-slider-horizontal.k-slider .k-draghandle:focus, .k-slider-horizontal.k-slider.k-rtl .k-draghandle:focus, .k-rtl .k-slider-horizontal.k-slider .k-draghandle:focus, .k-slider-rtl.k-slider-horizontal .k-draghandle:active, .k-slider-horizontal.k-slider[dir=rtl] .k-draghandle:active, [dir=rtl] .k-slider-horizontal.k-slider .k-draghandle:active, .k-slider-horizontal.k-slider.k-rtl .k-draghandle:active, .k-rtl .k-slider-horizontal.k-slider .k-draghandle:active { transform: translate(50%, -50%) scale(1) } .k-slider-rtl.k-slider-horizontal .k-label, .k-slider-horizontal.k-slider[dir=rtl] .k-label, [dir=rtl] .k-slider-horizontal.k-slider .k-label, .k-slider-horizontal.k-slider.k-rtl .k-label, .k-rtl .k-slider-horizontal.k-slider .k-label { transform: translateX(50%) } .k-slider kendo-resize-sensor { position: absolute } .k-slider { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-slider .k-slider-track, .k-slider .k-slider-selection { border-radius: var(--kendo-border-radius-md, 0.25rem) } .k-slider .k-slider-track { background-color: var(--kendo-color-base-emphasis, #c2c2c2) } .k-slider .k-slider-selection { background-color: var(--kendo-color-primary, #0058e9) } .k-slider .k-draghandle { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9); border-radius: 50% } .k-slider .k-draghandle:hover, .k-slider .k-draghandle.k-hover { border-color: var(--kendo-color-primary, #0058e9); background-color: var(--kendo-color-primary-hover, #ea5a51) } .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-active, .k-slider .k-draghandle.k-pressed { border-color: var(--kendo-color-primary-active, #d45349); background-color: var(--kendo-color-primary-active, #d45349) } .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-primary, #0058e9) 30%, transparent) } .k-slider.k-focus .k-draghandle { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-primary, #0058e9) 30%, transparent) } .k-slider-horizontal .k-tick { background-image: url(data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7) } .k-slider-vertical .k-tick { background-image: url(data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7) } .k-calendar { inline-size: var(--INTERNAL--kendo-calendar-width, -moz-min-content); inline-size: var(--INTERNAL--kendo-calendar-width, min-content); block-size: var(--INTERNAL--kendo-calendar-height, -moz-min-content); block-size: var(--INTERNAL--kendo-calendar-height, min-content); border-width: 1px; border-style: solid; border-radius: 0; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); position: relative; overflow: hidden; display: inline-flex; flex-flow: column nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-calendar > .k-calendar { border: 0 } .k-calendar-table { margin-block: 0; margin-inline: auto; border-width: 0; border-color: inherit; border-spacing: 0; border-collapse: separate; table-layout: fixed; text-align: center; outline: 0; display: table; position: relative; z-index: 1 } .k-calendar-caption, .k-calendar-caption.k-calendar-th, .k-calendar .k-meta-header, .k-calendar .k-month-header { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); height: 32px; box-sizing: border-box; text-transform: none; text-align: start; font-weight: var(--kendo-font-weight-bold, normal); cursor: default } .k-calendar-th, .k-calendar-td { border-width: 0; padding: 0; text-align: center; border-style: solid; border-color: inherit; font-weight: normal; cursor: default } .k-calendar-th { inline-size: var(--INTERNAL--kendo-calendar-cell-size, 32px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 32px); font-size: var(--kendo-font-size-sm, inherit); line-height: 2; text-transform: uppercase } .k-calendar-td { border-radius: var(--kendo-border-radius-md, 0.25rem); inline-size: var(--INTERNAL--kendo-calendar-cell-size, -moz-min-content); inline-size: var(--INTERNAL--kendo-calendar-cell-size, min-content); block-size: var(--INTERNAL--kendo-calendar-cell-size, -moz-min-content); block-size: var(--INTERNAL--kendo-calendar-cell-size, min-content); border-color: rgba(0,0,0,0) } .k-calendar-td.k-alt { font-size: .75rem } .k-calendar .k-calendar-cell-inner, .k-calendar .k-link { border-radius: var(--kendo-border-radius-md, 0.25rem); padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0.25em); padding-block: var(--INTERNAL--kendo-calendar-cell-padding-y, 0.25em); width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: center; white-space: normal; position: relative; overflow: hidden } .k-calendar .k-header { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); border-bottom-width: 1px; border-bottom-style: solid; display: flex; flex-flow: row nowrap; align-items: center; position: relative; z-index: 2 } .k-calendar-header { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); min-width: var(--INTERNAL--kendo-calendar-view-width, 256px); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto } .k-calendar-header .k-calendar-nav { display: flex; flex-flow: row nowrap; align-items: center } .k-calendar-footer, .k-calendar .k-footer { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); text-align: center; clear: both } .k-calendar-view { margin: auto; padding-block: 0; padding-inline: var(--kendo-spacing-1, 0.25rem); width: var(--INTERNAL--kendo-calendar-view-width, 256px); inline-size: var(--INTERNAL--kendo-calendar-view-width, 256px); min-height: 224px; box-sizing: content-box; gap: var(--kendo-spacing-4, 1rem); position: relative; z-index: 1; overflow: hidden } .k-calendar-view .k-today { font-weight: var(--kendo-font-weight-bold, normal) } .k-month-calendar .k-calendar-td, .k-calendar-monthview .k-calendar-td { width: var(--INTERNAL--kendo-calendar-cell-size, 32px); height: var(--INTERNAL--kendo-calendar-cell-size, 32px); inline-size: var(--INTERNAL--kendo-calendar-cell-size, 32px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 32px) } .k-year-calendar .k-calendar-td, .k-calendar-yearview .k-calendar-td { width: var(--INTERNAL--kendo-calendar-cell-size, 64px); height: var(--INTERNAL--kendo-calendar-cell-size, 64px); inline-size: var(--INTERNAL--kendo-calendar-cell-size, 64px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 64px) } .k-decade-calendar .k-calendar-td, .k-calendar-decadeview .k-calendar-td { width: var(--INTERNAL--kendo-calendar-cell-size, 64px); height: var(--INTERNAL--kendo-calendar-cell-size, 64px); inline-size: var(--INTERNAL--kendo-calendar-cell-size, 64px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 64px) } .k-century-calendar .k-calendar-td, .k-calendar-centuryview .k-calendar-td { width: var(--INTERNAL--kendo-calendar-cell-size, 64px); height: var(--INTERNAL--kendo-calendar-cell-size, 64px); inline-size: var(--INTERNAL--kendo-calendar-cell-size, 64px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 64px) } .k-century-calendar .k-calendar-cell-inner, .k-century-calendar .k-link, .k-calendar-centuryview .k-calendar-cell-inner, .k-calendar-centuryview .k-link { text-align: start } .k-popup .k-calendar { height: 100% } .k-calendar-container, .k-datetime-container { padding: 0 } .k-calendar-container .k-calendar, .k-datetime-container .k-calendar { border-width: 0 } .k-calendar .k-content.k-scrollable, .k-calendar .k-calendar-content.k-scrollable { box-sizing: content-box; overflow-x: hidden; overflow-y: auto; display: block; padding-right: 100px; padding-left: 100px; margin-left: -100px; margin-right: calc(-100px - var(--kendo-scrollbar-width, 17px)) } .k-calendar .k-scrollable-placeholder { position: absolute; z-index: -1; width: 1px; top: 0; right: 0 } .k-calendar-sm { --INTERNAL--kendo-calendar-view-width: 224px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-sm-cell-padding-x, var(--kendo-spacing-0\.5, 0.125rem) ); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-sm-cell-padding-y, var(--kendo-spacing-0\.5, 0.125rem) ); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-calendar-sm.k-month-calendar, .k-calendar-sm .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-month-cell-size, 28px ) } .k-calendar-sm.k-year-calendar, .k-calendar-sm .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-year-cell-size, 56px ) } .k-calendar-sm.k-decade-calendar, .k-calendar-sm .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-decade-cell-size, 56px ) } .k-calendar-sm.k-century-calendar, .k-calendar-sm .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-century-cell-size, 56px ) } .k-calendar-md { --INTERNAL--kendo-calendar-view-width: 256px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-md-cell-padding-x, var(--kendo-spacing-1, 0.25rem) ); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-md-cell-padding-y, var(--kendo-spacing-1, 0.25rem) ); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-calendar-md.k-month-calendar, .k-calendar-md .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-month-cell-size, 32px ) } .k-calendar-md.k-year-calendar, .k-calendar-md .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-year-cell-size, 64px ) } .k-calendar-md.k-decade-calendar, .k-calendar-md .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-decade-cell-size, 64px ) } .k-calendar-md.k-century-calendar, .k-calendar-md .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-century-cell-size, 64px ) } .k-calendar-lg { --INTERNAL--kendo-calendar-view-width: 320px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-lg-cell-padding-x, var(--kendo-spacing-2, 0.5rem) ); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-lg-cell-padding-y, var(--kendo-spacing-2, 0.5rem) ); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-calendar-lg.k-month-calendar, .k-calendar-lg .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-month-cell-size, 40px ) } .k-calendar-lg.k-year-calendar, .k-calendar-lg .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-year-cell-size, 80px ) } .k-calendar-lg.k-decade-calendar, .k-calendar-lg .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-decade-cell-size, 80px ) } .k-calendar-lg.k-century-calendar, .k-calendar-lg .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-century-cell-size, 80px ) } .k-calendar-infinite { box-sizing: content-box; display: inline-flex; flex-flow: row nowrap } .k-calendar-infinite .k-calendar-view { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-4, 1rem); height: 288px; flex: 0 0 auto; display: flex; flex-flow: column nowrap; gap: 0; overflow: hidden } .k-calendar-infinite .k-calendar-view .k-content.k-scrollable { position: relative } .k-calendar-infinite .k-calendar-view::after { display: block; position: absolute; bottom: 0; content: "\200b"; height: 0; line-height: 0; z-index: 1; width: 150%; left: -25%; box-shadow: 0 0 32px 16px var(--kendo-color-surface-alt, #ffffff) } .k-calendar-infinite .k-calendar-header { margin-left: calc(var(--kendo-spacing-4, 1rem)*-1); margin-right: calc(var(--kendo-spacing-4, 1rem)*-1); padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); width: auto; min-width: 0 } .k-calendar-infinite .k-calendar-weekdays { flex: 0 0 auto } .k-calendar-navigation { width: 5em; text-align: center; flex: 0 0 auto; display: block; overflow: hidden; position: relative; z-index: 1 } .k-calendar-navigation::before, .k-calendar-navigation::after { display: block; position: absolute; content: "\200b"; height: 0; line-height: 0; z-index: 1; width: 200%; left: -50%; box-shadow: 0 0 6em 3em var(--kendo-color-surface, #fafafa) } .k-calendar-navigation::before { top: 0 } .k-calendar-navigation::after { bottom: 0 } .k-calendar-navigation .k-content, .k-calendar-navigation .k-calendar-content { background: rgba(0,0,0,0); height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0 } .k-calendar-navigation .k-content ul, .k-calendar-navigation .k-calendar-content ul { width: 5em } .k-calendar-navigation .k-content li, .k-calendar-navigation .k-calendar-content li { height: 2em; line-height: 2em; cursor: pointer; padding-block: 0; padding-inline: 1em; overflow: hidden; white-space: nowrap; text-overflow: clip } .k-calendar-navigation .k-calendar-navigation-marker { font-weight: bold } .k-calendar-navigation .k-calendar-navigation-highlight { width: 100%; border-width: 1px 0; border-style: solid; height: 2em; box-sizing: border-box; position: absolute; top: 50%; right: 0; transform: translateY(-50%) } .k-calendar-range { width: auto } .k-calendar-range .k-calendar-view { width: auto; white-space: nowrap } .k-calendar-range .k-calendar-view::after { display: none } .k-calendar-range .k-calendar-view:focus { outline: 0 } .k-range-start { border-radius: var(--kendo-border-radius-lg, 0.375rem) 0 0 var(--kendo-border-radius-lg, 0.375rem) } .k-range-start .k-calendar-cell-inner, .k-range-start .k-link { border-color: inherit; border-radius: inherit } .k-range-end { border-radius: 0 var(--kendo-border-radius-lg, 0.375rem) var(--kendo-border-radius-lg, 0.375rem) 0 } .k-range-end .k-calendar-cell-inner, .k-range-end .k-link { border-color: inherit; border-radius: inherit } .k-range-mid { border-color: inherit; border-radius: 0 } .k-range-start.k-range-end { border-radius: var(--kendo-border-radius-lg, 0.375rem) } .k-rtl .k-calendar .k-content.k-scrollable, .k-rtl .k-calendar .k-calendar-content.k-scrollable, [dir=rtl] .k-calendar .k-content.k-scrollable, [dir=rtl] .k-calendar .k-calendar-content.k-scrollable, .k-calendar.k-rtl .k-content.k-scrollable, .k-calendar.k-rtl .k-calendar-content.k-scrollable, .k-calendar[dir=rtl] .k-content.k-scrollable, .k-calendar[dir=rtl] .k-calendar-content.k-scrollable { padding-right: 100px; padding-left: 100px; margin-left: calc(-100px - var(--kendo-scrollbar-width, 17px)); margin-right: -100px } .k-rtl .k-calendar .k-range-start, [dir=rtl] .k-calendar .k-range-start, .k-calendar.k-rtl .k-range-start, .k-calendar[dir=rtl] .k-range-start { border-radius: 0 var(--kendo-border-radius-lg, 0.375rem) var(--kendo-border-radius-lg, 0.375rem) 0 } .k-rtl .k-calendar .k-range-end, [dir=rtl] .k-calendar .k-range-end, .k-calendar.k-rtl .k-range-end, .k-calendar[dir=rtl] .k-range-end { border-radius: var(--kendo-border-radius-lg, 0.375rem) 0 0 var(--kendo-border-radius-lg, 0.375rem) } .k-calendar { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-calendar .k-header { border-color: inherit; color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa); box-shadow: 0 1px 3px 1px rgba(0,0,0,.1) } .k-calendar .k-calendar-th, .k-calendar .k-calendar-caption, .k-calendar .k-meta-header, .k-calendar .k-month-header { color: var(--kendo-color-subtle, #666666) } .k-calendar .k-calendar-view .k-today { color: var(--kendo-color-primary, #0058e9) } .k-calendar .k-other-month { color: var(--kendo-color-subtle, #666666) } .k-calendar .k-alt { background-color: rgba(0,0,0,0); color: var(--kendo-color-subtle, #666666) } .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link, .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-hover .k-link { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link, .k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected.k-hover .k-link { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary-hover, #ea5a51) } .k-calendar .k-calendar-td:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td:focus .k-link, .k-calendar .k-calendar-td.k-focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-focus .k-link { box-shadow: inset 0 0 0 2px rgba(0,0,0,.08) } .k-calendar .k-calendar-td.k-selected:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:focus .k-link, .k-calendar .k-calendar-td.k-selected.k-focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected.k-focus .k-link { box-shadow: inset 0 0 0 2px rgba(0,0,0,.08) } .k-calendar .k-calendar-navigation { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa); box-shadow: inset -1px 0 var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-calendar .k-calendar-navigation li:hover, .k-calendar .k-calendar-navigation li.k-hover { color: var(--kendo-color-primary-hover, #ea5a51) } .k-calendar .k-calendar-navigation-highlight { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-calendar .k-calendar-navigation-marker { color: currentColor } .k-calendar.k-invalid, .k-calendar.k-invalid:hover, .k-calendar.ng-invalid.ng-touched, .k-calendar.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #e13929) } .k-rtl .k-calendar .k-calendar-navigation, .k-calendar[dir=rtl] .k-calendar-navigation { box-shadow: inset 1px 0 var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-scheduler .k-calendar .k-other-month { color: var(--kendo-color-subtle, #666666); background-color: rgba(0,0,0,0) } .k-calendar .k-range-start, .k-calendar .k-range-end, .k-calendar .k-range-mid { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent) } .k-calendar .k-range-start .k-calendar-cell-inner, .k-calendar .k-range-start .k-link, .k-calendar .k-range-end .k-calendar-cell-inner, .k-calendar .k-range-end .k-link { background-color: var(--kendo-color-primary, #0058e9) } .k-calendar .k-range-start.k-active .k-calendar-cell-inner, .k-calendar .k-range-start.k-active .k-link, .k-calendar .k-range-end.k-active .k-calendar-cell-inner, .k-calendar .k-range-end.k-active .k-link { box-shadow: inset 0 0 2px 2px rgba(0,0,0,.2) } .k-calendar .k-range-split-start, .k-calendar .k-range-split-end { position: relative } .k-calendar .k-range-split-start::after, .k-calendar .k-range-split-end::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 5px } .k-calendar .k-range-split-start::after { left: -5px; right: auto; background-image: linear-gradient(to left, color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent), transparent 100%) } .k-calendar .k-range-split-end::after { right: -5px; left: auto; background-image: linear-gradient(to right, color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent), transparent 100%) } .k-timeselector { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); position: relative; overflow: hidden; display: flex; flex-flow: column nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-popup > .k-timeselector { border-width: 0 } .k-time-header, .k-time-selector-header { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto } .k-time-header .k-title, .k-time-header .k-time-selector-header-title, .k-time-selector-header .k-title, .k-time-selector-header .k-time-selector-header-title { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-weight: bold; display: inline-block } .k-time-header .k-time-now, .k-time-selector-header .k-time-now { border-width: 0; line-height: inherit; cursor: pointer } .k-actions.k-time-fast-selection, .k-time-fast-selection.k-edit-buttons, .k-time-fast-selection.k-action-buttons, .k-time-fast-selection.k-columnmenu-actions, .k-time-fast-selection.k-form-buttons { margin-top: 0 } .k-time-list-container { display: flex; position: relative; flex: 1 1 auto; overflow: hidden } .k-time-highlight, .k-time-list-highlight { width: 100%; height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal) + var(--kendo-spacing-1, 0.25rem)*2); border-width: 1px 0px; border-style: solid; box-sizing: border-box; position: absolute; top: calc(50% + var(--kendo-font-size-sm, inherit)*var(--kendo-line-height-lg, normal)/2); left: 0; right: 0; transform: translateY(-50%); z-index: 1 } .k-time-list-wrapper { min-width: 4em; height: 240px; box-sizing: content-box; display: inline-flex; flex-flow: column nowrap; align-items: stretch; overflow: hidden; position: relative; text-align: center; flex: 1 1 auto } .k-time-list-wrapper .k-title { font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-lg, normal); font-weight: bold; text-align: center; text-transform: capitalize; display: block } .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after { display: block; content: "\200b"; position: absolute; width: 100%; left: 0; pointer-events: none; height: calc(50% - var(--kendo-font-size, inherit)*var(--kendo-line-height, normal)/2 - var(--kendo-spacing-1, 0.25rem)*2/2); box-sizing: border-box; border-width: 0; border-style: solid } .k-time-list-wrapper.k-focus::before { top: calc(var(--kendo-font-size-sm, inherit)*var(--kendo-line-height-lg, normal)) } .k-time-list-wrapper.k-focus::after { bottom: 0 } .k-time-list { display: flex; flex-flow: row nowrap; align-items: stretch; flex: 1; position: relative; z-index: 1; outline: 0; overflow: hidden } .k-time-list::before, .k-time-list::after { display: block; position: absolute; content: "\200b"; 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-container, .k-time-list-content { position: relative; flex: 1 1 auto; display: block; overflow-x: hidden; overflow-y: scroll; padding-right: 100px; padding-left: 100px; margin-left: -100px; margin-right: calc(-100px - var(--kendo-scrollbar-width, 17px)) } .k-time-container > ul, .k-time-list-content > ul { height: auto; width: 4em; margin: auto } .k-time-container .k-scrollable-placeholder, .k-time-list-content .k-scrollable-placeholder { position: absolute; width: 1px; top: 0; right: 0 } .k-time-list-item, .k-time-list .k-item { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-time-separator { width: 0; height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal) + var(--kendo-spacing-1, 0.25rem)*2); align-self: center; display: inline-flex; justify-content: center; align-items: center; position: relative; z-index: 11; top: calc(var(--kendo-font-size-sm, inherit)*var(--kendo-line-height-lg, normal)/2) } .k-timeselector-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-timeselector-sm .k-time-highlight, .k-timeselector-sm .k-time-list-highlight { height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal) + var(--kendo-spacing-0\.5, 0.125rem)*2) } .k-timeselector-sm .k-time-separator { height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal) + var(--kendo-spacing-0\.5, 0.125rem)*2) } .k-timeselector-sm .k-time-list-item, .k-timeselector-sm .k-time-list .k-item { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-timeselector-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-timeselector-md .k-time-highlight, .k-timeselector-md .k-time-list-highlight { height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal) + var(--kendo-spacing-1, 0.25rem)*2) } .k-timeselector-md .k-time-separator { height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal) + var(--kendo-spacing-1, 0.25rem)*2) } .k-timeselector-md .k-time-list-item, .k-timeselector-md .k-time-list .k-item { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-timeselector-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-timeselector-lg .k-time-highlight, .k-timeselector-lg .k-time-list-highlight { height: calc(var(--kendo-font-size-lg, inherit)*var(--kendo-line-height-lg, normal) + var(--kendo-spacing-2, 0.5rem)*2) } .k-timeselector-lg .k-time-separator { height: calc(var(--kendo-font-size-lg, inherit)*var(--kendo-line-height-lg, normal) + var(--kendo-spacing-2, 0.5rem)*2) } .k-timeselector-lg .k-time-list-item, .k-timeselector-lg .k-time-list .k-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-rtl .k-time-container, .k-rtl .k-time-list-content, [dir=rtl] .k-time-container, [dir=rtl] .k-time-list-content { padding-right: 100px; padding-left: 100px; margin-left: calc(-100px - var(--kendo-scrollbar-width, 17px)); margin-right: -100px } .k-timeselector { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-time-header .k-title, .k-time-selector-header .k-title { color: unset } .k-time-header .k-time-now, .k-time-selector-header .k-time-now { color: var(--kendo-color-primary, #0058e9) } .k-time-header .k-time-now:hover, .k-time-selector-header .k-time-now:hover { color: var(--kendo-color-primary-hover, #ea5a51) } .k-time-list-wrapper .k-title { color: var(--kendo-color-subtle, #666666) } .k-time-list-wrapper.k-focus .k-title { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after { background-color: rgba(0,0,0,.04) } .k-time-list::before, .k-time-list::after { box-shadow: 0 0 3em 1.5em var(--kendo-color-surface-alt, #ffffff) } .k-time-list .k-item:hover { color: var(--kendo-color-primary, #0058e9) } .k-time-container { background: rgba(0,0,0,0) } .k-time-highlight { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-captcha { width: 280px; box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-2, 0.5rem) } .k-captcha *, .k-captcha *::before, .k-captcha *::after { box-sizing: border-box } .k-captcha-image-wrap { position: relative; gap: var(--kendo-spacing-2, 0.5rem) } .k-captcha-image-controls { position: relative; gap: var(--kendo-spacing-2, 0.5rem) } .k-captcha-image { width: 100%; height: 100%; overflow: hidden } .k-captcha-image > img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover } .k-captcha-loading .k-captcha-image { height: auto } .k-captcha-volume-control { height: 100% } .k-captcha-validation-message { margin-top: calc(var(--kendo-spacing-2, 0.5rem)/2); font-size: var(--kendo-font-size-sm, inherit); font-style: italic } .k-captcha { border-color: var(--kendo-color-surface-alt, #ffffff); color: var(--kendo-color-surface-alt, #ffffff); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-colorpalette { border-width: 0; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: 0; display: inline-flex; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-colorpalette *, .k-colorpalette *::before, .k-colorpalette *::after { box-sizing: border-box } .k-colorpalette-table { width: 100%; height: 100%; border-collapse: collapse; position: relative } .k-colorpalette-tile { width: var(--kendo-spacing-6, 1.5rem); height: var(--kendo-spacing-6, 1.5rem); box-sizing: border-box; overflow: hidden; cursor: pointer } .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover { position: relative; z-index: 101 } .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover { position: relative; z-index: 100 } .k-colorpalette-sm .k-colorpalette-tile { width: var(--kendo-spacing-5\.5, 1.375rem); height: var(--kendo-spacing-5\.5, 1.375rem) } .k-colorpalette-md .k-colorpalette-tile { width: var(--kendo-spacing-6, 1.5rem); height: var(--kendo-spacing-6, 1.5rem) } .k-colorpalette-lg .k-colorpalette-tile { width: var(--kendo-spacing-8, 2rem); height: var(--kendo-spacing-8, 2rem) } .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus { box-shadow: 0 0 3px 1px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.5) } .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover { box-shadow: 0 0 3px 1px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.8) } .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover { box-shadow: 0 1px 3px 1px rgba(0,0,0,.3),inset 0 0 0 1px #fff } .k-colorgradient { border-radius: var(--kendo-border-radius-md, 0.25rem); width: 272px; padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-3, 0.75rem); border-style: solid; border-width: 1px; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; align-items: stretch; gap: var(--kendo-spacing-3, 0.75rem); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-colorgradient *, .k-colorgradient *::before, .k-colorgradient *::after { box-sizing: border-box } .k-colorgradient-canvas { gap: var(--kendo-spacing-3, 0.75rem) } .k-colorgradient-canvas .k-hsv-rectangle { border-radius: var(--kendo-border-radius-md, 0.25rem); position: relative; flex: 1 1 auto; -webkit-user-select: none; -moz-user-select: none; user-select: none } .k-colorgradient-canvas .k-hsv-gradient { border-radius: var(--kendo-border-radius-md, 0.25rem); height: 202px } .k-colorgradient-canvas .k-hsv-draghandle { margin-top: -7px; margin-left: -7px; position: absolute; top: 50%; left: 50%; z-index: 1; cursor: pointer } .k-colorgradient-canvas .k-hsv-controls { position: relative; flex-shrink: 0; gap: var(--kendo-spacing-3, 0.75rem) } .k-colorgradient-canvas.k-vstack, .k-colorgradient-canvas.k-vbox { padding-inline: 8px } .k-colorgradient .k-draghandle { border-radius: 50%; width: 14px; height: 14px; border-width: 1px; border-style: solid; outline-width: 1px; outline-style: solid; box-sizing: border-box } .k-colorgradient-slider.k-slider-vertical { width: 10px; height: 202px; flex: 0 0 10px } .k-colorgradient-slider.k-slider-vertical .k-slider-track { width: 10px; border-radius: 10px; margin-left: -5px } .k-colorgradient-slider.k-slider-horizontal { width: 100%; height: 10px; flex: 0 0 10px } .k-colorgradient-slider.k-slider-horizontal .k-slider-track { height: 10px; border-radius: 10px; margin-top: -5px } .k-colorgradient-slider.k-alpha-slider .k-slider-track::before { content: ""; width: 100%; height: 100%; display: block; border-radius: 10px; position: relative; z-index: -1 } .k-colorgradient-slider .k-slider-track-wrap { z-index: 1 } .k-colorgradient-slider .k-slider-selection { display: none } .k-colorgradient-slider .k-draghandle { border-width: 3px } .k-colorgradient-sm { width: 252px; gap: var(--kendo-spacing-3, 0.75rem); padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-colorgradient-sm .k-colorgradient-inputs .k-numerictextbox { width: 42px } .k-colorgradient-sm .k-colorgradient-canvas { gap: var(--kendo-spacing-3, 0.75rem) } .k-colorgradient-sm .k-colorgradient-canvas .k-hsv-gradient { height: 182px } .k-colorgradient-sm .k-colorgradient-canvas .k-slider-vertical { height: 182px } .k-colorgradient-sm .k-colorgradient-canvas .k-hsv-controls { gap: var(--kendo-spacing-3, 0.75rem) } .k-colorgradient-md { width: 272px; gap: var(--kendo-spacing-3, 0.75rem); padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-colorgradient-md .k-colorgradient-inputs .k-numerictextbox { width: 46px } .k-colorgradient-md .k-colorgradient-canvas { gap: var(--kendo-spacing-3, 0.75rem) } .k-colorgradient-md .k-colorgradient-canvas .k-hsv-gradient { height: 202px } .k-colorgradient-md .k-colorgradient-canvas .k-slider-vertical { height: 202px } .k-colorgradient-md .k-colorgradient-canvas .k-hsv-controls { gap: var(--kendo-spacing-3, 0.75rem) } .k-colorgradient-lg { width: 362px; gap: var(--kendo-spacing-4\.5, 1.125rem); padding-block: var(--kendo-spacing-4\.5, 1.125rem); padding-inline: var(--kendo-spacing-4\.5, 1.125rem) } .k-colorgradient-lg .k-colorgradient-inputs .k-numerictextbox { width: 62px } .k-colorgradient-lg .k-colorgradient-canvas { gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-colorgradient-lg .k-colorgradient-canvas .k-hsv-gradient { height: 268px } .k-colorgradient-lg .k-colorgradient-canvas .k-slider-vertical { height: 268px } .k-colorgradient-lg .k-colorgradient-canvas .k-hsv-controls { gap: var(--kendo-spacing-4\.5, 1.125rem) } .k-colorgradient-inputs { gap: var(--kendo-spacing-2, 0.5rem) } .k-colorgradient-inputs .k-colorgradient-input-label { text-transform: uppercase } .k-colorgradient-inputs > .k-vstack, .k-colorgradient-inputs > .k-vbox { gap: calc(var(--kendo-spacing-3, 0.75rem)/3) } .k-colorgradient-inputs .k-numerictextbox { width: 46px } .k-colorgradient-inputs .k-input-inner { -webkit-padding-start: 2px; padding-inline-start: 2px; -webkit-padding-end: 2px; padding-inline-end: 2px; text-align: center; text-overflow: clip } .k-colorgradient-color-contrast > div { display: flex; flex-flow: row nowrap; gap: calc(var(--kendo-spacing-3, 0.75rem)/1.5) } .k-colorgradient-color-contrast .k-contrast-ratio { margin-bottom: calc(var(--kendo-spacing-3, 0.75rem)/1.5) } .k-colorgradient-color-contrast .k-contrast-ratio-text { font-weight: var(--kendo-font-weight-bold, normal) } .k-colorgradient-color-contrast .k-contrast-validation { display: inline-flex; align-items: center; gap: calc(var(--kendo-spacing-3, 0.75rem)/1.5/2) } .k-colorgradient-color-contrast .k-contrast-validation .k-icon { vertical-align: middle } .k-colorgradient-color-contrast .k-contrast-validation .k-icon + .k-icon, .k-colorgradient-color-contrast .k-contrast-validation .k-icon-wrapper-host + .k-icon-wrapper-host .k-icon { -webkit-margin-start: -13px; margin-inline-start: -13px } .k-color-contrast-svg { position: absolute; top: 0; left: 0; overflow: visible; pointer-events: none } .k-colorgradient { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-colorgradient:focus, .k-colorgradient.k-focus { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-colorgradient-canvas .k-hsv-gradient { background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black),linear-gradient(to right, white, rgba(255, 255, 255, 0)) } .k-colorgradient .k-draghandle { border-color: hsla(0,0%,100%,.8); background-color: rgba(0,0,0,0); outline-color: #000; box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-focus { border-color: #fff; background-color: rgba(0,0,0,0); outline-color: #000; box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-hover, .k-colorgradient .k-draghandle.k-active, .k-colorgradient .k-draghandle:active { border-color: #fff; background-color: rgba(0,0,0,0); outline-color: #000 } .k-colorgradient-slider.k-hue-slider.k-slider-horizontal .k-slider-track { background: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000) } .k-colorgradient-slider.k-hue-slider.k-slider-vertical .k-slider-track { background: linear-gradient(to top, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000) } .k-colorgradient-slider.k-alpha-slider .k-slider-track::before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC) center repeat } .k-colorgradient-input-label { color: var(--kendo-color-subtle, #666666) } .k-rtl .k-colorgradient .k-hue-slider.k-slider-horizontal .k-slider-track, [dir=rtl] .k-colorgradient .k-hue-slider.k-slider-horizontal .k-slider-track { background: linear-gradient(to left, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000) } .k-coloreditor { border-radius: var(--kendo-border-radius-md, 0.25rem); min-width: 272px; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); display: inline-flex; flex-direction: column; align-items: stretch } .k-coloreditor *, .k-coloreditor *::before, .k-coloreditor *::after { box-sizing: border-box } .k-coloreditor-header { padding: var(--kendo-spacing-3, 0.75rem) var(--kendo-spacing-3, 0.75rem) 0 } .k-coloreditor-header-actions { gap: var(--kendo-spacing-2, 0.5rem) } .k-coloreditor-preview { display: flex; flex-flow: column nowrap; align-items: stretch; justify-content: center; gap: var(--kendo-spacing-0\.5, 0.125rem); position: relative; z-index: 1 } .k-coloreditor-preview .k-color-preview { width: 34px; height: 14px } .k-coloreditor-sm { min-width: 252px } .k-coloreditor-sm .k-coloreditor-header { padding: var(--kendo-spacing-3, 0.75rem) var(--kendo-spacing-3, 0.75rem) 0 } .k-coloreditor-sm .k-coloreditor-views { padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-coloreditor-sm .k-coloreditor-preview { gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-coloreditor-sm .k-coloreditor-preview .k-color-preview { width: 34px; height: 12px } .k-coloreditor-md { min-width: 272px } .k-coloreditor-md .k-coloreditor-header { padding: var(--kendo-spacing-3, 0.75rem) var(--kendo-spacing-3, 0.75rem) 0 } .k-coloreditor-md .k-coloreditor-views { padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-coloreditor-md .k-coloreditor-preview { gap: var(--kendo-spacing-0\.5, 0.125rem) } .k-coloreditor-md .k-coloreditor-preview .k-color-preview { width: 34px; height: 14px } .k-coloreditor-lg { min-width: 362px } .k-coloreditor-lg .k-coloreditor-header { padding: var(--kendo-spacing-4\.5, 1.125rem) var(--kendo-spacing-4\.5, 1.125rem) 0 } .k-coloreditor-lg .k-coloreditor-views { padding-block: var(--kendo-spacing-4\.5, 1.125rem); padding-inline: var(--kendo-spacing-4\.5, 1.125rem) } .k-coloreditor-lg .k-coloreditor-preview { gap: var(--kendo-spacing-1, 0.25rem) } .k-coloreditor-lg .k-coloreditor-preview .k-color-preview { width: 44px; height: 16px } .k-coloreditor-views { min-width: calc(var(--kendo-color-preview-width, var(--kendo-spacing-6, 1.5rem))*var(--kendo-color-preview-columns, 10)); padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-3, 0.75rem); gap: var(--kendo-spacing-3, 0.75rem) } .k-coloreditor-views .k-colorgradient { padding: 0; width: auto; border-width: 0 } .k-coloreditor-views .k-colorgradient:focus, .k-coloreditor-views .k-colorgradient.k-focus { outline: 2px dotted; outline-offset: 4px; border-radius: 0 } .k-coloreditor-views .k-colorpalette { align-self: center } .k-coloreditor-footer.k-actions, .k-coloreditor-footer.k-edit-buttons, .k-coloreditor-footer.k-action-buttons, .k-coloreditor-footer.k-columnmenu-actions, .k-coloreditor-footer.k-form-buttons { margin: 0 } .k-coloreditor { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-coloreditor .k-colorgradient:focus, .k-coloreditor .k-colorgradient.k-focus { box-shadow: none; outline-color: rgba(0,0,0,.3) } .k-color-picker, .k-colorpicker { width: -moz-min-content; width: min-content } .k-datetime-selector { display: flex; transition: transform .2s } .k-datetime-wrap { width: calc(256px + var(--kendo-spacing-4, 1rem)*2); overflow: hidden } .k-datetime-wrap .k-datetime-buttongroup { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-datetime-wrap .k-calendar, .k-datetime-wrap .k-timeselector { width: 100%; border-width: 0 } .k-datetime-calendar-wrap, .k-datetime-time-wrap { text-align: center; flex: 0 0 calc(256px + var(--kendo-spacing-4, 1rem)*2) } .k-date-tab .k-datetime-selector { transform: translateX(0) } .k-time-tab .k-datetime-selector { transform: translateX(-100%) } :is(.k-rtl,[dir=rtl]) .k-time-tab .k-datetime-selector, .k-time-tab .k-datetime-selector:is(.k-rtl,[dir=rtl]) { transform: translateX(100%) } .k-daterange-picker, .k-daterangepicker { width: 100%; display: flex; flex-flow: row nowrap; align-items: flex-end; gap: var(--kendo-spacing-2, 0.5rem) } .k-daterange-picker *, .k-daterangepicker *, .k-daterange-picker *::before, .k-daterangepicker *::before, .k-daterange-picker *::after, .k-daterangepicker *::after { box-sizing: border-box } .k-daterange-picker .k-dateinput, .k-daterangepicker .k-dateinput { width: 10em } .k-daterangepicker-wrap { display: inherit; flex-flow: inherit; align-items: inherit; gap: inherit } .k-dropdowngrid-popup { overflow: hidden } .k-dropdowngrid-popup > .k-data-table { border-width: 0 } .k-dropdown-operator { width: -moz-min-content; width: min-content; flex: none } .k-dropdown-operator .k-input-button { border-width: 0; width: -moz-min-content; width: min-content } .k-dropdown-operator .k-input-button .k-button-icon { width: auto; aspect-ratio: 1 } .k-dropdown-operator .k-input-inner { display: none } .k-treeview { padding: 0; border-width: 0; background: none; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; cursor: default; overflow: auto; white-space: nowrap; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-treeview *, .k-treeview *::before, .k-treeview *::after { box-sizing: border-box } .k-treeview-filter { padding: var(--kendo-spacing-2, 0.5rem); display: block; position: relative; flex: none } .k-treeview-group { margin: 0; padding: 0; list-style: none; position: relative; outline: 0; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-treeview-group.ng-animating { overflow: hidden } .k-treeview-top, .k-treeview-mid, .k-treeview-bot { display: flex; flex-direction: row; align-items: center; align-content: center } .k-treeview-item { outline-style: none; margin: 0; padding: 0 0 0 24px; border-width: 0; display: block } .k-treeview-toggle { -webkit-margin-start: -24px; margin-inline-start: -24px; flex: none; display: inline-flex; flex-flow: row nowrap; align-items: center; cursor: pointer } .k-treeview-toggle .k-icon { padding: var(--kendo-spacing-1, 0.25rem); box-sizing: content-box } .k-treeview-loading { margin-right: var(--kendo-spacing-1, 0.25rem) } .k-treeview .k-checkbox-wrap, .k-treeview .k-checkbox-wrapper { align-self: center } .k-treeview-leaf { border-radius: var(--kendo-border-radius-md, 0.25rem); padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border: 0px solid rgba(0,0,0,0); text-decoration: none; display: inline-flex; align-items: center; align-content: center; vertical-align: middle; position: relative } .k-treeview-leaf .k-icon, .k-treeview-leaf .k-image, .k-treeview-leaf .k-sprite { margin-right: var(--kendo-spacing-1, 0.25rem) } .k-treeview-leaf.k-focus { z-index: 1 } .k-treeview .k-treeview-load-more-button { cursor: pointer } .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-hover, .k-treeview .k-treeview-load-more-button:focus, .k-treeview .k-treeview-load-more-button.k-focus { text-decoration: underline } .k-rtl .k-treeview .k-treeview-item, [dir=rtl] .k-treeview .k-treeview-item, .k-treeview.k-rtl .k-treeview-item, .k-treeview[dir=rtl] .k-treeview-item { padding-left: 0; padding-right: 24px } .k-rtl .k-treeview .k-treeview-loading, [dir=rtl] .k-treeview .k-treeview-loading, .k-treeview.k-rtl .k-treeview-loading, .k-treeview[dir=rtl] .k-treeview-loading { margin-right: 0; margin-left: var(--kendo-spacing-1, 0.25rem) } .k-rtl .k-treeview .k-treeview-leaf .k-icon, .k-rtl .k-treeview .k-treeview-leaf .k-image, .k-rtl .k-treeview .k-treeview-leaf .k-sprite, .k-rtl .k-treeview .k-in .k-icon, .k-rtl .k-treeview .k-in .k-image, .k-rtl .k-treeview .k-in .k-sprite, [dir=rtl] .k-treeview .k-treeview-leaf .k-icon, [dir=rtl] .k-treeview .k-treeview-leaf .k-image, [dir=rtl] .k-treeview .k-treeview-leaf .k-sprite, [dir=rtl] .k-treeview .k-in .k-icon, [dir=rtl] .k-treeview .k-in .k-image, [dir=rtl] .k-treeview .k-in .k-sprite, .k-treeview.k-rtl .k-treeview-leaf .k-icon, .k-treeview.k-rtl .k-treeview-leaf .k-image, .k-treeview.k-rtl .k-treeview-leaf .k-sprite, .k-treeview.k-rtl .k-in .k-icon, .k-treeview.k-rtl .k-in .k-image, .k-treeview.k-rtl .k-in .k-sprite, .k-treeview[dir=rtl] .k-treeview-leaf .k-icon, .k-treeview[dir=rtl] .k-treeview-leaf .k-image, .k-treeview[dir=rtl] .k-treeview-leaf .k-sprite, .k-treeview[dir=rtl] .k-in .k-icon, .k-treeview[dir=rtl] .k-in .k-image, .k-treeview[dir=rtl] .k-in .k-sprite { margin-right: 0; margin-left: var(--kendo-spacing-1, 0.25rem) } .k-treeview-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-treeview-sm .k-treeview-leaf { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-treeview-sm .k-checkbox-wrap { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-treeview-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-treeview-md .k-treeview-leaf { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-treeview-md .k-checkbox-wrap { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-treeview-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-treeview-lg .k-treeview-leaf { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-treeview-lg .k-checkbox-wrap { padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-treeview { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-treeview-leaf:hover, .k-treeview-leaf.k-hover { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-treeview-leaf:focus, .k-treeview-leaf.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.13) } .k-treeview-leaf.k-selected { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-treeview .k-treeview-load-more-button { color: var(--kendo-color-primary, #0058e9); background-color: rgba(0,0,0,0) } .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-hover { color: var(--kendo-color-primary-hover, #ea5a51); background-color: rgba(0,0,0,0) } .k-treeview .k-treeview-load-more-button:focus, .k-treeview .k-treeview-load-more-button.k-focus { color: var(--kendo-color-primary-hover, #ea5a51); background-color: rgba(0,0,0,0); box-shadow: inset 0 0 0 2px rgba(0,0,0,.13) } .k-popup-dropdowntree .k-treeview, .k-dropdowntree-popup .k-treeview, .k-multiselecttree-popup .k-treeview { padding-block: calc(var(--kendo-spacing-2, 0.5rem)/2); padding-inline: calc(var(--kendo-spacing-2, 0.5rem)/2) } .k-popup-dropdowntree .k-check-all, .k-dropdowntree-popup .k-check-all, .k-multiselecttree-popup .k-check-all { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-multiselecttree .k-input-values { width: auto; max-width: 100% } .k-multiselecttree .k-input-inner::before { content: "\200b"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top } .k-rating { margin: 0; padding: 0; border-width: 0; box-sizing: border-box; outline: 0; background: none; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: inline-flex; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-rating *, .k-rating *::before, .k-rating *::after { box-sizing: border-box } .k-rating.k-readonly { pointer-events: none } .k-rating-container { flex: 0 1 auto; position: relative; margin-block: 0; margin-inline: var(--kendo-spacing-1, 0.25rem) } .k-rating-container .k-rating-item { display: inline-flex; position: relative; padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); align-items: center; vertical-align: middle; margin: 0; outline: 0; overflow: hidden; transition: color 200ms ease-out 0s } .k-rating-container .k-rating-item * { pointer-events: none } .k-rating-container .k-rating-item .k-rating-precision-part, .k-rating-container .k-rating-item .k-rating-precision-complement { display: inherit; position: absolute; top: var(--kendo-spacing-1, 0.25rem); left: var(--kendo-spacing-1, 0.25rem); overflow: hidden } .k-rating-container .k-rating-item .k-rating-precision-complement { direction: rtl } .k-rating-container .k-rating-item svg { fill: currentColor } .k-rating-label { display: inline-flex; align-items: center; vertical-align: middle; line-height: var(--kendo-line-height-lg, normal); margin-block: var(--kendo-spacing-1, 0.25rem); margin-inline: var(--kendo-spacing-2, 0.5rem) } .k-rtl .k-rating-precision-part, [dir=rtl] .k-rating-precision-part { left: auto; right: var(--kendo-spacing-1, 0.25rem) } .k-rtl .k-rating-item .k-rating-precision-complement, [dir=rtl] .k-rating-item .k-rating-precision-complement { direction: ltr } .k-rating { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-rating:focus .k-rating-item > .k-icon, .k-rating.k-focus .k-rating-item > .k-icon { filter: drop-shadow(var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))) } .k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-selected > .k-icon { filter: drop-shadow(var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))) } .k-rating-item { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-rating-item.k-selected { color: var(--kendo-color-primary, #0058e9) } .k-rating-item.k-selected:focus, .k-rating-item.k-selected.k-focus { color: var(--kendo-color-primary, #0058e9) } .k-rating-item:hover, .k-rating-item.k-hover { color: var(--kendo-color-primary, #0058e9); cursor: pointer } .k-switch { box-sizing: border-box; outline: 0; display: inline-flex; align-items: center; vertical-align: middle; line-height: 1; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-switch *, .k-switch *::before, .k-switch *::after { box-sizing: border-box } .k-switch [type=checkbox] { display: none } .k-switch[aria-readonly=true] { pointer-events: none } .k-switch.k-readonly { pointer-events: none } .k-switch-track { border-width: 1px; border-style: solid; outline: 0; display: flex; flex-flow: row nowrap; flex: 1 0 auto; position: relative; transition: background-color 200ms ease-in-out } .k-switch-thumb-wrap { width: 0; height: 0; overflow: visible; position: absolute; transition: left 200ms ease-in-out; top: 50% } .k-switch-thumb { border-width: 1px; border-style: solid; display: block; position: absolute; transform: translate(-50%, -50%) } .k-switch-label-on, .k-switch-label-off { text-transform: uppercase; display: inline; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden } .k-switch-sm { width: 52px; height: 26px; font-size: 10px } .k-switch-sm .k-switch-track { width: 52px; height: 26px } .k-switch-sm .k-switch-label-on { left: 4px } .k-switch-sm .k-switch-label-off { right: 4px } .k-switch-sm .k-switch-thumb { width: 26px; height: 26px } .k-switch-sm.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 13px) } .k-switch-sm.k-switch-off .k-switch-thumb-wrap { left: 13px } .k-switch-sm[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-sm .k-switch-label-on, .k-rtl .k-switch-sm .k-switch-label-on { left: auto; right: 4px } .k-switch-sm[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-sm .k-switch-label-off, .k-rtl .k-switch-sm .k-switch-label-off { right: auto; left: 4px } .k-switch-sm[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-sm.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-sm.k-switch-on .k-switch-thumb-wrap { left: 13px } .k-switch-sm[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-sm.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-sm.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 13px) } .k-switch-md { width: 60px; height: 30px; font-size: 10px } .k-switch-md .k-switch-track { width: 60px; height: 30px } .k-switch-md .k-switch-label-on { left: 6px } .k-switch-md .k-switch-label-off { right: 6px } .k-switch-md .k-switch-thumb { width: 30px; height: 30px } .k-switch-md.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 15px) } .k-switch-md.k-switch-off .k-switch-thumb-wrap { left: 15px } .k-switch-md[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-md .k-switch-label-on, .k-rtl .k-switch-md .k-switch-label-on { left: auto; right: 6px } .k-switch-md[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-md .k-switch-label-off, .k-rtl .k-switch-md .k-switch-label-off { right: auto; left: 6px } .k-switch-md[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-md.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap { left: 15px } .k-switch-md[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-md.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 15px) } .k-switch-lg { width: 68px; height: 34px; font-size: 10px } .k-switch-lg .k-switch-track { width: 68px; height: 34px } .k-switch-lg .k-switch-label-on { left: 8px } .k-switch-lg .k-switch-label-off { right: 8px } .k-switch-lg .k-switch-thumb { width: 34px; height: 34px } .k-switch-lg.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 17px) } .k-switch-lg.k-switch-off .k-switch-thumb-wrap { left: 17px } .k-switch-lg[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-lg .k-switch-label-on, .k-rtl .k-switch-lg .k-switch-label-on { left: auto; right: 8px } .k-switch-lg[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-lg .k-switch-label-off, .k-rtl .k-switch-lg .k-switch-label-off { right: auto; left: 8px } .k-switch-lg[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-lg.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-lg.k-switch-on .k-switch-thumb-wrap { left: 17px } .k-switch-lg[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-lg.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-lg.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 17px) } .k-switch[dir=rtl] .k-switch-thumb, [dir=rtl] .k-switch .k-switch-thumb, .k-switch.k-rtl .k-switch-thumb, .k-rtl .k-switch .k-switch-thumb { transform: translate(50%, -50%) } .k-switch-off .k-switch-track { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-switch-off .k-switch-thumb { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-switch-off:focus .k-switch-track, .k-switch-off.k-focus .k-switch-track { outline: 2px solid color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-switch-off .k-switch-label-on { color: rgba(0,0,0,0) } .k-switch-on .k-switch-track { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-switch-on .k-switch-thumb { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-switch-on:focus .k-switch-track, .k-switch-on.k-focus .k-switch-track { outline: 2px solid color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent) } .k-switch-on .k-switch-label-off { color: rgba(0,0,0,0) } .k-external-dropzone { height: 220px; display: flex; flex-flow: row nowrap } .k-dropzone-inner { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 1px; border-style: solid; box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); flex: 1 1 auto; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; position: relative } .k-dropzone-inner .k-dropzone-icon { margin-bottom: var(--kendo-spacing-6, 1.5rem) } .k-dropzone-inner .k-dropzone-hint { margin-bottom: var(--kendo-spacing-2, 0.5rem) } .k-dropzone-inner .k-dropzone-note { font-size: var(--kendo-font-size-sm, inherit) } .k-dropzone-inner { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-dropzone-inner .k-icon, .k-dropzone-inner .k-dropzone-icon { color: var(--kendo-color-subtle, #666666) } .k-dropzone-inner .k-dropzone-note { color: var(--kendo-color-subtle, #666666) } .k-external-dropzone-hover .k-icon, .k-external-dropzone-hover .k-dropzone-icon { color: var(--kendo-color-primary, #0058e9) } .k-upload { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); position: relative; display: block; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-upload *, .k-upload *::before, .k-upload *::after { box-sizing: border-box } .k-upload .k-upload-button { min-width: 7em } .k-upload .k-dropzone, .k-upload .k-upload-dropzone { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 0; text-align: end; display: flex; align-items: center; justify-content: space-between; position: relative; background-color: rgba(0,0,0,0) } .k-upload .k-dropzone .k-dropzone-hint, .k-upload .k-upload-dropzone .k-dropzone-hint { font-style: normal; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; flex: 1 } .k-upload .k-dropzone .k-upload-status, .k-upload .k-upload-dropzone .k-upload-status { font-weight: normal; display: flex; align-items: center; position: relative } .k-upload .k-dropzone .k-upload-status > .k-icon, .k-upload .k-upload-dropzone .k-upload-status > .k-icon { -webkit-margin-end: var(--kendo-spacing-1, 0.25rem); margin-inline-end: var(--kendo-spacing-1, 0.25rem) } .k-upload .k-dropzone .k-upload-status + .k-dropzone-hint, .k-upload .k-upload-dropzone .k-upload-status + .k-dropzone-hint { display: none } .k-upload .k-dropzone-active .k-upload-status { display: none } .k-upload .k-dropzone-active .k-upload-status + .k-dropzone-hint { display: block } .k-upload .k-upload-files { max-height: 300px; overflow-y: auto; margin: 0; padding: 0; border-width: 1px 0 0; border-style: solid; border-color: inherit; list-style: none } .k-upload .k-upload-files .k-file-multiple, .k-upload .k-upload-files .k-file-single { width: 100%; display: flex; justify-content: space-between } .k-upload .k-upload-files .k-file-single { align-items: center } .k-upload .k-upload-files .k-file-multiple { align-items: flex-start } .k-upload .k-upload-files .k-file { padding: var(--kendo-spacing-2, 0.5rem) var(--kendo-spacing-2, 0.5rem) calc(var(--kendo-spacing-2, 0.5rem) + 2px); border-width: 0 0 1px; border-style: solid; outline: none; display: flex; align-items: flex-start; position: relative } .k-upload .k-upload-files .k-file:last-child { border-width: 0 } .k-upload .k-upload-files .k-filename { margin-left: var(--kendo-spacing-4, 1rem); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative } .k-upload .k-upload-files .k-upload-pct { margin-block: 0; margin-inline: var(--kendo-spacing-1, 0.25rem); font-weight: normal; vertical-align: middle } .k-upload .k-upload-files ~ .k-clear-selected, .k-upload .k-upload-files ~ .k-upload-selected { margin-top: calc(var(--kendo-spacing-1, 0.25rem)*-1); border-width: 0 } .k-upload .k-upload-files ~ .k-upload-selected { border-left-width: 1px; border-left-style: solid; margin-left: -1px } .k-upload .k-upload-files .k-file-name, .k-upload .k-upload-files .k-file-size, .k-upload .k-upload-files .k-file-validation-message, .k-upload .k-upload-files .k-file-summary { display: block } .k-upload .k-upload-files .k-file-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative } .k-upload .k-upload-files .k-file-size, .k-upload .k-upload-files .k-file-summary, .k-upload .k-upload-files .k-file-validation-message { font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-xs, normal) } .k-upload .k-upload-files .k-file-icon-wrapper .k-file-state { position: absolute } .k-upload .k-upload-files .k-file-state { visibility: hidden } .k-upload .k-upload-files .k-file-info { min-height: 32px; display: block; overflow: hidden; flex: 1 0 0 } .k-upload .k-multiple-files-wrapper, .k-upload .k-file-single > .k-file-info { -webkit-margin-start: var(--kendo-spacing-2, 0.5rem); margin-inline-start: var(--kendo-spacing-2, 0.5rem); min-height: 32px; display: block; overflow: hidden; flex: 1 0 0 } .k-upload .k-multiple-files-wrapper .k-file-info { margin-bottom: var(--kendo-spacing-3, 0.75rem); display: block } .k-upload .k-multiple-files-wrapper .k-file-summary { margin-top: calc(var(--kendo-spacing-3, 0.75rem)/3*-1) } .k-upload .k-progressbar { --kendo-progressbar-height: 2px; position: absolute; left: var(--kendo-spacing-2, 0.5rem); right: var(--kendo-spacing-2, 0.5rem); bottom: calc(var(--kendo-spacing-2, 0.5rem)/2); width: auto } .k-upload .k-actions, .k-upload .k-edit-buttons, .k-upload .k-action-buttons, .k-upload .k-columnmenu-actions, .k-upload .k-form-buttons { border-top-width: 1px } .k-upload-button-wrap { position: relative; direction: ltr } .k-upload-button-wrap input { font: 170px monospace !important; margin: 0; padding: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; bottom: 0; right: 0; z-index: 1 } .k-upload-button-wrap input[disabled], .k-upload-button-wrap input.k-disabled { visibility: hidden } .k-upload { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-upload .k-dropzone, .k-upload .k-upload-dropzone { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-upload .k-dropzone.k-hover, .k-upload .k-upload-dropzone.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-upload .k-dropzone .k-dropzone-hint, .k-upload .k-upload-dropzone .k-dropzone-hint { color: var(--kendo-color-subtle, #666666) } .k-upload .k-upload-files, .k-upload .k-file { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-upload .k-file.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.13) } .k-upload .k-file .k-upload-action.k-focus { box-shadow: 0 0 0 2px rgba(0,0,0,.13) } .k-upload .k-upload-status { color: var(--kendo-color-subtle, #666666) } .k-upload .k-file-progress .k-progressbar .k-selected { background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-upload .k-file-success .k-file-validation-message { color: var(--kendo-color-success, #0b8250) } .k-upload .k-file-success .k-progressbar .k-selected { background-color: var(--kendo-color-success, #0b8250) } .k-upload .k-file-error .k-file-validation-message { color: var(--kendo-color-error, #e13929) } .k-upload .k-file-error .k-progressbar .k-selected { background-color: var(--kendo-color-error, #e13929) } .k-upload .k-file-icon-wrapper { color: var(--kendo-color-subtle, #666666); border-color: var(--kendo-color-subtle, #666666) } .k-upload .k-file-size, .k-upload .k-file-validation-message, .k-upload .k-file-summary { color: var(--kendo-color-subtle, #666666) } .k-upload .k-multiple-files-wrapper .k-file-summary { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-upload.k-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #e13929) } .k-otp { display: flex; width: -moz-min-content; width: min-content; align-items: center; flex-direction: row } .k-otp .k-otp-input > .k-input-inner { text-align: center; padding-inline: 0 } .k-otp-sm { gap: var(--kendo-spacing-1, 0.25rem) } .k-otp-sm .k-otp-input { min-width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-0\.5, 0.125rem)*2 + 2px) } .k-otp-sm .k-otp-separator:not(:empty) { padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-otp-md { gap: var(--kendo-spacing-1\.5, 0.375rem) } .k-otp-md .k-otp-input { min-width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px) } .k-otp-md .k-otp-separator:not(:empty) { padding-inline: var(--kendo-spacing-1\.5, 0.375rem) } .k-otp-lg { gap: var(--kendo-spacing-2, 0.5rem) } .k-otp-lg .k-otp-input { min-width: calc(var(--kendo-line-height-lg, normal)*1em + var(--kendo-spacing-2, 0.5rem)*2 + 2px) } .k-otp-lg .k-otp-separator:not(:empty) { padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-appbar { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); list-style: none; display: flex; gap: var(--kendo-spacing-2, 0.5rem); flex-flow: row wrap; align-items: center; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-appbar *, .k-appbar *::before, .k-appbar *::after { box-sizing: border-box } .k-appbar > * { flex-shrink: 0 } .k-appbar .k-appbar-section { display: inline-flex; flex-wrap: nowrap; align-items: center } .k-appbar .k-appbar-spacer { flex: 1 0 auto } .k-appbar .k-appbar-spacer-sized { flex-grow: 0 } .k-appbar .k-appbar-separator { margin: 0; width: 0; min-height: 1em; border-style: solid; border-width: 0 0 0 1px; display: inline-block } .k-appbar .k-input, .k-appbar .k-picker { width: 10em } .k-appbar .k-color-picker, .k-appbar .k-colorpicker { width: -moz-min-content; width: min-content } .k-appbar-static { position: static } .k-appbar-sticky { width: 100%; position: sticky; top: 0; z-index: 1000 } .k-appbar-fixed { width: 100%; position: fixed; z-index: 1 } .k-appbar-top { top: 0; bottom: auto } .k-appbar-bottom { top: auto; bottom: 0 } .k-appbar-bottom.k-appbar-fixed { bottom: 0 } .k-appbar { box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-appbar-bottom { box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-appbar-primary { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-appbar-secondary { color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #333333) } .k-appbar-tertiary { color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #03a9f4) } .k-appbar-info { color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-appbar-success { color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #0b8250) } .k-appbar-warning { color: var(--kendo-color-on-warning, #3d3d3d); background-color: var(--kendo-color-warning, #ffbf44) } .k-appbar-error { color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #e13929) } .k-appbar-dark { color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-appbar-light { color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #ebebeb) } .k-appbar-inverse { color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-fab { padding: 0; border-width: 0; border-style: solid; border-color: rgba(0,0,0,0); box-sizing: border-box; color: inherit; background-color: rgba(0,0,0,0); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); font-family: var(--kendo-font-family, inherit); text-align: center; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; cursor: pointer; outline: none } .k-fab *, .k-fab *::before, .k-fab *::after { box-sizing: border-box } .k-fab:focus { outline: none } .k-fab-icon { padding-inline: var(--kendo-spacing-0\.5, 0.125rem); padding-block: var(--kendo-spacing-0\.5, 0.125rem); box-sizing: content-box } .k-icon-wrapper-host:not(:only-child) .k-fab-icon, .k-fab-icon:not(:only-child) { -webkit-margin-end: var(--kendo-spacing-0\.5, 0.125rem); margin-inline-end: var(--kendo-spacing-0\.5, 0.125rem); -webkit-margin-start: calc(var(--kendo-spacing-0\.5, 0.125rem)*-1); margin-inline-start: calc(var(--kendo-spacing-0\.5, 0.125rem)*-1) } .k-fab-sm { padding: calc(var(--kendo-spacing-4, 1rem)/2) calc(var(--kendo-spacing-4, 1rem)/2) } .k-fab-md { padding: var(--kendo-spacing-4, 1rem) var(--kendo-spacing-4, 1rem) } .k-fab-lg { padding: calc(var(--kendo-spacing-4, 1rem)*1.5) calc(var(--kendo-spacing-4, 1rem)*1.5) } .k-fab-items { margin: 0; padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-0, 0px); display: flex } .k-fab-items-bottom { flex-direction: column } .k-fab-items-bottom .k-fab-item:last-child { -webkit-margin-after: 0; margin-block-end: 0 } .k-fab-items-top { flex-direction: column-reverse } .k-fab-items-top .k-fab-item:first-child { -webkit-margin-after: 0; margin-block-end: 0 } .k-fab-item { list-style-type: none; -webkit-margin-after: var(--kendo-spacing-2, 0.5rem); margin-block-end: var(--kendo-spacing-2, 0.5rem); outline: none; white-space: nowrap; display: flex; align-items: center; justify-content: flex-end; cursor: pointer } .k-fab-item.k-text-right { flex-direction: row } .k-fab-item.k-text-right .k-fab-item-text { margin-right: var(--kendo-spacing-2, 0.5rem) } .k-fab-item.k-text-left { flex-direction: row-reverse } .k-fab-item.k-text-left .k-fab-item-text { margin-left: var(--kendo-spacing-2, 0.5rem) } .k-fab-item-text { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); border-width: 1px; border-radius: 2px; font-size: var(--kendo-font-size-xs, inherit); line-height: 1.2 } .k-fab-item-icon { padding-block: calc(var(--kendo-spacing-2, 0.5rem) + var(--kendo-spacing-0\.5, 0.125rem)); padding-inline: calc(var(--kendo-spacing-2, 0.5rem) + var(--kendo-spacing-0\.5, 0.125rem)); border-width: 0; border-radius: 50%; box-sizing: content-box; outline: none } .k-rtl .k-fab-popup .k-fab-item.k-text-left, [dir=rtl] .k-fab-popup .k-fab-item.k-text-left { flex-direction: row } .k-rtl .k-fab-popup .k-fab-item.k-text-right, [dir=rtl] .k-fab-popup .k-fab-item.k-text-right { flex-direction: row-reverse } .k-fab-solid-primary { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-primary, #0058e9); outline-offset: -1px; border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-fab-solid-secondary { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-secondary, #333333); outline-offset: -1px; border-color: var(--kendo-color-secondary, #333333); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #333333) } .k-fab-solid-tertiary { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-tertiary, #03a9f4); outline-offset: -1px; border-color: var(--kendo-color-tertiary, #03a9f4); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #03a9f4) } .k-fab-solid-info { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)); outline-offset: -1px; border-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-fab-solid-success { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-success, #0b8250); outline-offset: -1px; border-color: var(--kendo-color-success, #0b8250); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #0b8250) } .k-fab-solid-warning { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-warning, #ffbf44); outline-offset: -1px; border-color: var(--kendo-color-warning, #ffbf44); color: var(--kendo-color-on-warning, #3d3d3d); background-color: var(--kendo-color-warning, #ffbf44) } .k-fab-solid-error { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-error, #e13929); outline-offset: -1px; border-color: var(--kendo-color-error, #e13929); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #e13929) } .k-fab-solid-dark { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-dark, #3d3d3d); outline-offset: -1px; border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-fab-solid-light { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-light, #ebebeb); outline-offset: -1px; border-color: var(--kendo-color-light, #ebebeb); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #ebebeb) } .k-fab-solid-inverse { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid var(--kendo-color-dark, #3d3d3d); outline-offset: -1px; border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-hover.k-fab-solid-primary, .k-fab-solid-primary:hover { border-color: var(--kendo-color-primary-hover, #ea5a51); background-color: var(--kendo-color-primary-hover, #ea5a51) } .k-hover.k-fab-solid-secondary, .k-fab-solid-secondary:hover { border-color: var(--kendo-color-secondary-hover, #525252); background-color: var(--kendo-color-secondary-hover, #525252) } .k-hover.k-fab-solid-tertiary, .k-fab-solid-tertiary:hover { border-color: var(--kendo-color-tertiary-hover, #039ae0); background-color: var(--kendo-color-tertiary-hover, #039ae0) } .k-hover.k-fab-solid-info, .k-fab-solid-info:hover { border-color: var(--kendo-color-info-hover, #0052d6); background-color: var(--kendo-color-info-hover, #0052d6) } .k-hover.k-fab-solid-success, .k-fab-solid-success:hover { border-color: var(--kendo-color-success-hover, #32a500); background-color: var(--kendo-color-success-hover, #32a500) } .k-hover.k-fab-solid-warning, .k-fab-solid-warning:hover { border-color: var(--kendo-color-warning-hover, #eaaf00); background-color: var(--kendo-color-warning-hover, #eaaf00) } .k-hover.k-fab-solid-error, .k-fab-solid-error:hover { border-color: var(--kendo-color-error-hover, #df1600); background-color: var(--kendo-color-error-hover, #df1600) } .k-hover.k-fab-solid-dark, .k-fab-solid-dark:hover { border-color: var(--kendo-color-dark-hover, #292929); background-color: var(--kendo-color-dark-hover, #292929) } .k-hover.k-fab-solid-light, .k-fab-solid-light:hover { border-color: var(--kendo-color-light-hover, #e0e0e0); background-color: var(--kendo-color-light-hover, #e0e0e0) } .k-hover.k-fab-solid-inverse, .k-fab-solid-inverse:hover { border-color: var(--kendo-color-inverse-hover, #292929); background-color: var(--kendo-color-inverse-hover, #292929) } .k-fab-solid-primary.k-focus, .k-fab-solid-primary:focus { outline: solid var(--kendo-spacing-0\.5, 0.125rem) color-mix(in srgb, var(--kendo-color-primary, #0058e9) 30%, transparent) } .k-fab-solid-secondary.k-focus, .k-fab-solid-secondary:focus { outline: solid var(--kendo-spacing-0\.5, 0.125rem) color-mix(in srgb, var(--kendo-color-secondary, #333333) 30%, transparent) } .k-fab-solid-tertiary.k-focus, .k-fab-solid-tertiary:focus { outline: solid var(--kendo-spacing-0\.5, 0.125rem) color-mix(in srgb, var(--kendo-color-tertiary, #03a9f4) 30%, transparent) } .k-fab-solid-info.k-focus, .k-fab-solid-info:focus { outline: solid var(--kendo-spacing-0\.5, 0.125rem) color-mix(in srgb, var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) 30%, transparent) } .k-fab-solid-success.k-focus, .k-fab-solid-success:focus { outline: solid var(--kendo-spacing-0\.5, 0.125rem) color-mix(in srgb, var(--kendo-color-success, #0b8250) 30%, transparent) } .k-fab-solid-warning.k-focus, .k-fab-solid-warning:focus { outline: solid var(--kendo-spacing-0\.5, 0.125rem) color-mix(in srgb, var(--kendo-color-warning, #ffbf44) 30%, transparent) } .k-fab-solid-error.k-focus, .k-fab-solid-error:focus { outline: solid var(--kendo-spacing-0\.5, 0.125rem) color-mix(in srgb, var(--kendo-color-error, #e13929) 30%, transparent) } .k-fab-solid-dark.k-focus, .k-fab-solid-dark:focus { outline: solid var(--kendo-spacing-0\.5, 0.125rem) color-mix(in srgb, var(--kendo-color-dark, #3d3d3d) 30%, transparent) } .k-fab-solid-light.k-focus, .k-fab-solid-light:focus { outline: solid var(--kendo-spacing-0\.5, 0.125rem) color-mix(in srgb, var(--kendo-color-light, #ebebeb) 30%, transparent) } .k-fab-solid-inverse.k-focus, .k-fab-solid-inverse:focus { outline: solid var(--kendo-spacing-0\.5, 0.125rem) color-mix(in srgb, var(--kendo-color-inverse, #3d3d3d) 30%, transparent) } .k-active.k-fab-solid-primary, .k-selected.k-fab-solid-primary, .k-fab-solid-primary:active { border-color: var(--kendo-color-primary-active, #d45349); background-color: var(--kendo-color-primary-active, #d45349) } .k-active.k-fab-solid-secondary, .k-selected.k-fab-solid-secondary, .k-fab-solid-secondary:active { border-color: var(--kendo-color-secondary-active, #3d3d3d); background-color: var(--kendo-color-secondary-active, #3d3d3d) } .k-active.k-fab-solid-tertiary, .k-selected.k-fab-solid-tertiary, .k-fab-solid-tertiary:active { border-color: var(--kendo-color-tertiary-active, #028ccb); background-color: var(--kendo-color-tertiary-active, #028ccb) } .k-active.k-fab-solid-info, .k-selected.k-fab-solid-info, .k-fab-solid-info:active { border-color: var(--kendo-color-info-active, #004ac2); background-color: var(--kendo-color-info-active, #004ac2) } .k-active.k-fab-solid-success, .k-selected.k-fab-solid-success, .k-fab-solid-success:active { border-color: var(--kendo-color-success-active, #2d9600); background-color: var(--kendo-color-success-active, #2d9600) } .k-active.k-fab-solid-warning, .k-selected.k-fab-solid-warning, .k-fab-solid-warning:active { border-color: var(--kendo-color-warning-active, #d49f00); background-color: var(--kendo-color-warning-active, #d49f00) } .k-active.k-fab-solid-error, .k-selected.k-fab-solid-error, .k-fab-solid-error:active { border-color: var(--kendo-color-error-active, #ca1400); background-color: var(--kendo-color-error-active, #ca1400) } .k-active.k-fab-solid-dark, .k-selected.k-fab-solid-dark, .k-fab-solid-dark:active { border-color: var(--kendo-color-dark-active, #1f1f1f); background-color: var(--kendo-color-dark-active, #1f1f1f) } .k-active.k-fab-solid-light, .k-selected.k-fab-solid-light, .k-fab-solid-light:active { border-color: var(--kendo-color-light-active, #d6d6d6); background-color: var(--kendo-color-light-active, #d6d6d6) } .k-active.k-fab-solid-inverse, .k-selected.k-fab-solid-inverse, .k-fab-solid-inverse:active { border-color: var(--kendo-color-inverse-active, #1f1f1f); background-color: var(--kendo-color-inverse-active, #1f1f1f) } .k-disabled.k-fab-solid-primary, .k-fab-solid-primary:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-primary, #ffffff) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-secondary, .k-fab-solid-secondary:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-secondary, #333333) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-secondary, #ffffff) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-tertiary, .k-fab-solid-tertiary:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-tertiary, #03a9f4) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-tertiary, #ffffff) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-info, .k-fab-solid-info:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-info, #ffffff) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-success, .k-fab-solid-success:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-success, #0b8250) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-success, #ffffff) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-warning, .k-fab-solid-warning:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-warning, #ffbf44) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-warning, #3d3d3d) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-error, .k-fab-solid-error:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-error, #e13929) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-error, #ffffff) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-dark, .k-fab-solid-dark:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-dark, #3d3d3d) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-dark, #ffffff) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-light, .k-fab-solid-light:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-light, #ebebeb) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-light, #000000) 60%, transparent); opacity: 1 } .k-disabled.k-fab-solid-inverse, .k-fab-solid-inverse:disabled { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-inverse, #3d3d3d) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-inverse, #ffffff) 60%, transparent); opacity: 1 } .k-fab-item-text { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-fab-item-icon { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #3d3d3d); background-color: var(--kendo-color-base, #f5f5f5); box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); outline: 1px solid rgba(0,0,0,.08); outline-offset: -1px } .k-fab-item.k-hover .k-fab-item-icon, .k-fab-item:hover .k-fab-item-icon { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-fab-item:focus .k-fab-item-text, .k-fab-item:focus .k-fab-item-icon, .k-fab-item.k-focus .k-fab-item-text, .k-fab-item.k-focus .k-fab-item-icon { outline: solid var(--kendo-spacing-0\.5, 0.125rem) rgba(0,0,0,.08) } .k-fab-item.k-active .k-fab-item-icon, .k-fab-item:active .k-fab-item-icon { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)); background-color: var(--kendo-color-base-active, #d6d6d6) } .k-fab-item.k-disabled, .k-fab-item:disabled { opacity: 1 } .k-fab-item.k-disabled .k-fab-item-text, .k-fab-item.k-disabled .k-fab-item-icon, .k-fab-item:disabled .k-fab-item-text, .k-fab-item:disabled .k-fab-item-icon { box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-base, #f5f5f5) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-base, #3d3d3d) 60%, transparent) } .k-fab-popup { box-shadow: none } .k-window { border-radius: 0px; padding: 0; border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height-sm, normal); display: inline-flex; flex-direction: column; position: absolute; z-index: 10002; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-window.k-window-maximized { max-width: 100vw; max-height: 100vh; box-shadow: none } .k-window-sm { width: 300px } .k-window-md { width: 800px } .k-window-lg { width: 1200px } .k-window-titlebar { border-top-left-radius: 0px; border-top-right-radius: 0px; padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-4, 1rem); border-width: 0 0 1px; border-style: solid; white-space: nowrap; display: flex; flex-direction: row; flex-shrink: 0; align-items: center } .k-window-minimized .k-window-titlebar { border-width: 0 } .k-window-title { padding-block: .5em; padding-inline: 0; margin-block: -0.5em; margin-inline: 0; font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-sm, normal); text-overflow: ellipsis; overflow: hidden; cursor: default; flex: 1 } .k-window-title:empty::before { content: "\200b" } .k-window-titlebar-actions { margin-block: -5em; margin-inline: 0; -webkit-margin-end: calc(var(--kendo-spacing-3, 0.75rem) - var(--kendo-spacing-4, 1rem)); margin-inline-end: calc(var(--kendo-spacing-3, 0.75rem) - var(--kendo-spacing-4, 1rem)); line-height: 1; display: flex; flex-flow: row nowrap; flex-shrink: 0; align-items: center; vertical-align: top } .k-window-titlebar-action { flex-shrink: 0 } .k-window-content, .k-prompt-container { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem); border-width: 0; border-color: inherit; color: inherit; background: none; outline: 0; overflow: auto; position: relative; flex: 1 1 auto } .k-window-content + .k-prompt-container { margin-top: -var(--kendo-spacing-4, 1rem) / 2 } .k-window-content:first-child { padding-top: clamp(var(--kendo-spacing-4, 1rem),var(--kendo-spacing-3, 0.75rem),var(--kendo-spacing-3, 0.75rem)) } .k-window-content:last-child { padding-bottom: clamp(var(--kendo-spacing-4, 1rem),var(--kendo-spacing-3, 0.75rem),var(--kendo-spacing-3, 0.75rem)) } .k-window-iframecontent { padding: 0; overflow: visible } .k-window-iframecontent .k-content-frame { vertical-align: top; border: 0; width: 100%; height: 100% } .k-window-actions { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 1px 0 0; border-style: solid; border-color: inherit; flex: 0 0 auto; display: flex; flex-flow: row wrap; align-items: center; overflow: hidden } .k-prompt-container > .k-textarea { width: 100% } .k-window .k-resize-n { top: 0 } .k-window .k-resize-e { right: 0 } .k-window .k-resize-s { bottom: 0 } .k-window .k-resize-w { left: 0 } .k-window { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-window:focus, .k-window.k-focus { box-shadow: var(--kendo-elevation-9, 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-window-titlebar { border-color: inherit; color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-window-primary .k-window-titlebar { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-window-light .k-window-titlebar { color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #ebebeb) } .k-window-dark .k-window-titlebar { color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-actionsheet-container { width: 100%; height: 100%; max-width: clamp(100vw,100%,100%); max-height: clamp(100vh,100%,100%); position: fixed; top: 0; left: 0; z-index: 9999; overflow: hidden; transform: translateZ(0) } .k-actionsheet-container > .k-overlay { position: absolute; z-index: 1 } .k-actionsheet-container > .k-animation-container { width: 100%; height: 100%; border-radius: 0; overflow: hidden; position: absolute; z-index: 2; top: 0; left: 0; pointer-events: none } .k-actionsheet-container > .k-animation-container > .k-child-animation-container { position: absolute } .k-actionsheet-container > .k-actionsheet { position: absolute; z-index: 2 } .k-actionsheet-container .k-actionsheet { pointer-events: all } .k-actionsheet { width: var(--kendo-actionsheet-width, 360px); height: var(--kendo-actionsheet-height, 60vh); max-width: var(--kendo-actionsheet-max-width, 100%); max-height: var(--kendo-actionsheet-max-height, 60vh); border-width: 0; border-style: solid; box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); overflow: hidden; position: relative; display: flex; flex-flow: column nowrap } .k-actionsheet:has(>.k-actionsheet-view) { flex-flow: row nowrap } .k-actionsheet .k-actionsheet-view { display: flex; flex-flow: column nowrap; flex: 0 0 100% } .k-actionsheet .k-actionsheet-view.k-actionsheet-view-animated { transform: translateX(calc(-100%*(var(--kendo-actionsheet-view-current, 1) - 1))) } .k-actionsheet *, .k-actionsheet *::before, .k-actionsheet *::after { box-sizing: border-box } .k-actionsheet-titlebar, .k-actionsheet-jq .k-actionsheet-header { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); border-bottom-width: 1px; border-bottom-style: solid; flex: none; display: flex; flex-flow: column nowrap; align-items: center; gap: var(--kendo-spacing-4, 1rem) } .k-actionsheet-titlebar-group { display: flex; flex-flow: row nowrap; align-items: center; width: 100% } .k-actionsheet-title { flex: 1 } .k-actionsheet-subtitle { font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-sm, normal) } .k-actionsheet-actions { flex: none } .k-actionsheet-content { flex: 1; overflow: auto; position: relative } .k-actionsheet-footer { flex: none; border-top-width: 1px; border-top-style: solid } .k-actionsheet-items { margin: 0; padding: 0; list-style: none; flex: none } .k-actionsheet-item { padding: 0; box-sizing: border-box; display: flex; flex-flow: row nowrap; outline: none } .k-actionsheet-action { margin: 0; padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); min-height: 40px; box-sizing: border-box; color: inherit; text-decoration: none; outline: 0; display: flex; flex-flow: row nowrap; align-items: flex-start; gap: var(--kendo-spacing-3, 0.75rem) } .k-actionsheet-item-text { display: flex; flex-flow: column nowrap } .k-actionsheet-item-description { font-size: .875em } .k-actionsheet .k-hr { margin: 0; flex: none } .k-actionsheet-top { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-width: 0px; border-top-width: 0; top: 0; inset-inline-start: 50%; transform: translateX(-50%) } .k-actionsheet-bottom { border-top-left-radius: 0px; border-top-right-radius: 0px; border-width: 0px; border-bottom-width: 0; bottom: 0; inset-inline-start: 50%; transform: translateX(-50%) } .k-actionsheet-left { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-width: 0px; border-left-width: 0; left: 0; top: 50%; transform: translateY(-50%) } .k-actionsheet-right { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-width: 0px; border-right-width: 0; right: 0; top: 50%; transform: translateY(-50%) } .k-actionsheet-fullscreen { width: 100%; max-width: 100%; max-height: 100%; height: 100% } .k-animation-container > .k-actionsheet { top: auto; right: auto; bottom: auto; left: auto; transform: none } .k-adaptive-actionsheet { max-width: 100%; width: 100%; font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height, inherit) } .k-adaptive-actionsheet .k-actionsheet-titlebar, .k-adaptive-actionsheet .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-adaptive-actionsheet .k-actionsheet-header { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem) } .k-adaptive-actionsheet .k-actionsheet-content { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem) } .k-adaptive-actionsheet .k-actionsheet-footer { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem) } .k-adaptive-actionsheet .k-actionsheet-filter { width: calc(360px - var(--kendo-spacing-4, 1rem)*2) } .k-adaptive-actionsheet .k-actionsheet-content, .k-adaptive-actionsheet .k-actionsheet-footer { margin-inline: auto; width: min(100%,360px) } .k-adaptive-actionsheet .k-list-container, .k-adaptive-actionsheet .k-treeview { height: 100% } .k-adaptive-actionsheet .k-list-filter { width: 100%; padding-inline: 0 } .k-adaptive-actionsheet .k-menu-group { height: 100%; overflow: auto; position: static } .k-adaptive-actionsheet .k-calendar { margin-inline: auto; border-width: 0; display: flex } .k-adaptive-actionsheet .k-timeselector { height: 100%; border-width: 0; overflow: hidden } .k-adaptive-actionsheet .k-timeselector .k-time-part { display: contents } .k-adaptive-actionsheet .k-timeselector .k-time-list-wrapper { height: 100% } .k-adaptive-actionsheet .k-datetime-wrap { width: 100%; height: 100%; display: flex; flex-flow: column nowrap } .k-adaptive-actionsheet .k-datetime-selector { flex: 1 1 auto } .k-adaptive-actionsheet .k-datetime-calendar-wrap { width: 100%; position: absolute; top: 0; left: 0; bottom: 0; flex: 0 0 100% } .k-adaptive-actionsheet .k-datetime-time-wrap { width: 100%; position: absolute; top: 0; left: 100%; bottom: 0; flex: 0 0 100% } .k-adaptive-actionsheet .k-scrollable-wrap { height: 100%; overflow-y: auto } .k-adaptive-actionsheet .k-data-table { max-height: 100%; overflow: hidden; display: flex; flex-flow: column nowrap } .k-adaptive-actionsheet .k-coloreditor { min-width: 100%; height: 100%; border: 0; overflow: auto; scrollbar-width: none } .k-adaptive-actionsheet .k-coloreditor::-webkit-scrollbar { display: none } .k-adaptive-actionsheet .k-coloreditor .k-coloreditor-header { padding: 0 } .k-adaptive-actionsheet .k-coloreditor .k-coloreditor-views { padding-inline: 0 } .k-adaptive-actionsheet .k-colorgradient-canvas .k-hsv-gradient { aspect-ratio: 1; height: 100% } .k-actionsheet-jq.k-actionsheet { height: auto } .k-actionsheet-jq .k-actionsheet-header { align-items: flex-start } .k-actionsheet-jq .k-actionsheet-action { align-items: center } .k-rtl .k-actionsheet-top, .k-rtl .k-actionsheet-bottom, [dir=rtl] .k-actionsheet-top, [dir=rtl] .k-actionsheet-bottom { transform: translateX(50%) } :is([dir=rtl],.k-rtl) .k-actionsheet-view.k-actionsheet-view-animated { transform: translateX(calc(100%*(var(--kendo-actionsheet-view-current, 1) - 1))) } .k-actionsheet { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-7, 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-actionsheet-titlebar, .k-actionsheet-jq .k-actionsheet-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-actionsheet-footer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-actionsheet-subtitle { color: var(--kendo-color-subtle, #666666) } .k-actionsheet-item:hover, .k-actionsheet-item.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-actionsheet-item:focus, .k-actionsheet-item.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.13) } .k-actionsheet-item-description { color: var(--kendo-color-subtle, #666666) } .k-actionsheet .k-hr { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-dialog-wrapper { display: flex; align-items: center; justify-content: center; flex-direction: column; outline: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10001 } .k-dialog-wrapper .k-dialog { position: relative } .k-dialog { padding: 0; position: fixed; box-sizing: border-box } .k-dialog.k-dialog-centered { transform: translate(-50%, -50%); top: 50%; left: 50% } .k-dialog .k-multiselect { width: 100% } .k-dialog-actions { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 1px 0 0; border-style: solid; border-color: inherit; flex: 0 0 auto; display: flex; flex-flow: row wrap; align-items: center; gap: var(--kendo-spacing-2, 0.5rem); overflow: hidden } .k-dialog { background-color: var(--kendo-color-app-surface, #ffffff) } .k-dialog-titlebar { border-color: inherit; color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-dialog-primary .k-dialog-titlebar { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-dialog-light .k-dialog-titlebar { color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #ebebeb) } .k-dialog-dark .k-dialog-titlebar { color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-drawer-container { display: flex; flex-flow: row nowrap; align-items: flex-start } kendo-drawer.k-drawer, kendo-drawer .k-drawer-wrapper { transition: none } .k-drawer { height: 100%; max-width: 100%; border-width: 0; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; flex: 0 0 auto; transition: all 300ms ease-in-out; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-drawer *, .k-drawer *::before, .k-drawer *::after { box-sizing: border-box } .k-drawer-mini .k-drawer.k-drawer-start, .k-drawer-expanded .k-drawer.k-drawer-start { border-inline-end-width: 1px } .k-drawer-mini .k-drawer.k-drawer-end, .k-drawer-expanded .k-drawer.k-drawer-end { border-inline-start-width: 1px } .k-drawer.k-drawer-start { top: 0; inset-inline-start: 0 } .k-drawer.k-drawer-end { top: 0; inset-inline-end: 0 } .k-drawer-content { flex: 1 1 auto; overflow: auto } .k-drawer-overlay .k-drawer { max-width: 80vw; position: fixed; z-index: 10002; border: 0 } .k-drawer-overlay > .k-overlay { display: none } .k-drawer-overlay.k-drawer-expanded > .k-overlay { display: block } .k-drawer-push { display: flex; flex-direction: row } .k-drawer-push .k-drawer { height: auto; position: relative; align-self: stretch } .k-drawer-push:has(.k-drawer.k-drawer-end) { flex-direction: row-reverse } .k-drawer-wrapper { overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; transition: all 300ms ease-in-out } .k-drawer-wrapper::-webkit-scrollbar { width: 7px } .k-drawer-wrapper::-webkit-scrollbar-thumb { border-radius: 20px } .k-drawer-items { margin: 0; padding-block: 0; padding-inline: 0; list-style: none; display: flex; flex-direction: column; align-items: stretch } .k-drawer-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); outline: 0; color: inherit; font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal); font-weight: var(--kendo-font-weight, normal); display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-4, 1rem); align-items: center; cursor: pointer } .k-drawer-item > .k-drawer-link { margin-block: calc(var(--kendo-spacing-2, 0.5rem)*-1); margin-inline: calc(var(--kendo-spacing-4, 1rem)*-1); padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); color: inherit; display: flex; flex-flow: row nowrap; flex: 1 0 auto; gap: var(--kendo-spacing-4, 1rem) } .k-drawer-item .k-icon { flex-shrink: 0; padding-inline: var(--kendo-spacing-0, 0px); padding-block: var(--kendo-spacing-1, 0.25rem); box-sizing: content-box } .k-drawer-item .k-icon.k-i-none { margin: 0 } .k-drawer-item .k-item-text { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .k-drawer-item .k-drawer-toggle { -webkit-margin-start: auto; margin-inline-start: auto; cursor: pointer; display: flex } .k-drawer-item.k-level-1 { -webkit-padding-start: calc(var(--kendo-spacing-4, 1rem)*2); padding-inline-start: calc(var(--kendo-spacing-4, 1rem)*2) } .k-drawer-item.k-level-2 { -webkit-padding-start: calc(var(--kendo-spacing-4, 1rem)*3); padding-inline-start: calc(var(--kendo-spacing-4, 1rem)*3) } .k-drawer-item.k-level-3 { -webkit-padding-start: calc(var(--kendo-spacing-4, 1rem)*4); padding-inline-start: calc(var(--kendo-spacing-4, 1rem)*4) } .k-drawer-item.k-level-4 { -webkit-padding-start: calc(var(--kendo-spacing-4, 1rem)*5); padding-inline-start: calc(var(--kendo-spacing-4, 1rem)*5) } .k-drawer-item.k-level-5 { -webkit-padding-start: calc(var(--kendo-spacing-4, 1rem)*6); padding-inline-start: calc(var(--kendo-spacing-4, 1rem)*6) } .k-drawer-separator { padding: 0; height: 1px } .k-drawer-mini .k-drawer-wrapper { width: calc(var(--kendo-spacing-4, 1rem)*2 + 16px) } .k-drawer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-drawer-wrapper { scrollbar-color: rgba(156,156,156,.7) #dedede } .k-drawer-wrapper::-webkit-scrollbar-track { background: #dedede } .k-drawer-wrapper::-webkit-scrollbar-thumb { background: rgba(156,156,156,.7) } .k-drawer-wrapper::-webkit-scrollbar-thumb:hover { background: #9c9c9c } .k-drawer-item:hover, .k-drawer-item.k-hover { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-drawer-item:focus, .k-drawer-item.k-focus { background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-drawer-item:focus:hover, .k-drawer-item:focus.k-hover, .k-drawer-item.k-focus:hover, .k-drawer-item.k-focus.k-hover { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-drawer-item.k-selected { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-drawer-item.k-selected:hover, .k-drawer-item.k-selected.k-hover { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary-hover, #ea5a51) } .k-drawer-separator { background-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-notification-group { max-height: 100%; display: inline-flex; flex-flow: column-reverse wrap; position: fixed; z-index: 1000; gap: var(--kendo-spacing-2, 0.5rem) 0 } .k-notification-container-animating { overflow: hidden } .k-notification { border-radius: var(--kendo-border-radius-md, 0.25rem); padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size-sm, inherit); line-height: va(--kendo-line-height, normal); cursor: default; position: relative; display: flex; align-items: center; justify-content: center; gap: var(--kendo-spacing-1, 0.25rem); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-notification *, .k-notification *::before, .k-notification *::after { box-sizing: border-box } .k-notification > .k-notification-content { flex: 1 1 auto } .k-notification > .k-notification-status { flex-shrink: 0 } .k-notification-actions { flex: none; display: flex; gap: var(--kendo-spacing-1, 0.25rem); flex-flow: row nowrap; align-items: center; align-self: center; cursor: pointer } .k-notification-action { flex: none; display: flex; flex-flow: row nowrap; align-items: center; align-self: center } .k-notification { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-notification-inverse { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-notification-light { border-color: var(--kendo-color-light, #ebebeb); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #ebebeb) } .k-notification-dark { border-color: var(--kendo-color-dark, #3d3d3d); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #3d3d3d) } .k-notification-error { border-color: var(--kendo-color-error, #e13929); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #e13929) } .k-notification-warning { border-color: var(--kendo-color-warning, #ffbf44); color: var(--kendo-color-on-warning, #3d3d3d); background-color: var(--kendo-color-warning, #ffbf44) } .k-notification-success { border-color: var(--kendo-color-success, #0b8250); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #0b8250) } .k-notification-info { border-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-notification-tertiary { border-color: var(--kendo-color-tertiary, #03a9f4); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #03a9f4) } .k-notification-secondary { border-color: var(--kendo-color-secondary, #333333); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #333333) } .k-notification-primary { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } kendo-card, kendo-card-header, kendo-card-body, kendo-card-actions, kendo-card-footer { display: block } .k-card { border-radius: var(--kendo-border-radius-lg, 0.375rem); border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; position: relative; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-card *, .k-card *::before, .k-card *::after { box-sizing: border-box } .k-card .k-card-avatar, .k-card .k-avatar { margin-right: var(--kendo-spacing-4, 1rem); width: 45px; height: 45px; flex-basis: 45px } .k-card > .k-card-inner { border-radius: calc(var(--kendo-border-radius-lg, 0.375rem) - 1px); display: flex; flex-direction: inherit; overflow: hidden; position: relative } .k-card-horizontal { flex-flow: row nowrap } .k-card-vertical { flex-flow: column nowrap } .k-card-header { padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-4, 1rem); border-width: 0 0 1px; border-style: solid; outline: 0; flex-shrink: 0; overflow: hidden; position: relative; z-index: 1 } .k-card-header .k-card-title, .k-card-header .k-card-subtitle { margin-bottom: 0 } .k-card-header .k-card-title + .k-card-subtitle, .k-card-header .k-card-subtitle + .k-card-subtitle { margin-top: var(--kendo-spacing-2, 0.5rem) } .k-card-footer { padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-4, 1rem); border-width: 1px 0 0; border-style: solid; outline: 0; flex-shrink: 0 } .k-card-body { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem); outline: 0; flex: 1 1 auto } .k-card-body p { margin: 0 0 var(--kendo-font-size, inherit) } .k-card-body > .k-last, .k-card-body > :last-child { margin-bottom: 0 } .k-card-body > .k-card-actions { padding: 0 } .k-card-media { border: 0; max-width: 100%; flex-shrink: 0; overflow: hidden } .k-card-horizontal .k-card-media { max-width: 100px; -o-object-fit: cover; object-fit: cover } .k-card-title { margin: 0 0 var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-sm, normal); font-weight: var(--kendo-font-weight-normal, normal) } .k-card-subtitle { margin: 0 0 var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-lg, normal); font-weight: var(--kendo-font-weight-normal, normal) } .k-card-separator { margin: 0; border-width: 0; border-style: solid; border-color: inherit; display: block; flex: 0 0 auto; align-self: stretch } .k-card-separator.k-separator-horizontal, .k-card-vertical > .k-card-separator { border-top-width: 1px } .k-card-separator.k-separator-vertical, .k-card-horizontal > .k-card-separator { border-left-width: 1px } .k-card > .k-hr { margin: 0; flex: 0 0 auto; border-color: inherit } .k-card-actions { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 0; border-style: solid; border-color: inherit; overflow: hidden; display: flex; flex-shrink: 0; flex-basis: auto; gap: var(--kendo-spacing-2, 0.5rem) } .k-card-horizontal .k-actions-horizontal { width: auto } .k-card-list { display: flex; flex-flow: column nowrap; align-items: stretch; gap: var(--kendo-spacing-4, 1rem); flex: 0 0 auto } .k-card-list .k-card { flex: 0 0 auto } .k-card-deck { display: flex; flex-flow: row nowrap; align-items: stretch; gap: var(--kendo-spacing-4, 1rem); flex: 0 0 auto } .k-card-deck .k-card { flex: 0 0 auto } .k-card-deck-scrollwrap { padding-bottom: 3px; width: 100%; box-sizing: content-box; display: flex; flex: 0 0 auto; align-items: center; position: relative; overflow: hidden } .k-card-deck-scrollwrap > .k-button { border-radius: 0px; 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 { margin-bottom: -20px; padding-bottom: 20px; flex: 1 1 auto } .k-card-group { display: flex; flex-flow: row nowrap; align-items: stretch; flex: 0 0 auto } .k-card-group .k-card { border-radius: 0; flex: 0 0 auto } .k-card-group .k-card + .k-card { -webkit-margin-start: 1px; margin-inline-start: 1px } .k-card-group .k-card.k-first { border-top-left-radius: var(--kendo-border-radius-lg, 0.375rem); border-bottom-left-radius: var(--kendo-border-radius-lg, 0.375rem) } .k-card-group .k-card.k-last { border-top-right-radius: var(--kendo-border-radius-lg, 0.375rem); border-bottom-right-radius: var(--kendo-border-radius-lg, 0.375rem) } .k-card-group .k-card.k-only { border-radius: var(--kendo-border-radius-lg, 0.375rem) } .k-card-with-callout { overflow: visible } .k-card-callout { margin: 0; width: 20px; height: 20px; border-width: 1px; border-style: solid; box-sizing: border-box; position: absolute } .k-card-callout.k-callout-n { top: 0; left: 50%; transform: translate(-50%, -50%) rotate(45deg) } .k-card-callout.k-callout-e { top: 50%; right: 0; transform: translate(50%, -50%) rotate(-45deg) } .k-card-callout.k-callout-s { bottom: 0; left: 50%; transform: translate(-50%, 50%) rotate(45deg) } .k-card-callout.k-callout-w { top: 50%; left: 0; transform: translate(-50%, -50%) rotate(45deg) } .k-card-flat { box-shadow: none } .k-card { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-card .k-card-inner { background-color: inherit; border-color: inherit } .k-card:focus, .k-card.k-focus { border-color: rgba(0,0,0,.15) } .k-card-actions { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-card-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-card-footer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d) } /* need to remove this in theme builder */ /*.k-card-body { border-color: inherit } */ .k-card-separator, .k-card .k-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-card-subtitle { color: var(--kendo-color-subtle, #666666) } .k-card-primary { background-color: var(--kendo-color-primary-subtle, #ffeceb); color: var(--kendo-color-primary-on-subtle, #5c201c); border-color: var(--kendo-color-primary-emphasis, #ff9d97) } .k-card-primary .k-card-subtitle { color: inherit } .k-card-secondary { background-color: var(--kendo-color-secondary-subtle, #fafafa); color: var(--kendo-color-secondary-on-subtle, #141414); border-color: var(--kendo-color-secondary-emphasis, #e0e0e0) } .k-card-secondary .k-card-subtitle { color: inherit } .k-card-tertiary { background-color: var(--kendo-color-tertiary-subtle, #d8f1fd); color: var(--kendo-color-tertiary-on-subtle, #023f5c); border-color: var(--kendo-color-tertiary-emphasis, #61c9f9) } .k-card-tertiary .k-card-subtitle { color: inherit } .k-card-info { background-color: var(--kendo-color-info-subtle, #d2e2fb); color: var(--kendo-color-info-on-subtle, #002259); border-color: var(--kendo-color-info-emphasis, #6098f2) } .k-card-info .k-card-subtitle { color: inherit } .k-card-success { background-color: var(--kendo-color-success-subtle, #dcf0d3); color: var(--kendo-color-success-on-subtle, #1c5a00); border-color: var(--kendo-color-success-emphasis, #81d15f) } .k-card-success .k-card-subtitle { color: inherit } .k-card-warning { background-color: var(--kendo-color-warning-subtle, #fff4d3); color: var(--kendo-color-warning-on-subtle, #5e4700); border-color: var(--kendo-color-warning-emphasis, #ffd760) } .k-card-warning .k-card-subtitle { color: inherit } .k-card-error { background-color: var(--kendo-color-error-subtle, #fcddda); color: var(--kendo-color-error-on-subtle, #7a0c00); border-color: var(--kendo-color-error-emphasis, #f76f60) } .k-card-error .k-card-subtitle { color: inherit } .k-card-dark { background-color: var(--kendo-color-dark-subtle, #c2c2c2); color: var(--kendo-color-dark-on-subtle, #1f1f1f); border-color: var(--kendo-color-dark-emphasis, #666666) } .k-card-dark .k-card-subtitle { color: inherit } .k-card-light { background-color: var(--kendo-color-light-subtle, #fafafa); color: var(--kendo-color-light-on-subtle, #141414); border-color: var(--kendo-color-light-emphasis, #d6d6d6) } .k-card-light .k-card-subtitle { color: inherit } .k-card-inverse { background-color: var(--kendo-color-inverse-subtle, #c2c2c2); color: var(--kendo-color-inverse-on-subtle, #1f1f1f); border-color: var(--kendo-color-inverse-emphasis, #666666) } .k-card-inverse .k-card-subtitle { color: inherit } .k-card-callout { border-color: inherit; background-color: inherit; box-shadow: inherit } .k-popover { border-radius: var(--kendo-border-radius-lg, 0.375rem); padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-flow: column nowrap; z-index: 12000; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-popover *, .k-popover *::before, .k-popover *::after { box-sizing: border-box } .k-popover-inner { height: inherit; position: relative; border-radius: inherit; border-color: inherit } .k-popover-header { border-top-left-radius: var(--kendo-border-radius-lg, 0.375rem); border-top-right-radius: var(--kendo-border-radius-lg, 0.375rem); padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-4, 1rem); border-width: 0 0 1px; border-style: solid; border-color: inherit } .k-popover-body { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem) } .k-popover-actions { border-width: 1px 0 0 } .k-popover-callout { margin: 0; width: 20px; height: 20px; border-width: 1px; border-style: solid; position: absolute } .k-popover-callout.k-callout-n { top: 0; left: 50%; transform: translate(-50%, -50%) rotate(45deg) } .k-popover-callout.k-callout-e { top: 50%; right: 0; transform: translate(50%, -50%) rotate(-45deg) } .k-popover-callout.k-callout-s { bottom: 0; left: 50%; transform: translate(-50%, 50%) rotate(45deg) } .k-popover-callout.k-callout-w { top: 50%; left: 0; transform: translate(-50%, -50%) rotate(45deg) } .k-popover { box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)); border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-popover-inner { background-color: inherit; border-color: inherit } .k-popover-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-popover-callout { border-color: inherit; background-color: inherit; box-shadow: inherit } .k-rpanel-left, .k-rpanel-right { position: fixed; display: block; overflow: auto; min-width: 320px; height: 100%; top: 0 } .k-rpanel-left + *, .k-rpanel-right + * { overflow: auto } .k-rpanel-left.k-rpanel-expanded, .k-rpanel-right.k-rpanel-expanded { transform: translateX(0) translateZ(0) } .k-rpanel-left { transform: translateX(-100%) translateZ(0); left: 0 } .k-rpanel-right { transform: translateX(100%) translateZ(0); right: 0 } .k-rpanel-top { position: static; max-height: 0 } .k-rpanel-top.k-rpanel-expanded { max-height: 568px; overflow: visible !important } .k-rpanel-toggle { touch-action: manipulation } .k-bottom-nav { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); width: 100%; border-width: 0; border-style: solid; border-color: rgba(0,0,0,0); box-sizing: border-box; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height-xs, normal); font-family: var(--kendo-font-family, inherit); letter-spacing: .2px; display: flex; flex-flow: row nowrap; white-space: nowrap; gap: var(--kendo-spacing-1, 0.25rem); overflow: hidden; outline: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-bottom-nav *, .k-bottom-nav *::before, .k-bottom-nav *::after { box-sizing: border-box } .k-bottom-nav-border { border-width: 1px 0px 0px 0px } .k-bottom-nav-shadow { box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-bottom-nav-item { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-2, 0.5rem); min-width: 72px; min-height: calc(40px + var(--kendo-spacing-2, 0.5rem)*2 - var(--kendo-spacing-1, 0.25rem)*2); border-width: 0; border-radius: var(--kendo-border-radius-md, 0.25rem); box-sizing: border-box; font: inherit; display: inline-flex; flex: 1 1 auto; align-items: center; justify-content: center; gap: 0 var(--kendo-spacing-1, 0.25rem); text-decoration: none; cursor: pointer; color: inherit; background-color: inherit; border-color: inherit; outline: none } .k-bottom-nav-item:focus { outline: none } .k-bottom-nav-item:hover { color: inherit; text-decoration: none } .k-bottom-nav-item > .k-bottom-nav-link { margin-block: calc(var(--kendo-spacing-0, 0px)*-1); margin-inline: calc(var(--kendo-spacing-2, 0.5rem)*-1); padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-2, 0.5rem); width: 100%; color: inherit; display: flex; flex-flow: row nowrap; flex: 1 0 auto; align-items: center; justify-content: center; outline: 0 } .k-bottom-nav-item.k-disabled { background-color: initial } .k-bottom-nav-item-text { overflow: hidden; text-overflow: ellipsis; max-width: 100% } .k-bottom-nav-item-flow-horizontal .k-bottom-nav-item { flex-flow: row nowrap } .k-bottom-nav-item-flow-vertical .k-bottom-nav-item { flex-direction: column } .k-bottom-nav.k-pos-fixed { bottom: 0; z-index: 1 } .k-bottom-nav-solid-primary, .k-bottom-nav-solid.k-bottom-nav-primary { color: color-mix(in srgb, var(--kendo-color-on-primary, #ffffff) 65%, transparent); background-color: var(--kendo-color-primary, #0058e9) } .k-bottom-nav-solid-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-primary .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-primary, #ffffff) 12.5%, transparent) } .k-bottom-nav-solid-primary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-primary, #ffffff) } .k-bottom-nav-solid-secondary, .k-bottom-nav-solid.k-bottom-nav-secondary { color: color-mix(in srgb, var(--kendo-color-on-secondary, #ffffff) 65%, transparent); background-color: var(--kendo-color-secondary, #333333) } .k-bottom-nav-solid-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-secondary .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-secondary, #ffffff) 12.5%, transparent) } .k-bottom-nav-solid-secondary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-secondary, #ffffff) } .k-bottom-nav-solid-tertiary, .k-bottom-nav-solid.k-bottom-nav-tertiary { color: color-mix(in srgb, var(--kendo-color-on-tertiary, #ffffff) 65%, transparent); background-color: var(--kendo-color-tertiary, #03a9f4) } .k-bottom-nav-solid-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-tertiary .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-tertiary, #ffffff) 12.5%, transparent) } .k-bottom-nav-solid-tertiary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-tertiary, #ffffff) } .k-bottom-nav-solid-info, .k-bottom-nav-solid.k-bottom-nav-info { color: color-mix(in srgb, var(--kendo-color-on-info, #ffffff) 65%, transparent); background-color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-bottom-nav-solid-info .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-info .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-info, #ffffff) 12.5%, transparent) } .k-bottom-nav-solid-info .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-info, #ffffff) } .k-bottom-nav-solid-success, .k-bottom-nav-solid.k-bottom-nav-success { color: color-mix(in srgb, var(--kendo-color-on-success, #ffffff) 65%, transparent); background-color: var(--kendo-color-success, #0b8250) } .k-bottom-nav-solid-success .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-success .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-success, #ffffff) 12.5%, transparent) } .k-bottom-nav-solid-success .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-success, #ffffff) } .k-bottom-nav-solid-warning, .k-bottom-nav-solid.k-bottom-nav-warning { color: color-mix(in srgb, var(--kendo-color-on-warning, #3d3d3d) 65%, transparent); background-color: var(--kendo-color-warning, #ffbf44) } .k-bottom-nav-solid-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-warning .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-warning, #3d3d3d) 12.5%, transparent) } .k-bottom-nav-solid-warning .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-warning, #3d3d3d) } .k-bottom-nav-solid-error, .k-bottom-nav-solid.k-bottom-nav-error { color: color-mix(in srgb, var(--kendo-color-on-error, #ffffff) 65%, transparent); background-color: var(--kendo-color-error, #e13929) } .k-bottom-nav-solid-error .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-error .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-error, #ffffff) 12.5%, transparent) } .k-bottom-nav-solid-error .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-error, #ffffff) } .k-bottom-nav-solid-dark, .k-bottom-nav-solid.k-bottom-nav-dark { color: color-mix(in srgb, var(--kendo-color-on-dark, #ffffff) 65%, transparent); background-color: var(--kendo-color-dark, #3d3d3d) } .k-bottom-nav-solid-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-dark .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-dark, #ffffff) 12.5%, transparent) } .k-bottom-nav-solid-dark .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-dark, #ffffff) } .k-bottom-nav-solid-light, .k-bottom-nav-solid.k-bottom-nav-light { color: color-mix(in srgb, var(--kendo-color-on-light, #000000) 65%, transparent); background-color: var(--kendo-color-light, #ebebeb) } .k-bottom-nav-solid-light .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-light .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-light, #000000) 12.5%, transparent) } .k-bottom-nav-solid-light .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-light, #000000) } .k-bottom-nav-solid-inverse, .k-bottom-nav-solid.k-bottom-nav-inverse { color: color-mix(in srgb, var(--kendo-color-on-inverse, #ffffff) 65%, transparent); background-color: var(--kendo-color-dark, #3d3d3d) } .k-bottom-nav-solid-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-inverse .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-inverse, #ffffff) 12.5%, transparent) } .k-bottom-nav-solid-inverse .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected { color: var(--kendo-color-on-inverse, #ffffff) } .k-bottom-nav-flat-primary, .k-bottom-nav-flat.k-bottom-nav-primary { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-primary .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 5%, transparent) } .k-bottom-nav-flat-primary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected { color: var(--kendo-color-primary, #0058e9) } .k-bottom-nav-flat-secondary, .k-bottom-nav-flat.k-bottom-nav-secondary { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-secondary .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 5%, transparent) } .k-bottom-nav-flat-secondary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected { color: var(--kendo-color-secondary, #333333) } .k-bottom-nav-flat-tertiary, .k-bottom-nav-flat.k-bottom-nav-tertiary { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-tertiary .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 5%, transparent) } .k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected { color: var(--kendo-color-tertiary, #03a9f4) } .k-bottom-nav-flat-info, .k-bottom-nav-flat.k-bottom-nav-info { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-info .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-info .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 5%, transparent) } .k-bottom-nav-flat-info .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected { color: var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) } .k-bottom-nav-flat-success, .k-bottom-nav-flat.k-bottom-nav-success { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-success .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-success .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 5%, transparent) } .k-bottom-nav-flat-success .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected { color: var(--kendo-color-success, #0b8250) } .k-bottom-nav-flat-warning, .k-bottom-nav-flat.k-bottom-nav-warning { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-warning .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 5%, transparent) } .k-bottom-nav-flat-warning .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected { color: var(--kendo-color-warning, #ffbf44) } .k-bottom-nav-flat-error, .k-bottom-nav-flat.k-bottom-nav-error { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-error .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-error .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 5%, transparent) } .k-bottom-nav-flat-error .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected { color: var(--kendo-color-error, #e13929) } .k-bottom-nav-flat-dark, .k-bottom-nav-flat.k-bottom-nav-dark { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-dark .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 5%, transparent) } .k-bottom-nav-flat-dark .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected { color: var(--kendo-color-dark, #3d3d3d) } .k-bottom-nav-flat-light, .k-bottom-nav-flat.k-bottom-nav-light { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-light .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-light .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 5%, transparent) } .k-bottom-nav-flat-light .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected { color: var(--kendo-color-light, #ebebeb) } .k-bottom-nav-flat-inverse, .k-bottom-nav-flat.k-bottom-nav-inverse { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-bottom-nav-flat-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-inverse .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item:focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 5%, transparent) } .k-bottom-nav-flat-inverse .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected { color: var(--kendo-color-dark, #3d3d3d) } .k-breadcrumb { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); display: flex; flex-direction: row; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-breadcrumb *, .k-breadcrumb *::before, .k-breadcrumb *::after { box-sizing: border-box } .k-breadcrumb-container, .k-breadcrumb-root-item-container { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row nowrap; overflow: hidden } .k-breadcrumb-root-item-container { align-items: flex-start; flex-shrink: 0 } .k-breadcrumb-item { vertical-align: middle; display: inline-flex; flex-direction: row; flex: none; align-items: center; overflow: hidden } .k-breadcrumb-root-item { flex-shrink: 0 } .k-breadcrumb-link, .k-breadcrumb-root-link { border-radius: var(--kendo-border-radius-md, 0.25rem); color: inherit; text-decoration: none; white-space: nowrap; outline: none; cursor: pointer; position: relative; display: inline-flex; align-items: center; align-self: stretch; overflow: hidden; transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out } .k-breadcrumb-link > .k-image, .k-breadcrumb-icontext-link .k-icon { -webkit-margin-end: var(--kendo-spacing-1, 0.25rem); margin-inline-end: var(--kendo-spacing-1, 0.25rem) } .k-breadcrumb-delimiter, .k-breadcrumb-delimiter-icon { color: inherit; opacity: var(--kendo-disabled-opacity, unset) } .k-breadcrumb-input-container { width: 100% } .k-breadcrumb-input-container .k-breadcrumb-input-container { border-color: rgba(0,0,0,0) } .k-breadcrumb-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-breadcrumb-sm .k-breadcrumb-link, .k-breadcrumb-sm .k-breadcrumb-root-link { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-breadcrumb-sm .k-breadcrumb-icon-link { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-1\.5, 0.375rem) } .k-breadcrumb-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-breadcrumb-md .k-breadcrumb-link, .k-breadcrumb-md .k-breadcrumb-root-link { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-breadcrumb-md .k-breadcrumb-icon-link { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-breadcrumb-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-breadcrumb-lg .k-breadcrumb-link, .k-breadcrumb-lg .k-breadcrumb-root-link { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-breadcrumb-lg .k-breadcrumb-icon-link { padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-breadcrumb { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-breadcrumb:focus, .k-breadcrumb.k-focus { box-shadow: 0 0 2px 1px rgba(0,0,0,.06) } .k-breadcrumb-link { color: var(--kendo-color-primary, #0058e9) } .k-breadcrumb-link:hover, .k-breadcrumb-link.k-hover { color: var(--kendo-color-primary-hover, #ea5a51); background-color: var(--kendo-color-surface, #fafafa) } .k-breadcrumb-link:focus, .k-breadcrumb-link.k-focus { color: var(--kendo-color-primary, #0058e9); box-shadow: inset 0 0 0 2px rgba(0,0,0,.13) } .k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-hover { background-color: var(--kendo-color-surface, #fafafa) } .k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.13) } .k-pager { padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); white-space: nowrap; display: flex; flex-wrap: wrap; align-items: center; position: relative; overflow: hidden; cursor: default; flex: 0 0 auto; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-pager *, .k-pager *::before, .k-pager *::after { box-sizing: border-box } .k-pager-responsive { flex-wrap: nowrap } .k-pager-info, .k-pager-sizes, .k-pager-input { display: flex; flex-direction: row; align-items: center } .k-pager-nav { color: inherit; text-align: center; display: inline-flex; align-items: center; justify-content: center; position: relative } .k-pager-nav:hover { z-index: 2 } .k-pager-numbers-wrap { display: flex; flex-direction: row; position: relative } .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown, .k-pager-numbers-wrap select.k-dropdownlist { width: 5em } .k-pager-numbers { display: flex; flex-direction: row } .k-pager-numbers .k-selected { cursor: inherit; z-index: 2 } .k-pager-input { gap: 1ex } .k-pager-input .k-textbox, .k-pager-input .k-numerictextbox { margin-block: 0; width: 5em } .k-pager-sizes { gap: 1ex } .k-pager-sizes .k-input-inner, .k-pager-sizes .k-input-value-text { text-overflow: clip } .k-pager-info { text-align: end; justify-content: flex-end; flex: 1 1 0%; order: 9 } .k-pager-refresh { -webkit-margin-start: auto; margin-inline-start: auto; color: inherit; order: 10 } .k-pager-sm { padding-inline: var(--kendo-spacing-1, 0.25rem); padding-block: var(--kendo-spacing-1, 0.25rem); gap: var(--kendo-spacing-3, 0.75rem) } .k-pager-sm .k-pager-numbers-wrap .k-button { min-width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-0\.5, 0.125rem)*2 + 2px) } .k-pager-sm .k-pager-numbers-wrap .k-pager-input, .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown-list, .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown, .k-pager-sm .k-pager-numbers-wrap > select.k-dropdownlist { -webkit-margin-start: var(--kendo-spacing-3, 0.75rem); margin-inline-start: var(--kendo-spacing-3, 0.75rem); -webkit-margin-end: var(--kendo-spacing-3, 0.75rem); margin-inline-end: var(--kendo-spacing-3, 0.75rem) } .k-pager-sm .k-pager-sizes .k-dropdown-list, .k-pager-sm .k-pager-sizes .k-dropdown, .k-pager-sm .k-pager-sizes .k-dropdownlist, .k-pager-sm .k-pager-sizes > select { width: 5em } .k-pager-md { padding-inline: var(--kendo-spacing-2, 0.5rem); padding-block: var(--kendo-spacing-2, 0.5rem); gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-pager-md .k-pager-numbers-wrap .k-button { min-width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px) } .k-pager-md .k-pager-numbers-wrap .k-pager-input, .k-pager-md .k-pager-numbers-wrap > select.k-dropdown-list, .k-pager-md .k-pager-numbers-wrap > select.k-dropdown, .k-pager-md .k-pager-numbers-wrap > select.k-dropdownlist { -webkit-margin-start: var(--kendo-spacing-3\.5, 0.875rem); margin-inline-start: var(--kendo-spacing-3\.5, 0.875rem); -webkit-margin-end: var(--kendo-spacing-3\.5, 0.875rem); margin-inline-end: var(--kendo-spacing-3\.5, 0.875rem) } .k-pager-md .k-pager-sizes .k-dropdown-list, .k-pager-md .k-pager-sizes .k-dropdown, .k-pager-md .k-pager-sizes .k-dropdownlist, .k-pager-md .k-pager-sizes > select { width: 5em } .k-pager-lg { padding-inline: var(--kendo-spacing-2\.5, 0.625rem); padding-block: var(--kendo-spacing-2\.5, 0.625rem); gap: var(--kendo-spacing-4, 1rem) } .k-pager-lg .k-pager-numbers-wrap .k-button { min-width: calc(var(--kendo-line-height-lg, normal)*1em + var(--kendo-spacing-2, 0.5rem)*2 + 2px) } .k-pager-lg .k-pager-numbers-wrap .k-pager-input, .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown-list, .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown, .k-pager-lg .k-pager-numbers-wrap > select.k-dropdownlist { -webkit-margin-start: var(--kendo-spacing-4, 1rem); margin-inline-start: var(--kendo-spacing-4, 1rem); -webkit-margin-end: var(--kendo-spacing-4, 1rem); margin-inline-end: var(--kendo-spacing-4, 1rem) } .k-pager-lg .k-pager-sizes .k-dropdown-list, .k-pager-lg .k-pager-sizes .k-dropdown, .k-pager-lg .k-pager-sizes .k-dropdownlist, .k-pager-lg .k-pager-sizes > select { width: 5em } .k-pager { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-pager:focus, .k-pager.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.13) } .k-stepper { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); font-family: var(--kendo-font-family, inherit); display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); color: inherit; background: none } .k-stepper *, .k-stepper *::before, .k-stepper *::after { box-sizing: border-box } .k-stepper .k-step-list { margin: 0; padding: 0; list-style: none; display: flex; position: relative; z-index: 1 } .k-stepper .k-step-link { outline: none; color: inherit; text-decoration: none; white-space: nowrap; display: flex; align-items: center; overflow: hidden } .k-stepper .k-step-indicator { border-radius: 50%; margin: 3px; width: 28px; height: 28px; border-width: 1px; border-style: solid; display: flex; align-items: center; justify-content: center; flex: none; position: relative; z-index: 1; overflow: visible; transition-property: color,background-color,border-color; transition-duration: .4s; transition-timing-function: ease-in-out } .k-stepper .k-step-indicator::before { border-radius: 50%; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1 } .k-stepper .k-step-indicator::after { border-radius: 100%; content: ""; border-width: 1px; border-style: solid; border-color: inherit; pointer-events: none; display: none; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; z-index: 2 } .k-stepper .k-step.k-focus .k-step-indicator::after, .k-stepper .k-step-link:focus .k-step-indicator::after { display: block } .k-stepper .k-step-label { max-width: clamp(100%,10em,100%); display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; z-index: 1 } .k-stepper .k-step-label:only-child { border-radius: var(--kendo-border-radius-xxxl, 1rem); padding-block: calc(var(--kendo-spacing-2\.5, 0.625rem)/2); padding-inline: var(--kendo-spacing-3, 0.75rem); border-width: 0 } .k-stepper .k-step-label .k-step-text { max-width: calc(10em - 16px - var(--kendo-spacing-1, 0.25rem)); flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .k-stepper .k-step-label .k-icon { margin-left: var(--kendo-spacing-1, 0.25rem) } .k-stepper .k-step-current .k-step-label { font-weight: bold } .k-stepper .k-step-label-optional { flex-basis: 100%; font-style: italic } .k-stepper .k-step-disabled, .k-stepper .k-step.k-disabled { opacity: 1; pointer-events: none } .k-stepper .k-step-disabled .k-step-link, .k-stepper .k-step.k-disabled .k-step-link { cursor: default } .k-stepper .k-step-disabled .k-step-label-optional, .k-stepper .k-step.k-disabled .k-step-label-optional { color: inherit } .k-stepper .k-progressbar { pointer-events: none; z-index: 0; overflow: visible } .k-stepper .k-progressbar-horizontal { grid-row: 1/-1 } .k-stepper .k-progressbar-vertical { position: absolute } .k-step-list-horizontal { flex-direction: row; grid-row: 1 } .k-step-list-horizontal .k-step { flex: 1 0 auto; text-align: center } .k-step-list-horizontal .k-step-link { margin: auto; max-width: 10em; flex-direction: column } .k-step-list-horizontal .k-step-label { text-align: center } .k-step-list-horizontal .k-step-indicator + .k-step-label { margin-top: var(--kendo-spacing-1, 0.25rem) } .k-step-list-horizontal ~ .k-progressbar { width: 100%; height: 2px; top: 17px } .k-step-list-vertical { flex-direction: column } .k-step-list-vertical .k-step { min-height: 54px } .k-step-list-vertical .k-step-label { justify-content: flex-start } .k-step-list-vertical .k-step-indicator + .k-step-label { margin-left: var(--kendo-spacing-3, 0.75rem) } .k-step-list-vertical ~ .k-progressbar { width: 2px; height: 100%; min-height: 20px; left: 17px } .k-step-list-vertical .k-step-content { height: 0; overflow: hidden; transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } .k-step-list-vertical .k-step-current .k-step-content { height: auto; overflow: visible; display: flex; flex-direction: column; justify-content: space-between; margin-left: 30px; padding-block: var(--kendo-spacing-5, 1.25rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem) } .k-rtl .k-stepper, .k-stepper[dir=rtl] { direction: rtl } .k-rtl .k-stepper .k-step-label .k-icon, .k-stepper[dir=rtl] .k-step-label .k-icon { margin-left: 0; margin-right: var(--kendo-spacing-1, 0.25rem) } .k-rtl .k-stepper .k-step-list-vertical .k-step-indicator + .k-step-label, .k-stepper[dir=rtl] .k-step-list-vertical .k-step-indicator + .k-step-label { margin-left: 0; margin-right: var(--kendo-spacing-3, 0.75rem) } .k-rtl .k-stepper .k-step-list-vertical ~ .k-progressbar, .k-stepper[dir=rtl] .k-step-list-vertical ~ .k-progressbar { left: auto; right: 17px } .k-stepper { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-stepper .k-step:hover .k-step-label, .k-stepper .k-step.k-hover .k-step-label, .k-stepper .k-step.k-step-hover .k-step-label { color: var(--kendo-color-on-base, #3d3d3d) } .k-stepper .k-step:hover .k-step-indicator, .k-stepper .k-step.k-hover .k-step-indicator, .k-stepper .k-step.k-step-hover .k-step-indicator { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-stepper .k-step.k-focus .k-step-label:only-child, .k-stepper .k-step .k-step-link:focus .k-step-label:only-child { box-shadow: inset 0 0 0 2px var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-stepper .k-step.k-step-disabled .k-step-indicator, .k-stepper .k-step.k-disabled .k-step-indicator, .k-stepper .k-step:disabled .k-step-indicator { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 60%, transparent); background-color: var(--kendo-color-app-surface, #ffffff) } .k-stepper .k-step.k-step-disabled .k-step-label, .k-stepper .k-step.k-disabled .k-step-label, .k-stepper .k-step:disabled .k-step-label { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 60%, transparent) } .k-stepper .k-step-indicator { border-color: #ccc; color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-stepper .k-step-indicator::after { box-shadow: inset 0 0 0 2px var(--kendo-color-surface-alt, #ffffff) } .k-stepper .k-step-label:only-child { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-stepper .k-step-done .k-step-indicator { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-stepper .k-step-done:hover .k-step-indicator, .k-stepper .k-step-done.k-hover .k-step-indicator, .k-stepper .k-step-done.k-step-hover .k-step-indicator { background-color: var(--kendo-color-primary-hover, #ea5a51) } .k-stepper .k-step-done.k-step-disabled .k-step-indicator, .k-stepper .k-step-done.k-disabled .k-step-indicator, .k-stepper .k-step-done:disabled .k-step-indicator { border-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 60%, transparent); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-app-surface, #ffffff) } .k-stepper .k-step-done.k-step-disabled .k-step-indicator::before, .k-stepper .k-step-done.k-disabled .k-step-indicator::before, .k-stepper .k-step-done:disabled .k-step-indicator::before { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 60%, transparent) } .k-stepper .k-step-current .k-step-indicator { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-stepper .k-step-current:hover .k-step-indicator, .k-stepper .k-step-current.k-hover .k-step-indicator, .k-stepper .k-step-current.k-step-hover .k-step-indicator { background-color: var(--kendo-color-primary-hover, #ea5a51) } .k-stepper .k-step-current.k-step-disabled .k-step-indicator, .k-stepper .k-step-current.k-disabled .k-step-indicator, .k-stepper .k-step-current:disabled .k-step-indicator { border-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 60%, transparent); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-app-surface, #ffffff) } .k-stepper .k-step-current.k-step-disabled .k-step-indicator::before, .k-stepper .k-step-current.k-disabled .k-step-indicator::before, .k-stepper .k-step-current:disabled .k-step-indicator::before { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 60%, transparent) } .k-stepper .k-step-success .k-step-label .k-icon { color: var(--kendo-color-success, #0b8250) } .k-stepper .k-step-error .k-step-label { color: var(--kendo-color-error, #e13929) } .k-stepper .k-step-error:hover .k-step-label, .k-stepper .k-step-error.k-hover .k-step-label, .k-stepper .k-step-error.k-step-hover .k-step-label { color: var(--kendo-color-error, #e13929) } .k-stepper .k-step-label-optional { color: var(--kendo-color-subtle, #666666) } .k-tabstrip-wrapper { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-0, 0px); box-sizing: border-box; border-width: 0px; border-style: solid; display: flex; flex-direction: column; position: relative } .k-tabstrip { border-width: 0; border-color: rgba(0,0,0,0); box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); color: inherit; background-color: rgba(0,0,0,0); display: flex; flex-flow: column nowrap; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-tabstrip-wrapper > .k-tabstrip { flex: 1 1 auto } .k-tabstrip-items-wrapper { box-sizing: border-box; border-width: 0; border-style: solid; border-color: inherit; position: relative; flex-shrink: 0 } .k-tabstrip-items { box-sizing: border-box; outline: 0; display: flex; flex-direction: inherit; flex-wrap: wrap; flex: 1 1 auto; gap: var(--kendo-spacing-0, 0px) } .k-tabstrip-items *, .k-tabstrip-items *::before, .k-tabstrip-items *::after { box-sizing: border-box } .k-tabstrip-items .k-item { margin: 0; padding: 0; border: 1px solid rgba(0,0,0,0); position: relative; flex-shrink: 0; display: flex; flex-direction: row; align-items: stretch; justify-items: stretch; outline: 0 } .k-tabstrip-items .k-item-actions { margin: 0; padding: 0; display: flex; flex-direction: row } .k-tabstrip-items .k-link { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-3, 0.75rem); color: inherit; cursor: pointer; display: inline-flex; vertical-align: middle; flex: 1 1 auto; flex-direction: row; align-content: center; align-items: center; gap: var(--kendo-spacing-1, 0.25rem) } .k-tabstrip-content, .k-tabstrip > .k-content { margin: 0 !important; padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem); box-sizing: border-box; border-width: 1px; border-style: solid; border-color: inherit; display: none; overflow: auto; flex: 1 1 auto; position: relative } .k-tabstrip-content.k-active, .k-tabstrip > .k-content.k-active { display: block } .k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus { outline-width: 1px; outline-style: dotted; outline-offset: -1px } .k-tabstrip-items .k-loading { width: 20%; height: 0; border: 0; border-top: 1px solid rgba(0,0,0,0); border-color: inherit; background: none; position: absolute; top: 0; left: 0; transition: width .2s linear; display: none } .k-tabstrip-items .k-loading.k-complete { width: 100%; border-top-width: 0 } .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items { flex-wrap: nowrap; white-space: nowrap; overflow: hidden } .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items.k-tabstrip-items-scroll { scrollbar-width: none } .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items.k-tabstrip-items-scroll::-webkit-scrollbar { display: none } .k-tabstrip-scrollable.k-tabstrip-top .k-tabstrip-items.k-tabstrip-items-scroll, .k-tabstrip-scrollable.k-tabstrip-bottom .k-tabstrip-items.k-tabstrip-items-scroll { overflow-x: auto } .k-tabstrip-scrollable.k-tabstrip-left .k-tabstrip-items.k-tabstrip-items-scroll, .k-tabstrip-scrollable.k-tabstrip-right .k-tabstrip-items.k-tabstrip-items-scroll { overflow-y: auto } .k-tabstrip-scrollable-overlay .k-tabstrip-items-wrapper::before, .k-tabstrip-scrollable-overlay .k-tabstrip-items-wrapper::after { content: ""; position: absolute; z-index: 3 } .k-tabstrip-scrollable-overlay.k-tabstrip-top .k-tabstrip-items-wrapper::before, .k-tabstrip-scrollable-overlay.k-tabstrip-top .k-tabstrip-items-wrapper::after, .k-tabstrip-scrollable-overlay.k-tabstrip-bottom .k-tabstrip-items-wrapper::before, .k-tabstrip-scrollable-overlay.k-tabstrip-bottom .k-tabstrip-items-wrapper::after { height: 100%; aspect-ratio: 1 } .k-tabstrip-scrollable-overlay.k-tabstrip-top .k-tabstrip-items-wrapper::before, .k-tabstrip-scrollable-overlay.k-tabstrip-bottom .k-tabstrip-items-wrapper::before { inset-inline-start: 0 } .k-tabstrip-scrollable-overlay.k-tabstrip-top .k-tabstrip-items-wrapper::after, .k-tabstrip-scrollable-overlay.k-tabstrip-bottom .k-tabstrip-items-wrapper::after { inset-inline-end: 0 } .k-tabstrip-scrollable-overlay.k-tabstrip-left .k-tabstrip-items-wrapper::before, .k-tabstrip-scrollable-overlay.k-tabstrip-left .k-tabstrip-items-wrapper::after, .k-tabstrip-scrollable-overlay.k-tabstrip-right .k-tabstrip-items-wrapper::before, .k-tabstrip-scrollable-overlay.k-tabstrip-right .k-tabstrip-items-wrapper::after { width: 100% } .k-tabstrip-scrollable-overlay.k-tabstrip-left .k-tabstrip-items-wrapper::before, .k-tabstrip-scrollable-overlay.k-tabstrip-right .k-tabstrip-items-wrapper::before { inset-block-start: 0 } .k-tabstrip-scrollable-overlay.k-tabstrip-left .k-tabstrip-items-wrapper::after, .k-tabstrip-scrollable-overlay.k-tabstrip-right .k-tabstrip-items-wrapper::after { inset-block-end: 0 } .k-tabstrip-scrollable-overlay.k-tabstrip-scrollable-start .k-tabstrip-items-wrapper::before { display: none } .k-tabstrip-scrollable-overlay.k-tabstrip-scrollable-end .k-tabstrip-items-wrapper::after { display: none } .k-tabstrip-horizontal, .k-tabstrip-bottom > .k-tabstrip-items-wrapper, .k-tabstrip-top > .k-tabstrip-items-wrapper { flex-direction: row } .k-tabstrip-vertical, .k-tabstrip-right > .k-tabstrip-items-wrapper, .k-tabstrip-left > .k-tabstrip-items-wrapper { flex-direction: column } .k-tabstrip-top > .k-tabstrip-items-wrapper { border-bottom-width: 1px } .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item { border-top-left-radius: var(--kendo-border-radius-md, 0.25rem); border-top-right-radius: var(--kendo-border-radius-md, 0.25rem); border-bottom-width: 0 } .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item .k-link { justify-content: center } .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active { margin-bottom: -1px; border-bottom-width: 1px; border-bottom-color: rgba(0,0,0,0) !important } .k-tabstrip-top > .k-content, .k-tabstrip-top > .k-tabstrip-content { border-bottom-right-radius: var(--kendo-border-radius-md, 0.25rem); border-bottom-left-radius: var(--kendo-border-radius-md, 0.25rem); border-top-width: 0 !important } .k-tabstrip-bottom > .k-tabstrip-items-wrapper { border-top-width: 1px } .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item { border-bottom-right-radius: var(--kendo-border-radius-md, 0.25rem); border-bottom-left-radius: var(--kendo-border-radius-md, 0.25rem); border-top-width: 0 } .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item .k-link { justify-content: center } .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-active { margin-top: -1px; border-top-width: 1px; border-top-color: rgba(0,0,0,0) !important } .k-tabstrip-bottom > .k-content, .k-tabstrip-bottom > .k-tabstrip-content { border-top-left-radius: var(--kendo-border-radius-md, 0.25rem); border-top-right-radius: var(--kendo-border-radius-md, 0.25rem); border-bottom-width: 0 !important } .k-tabstrip-left { flex-direction: row } .k-tabstrip-left > .k-tabstrip-items-wrapper { border-right-width: 1px } .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item { border-top-left-radius: var(--kendo-border-radius-md, 0.25rem); border-bottom-left-radius: var(--kendo-border-radius-md, 0.25rem); border-right-width: 0 } .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active { margin-right: -1px; border-right-width: 1px; border-right-color: rgba(0,0,0,0) !important } .k-tabstrip-left > .k-content, .k-tabstrip-left > .k-tabstrip-content { border-top-right-radius: var(--kendo-border-radius-md, 0.25rem); border-bottom-right-radius: var(--kendo-border-radius-md, 0.25rem); border-left-width: 0 !important } .k-tabstrip-right { flex-direction: row-reverse } .k-tabstrip-right > .k-tabstrip-items-wrapper { border-left-width: 1px } .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item { border-top-right-radius: var(--kendo-border-radius-md, 0.25rem); border-bottom-right-radius: var(--kendo-border-radius-md, 0.25rem); border-left-width: 0 } .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-active { margin-left: -1px; border-left-width: 1px; border-left-color: rgba(0,0,0,0) !important } .k-tabstrip-right > .k-content, .k-tabstrip-right > .k-tabstrip-content { border-top-left-radius: var(--kendo-border-radius-md, 0.25rem); border-bottom-left-radius: var(--kendo-border-radius-md, 0.25rem); border-right-width: 0 } .k-tabstrip-items-start { justify-content: flex-start } .k-tabstrip-items-center { justify-content: center } .k-tabstrip-items-end { justify-content: flex-end } .k-tabstrip-items-justify { justify-content: space-between } .k-tabstrip-items-stretched > * { flex: 1 0 0 } .k-rtl .k-tabstrip.k-tabstrip-left > .k-tabstrip-items-wrapper, .k-rtl .k-tabstrip.k-tabstrip-right > .k-tabstrip-items-wrapper, .k-tabstrip[dir=rtl].k-tabstrip-left > .k-tabstrip-items-wrapper, .k-tabstrip[dir=rtl].k-tabstrip-right > .k-tabstrip-items-wrapper { order: 1 } .k-rtl .k-tabstrip.k-tabstrip-left > .k-content, .k-rtl .k-tabstrip.k-tabstrip-right > .k-content, .k-tabstrip[dir=rtl].k-tabstrip-left > .k-content, .k-tabstrip[dir=rtl].k-tabstrip-right > .k-content { order: 0 } .k-rtl .k-tabstrip.k-tabstrip-left > .k-tabstrip-content, .k-rtl .k-tabstrip.k-tabstrip-right > .k-tabstrip-content, .k-tabstrip[dir=rtl].k-tabstrip-left > .k-tabstrip-content, .k-tabstrip[dir=rtl].k-tabstrip-right > .k-tabstrip-content { order: 0 } .k-tabstrip-sm .k-tabstrip-items .k-link { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } :is(.k-tabstrip-sm.k-tabstrip-left,.k-tabstrip-sm.k-tabstrip-right):is(.k-tabstrip-scrollable-overlay) :is(.k-tabstrip-items-wrapper)::before, :is(.k-tabstrip-sm.k-tabstrip-left,.k-tabstrip-sm.k-tabstrip-right):is(.k-tabstrip-scrollable-overlay) :is(.k-tabstrip-items-wrapper)::after { height: calc(var(--kendo-line-height, normal)*1em + 2px + var(--kendo-spacing-1, 0.25rem)*2) } .k-tabstrip-md .k-tabstrip-items .k-link { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } :is(.k-tabstrip-md.k-tabstrip-left,.k-tabstrip-md.k-tabstrip-right):is(.k-tabstrip-scrollable-overlay) :is(.k-tabstrip-items-wrapper)::before, :is(.k-tabstrip-md.k-tabstrip-left,.k-tabstrip-md.k-tabstrip-right):is(.k-tabstrip-scrollable-overlay) :is(.k-tabstrip-items-wrapper)::after { height: calc(var(--kendo-line-height, normal)*1em + 2px + var(--kendo-spacing-1\.5, 0.375rem)*2) } .k-tabstrip-lg .k-tabstrip-items .k-link { font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal); padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } :is(.k-tabstrip-lg.k-tabstrip-left,.k-tabstrip-lg.k-tabstrip-right):is(.k-tabstrip-scrollable-overlay) :is(.k-tabstrip-items-wrapper)::before, :is(.k-tabstrip-lg.k-tabstrip-left,.k-tabstrip-lg.k-tabstrip-right):is(.k-tabstrip-scrollable-overlay) :is(.k-tabstrip-items-wrapper)::after { height: calc(var(--kendo-line-height-lg, normal)*1em + 2px + var(--kendo-spacing-2\.5, 0.625rem)*2) } .k-tabstrip-items-wrapper { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-tabstrip-items-wrapper .k-item { color: var(--kendo-color-subtle, #666666) } .k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-hover { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-primary, #0058e9); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-tabstrip-content, .k-tabstrip > .k-content { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus { outline-color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-tabstrip-scrollable-overlay.k-tabstrip-top .k-tabstrip-items-wrapper::before, .k-tabstrip-scrollable-overlay.k-tabstrip-bottom .k-tabstrip-items-wrapper::before { background: linear-gradient(90deg, var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } .k-tabstrip-scrollable-overlay.k-tabstrip-top .k-tabstrip-items-wrapper::after, .k-tabstrip-scrollable-overlay.k-tabstrip-bottom .k-tabstrip-items-wrapper::after { background: linear-gradient(270deg, var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } .k-tabstrip-scrollable-overlay.k-tabstrip-left .k-tabstrip-items-wrapper::before, .k-tabstrip-scrollable-overlay.k-tabstrip-right .k-tabstrip-items-wrapper::before { background: linear-gradient(180deg, var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } .k-tabstrip-scrollable-overlay.k-tabstrip-left .k-tabstrip-items-wrapper::after, .k-tabstrip-scrollable-overlay.k-tabstrip-right .k-tabstrip-items-wrapper::after { background: linear-gradient(360deg, var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } :is(.k-rtl .k-tabstrip-scrollable-overlay,[dir=rtl] .k-tabstrip-scrollable-overlay,.k-tabstrip-scrollable-overlay.k-rtl,.k-tabstrip-scrollable-overlay[dir=rtl]).k-tabstrip-top .k-tabstrip-items-wrapper::before, :is(.k-rtl .k-tabstrip-scrollable-overlay,[dir=rtl] .k-tabstrip-scrollable-overlay,.k-tabstrip-scrollable-overlay.k-rtl,.k-tabstrip-scrollable-overlay[dir=rtl]).k-tabstrip-bottom .k-tabstrip-items-wrapper::before { background: linear-gradient(270deg, var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } :is(.k-rtl .k-tabstrip-scrollable-overlay,[dir=rtl] .k-tabstrip-scrollable-overlay,.k-tabstrip-scrollable-overlay.k-rtl,.k-tabstrip-scrollable-overlay[dir=rtl]).k-tabstrip-top .k-tabstrip-items-wrapper::after, :is(.k-rtl .k-tabstrip-scrollable-overlay,[dir=rtl] .k-tabstrip-scrollable-overlay,.k-tabstrip-scrollable-overlay.k-rtl,.k-tabstrip-scrollable-overlay[dir=rtl]).k-tabstrip-bottom .k-tabstrip-items-wrapper::after { background: linear-gradient(90deg, var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) } .k-wizard { padding-block: calc(var(--kendo-spacing-2, 0.5rem)*2.5); padding-inline: calc(var(--kendo-spacing-2, 0.5rem)*2.5); border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); font-family: var(--kendo-font-family, inherit); position: relative; color: inherit; background: none; display: flex; align-items: stretch; overflow: hidden } .k-wizard .k-wizard-steps { box-sizing: border-box; display: flex; overflow: hidden } .k-wizard .k-wizard-step { box-sizing: border-box; padding: calc(var(--kendo-spacing-2, 0.5rem)*4/4 + 2px); width: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between } .k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-focus { outline-width: 1px; outline-style: dotted; outline-offset: -1px } .k-wizard .k-wizard-content { box-sizing: border-box; overflow-y: auto } .k-wizard .k-wizard-buttons { margin-top: calc(var(--kendo-spacing-1, 0.25rem)*8); box-sizing: border-box; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; flex-shrink: 0 } .k-wizard .k-wizard-buttons .k-button { margin-right: var(--kendo-spacing-2\.5, 0.625rem) } .k-wizard .k-wizard-buttons .k-wizard-pager { vertical-align: middle } .k-wizard .k-wizard-buttons-right .k-button:last-of-type { margin-right: 0 } .k-wizard .k-stepper .k-step-list-vertical .k-step { flex: 1 0 auto } .k-wizard .k-stepper .k-step-indicator { flex-shrink: 0 } .k-wizard-horizontal { flex-direction: column } .k-wizard-horizontal .k-wizard-steps { margin-top: calc(var(--kendo-spacing-1, 0.25rem)*8) } .k-wizard-horizontal .k-wizard-steps, .k-wizard-horizontal .k-wizard-content { flex: 1 1 auto } .k-wizard-vertical .k-wizard-steps { margin-left: calc(var(--kendo-spacing-2, 0.5rem)*4); flex: 1 0 0% } .k-wizard-vertical .k-wizard-content { flex: 1 1 0% } .k-wizard-left { flex-direction: row-reverse } .k-wizard-left .k-wizard-steps { margin-right: calc(var(--kendo-spacing-2, 0.5rem)*4); margin-left: 0 } .k-wizard-step:focus, .k-wizard-step.k-focus { outline-color: #656565 } .k-expander { border-width: 1px; border-style: solid; box-sizing: border-box; overflow: hidden; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-expander *, .k-expander *::before, .k-expander *::after { box-sizing: border-box } .k-rtl .k-expander .k-expander-indicator, .k-expander.k-rtl .k-expander-indicator, .k-expander[dir=rtl] .k-expander-indicator { margin-left: 0; margin-right: var(--kendo-spacing-3, 0.75rem) } .k-expander-header { padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-4, 1rem); display: flex; justify-content: space-between; align-items: center; cursor: pointer } .k-expander-spacer { flex: 1 1 auto } .k-expander-title { text-transform: uppercase; font-weight: 500 } .k-expander-indicator { margin-left: var(--kendo-spacing-3, 0.75rem); display: flex; justify-content: center; align-items: center } .k-expander-content { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem) } .k-expander + .k-expander.k-expanded, .k-expander.k-expanded + .k-expander { margin-top: var(--kendo-spacing-2, 0.5rem) } .k-expander:not(.k-expanded) + .k-expander:not(.k-expanded) { border-top-width: 0 } .k-expander { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-expander.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-expander-header { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: rgba(0,0,0,0); outline: none } .k-expander-header:hover, .k-expander-header.k-hover { background-color: rgba(0,0,0,.04) } .k-expander-header.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-expander-title { color: var(--kendo-color-primary, #0058e9) } .k-expander-sub-title { color: var(--kendo-color-subtle, #666666) } .k-block, .k-panel { border-radius: var(--kendo-border-radius-md, 0.25rem); padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box } .k-block > .k-header, .k-panel > .k-header { border-top-left-radius: var(--kendo-border-radius-md, 0.25rem); border-top-right-radius: var(--kendo-border-radius-md, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); padding-block: var(--kendo-spacing-1, 0.25rem) } .k-block > .k-content, .k-panel > .k-content { padding-inline: var(--kendo-spacing-2, 0.5rem); padding-block: var(--kendo-spacing-1, 0.25rem) } .k-block, .k-panel { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-block > .k-header, .k-panel > .k-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } :where(.k-content) { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-panelbar { margin: 0; padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); list-style: none; display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-panelbar *, .k-panelbar *::before, .k-panelbar *::after { box-sizing: border-box } .k-panelbar > .k-panelbar-header { border-width: 0; border-style: solid; border-color: inherit; display: block } .k-panelbar > .k-panelbar-header > .k-link { padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-4, 1rem); color: inherit; background: none; text-decoration: none; font-weight: 500; display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-1, 0.25rem); align-items: center; align-content: center; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: default; transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out } .k-panelbar > .k-panelbar-header + .k-panelbar-header { border-top-width: 1px } .k-panelbar .k-panelbar-group { margin: 0; padding: 0; border-width: 0; border-color: inherit; color: inherit; background-color: rgba(0,0,0,0); list-style: none } .k-panelbar .k-panelbar-group > .k-panelbar-item { display: block } .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); color: inherit; text-decoration: none; display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-1, 0.25rem); align-items: center; align-content: center; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: default; transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out } .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link { padding-left: calc(var(--kendo-spacing-4, 1rem)*1) } .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link { padding-left: calc(var(--kendo-spacing-4, 1rem)*2) } .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link { padding-left: calc(var(--kendo-spacing-4, 1rem)*3) } .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link { padding-left: calc(var(--kendo-spacing-4, 1rem)*4) } .k-panelbar .k-panelbar-item { outline-style: none } .k-panelbar .k-panelbar-content { display: flow-root } .k-panelbar .k-panelbar-expand, .k-panelbar .k-panelbar-collapse, .k-panelbar .k-panelbar-toggle { -webkit-margin-start: auto; margin-inline-start: auto } .k-panelbar .k-panelbar-group .k-panelbar-expand, .k-panelbar .k-panelbar-group .k-panelbar-collapse, .k-panelbar .k-panelbar-group .k-panelbar-toggle { -webkit-margin-end: calc(var(--kendo-spacing-4, 1rem) - var(--kendo-spacing-4, 1rem)); margin-inline-end: calc(var(--kendo-spacing-4, 1rem) - var(--kendo-spacing-4, 1rem)) } .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar [dir=rtl] .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link { padding-left: var(--kendo-spacing-4, 1rem); padding-right: calc(var(--kendo-spacing-4, 1rem)*1) } .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar [dir=rtl] .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link { padding-left: var(--kendo-spacing-4, 1rem); padding-right: calc(var(--kendo-spacing-4, 1rem)*2) } .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar [dir=rtl] .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link { padding-left: var(--kendo-spacing-4, 1rem); padding-right: calc(var(--kendo-spacing-4, 1rem)*3) } .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar [dir=rtl] .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link { padding-left: var(--kendo-spacing-4, 1rem); padding-right: calc(var(--kendo-spacing-4, 1rem)*4) } .k-panelbar { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-panelbar > .k-panelbar-header > .k-link { color: var(--kendo-color-primary, #0058e9); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-panelbar > .k-panelbar-header > .k-link .k-icon, .k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-panelbar > .k-panelbar-header > .k-link:hover, .k-panelbar > .k-panelbar-header > .k-link.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-panelbar > .k-panelbar-header > .k-link:focus, .k-panelbar > .k-panelbar-header > .k-link.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-panelbar > .k-panelbar-header > .k-link.k-selected { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-icon, .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon { color: inherit } .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover { background-color: var(--kendo-color-primary-hover, #ea5a51) } .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover { background-color: var(--kendo-color-primary-hover, #ea5a51) } .k-splitter { height: 300px; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-splitter .k-pane { overflow: hidden; box-sizing: border-box } .k-splitter .k-scrollable { overflow: auto } .k-splitter .k-splitter-resizing { overflow: hidden } .k-splitter .k-pane-loading { position: static; top: 50%; left: 50% } .k-ghost-splitbar, .k-splitbar { border-style: solid; outline: 0; position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: none; display: flex; align-items: center; justify-content: center } .k-ghost-splitbar .k-collapse-prev, .k-ghost-splitbar .k-collapse-next, .k-splitbar .k-collapse-prev, .k-splitbar .k-collapse-next { cursor: pointer; padding: var(--kendo-spacing-0\.5, 0.125rem) } .k-splitbar-draggable-horizontal { cursor: col-resize } .k-splitbar-draggable-vertical { cursor: row-resize } .k-ghost-splitbar-horizontal, .k-splitbar-horizontal { width: var(--kendo-spacing-3, 0.75rem); border-width: 0; background-repeat: repeat-y; flex-direction: column; top: 0 } .k-ghost-splitbar-vertical, .k-splitbar-vertical { height: var(--kendo-spacing-3, 0.75rem); border-width: 0; background-repeat: repeat-x; flex-direction: row; left: 0 } .k-splitbar-static-horizontal { width: 1px } .k-splitbar-static-vertical { height: 1px } .k-splitbar-draggable-horizontal .k-resize-handle { width: 2px; height: 20px; position: static; z-index: 1 } .k-splitbar .k-resize-handle { display: none; background-color: currentColor } .k-splitbar-draggable-horizontal .k-resize-handle, .k-splitbar-draggable-vertical .k-resize-handle { display: block } .k-splitbar-horizontal .k-collapse-prev { margin-bottom: var(--kendo-spacing-2, 0.5rem) } .k-splitbar-horizontal .k-collapse-next { margin-top: var(--kendo-spacing-2, 0.5rem) } .k-splitbar-vertical .k-collapse-prev { margin-right: var(--kendo-spacing-2, 0.5rem) } .k-splitbar-vertical .k-collapse-next { margin-left: var(--kendo-spacing-2, 0.5rem) } .k-splitbar-draggable-vertical .k-resize-handle { width: 20px; height: 2px; position: static; z-index: 1 } .k-pane > .k-splitter { border-width: 0; overflow: hidden } .k-pane > .k-splitter-overlay { opacity: 0; position: absolute } .k-splitter-flex { display: flex; width: 100%; height: auto } .k-splitter-flex .k-pane { position: relative; flex: 1 1 auto; min-width: 0; max-width: 100%; min-height: 0; max-height: 100%; height: 100% } .k-splitter-flex .k-pane-static { flex-grow: 0; flex-shrink: 0 } .k-splitter-flex .k-pane-flex { display: flex } .k-splitter-flex .k-splitbar { position: static; flex: 0 0 auto } .k-splitter-flex .k-pane.k-hidden, .k-splitter-flex .k-pane[hidden], .k-splitter-flex .k-pane-flex.k-hidden, .k-splitter-flex .k-pane-flex[hidden] { flex: 0 1 0% !important; overflow: hidden !important; display: block !important } .k-splitter-flex.k-splitter-horizontal { flex-direction: row } .k-splitter-flex.k-splitter-vertical { flex-direction: column } .k-splitter { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-splitbar { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-splitbar:hover, .k-splitbar.k-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-splitbar:focus, .k-splitbar.k-focus { color: var(--kendo-color-on-primary, #ffffff); background: var(--kendo-color-primary, #0058e9) } .k-ghost-splitbar { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-tilelayout { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; display: grid; position: relative; padding: var(--kendo-spacing-4, 1rem) var(--kendo-spacing-4, 1rem); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-tilelayout .k-card { box-shadow: none; border-width: 1px } .k-tilelayout-item { position: relative; z-index: 0 } .k-layout-item-hint { border-radius: var(--kendo-border-radius-lg, 0.375rem); border-width: 1px; border-style: solid; position: relative } .k-layout-item-hint.k-layout-item-hint-resize { z-index: 3 } .k-tilelayout-item-header.k-card-header { z-index: 0 } .k-tilelayout-item-body { min-height: 0 } .k-tilelayout { background-color: var(--kendo-color-surface, #fafafa) } .k-layout-item-hint { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: hsla(0,0%,100%,.2) } .k-dock-manager { width: 100%; height: 100%; border-width: 1px; border-style: solid; position: relative; display: flex; flex-flow: row nowrap; overflow: auto; box-sizing: border-box } .k-dock-manager-toolbar { border-width: 0 1px 0 0; border-color: inherit; flex-shrink: 0; writing-mode: vertical-lr; box-shadow: none } .k-dock-manager-toolbar::before { height: 0 } .k-dock-manager-toolbar .k-separator-horizontal { width: 1.4285714286em; height: 0; border-width: 1px 0 0 } .k-dock-manager-pane-container { width: 100%; height: 100%; display: flex; flex-grow: 1; overflow: hidden } .k-dock-manager-splitter, .k-dock-manager-unpinned-container { height: 100%; border-width: 0; align-items: stretch } .k-dock-manager-splitter > .k-pane, .k-dock-manager-unpinned-container > .k-pane { height: auto; flex-direction: column; border-color: inherit } .k-dock-manager-splitter .k-pane-header, .k-dock-manager-unpinned-container .k-pane-header { display: flex; align-items: center; justify-content: center; padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); border-block-end-width: 1px; border-block-end-style: solid; border-color: inherit } .k-dock-manager-splitter .k-pane-title, .k-dock-manager-unpinned-container .k-pane-title { font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-sm, normal); font-weight: var(--kendo-font-weight-normal, normal); flex: 1 1 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .k-dock-manager-splitter .k-pane-scrollable, .k-dock-manager-unpinned-container .k-pane-scrollable { height: 100%; display: flex; flex-direction: column; border-color: inherit } .k-dock-manager-splitter .k-pane-content, .k-dock-manager-unpinned-container .k-pane-content { height: 100%; padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem); overflow: auto; flex: 1 } .k-dock-manager-splitter .k-pane-actions, .k-dock-manager-unpinned-container .k-pane-actions { display: flex; flex-flow: row nowrap; align-items: center; justify-content: center } .k-dock-manager-splitter .k-pane-tabbed, .k-dock-manager-unpinned-container .k-pane-tabbed { -webkit-padding-before: var(--kendo-spacing-3\.5, 0.875rem); padding-block-start: var(--kendo-spacing-3\.5, 0.875rem); -webkit-padding-after: var(--kendo-spacing-2, 0.5rem); padding-block-end: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-dock-manager-splitter .k-splitbar, .k-dock-manager-unpinned-container .k-splitbar { border-width: 0 1px; border-style: solid; border-color: inherit } .k-dock-manager-splitter .k-splitbar-vertical, .k-dock-manager-unpinned-container .k-splitbar-vertical { border-width: 1px 0 } .k-dock-manager-unpinned-container { width: 300px; position: absolute; display: flex; height: 100%; border-color: inherit; z-index: 20 } .k-dock-manager-unpinned-container .k-pane { display: inline-flex; flex-direction: column; position: relative; flex: 1 1 auto; width: 100% } .k-dock-manager-unpinned-container .k-splitbar { height: 100%; position: relative; flex: none } .k-docking-preview { width: 100%; height: 100%; box-sizing: border-box; display: flex; position: absolute; top: 0; left: 0; border-width: 1px; border-style: dashed; border-radius: var(--kendo-border-radius-sm, 0.125rem); z-index: 10 } .k-dock-manager-window:has(.k-pane) .k-window-content { padding: 0 } .k-dock-navigator-container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; position: absolute; z-index: 10001; pointer-events: none } .k-dock-navigator { display: grid; grid-template-columns: repeat(3, auto); grid-template-rows: repeat(3, auto); justify-content: center; position: absolute } .k-dock-indicator { padding: var(--kendo-spacing-1\.5, 0.375rem); display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; position: relative; pointer-events: all; outline-width: 1px; outline-style: solid } .k-dock-indicator.k-dock-indicator-middle { filter: none } .k-dock-indicator-top { grid-area: 1/2/auto } .k-dock-indicator-right { grid-area: 2/3/auto } .k-dock-indicator-bottom { grid-area: 3/2/auto } .k-dock-indicator-left { grid-area: 2/1/auto } .k-dock-indicator-middle { grid-area: 2/2/auto } .k-dock-manager { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-dock-manager-splitter .k-pane-header, .k-dock-manager-unpinned-container .k-pane-header { background-color: var(--kendo-color-surface, #fafafa) } .k-dock-manager-unpinned-container { background-color: #fff; box-shadow: 4px 0px 5px 0px rgba(0,0,0,.04),2px 0px 4px 0px rgba(0,0,0,.03) } .k-docking-preview { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 16%, transparent); border-color: var(--kendo-color-primary, #0058e9) } .k-dock-indicator { color: var(--kendo-color-primary, #0058e9); background-color: #f5f5f5; outline-color: var(--kendo-color-primary, #0058e9); filter: drop-shadow(0px 1px 18px rgba(0, 0, 0, 0.12)) drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.14)) drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2)) } .k-dock-indicator:hover, .k-dock-indicator.k-hover { background-color: var(--kendo-color-primary, #0058e9); color: #fff } .k-barcode { display: inline-block } .k-barcode > div { height: 150px } .k-chart, .k-sparkline, .k-stockchart { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-chart, .k-stockchart { display: block; height: 400px } .k-chart-surface { height: 100% } .k-chart .k-popup { border-width: 0 } .k-chart-tooltip-wrapper .k-animation-container-shown, .k-chart-tooltip-wrapper.k-animation-container-shown { border-radius: var(--kendo-border-radius-md, 0.25rem); transition: left 300ms cubic-bezier(0, 0.33, 0.19, 1),top 300ms cubic-bezier(0, 0.33, 0.19, 1) } .k-sparkline-tooltip-wrapper, .k-chart-tooltip-wrapper { z-index: 12000 } .k-sparkline-tooltip-wrapper .k-popup, .k-chart-tooltip-wrapper .k-popup { border-radius: var(--kendo-border-radius-md, 0.25rem); padding: 0; border-width: 0; background: rgba(0,0,0,0) } .k-chart-tooltip table { border-spacing: 0; border-collapse: collapse } .k-chart-tooltip { border-radius: var(--kendo-border-radius-md, 0.25rem); font-size: 13.006px; line-height: var(--kendo-line-height, normal); padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-chart-tooltip th { width: auto; text-align: center; padding: 1px } .k-chart-tooltip td { width: auto; text-align: start; padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-1, 0.25rem); line-height: var(--kendo-line-height, normal); vertical-align: middle } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { border-width: 1px; border-style: solid } .k-chart-shared-tooltip .k-chart-shared-tooltip-marker { display: block; width: 15px; height: 3px; vertical-align: middle } .k-selector { position: absolute; transform: translateZ(0) } .k-selection { position: absolute; height: 100%; border-width: 1px; border-style: solid; border-bottom: 0 } .k-selection-bg { position: absolute; width: 100%; height: 100% } .k-handle { border-radius: 50%; width: 22px; height: 22px; border-width: 1px; border-style: solid; z-index: 1; position: absolute; box-sizing: content-box } .k-handle div { width: 100%; height: 100% } .k-left-handle { left: -11px } .k-right-handle { right: -11px } .k-left-handle div { margin: -22px 0 0 -14.6666666667px; padding: 44px 29.3333333333px 0 0 } .k-right-handle div { margin: -22px 0 0 -14.6666666667px; padding: 44px 0 0 29.3333333333px } .k-left-handle.k-handle-active div { margin-left: -44px; padding-left: 58.6666666667px } .k-right-handle.k-handle-active div { margin-left: -44px; padding-right: 58.6666666667px } .k-mask { position: absolute; height: 100% } .k-navigator-hint div { position: absolute } .k-navigator-hint .k-scroll { border-radius: var(--kendo-border-radius-md, 0.25rem); position: absolute; height: 4px } .k-navigator-hint .k-tooltip { margin-top: 20px; min-width: 160px; opacity: 1; text-align: center } .k-sparkline, .k-sparkline span { display: inline-block; vertical-align: top } .k-sparkline span { height: 100%; width: 100% } .k-chart-dragging { -webkit-user-select: none; -moz-user-select: none; user-select: none } .k-chart-donut-center { position: absolute; display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 50%; text-align: center; border: 4px solid rgba(0,0,0,0); box-sizing: border-box } .k-pdf-export .k-chart .k-animation-container, .k-pdf-export .k-sparkline .k-animation-container, .k-pdf-export .k-stockchart .k-animation-container { display: none } .k-chart-overlay { margin: 0; width: 100%; height: calc(100% - var(--kendo-chart-computed-title-height, 0px)); position: absolute; top: 0; left: 0; opacity: 1; z-index: 10001 } .k-chart-overlay-top { top: var(--kendo-chart-computed-title-height, 0px) } .k-chart-overlay .k-no-data, .k-chart-overlay .k-nodata { min-height: auto; -webkit-padding-before: var(--kendo-spacing-25, 7rem); padding-block-start: var(--kendo-spacing-25, 7rem); color: inherit; font-size: var(--kendo-font-size-lg, inherit); font-weight: var(--kendo-font-weight, normal) } .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-sankey text { pointer-events: none } .k-treemap { height: 400px; box-sizing: border-box; border-width: 1px; border-style: solid; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-treemap .k-treemap-tile { margin: -1px 0 0 -1px; height: 100%; box-sizing: border-box; border: 1px solid; border-color: inherit; color: inherit; background-color: inherit; overflow: hidden; position: absolute } .k-treemap > .k-treemap-tile { position: relative } .k-treemap .k-treemap-title { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-1, 0.25rem); border-width: 0 0 1px; border-style: solid; border-color: inherit; font-size: var(--kendo-font-size, inherit); background-position: 0 0; background-repeat: repeat-x } .k-treemap .k-treemap-title-vertical { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-0\.5, 0.125rem); width: 1.4285714286em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 0; bottom: 0 } .k-treemap .k-treemap-title-vertical > div { transform-origin: right; transform: rotate(-90deg); position: absolute; top: 0; right: 1em } .k-treemap .k-treemap-wrap { border-color: inherit; color: inherit; background-color: inherit; position: absolute; top: 0; left: 0; bottom: 0; right: 0 } .k-treemap .k-treemap-title + .k-treemap-wrap { top: calc(var(--kendo-spacing-0\.5, 0.125rem)*2 + var(--kendo-line-height, normal)*var(--kendo-font-size, inherit) + 1px) } .k-treemap .k-treemap-title-vertical + .k-treemap-wrap { left: calc(var(--kendo-spacing-0\.5, 0.125rem)*2 + var(--kendo-line-height, normal)*var(--kendo-font-size, inherit) + 1px) } .k-treemap .k-leaf { padding: var(--kendo-spacing-1, 0.25rem) } .k-gauge { text-align: start; position: relative } .k-arcgauge, .k-circulargauge { display: inline-block } .k-arcgauge-label, .k-circulargauge-label { position: absolute; text-align: center; padding: 0; margin: 0 } .k-qrcode { display: inline-block } .k-qrcode > div { height: 150px } .k-var--primary { background-color: var(--kendo-color-primary, #0058e9) } .k-var--primary-contrast { background-color: var(--kendo-color-on-primary, #ffffff) } .k-var--base { background-color: var(--kendo-color-surface, #fafafa) } .k-var--background { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-var--normal-background { background-color: var(--kendo-color-surface, #fafafa) } .k-var--normal-text-color { background-color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-var--series-a { background-color: var(--kendo-color-series-a, #ff6358) } .k-var--series-b { background-color: var(--kendo-color-series-b, #ffe162) } .k-var--series-c { background-color: var(--kendo-color-series-c, #4cd180) } .k-var--series-d { background-color: var(--kendo-color-series-d, #4b5ffa) } .k-var--series-e { background-color: var(--kendo-color-series-e, #ac58ff) } .k-var--series-f { background-color: var(--kendo-color-series-f, #ff5892) } .k-var--series-1 { background-color: var(--kendo-color-series-a, #ff6358) } .k-var--series-2 { background-color: var(--kendo-color-series-b, #ffe162) } .k-var--series-3 { background-color: var(--kendo-color-series-c, #4cd180) } .k-var--series-4 { background-color: var(--kendo-color-series-d, #4b5ffa) } .k-var--series-5 { background-color: var(--kendo-color-series-e, #ac58ff) } .k-var--series-6 { background-color: var(--kendo-color-series-f, #ff5892) } .k-var--series-7 { background-color: var(--kendo-color-series-a-subtle, #ffb1ac) } .k-var--series-8 { background-color: var(--kendo-color-series-b-subtle, #fff0b1) } .k-var--series-9 { background-color: var(--kendo-color-series-c-subtle, #a6e8c0) } .k-var--series-10 { background-color: var(--kendo-color-series-d-subtle, #a5affd) } .k-var--series-11 { background-color: var(--kendo-color-series-e-subtle, #d6acff) } .k-var--series-12 { background-color: var(--kendo-color-series-f-subtle, #ffacc9) } .k-var--series-13 { background-color: var(--kendo-color-series-a-bold, #bf4a42) } .k-var--series-14 { background-color: var(--kendo-color-series-b-bold, #bfa94a) } .k-var--series-15 { background-color: var(--kendo-color-series-c-bold, #399d60) } .k-var--series-16 { background-color: var(--kendo-color-series-d-bold, #3847bc) } .k-var--series-17 { background-color: var(--kendo-color-series-e-bold, #8142bf) } .k-var--series-18 { background-color: var(--kendo-color-series-f-bold, #bf426e) } .k-var--series-19 { background-color: var(--kendo-color-series-a-subtler, #ff8a82) } .k-var--series-20 { background-color: var(--kendo-color-series-b-subtler, #ffe989) } .k-var--series-21 { background-color: var(--kendo-color-series-c-subtler, #79dda0) } .k-var--series-22 { background-color: var(--kendo-color-series-d-subtler, #7887fb) } .k-var--series-23 { background-color: var(--kendo-color-series-e-subtler, #c182ff) } .k-var--series-24 { background-color: var(--kendo-color-series-f-subtler, #ff82ae) } .k-var--series-25 { background-color: var(--kendo-color-series-a-bolder, #80322c) } .k-var--series-26 { background-color: var(--kendo-color-series-b-bolder, #807131) } .k-var--series-27 { background-color: var(--kendo-color-series-c-bolder, #266940) } .k-var--series-28 { background-color: var(--kendo-color-series-d-bolder, #26307d) } .k-var--series-29 { background-color: var(--kendo-color-series-e-bolder, #562c80) } .k-var--series-30 { background-color: var(--kendo-color-series-f-bolder, #802c49) } .k-var--gauge-pointer { background-color: var(--kendo-color-primary, #0058e9) } .k-var--gauge-track { background-color: var(--kendo-color-base-emphasis, #c2c2c2) } .k-var--chart-font-size { font-size: var(--kendo-font-size, inherit) } .k-var--chart-title-font-size { font-size: var(--kendo-font-size-lg, inherit) } .k-var--chart-pane-title-font-size { font-size: var(--kendo-font-size-sm, inherit) } .k-var--chart-pane-title-font-weight { font-weight: var(--kendo-font-weight-normal, normal) } .k-var--chart-label-font-size { font-size: var(--kendo-font-size-sm, inherit) } .k-var--chart-inactive { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent) } .k-var--chart-major-lines { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-var--chart-minor-lines { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 4%, transparent) } .k-var--chart-area-opacity { opacity: 0.6 } .k-var--chart-area-inactive-opacity { opacity: 0.1 } .k-var--chart-line-inactive-opacity { opacity: 0.3 } .k-var--chart-notes-background { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent) } .k-var--chart-notes-border { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent) } .k-var--chart-notes-lines { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent) } .k-var--chart-crosshair-background { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent) } .k-var--chart-error-bars-background { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent) } .k-chart, .k-diagram, .k-gauge, .k-sparkline { --kendo-chart-primary-bg: var(--kendo-color-primary, #0058e9); --kendo-chart-primary-contrast: var(--kendo-color-on-primary, #ffffff); --kendo-chart-bg: var(--kendo-color-surface-alt, #ffffff); --kendo-chart-text: var(--kendo-color-on-app-surface, #3d3d3d); --kendo-chart-font-size: var(--kendo-font-size, inherit); --kendo-chart-title-font-size: var(--kendo-font-size-lg, inherit); --kendo-chart-pane-title-font-size: var(--kendo-font-size-sm, inherit); --kendo-chart-pane-title-font-weight: var(--kendo-font-weight-normal, normal); --kendo-chart-label-font-size: var(--kendo-font-size-sm, inherit); --kendo-chart-inactive: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent); --kendo-chart-major-lines: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent); --kendo-chart-minor-lines: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 4%, transparent); --kendo-chart-area-opacity: 0.6; --kendo-chart-area-inactive-opacity: 0.1; --kendo-chart-line-inactive-opacity: 0.3; --kendo-chart-notes-bg: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent); --kendo-chart-notes-border: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent); --kendo-chart-notes-lines: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent); --kendo-chart-crosshair-bg: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent); --kendo-chart-error-bars-bg: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent); --kendo-chart-series-1: var(--kendo-color-series-a, #ff6358); --kendo-chart-series-2: var(--kendo-color-series-b, #ffe162); --kendo-chart-series-3: var(--kendo-color-series-c, #4cd180); --kendo-chart-series-4: var(--kendo-color-series-d, #4b5ffa); --kendo-chart-series-5: var(--kendo-color-series-e, #ac58ff); --kendo-chart-series-6: var(--kendo-color-series-f, #ff5892); --kendo-chart-series-7: var(--kendo-color-series-a-subtle, #ffb1ac); --kendo-chart-series-8: var(--kendo-color-series-b-subtle, #fff0b1); --kendo-chart-series-9: var(--kendo-color-series-c-subtle, #a6e8c0); --kendo-chart-series-10: var(--kendo-color-series-d-subtle, #a5affd); --kendo-chart-series-11: var(--kendo-color-series-e-subtle, #d6acff); --kendo-chart-series-12: var(--kendo-color-series-f-subtle, #ffacc9); --kendo-chart-series-13: var(--kendo-color-series-a-bold, #bf4a42); --kendo-chart-series-14: var(--kendo-color-series-b-bold, #bfa94a); --kendo-chart-series-15: var(--kendo-color-series-c-bold, #399d60); --kendo-chart-series-16: var(--kendo-color-series-d-bold, #3847bc); --kendo-chart-series-17: var(--kendo-color-series-e-bold, #8142bf); --kendo-chart-series-18: var(--kendo-color-series-f-bold, #bf426e); --kendo-chart-series-19: var(--kendo-color-series-a-subtler, #ff8a82); --kendo-chart-series-20: var(--kendo-color-series-b-subtler, #ffe989); --kendo-chart-series-21: var(--kendo-color-series-c-subtler, #79dda0); --kendo-chart-series-22: var(--kendo-color-series-d-subtler, #7887fb); --kendo-chart-series-23: var(--kendo-color-series-e-subtler, #c182ff); --kendo-chart-series-24: var(--kendo-color-series-f-subtler, #ff82ae); --kendo-chart-series-25: var(--kendo-color-series-a-bolder, #80322c); --kendo-chart-series-26: var(--kendo-color-series-b-bolder, #807131); --kendo-chart-series-27: var(--kendo-color-series-c-bolder, #266940); --kendo-chart-series-28: var(--kendo-color-series-d-bolder, #26307d); --kendo-chart-series-29: var(--kendo-color-series-e-bolder, #562c80); --kendo-chart-series-30: var(--kendo-color-series-f-bolder, #802c49); --kendo-chart-gauge-pointer: var(--kendo-color-primary, #0058e9); --kendo-chart-gauge-track: var(--kendo-color-base-emphasis, #c2c2c2) } .k-chart, .k-sparkline, .k-stockchart { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: rgba(0,0,0,0) } .k-chart .k-popup, .k-sparkline .k-popup, .k-stockchart .k-popup { background: rgba(0,0,0,0) } .k-chart-tooltip { color: #fff } .k-chart-tooltip-inverse { color: #000 } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base, #f5f5f5); border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-selection { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent); box-shadow: inset 0 1px 7px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 15%, transparent) } .k-selection-bg { background-color: rgba(0,0,0,0) } .k-handle { cursor: e-resize; border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #3d3d3d); background-color: var(--kendo-color-base, #f5f5f5) } .k-handle:hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-handle div { background-color: rgba(0,0,0,0) } .k-mask { background-color: var(--kendo-color-surface-alt, #ffffff); opacity: .8 } .k-chart-overlay { background-color: var(--kendo-color-surface, #fafafa) } .k-treemap { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-treemap .k-treemap-title { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-treemap .k-leaf { color: var(--kendo-color-surface-alt, #ffffff) } .k-treemap .k-leaf.k-inverse { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-treemap .k-leaf:hover, .k-treemap .k-leaf.k-hover { box-shadow: inset 0 0 0 3px var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-pane-wrapper { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-pane-wrapper .k-pane { width: 100%; height: 100%; -webkit-user-select: none; -moz-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; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; height: 100%; width: 100%; flex-direction: column; align-items: stretch; align-content: stretch; vertical-align: top; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-pane-wrapper .k-content { min-height: 1px; flex: 1; align-items: stretch; display: block; width: auto; overflow: hidden; position: relative } .k-pane-wrapper > div.k-pane { box-shadow: none; font-weight: normal } .k-pane-wrapper .k-popup-edit-form .k-content, .k-pane-wrapper .k-grid-edit-form .k-content, .k-pane-wrapper .k-grid-header-menu .k-content, .k-pane-wrapper .k-grid-filter-menu .k-content { overflow-y: auto } .k-pane-wrapper .k-popup-edit-form .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-edit-form .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-header-menu .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-filter-menu .k-content > .k-scroll-container { position: absolute; width: 100%; min-height: 100%; box-sizing: border-box } .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form, .k-pane-wrapper .k-grid-edit-form .k-edit-form-container { width: auto; min-width: auto } .k-grid.k-grid-mobile { border-width: 0 } .k-grid-mobile .k-resize-handle-inner::before { content: "\e01e"; position: absolute; font: 16px/1 "WebComponentsIcons"; top: calc(50% - 1px); left: 50%; transform: translate(-50%, -50%); padding: .2em } .k-grid-mobile .k-header a { -webkit-user-select: none; -moz-user-select: none; user-select: none } .k-pane-wrapper .k-scheduler-edit-form .k-recur-view { padding: 0; flex-direction: column; 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-block: -1px; margin-inline: 0 } .k-pane-wrapper .k-scheduler-edit-form .k-scheduler-recur-end-wrap { white-space: nowrap } .k-scheduler.k-scheduler-mobile { border-width: 0 } .k-scheduler-mobile th { font-weight: normal } .k-scheduler-mobile .k-event:hover .k-resize-handle { visibility: hidden } .k-scheduler-mobile .k-scheduler-toolbar { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .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: flex; flex-flow: row nowrap; justify-content: space-between; margin: 0 } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-nav-current { line-height: 1; display: flex; flex-flow: column nowrap; align-items: center; justify-content: space-evenly; gap: 0 } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-views-wrapper .k-views-dropdown { display: inline-block } .k-scheduler-mobile .k-scheduler-footer { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); display: flex; 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; padding: 4px; border-radius: 50%; 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-header-wrap > div { overflow: visible } .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-scheduler-agendaview .k-scheduler-table td { white-space: normal } .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-time-text, .k-scheduler-mobile .k-time-period { display: block; line-height: 1 } .k-scheduler-mobile .k-time-period { font-size: .7em } .k-scheduler-mobile .k-scheduler-table td, .k-scheduler-mobile .k-scheduler-table th { height: 2em; vertical-align: middle } .k-scheduler-mobile .k-scheduler-datecolumn-wrap { display: flex; align-items: center; justify-content: space-between } .k-scheduler-mobile .k-task { display: flex; align-items: center; gap: .5em } .k-scheduler-mobile .k-task .k-scheduler-mark { border-radius: 50%; margin: 0 } .k-scheduler-mobile .k-task .k-scheduler-task-text { flex: 1 1 0% } .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn { vertical-align: top } .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, .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 { writing-mode: vertical-lr; 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-appbar { padding: var(--kendo-spacing-1, 0.25rem) } .k-pane-wrapper .k-list-title, .k-pane-wrapper .k-filter-help-text { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); display: block } .k-pane-wrapper .k-listgroup-title { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-weight: bold; text-transform: uppercase } .k-pane-wrapper .k-listgroup .k-listgroup-item { border-color: inherit } .k-pane-wrapper .k-listgroup + .k-listgroup { margin-top: var(--kendo-spacing-4, 1rem) } .k-pane-wrapper .k-column-menu { padding: var(--kendo-spacing-2, 0.5rem); display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-2, 0.5rem) } .k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * { pointer-events: none } .k-pane-wrapper .k-column-menu .k-list-title, .k-pane-wrapper .k-column-menu .k-listgroup-title { padding: 0 } .k-pane-wrapper .k-column-menu .k-listgroup { margin-inline: calc(var(--kendo-spacing-2, 0.5rem)*-1) } .k-pane-wrapper .k-filter-menu { padding: var(--kendo-spacing-2, 0.5rem); display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-2, 0.5rem) } .k-pane-wrapper .k-filter-menu .k-list-title { padding: 0 } .k-pane-wrapper .k-filter-menu .k-list-filter { padding: 0; display: flex; flex-flow: column nowrap; gap: inherit } .k-pane-wrapper .k-filter-menu .k-filter-tools { display: flex; flex-flow: row nowrap; gap: inherit } .k-pane-wrapper .k-filter-menu .k-listgroup { margin-inline: calc(var(--kendo-spacing-2, 0.5rem)*-1) } .k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap { display: flex } .k-pane-wrapper .k-popup-edit-form .k-mobiletimezoneeditor { display: flex; align-items: center; justify-content: flex-end; position: relative; flex: 1 1 auto } .k-pane-wrapper .k-multicheck-wrap.k-listgroup { overflow-y: auto } .k-pane-wrapper .k-pager-wrap.k-pager-sm, .k-pane-wrapper .k-pager.k-pager-sm { justify-content: center } .k-pane-wrapper .k-pager-wrap.k-pager-sm .k-pager-refresh, .k-pane-wrapper .k-pager.k-pager-sm .k-pager-refresh { display: none } :is(.k-rtl .k-pane-wrapper,[dir=rtl] .k-pane-wrapper,.k-pane-wrapper[dir=rtl]) .k-scheduler-mobile .k-scheduler-toolbar > ul > li { border: 0 } :is(.k-rtl .k-pane-wrapper,[dir=rtl] .k-pane-wrapper,.k-pane-wrapper[dir=rtl]) .k-scheduler-mobile .k-task .k-i-reload { margin-left: .5em; margin-right: 0 } .k-pane-wrapper, .k-view { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-pane-wrapper .k-pane > .k-view > .k-content { background-position: 50% 50%; background-color: var(--kendo-color-surface, #fafafa) } .k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header { border-left-color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-pane-wrapper .k-pane .k-grid-mobile .k-resize-handle-inner::before { background-color: var(--kendo-color-surface, #fafafa) } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current { color: var(--kendo-color-primary, #0058e9) } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendadate { color: inherit } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-time-period, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendaweekday { color: var(--kendo-color-subtle, #666666) } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-wrap, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-datecolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-group-cell, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-all-day { background-color: var(--kendo-color-surface, #fafafa) } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-tools > li { display: inline-block; background-color: inherit } .k-pane-wrapper .k-pane .k-grid-edit-form .k-item, .k-pane-wrapper .k-pane .k-grid-edit-form .k-link, .k-pane-wrapper .k-pane .k-grid-header-menu .k-item, .k-pane-wrapper .k-pane .k-grid-header-menu .k-link, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-item, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-link, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-item, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-link { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-pane-wrapper .k-pane .k-grid-edit-form .k-clear, .k-pane-wrapper .k-pane .k-grid-edit-form .k-select-all, .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-grid-header-menu .k-clear, .k-pane-wrapper .k-pane .k-grid-header-menu .k-select-all, .k-pane-wrapper .k-pane .k-grid-header-menu .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-header-menu .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-clear, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-select-all, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-clear, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-select-all, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-delete, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-resetSeries { color: var(--kendo-color-primary, #0058e9) } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected { color: var(--kendo-color-primary, #0058e9); background: none } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected .k-link { color: inherit } .k-grid { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-grid.k-grid-display-block { display: block } .k-grid .k-grid-container { display: flex; flex: 1 1 auto; overflow: hidden; position: relative } .k-grid .k-grid-aria-root { border-color: inherit; display: flex; flex-direction: column; flex: 1 1 auto; overflow: hidden } .k-grid .k-table { margin: 0; width: 100%; max-width: none; border-width: 0; border-color: inherit; border-collapse: separate; border-spacing: 0; box-sizing: content-box; empty-cells: show; outline: 0 } .k-grid .k-grid-header .k-table, .k-grid .k-grid-content .k-table, .k-grid .k-grid-content-locked .k-table, .k-grid .k-grid-footer .k-table { table-layout: fixed } .k-grid .k-table-thead, .k-grid .k-table-tbody, .k-grid .k-table-tfoot { text-align: start; border-color: inherit } .k-grid .k-table-row { border-color: inherit } .k-grid .k-table-th, .k-grid td, .k-grid .k-table-td { border-width: 0; border-inline-start-width: 1px; border-style: solid; border-color: inherit; outline: 0; font-weight: inherit; text-align: inherit; position: static; overflow: hidden; text-overflow: ellipsis; box-sizing: content-box } .k-grid .k-table-th:first-child, .k-grid td:first-child, .k-grid .k-table-td:first-child { border-inline-start-width: 0 } .k-grid .k-table-th:focus, .k-grid td:focus, .k-grid .k-table-td:focus { outline: none } .k-grid .k-table-th > .k-radio, .k-grid .k-table-th > .k-radio-wrap, .k-grid .k-table-th > .k-checkbox, .k-grid .k-table-th > .k-checkbox-wrap, .k-grid td > .k-radio, .k-grid td > .k-radio-wrap, .k-grid td > .k-checkbox, .k-grid td > .k-checkbox-wrap, .k-grid .k-table-td > .k-radio, .k-grid .k-table-td > .k-radio-wrap, .k-grid .k-table-td > .k-checkbox, .k-grid .k-table-td > .k-checkbox-wrap { vertical-align: top } .k-grid .k-table-th { border-block-end-width: 1px; white-space: nowrap } .k-grid td, .k-grid .k-table-td { border-block-end-width: 0px; white-space: unset; vertical-align: middle } .k-grid a { color: inherit; text-decoration: none } .k-grid a:hover { text-decoration: none } .k-grid .k-grid-header-wrap { box-sizing: content-box } .k-grid .k-grid-header { border-bottom-width: 1px } .k-grid .k-grid-header .k-table { margin-bottom: -1px } .k-grid .k-grid-header.k-grid-draggable-header { -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: none } .k-grid .k-grid-header .k-table-th { position: relative; vertical-align: bottom; cursor: default } .k-grid .k-grid-header .k-table-th:first-child { border-inline-start-width: 0 } .k-grid .k-grid-header .k-table-th.k-first { border-inline-start-width: 1px } .k-grid .k-grid-header .k-table-th > .k-link { line-height: inherit; display: block; overflow: hidden; text-overflow: ellipsis; outline: 0 } .k-grid .k-grid-header .k-table-th > .k-link:focus { text-decoration: none } .k-grid .k-grid-header .k-grid-filter, .k-grid .k-grid-header .k-header-column-menu, .k-grid .k-grid-header .k-grid-header-menu { box-sizing: border-box; outline: 0; display: flex; align-items: center; align-content: center; justify-content: center; position: absolute; inset-inline-end: var(--kendo-spacing-1, 0.25rem); z-index: 1 } .k-grid .k-grid-header .k-grid-filter:hover, .k-grid .k-grid-header .k-header-column-menu:hover, .k-grid .k-grid-header .k-grid-header-menu:hover { cursor: pointer } .k-grid .k-grid-header .k-cell-inner > .k-link > .k-sort-icon { vertical-align: text-top; -webkit-margin-start: calc(var(--kendo-spacing-2, 0.5rem) - 1px); margin-inline-start: calc(var(--kendo-spacing-2, 0.5rem) - 1px) } .k-grid .k-grid-header .k-cell-inner > .k-link > .k-sort-icon .k-icon { display: flex } .k-grid .k-grid-header .k-sort-order { display: inline-block; vertical-align: top; height: 16px; font-size: var(--kendo-font-size-sm, inherit); margin-top: calc(var(--kendo-spacing-1, 0.25rem)/2); -webkit-margin-start: calc(var(--kendo-spacing-1, 0.25rem)/2*-1); margin-inline-start: calc(var(--kendo-spacing-1, 0.25rem)/2*-1) } .k-grid .k-grid-header .k-filterable > .k-cell-inner .k-link { -webkit-padding-end: 0; padding-inline-end: 0 } .k-grid .k-cell-inner { display: flex; flex-flow: row nowrap; align-items: center; justify-content: inherit; overflow: hidden } .k-grid .k-cell-inner > .k-link { width: auto; display: flex; flex-flow: row nowrap; align-items: center; justify-content: inherit; flex: 1; overflow: hidden } .k-grid .k-cell-inner > .k-link > .k-sort-icon { -webkit-margin-start: 0; margin-inline-start: 0; display: inline-block; flex-shrink: 0 } .k-grid .k-cell-inner .k-sort-order { flex-shrink: 0; line-height: normal } .k-grid .k-cell-inner .k-grid-filter, .k-grid .k-cell-inner .k-header-column-menu, .k-grid .k-cell-inner .k-grid-header-menu { position: static; -webkit-margin-end: var(--kendo-spacing-1, 0.25rem); margin-inline-end: var(--kendo-spacing-1, 0.25rem) } .k-grid .k-group-col, .k-grid .k-hierarchy-col { padding: 0; width: 32px } .k-grid .k-grouping-row p { margin: 0; display: flex; align-items: center; align-content: center } .k-grid .k-grouping-row td, .k-grid .k-grouping-row .k-table-td { overflow: visible } .k-grid .k-grouping-row + .k-table-row td, .k-grid .k-grouping-row + .k-table-row .k-table-td { border-top-width: 1px } .k-grid .k-grouping-row .k-group-cell, .k-grid .k-grouping-row + .k-table-row .k-group-cell { border-top-width: 0; text-overflow: clip } .k-grid .k-grouping-row .k-icon { -webkit-margin-start: calc(8px - var(--kendo-spacing-3, 0.75rem)); margin-inline-start: calc(8px - var(--kendo-spacing-3, 0.75rem)); -webkit-margin-end: 8px; margin-inline-end: 8px; text-decoration: none } .k-grid .k-table .k-group-footer td, .k-grid .k-table .k-group-footer .k-table-td { border-style: solid; border-width: 1px 0 } .k-grid .k-group-footer .k-group-cell + td, .k-grid .k-group-footer .k-group-cell + .k-table-td { border-inline-start-width: 1px } .k-grid .k-hierarchy-cell, .k-grid .k-drag-cell { text-align: center; overflow: visible } .k-grid .k-hierarchy-cell > .k-font-icon, .k-grid .k-drag-cell > .k-font-icon { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: 0; width: 100%; height: 100%; display: inline-block; outline: 0 } .k-grid .k-hierarchy-cell + .k-grid-content-sticky { border-inline-start-width: 1px } .k-grid .k-detail-row .k-detail-cell { border-inline-start-width: 0 } .k-grid .k-dirty-cell { position: relative } .k-grid .k-dirty-cell.k-edit-cell { position: static } .k-grid .k-dirty-cell.k-grid-content-sticky { position: sticky } .k-grid .k-dirty { border-width: 5px; border-color: rgba(0,0,0,0); border-block-start-color: currentColor; border-inline-start-color: currentColor; inset-inline-start: 0; inset-inline-end: auto } .k-grid .k-grid-content-locked + .k-grid-content { box-sizing: content-box } .k-grid .k-grid-content-expander { position: absolute; visibility: hidden; height: 1px; bottom: 1px } .k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-grid-header-menu, .k-grid .k-hierarchy-cell .k-icon { border-width: 0 } .k-grid .k-drag-col { padding: 0; width: 36px } .k-grid .k-drag-cell { cursor: move } .k-grid-resizable { resize: both; overflow: auto } .k-grid-toolbar { border-width: 0 0 1px; flex-shrink: 0 } .k-grid-toolbar-bottom { border-width: 1px 0 0 } .k-grouping-header { border-width: 0 0 1px; border-style: solid; border-color: inherit; white-space: normal; display: flex; align-items: center; position: relative; flex-wrap: wrap } .k-grouping-header::before { content: ""; height: calc(1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px); display: inline-block; vertical-align: middle } .k-grouping-header .k-chip-list { flex-grow: 0; display: contents } .k-grouping-header > .k-grouping-drop-container { flex-grow: 1; padding-block: var(--kendo-spacing-2, 0.5rem); margin-block: calc(var(--kendo-spacing-2, 0.5rem)*-1); display: inline-flex; align-self: stretch; align-items: center } .k-grouping-dropclue { width: 12px; position: absolute; top: 3px; box-sizing: content-box } .k-grouping-dropclue::before, .k-grouping-dropclue::after { display: inline-block; content: ""; position: absolute } .k-grouping-dropclue::before { border-width: 6px; border-style: solid; border-left-color: rgba(0,0,0,0); border-right-color: rgba(0,0,0,0); border-bottom-color: rgba(0,0,0,0); top: 0 } .k-grouping-dropclue::after { width: 2px; height: calc(100% - 6px); top: 6px; inset-inline-start: 5px } .k-grid-header-wrap, .k-grid-footer-wrap { -webkit-margin-end: -1px; margin-inline-end: -1px; width: 100%; border-width: 0; border-inline-end-width: 1px; border-style: solid; border-color: inherit; position: relative; overflow: hidden } .k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable { -webkit-margin-end: 0; margin-inline-end: 0 } .k-grid-header, .k-grid-footer { -webkit-padding-start: 0; padding-inline-start: 0; -webkit-padding-end: var(--kendo-scrollbar-width, 17px); padding-inline-end: var(--kendo-scrollbar-width, 17px); border-width: 0; border-style: solid; border-color: inherit; flex: 0 0 auto } div.k-grid-header, div.k-grid-footer { display: flex; flex-direction: row; align-items: stretch } .k-column-resizer { width: .5em; height: 1000%; display: block; position: absolute; top: 0; inset-inline-end: 0; cursor: col-resize } .k-row-resizer { display: block; height: var(--kendo-spacing-0\.5, 0.125rem); width: 100%; background: none } .k-grid-footer { border-top-width: 1px } .k-grid-footer td, .k-grid-footer .k-table-td { height: 1.4285714286em } .k-grid-footer td, .k-group-footer td, .k-grouping-row td, .k-grid-footer .k-table-td, .k-group-footer .k-table-td, .k-grouping-row .k-table-td { font-weight: bold } .k-grid-filter-popup { min-width: 230px; max-width: 320px } .k-grid-column-menu-standalone a.k-grid-filter { position: initial; display: inline-block; margin-block: -4px; margin-inline: 0; padding-block: 4px; padding-inline: 8px } .k-filter-row { line-height: var(--kendo-line-height, normal) } .k-filter-row td, .k-filter-row .k-table-td, .k-filter-row .k-table-th { border-width: 0; border-block-end-width: 1px; border-inline-start-width: 1px; white-space: nowrap } .k-filter-row td:first-child, .k-filter-row .k-table-td:first-child { border-inline-start-width: 0 } .k-filter-row .k-multiselect { height: auto } .k-filtercell { width: auto; display: flex; flex-flow: row nowrap; align-items: center } .k-filtercell > span, .k-filtercell .k-filtercell-wrapper { width: 100%; display: flex; flex-flow: row nowrap; align-items: center; flex: 1 1 auto } .k-filtercell > span > .k-button, .k-filtercell .k-filtercell-wrapper > .k-button { flex: none } .k-grid-content, .k-grid-content-locked { border-color: inherit; outline: 0 } .k-grid-content .k-table-row:last-child > td, .k-grid-content .k-table-row:last-child > .k-table-td, .k-grid-content-locked .k-table-row:last-child > td, .k-grid-content-locked .k-table-row:last-child > .k-table-td { border-bottom-width: 0 } .k-grid-content { width: 100%; min-height: 0; overflow: auto; overflow-x: auto; overflow-y: scroll; position: relative; flex: 1 } .k-virtual-scrollable-wrap { height: 100%; overflow-y: hidden; position: relative } .k-grid .k-edit-cell, .k-grid .k-command-cell, .k-grid .k-grid-edit-row td, .k-grid .k-grid-edit-row .k-table-td { text-overflow: clip } .k-grid .k-edit-cell > input:not([type=checkbox]):not([type=radio]), .k-grid .k-edit-cell > select, .k-grid .k-edit-cell > .k-widget:not(.k-switch), .k-grid .k-grid-edit-row td > input:not([type=checkbox]):not([type=radio]), .k-grid .k-grid-edit-row td > select, .k-grid .k-grid-edit-row td > .k-widget:not(.k-switch), .k-grid .k-grid-edit-row .k-table-td > input:not([type=checkbox]):not([type=radio]), .k-grid .k-grid-edit-row .k-table-td > select, .k-grid .k-grid-edit-row .k-table-td > .k-widget:not(.k-switch) { width: 100%; vertical-align: middle; box-sizing: border-box } .k-grid .k-edit-cell > .k-radio, .k-grid .k-edit-cell > .k-checkbox, .k-grid .k-edit-cell > .k-radio-wrap, .k-grid .k-edit-cell > .k-checkbox-wrap, .k-grid .k-grid-edit-row td > .k-radio, .k-grid .k-grid-edit-row td > .k-checkbox, .k-grid .k-grid-edit-row td > .k-radio-wrap, .k-grid .k-grid-edit-row td > .k-checkbox-wrap, .k-grid .k-grid-edit-row .k-table-td > .k-radio, .k-grid .k-grid-edit-row .k-table-td > .k-checkbox, .k-grid .k-grid-edit-row .k-table-td > .k-radio-wrap, .k-grid .k-grid-edit-row .k-table-td > .k-checkbox-wrap { vertical-align: middle } .k-grid .k-command-cell > .k-button { -webkit-margin-end: var(--kendo-spacing-2, 0.5rem); margin-inline-end: var(--kendo-spacing-2, 0.5rem); vertical-align: middle } .k-grid .k-command-cell > .k-button:last-child { -webkit-margin-end: unset; margin-inline-end: unset } .k-grid > .k-resize-handle, .k-grid-header .k-resize-handle { height: 25px; cursor: col-resize; position: absolute; z-index: 2 } .k-selection-aggregates { border-width: 1px 0 0; border-style: solid; line-height: var(--kendo-line-height, normal); display: flex; justify-content: flex-end; gap: var(--kendo-spacing-2, 0.5rem) } .k-selection-aggregates-item-value { font-weight: var(--kendo-font-weight-bold, normal) } .k-grid-pager { border-width: 1px 0 0; border-color: inherit; font-size: inherit } .k-grid-pager-top { border-width: 0 0 1px } .k-grid-virtual .k-grid-content .k-grid-table-wrap { float: left; width: 100% } .k-grid-virtual .k-grid-content .k-grid-table { position: relative; float: left; z-index: 1 } .k-grid-virtual .k-grid-content > .k-height-container { position: relative; float: left } .k-grid-virtual .k-grid-content::after { content: ""; display: block; clear: both } .k-width-container { position: absolute; visibility: hidden } .k-width-container div { height: 1px } .k-grid-add-row td, .k-grid-add-row .k-table-td { border-bottom-style: solid; border-bottom-width: 1px } .k-grid-lockedcolumns { white-space: nowrap } .k-grid-content, .k-grid-content-locked { white-space: normal } .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked { flex: 0 0 auto; display: inline-block; vertical-align: top; overflow: hidden; position: relative; border-style: solid; border-width: 0; border-inline-end-width: 1px; box-sizing: content-box } .k-grid-content-locked + .k-grid-content.k-auto-scrollable, .k-grid-footer-locked + .k-grid-content.k-auto-scrollable, .k-grid-header-locked + .k-grid-content.k-auto-scrollable { display: inline-block } .k-grid-content-locked .k-table, .k-grid-footer-locked .k-table, .k-grid-header-locked .k-table { border-width: 0 } .k-grid-content, .k-grid-footer-wrap, .k-grid-header-wrap { flex: 1 1 auto; display: inline-block; vertical-align: top } .k-grid-content.k-auto-scrollable, .k-grid-footer-wrap.k-auto-scrollable, .k-grid-header-wrap.k-auto-scrollable { display: block } .k-grid-header-locked > .k-grid-header-table, .k-grid-header-wrap > .k-grid-header-table { margin-bottom: -1px } .k-grid-header .k-table-th.k-grid-header-sticky, .k-grid-header .k-filter-row .k-grid-header-sticky, .k-grid .k-grid-content-sticky, .k-grid .k-grid-row-sticky, .k-grid .k-grid-footer-sticky { position: sticky; z-index: 2 } .k-grid-header .k-table-th.k-grid-header-sticky.k-edit-cell, .k-grid-header .k-filter-row .k-grid-header-sticky.k-edit-cell, .k-grid .k-grid-content-sticky.k-edit-cell, .k-grid .k-grid-row-sticky.k-edit-cell, .k-grid .k-grid-footer-sticky.k-edit-cell { overflow: visible; z-index: 3 } .k-master-row .k-grid-content-sticky::before, .k-master-row.k-grid-row-sticky .k-table-td::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1 } kendo-grid .k-table-row.k-grid-row-sticky { border: 0; position: static; z-index: auto } kendo-grid .k-grid-row-sticky td, kendo-grid .k-grid-row-sticky .k-table-td { border-bottom-width: 1px; border-top-width: 1px; position: sticky; top: inherit; bottom: inherit; z-index: 2 } kendo-grid .k-grid-row-sticky td.k-grid-content-sticky, kendo-grid .k-grid-row-sticky.k-table-alt-row td.k-grid-content-sticky, kendo-grid .k-grid-row-sticky .k-table-td.k-grid-content-sticky, kendo-grid .k-grid-row-sticky.k-table-alt-row .k-table-td.k-grid-content-sticky { z-index: 3 } kendo-grid .k-grid-header-locked .k-table-th.k-grid-header-sticky:last-child, kendo-grid .k-grid-content-locked .k-table-row .k-grid-content-sticky:last-child { -webkit-border-end: 0; border-inline-end: 0 } kendo-grid .k-grid-header .k-grid-column-menu, kendo-grid .k-grid-header .k-grid-header-menu { z-index: 1 } .k-grid-content-sticky.k-grid-row-sticky { z-index: 3 } .k-grid .k-table .k-grid-header-sticky, .k-grid .k-table .k-grid-content-sticky, .k-grid .k-table .k-grid-footer-sticky { border-inline-end-width: 1px } .k-grid .k-table .k-grid-header-sticky:not([style*="display: none"]) + td, .k-grid .k-table .k-grid-header-sticky:not([style*="display: none"]) + .k-table-td, .k-grid .k-table .k-grid-header-sticky:not([style*="display: none"]) + .k-table-th, .k-grid .k-table .k-grid-content-sticky:not([style*="display: none"]) + td, .k-grid .k-table .k-grid-content-sticky:not([style*="display: none"]) + .k-table-td, .k-grid .k-table .k-grid-content-sticky:not([style*="display: none"]) + .k-table-th, .k-grid .k-table .k-grid-footer-sticky:not([style*="display: none"]) + td, .k-grid .k-table .k-grid-footer-sticky:not([style*="display: none"]) + .k-table-td, .k-grid .k-table .k-grid-footer-sticky:not([style*="display: none"]) + .k-table-th { border-inline-start-width: 0 } .k-grid .k-grid-row-sticky { border-bottom-width: 1px; border-top-width: 1px } .k-grid-header-sticky.k-table-th.k-grid-no-left-border.k-first { border-inline-start-width: 0 } .k-grid.k-grid-no-scrollbar .k-grid-header-wrap, .k-grid.k-grid-no-scrollbar .k-grid-footer-wrap { margin: 0; border-width: 0 } .k-grid.k-grid-no-scrollbar .k-grid-header, .k-grid.k-grid-no-scrollbar .k-grid-footer { padding: 0 } .k-grid.k-grid-no-scrollbar .k-grid-content { overflow-y: auto } .k-grid-norecords { text-align: center } div.k-grid-norecords { width: 100%; height: 100%; display: flex; align-items: center } .k-grid-norecords-template { box-sizing: border-box; margin-block: 0; margin-inline: auto; width: 20em; height: 4em; border: 1px solid; line-height: 4em } .k-column-title { min-width: 0; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 1; overflow: hidden } .k-grid .k-grid-sm .k-table-th, .k-grid-sm .k-table-th { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-sm td, .k-grid .k-grid-sm .k-table-td, .k-grid-sm td, .k-grid-sm .k-table-td { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-sm .k-grouping-header, .k-grid-sm .k-grouping-header { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); gap: var(--kendo-spacing-1, 0.25rem) } .k-grid .k-grid-sm .k-grouping-header::before, .k-grid-sm .k-grouping-header::before { -webkit-margin-start: calc(var(--kendo-spacing-1, 0.25rem)*-1); margin-inline-start: calc(var(--kendo-spacing-1, 0.25rem)*-1) } .k-grid .k-grid-sm .k-grid-header .k-table-th > .k-link, .k-grid-sm .k-grid-header .k-table-th > .k-link { margin-block: calc(var(--kendo-spacing-1, 0.25rem)*-1); margin-inline: calc(var(--kendo-spacing-2, 0.5rem)*-1); padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-sm .k-grid-header .k-grid-filter, .k-grid .k-grid-sm .k-grid-header .k-header-column-menu, .k-grid .k-grid-sm .k-grid-header .k-grid-header-menu, .k-grid-sm .k-grid-header .k-grid-filter, .k-grid-sm .k-grid-header .k-header-column-menu, .k-grid-sm .k-grid-header .k-grid-header-menu { padding: var(--kendo-spacing-0\.5, 0.125rem); width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-0\.5, 0.125rem)*2 + 2px); height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-0\.5, 0.125rem)*2 + 2px); bottom: calc(var(--kendo-spacing-1, 0.25rem) + 0.7142857143em - var(--kendo-line-height, normal)*1em/2 - var(--kendo-spacing-1, 0.25rem)*2/2) } .k-grid .k-grid-sm .k-table-th > .k-cell-inner, .k-grid-sm .k-table-th > .k-cell-inner { margin-block: calc(var(--kendo-spacing-1, 0.25rem)*-1); margin-inline: calc(var(--kendo-spacing-2, 0.5rem)*-1) } .k-grid .k-grid-sm .k-table-th > .k-cell-inner > .k-link, .k-grid-sm .k-table-th > .k-cell-inner > .k-link { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-sm .k-grouping-row .k-icon, .k-grid-sm .k-grouping-row .k-icon { -webkit-margin-start: calc(8px - var(--kendo-spacing-2, 0.5rem)); margin-inline-start: calc(8px - var(--kendo-spacing-2, 0.5rem)) } .k-grid .k-grid-sm .k-grouping-dropclue, .k-grid-sm .k-grouping-dropclue { height: calc(1em + var(--kendo-spacing-0\.5, 0.125rem)*2 + 8px) } .k-grid .k-grid-sm .k-hierarchy-cell, .k-grid .k-grid-sm .k-drag-cell, .k-grid-sm .k-hierarchy-cell, .k-grid-sm .k-drag-cell { padding: 0 } .k-grid .k-grid-sm .k-hierarchy-cell > .k-icon, .k-grid .k-grid-sm .k-drag-cell > .k-icon, .k-grid-sm .k-hierarchy-cell > .k-icon, .k-grid-sm .k-drag-cell > .k-icon { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: 0 } .k-grid .k-grid-sm .k-edit-cell, .k-grid .k-grid-sm .k-command-cell, .k-grid .k-grid-sm .k-grid-edit-row td, .k-grid .k-grid-sm .k-grid-edit-row .k-table-td, .k-grid-sm .k-edit-cell, .k-grid-sm .k-command-cell, .k-grid-sm .k-grid-edit-row td, .k-grid-sm .k-grid-edit-row .k-table-td { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-sm .k-filter-row td, .k-grid .k-grid-sm .k-filter-row .k-table-td, .k-grid .k-grid-sm .k-filter-row .k-table-th, .k-grid-sm .k-filter-row td, .k-grid-sm .k-filter-row .k-table-td, .k-grid-sm .k-filter-row .k-table-th { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-1\.5, 0.375rem) } .k-grid .k-grid-sm .k-filtercell > span, .k-grid .k-grid-sm .k-filtercell .k-filtercell-wrapper, .k-grid-sm .k-filtercell > span, .k-grid-sm .k-filtercell .k-filtercell-wrapper { gap: calc(var(--kendo-spacing-1, 0.25rem)/2) } .k-grid .k-grid-sm .k-selection-aggregates, .k-grid-sm .k-selection-aggregates { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-grid .k-grid-sm .k-resizer-wrap, .k-grid-sm .k-resizer-wrap { display: block; width: 100%; -webkit-padding-before: calc(var(--kendo-spacing-0\.5, 0.125rem) - var(--kendo-spacing-0\.5, 0.125rem)); padding-block-start: calc(var(--kendo-spacing-0\.5, 0.125rem) - var(--kendo-spacing-0\.5, 0.125rem)); -webkit-padding-after: var(--kendo-spacing-0\.5, 0.125rem); padding-block-end: var(--kendo-spacing-0\.5, 0.125rem); position: absolute; background: none; cursor: row-resize; z-index: 2 } .k-grid .k-grid-md .k-table-th, .k-grid-md .k-table-th { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-grid .k-grid-md td, .k-grid .k-grid-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-grid .k-grid-md .k-grouping-header, .k-grid-md .k-grouping-header { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); gap: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-md .k-grouping-header::before, .k-grid-md .k-grouping-header::before { -webkit-margin-start: calc(var(--kendo-spacing-2, 0.5rem)*-1); margin-inline-start: calc(var(--kendo-spacing-2, 0.5rem)*-1) } .k-grid .k-grid-md .k-grid-header .k-table-th > .k-link, .k-grid-md .k-grid-header .k-table-th > .k-link { margin-block: calc(var(--kendo-spacing-2, 0.5rem)*-1); margin-inline: calc(var(--kendo-spacing-3, 0.75rem)*-1); padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-grid .k-grid-md .k-grid-header .k-grid-filter, .k-grid .k-grid-md .k-grid-header .k-header-column-menu, .k-grid .k-grid-md .k-grid-header .k-grid-header-menu, .k-grid-md .k-grid-header .k-grid-filter, .k-grid-md .k-grid-header .k-header-column-menu, .k-grid-md .k-grid-header .k-grid-header-menu { padding: var(--kendo-spacing-1, 0.25rem); width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px); height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px); bottom: calc(var(--kendo-spacing-2, 0.5rem) + 0.7142857143em - var(--kendo-line-height, normal)*1em/2 - var(--kendo-spacing-1, 0.25rem)*2/2) } .k-grid .k-grid-md .k-table-th > .k-cell-inner, .k-grid-md .k-table-th > .k-cell-inner { margin-block: calc(var(--kendo-spacing-2, 0.5rem)*-1); margin-inline: calc(var(--kendo-spacing-3, 0.75rem)*-1) } .k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link, .k-grid-md .k-table-th > .k-cell-inner > .k-link { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-grid .k-grid-md .k-grouping-row .k-icon, .k-grid-md .k-grouping-row .k-icon { -webkit-margin-start: calc(8px - var(--kendo-spacing-3, 0.75rem)); margin-inline-start: calc(8px - var(--kendo-spacing-3, 0.75rem)) } .k-grid .k-grid-md .k-grouping-dropclue, .k-grid-md .k-grouping-dropclue { height: calc(1em + var(--kendo-spacing-1, 0.25rem)*2 + 8px) } .k-grid .k-grid-md .k-hierarchy-cell, .k-grid .k-grid-md .k-drag-cell, .k-grid-md .k-hierarchy-cell, .k-grid-md .k-drag-cell { padding: 0 } .k-grid .k-grid-md .k-hierarchy-cell > .k-icon, .k-grid .k-grid-md .k-drag-cell > .k-icon, .k-grid-md .k-hierarchy-cell > .k-icon, .k-grid-md .k-drag-cell > .k-icon { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: 0 } .k-grid .k-grid-md .k-edit-cell, .k-grid .k-grid-md .k-command-cell, .k-grid .k-grid-md .k-grid-edit-row td, .k-grid .k-grid-md .k-grid-edit-row .k-table-td, .k-grid-md .k-edit-cell, .k-grid-md .k-command-cell, .k-grid-md .k-grid-edit-row td, .k-grid-md .k-grid-edit-row .k-table-td { padding-block: calc(var(--kendo-spacing-1\.5, 0.375rem)/2); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-grid .k-grid-md .k-filter-row td, .k-grid .k-grid-md .k-filter-row .k-table-td, .k-grid .k-grid-md .k-filter-row .k-table-th, .k-grid-md .k-filter-row td, .k-grid-md .k-filter-row .k-table-td, .k-grid-md .k-filter-row .k-table-th { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-md .k-filtercell > span, .k-grid .k-grid-md .k-filtercell .k-filtercell-wrapper, .k-grid-md .k-filtercell > span, .k-grid-md .k-filtercell .k-filtercell-wrapper { gap: calc(var(--kendo-spacing-2, 0.5rem)/2) } .k-grid .k-grid-md .k-selection-aggregates, .k-grid-md .k-selection-aggregates { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-md .k-resizer-wrap, .k-grid-md .k-resizer-wrap { display: block; width: 100%; -webkit-padding-before: calc(var(--kendo-spacing-1\.5, 0.375rem)/2 - var(--kendo-spacing-0\.5, 0.125rem)); padding-block-start: calc(var(--kendo-spacing-1\.5, 0.375rem)/2 - var(--kendo-spacing-0\.5, 0.125rem)); -webkit-padding-after: calc(var(--kendo-spacing-1\.5, 0.375rem)/2); padding-block-end: calc(var(--kendo-spacing-1\.5, 0.375rem)/2); position: absolute; background: none; cursor: row-resize; z-index: 2 } .k-loading-pdf-mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100 } .k-loading-pdf-mask > .k-i-loading { position: absolute; top: 50%; left: 50%; font-size: 64px } .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-grid-pdf-export-element { position: absolute; left: -10000px; top: -10000px } .k-grid-pdf-export-element .k-filter-row { display: none } .k-pdf-export-shadow .k-grid { float: left; width: auto !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-header-locked + .k-grid-header-wrap, .k-pdf-export-shadow .k-grid-header-locked + .k-grid-content, .k-pdf-export-shadow .k-grid-header-locked + .k-grid-footer-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-filter-menu-popup { min-width: 230px; max-width: 320px } .k-filter-menu { box-sizing: border-box } .k-filter-menu-container { padding: var(--kendo-spacing-2, 0.5rem); box-sizing: border-box; display: flex; flex-flow: column nowrap; align-items: stretch; gap: var(--kendo-spacing-2, 0.5rem) } .k-filter-menu-container .k-filter-and { width: -moz-min-content; width: min-content; align-self: start } .k-filter-menu-container .k-actions, .k-filter-menu-container .k-edit-buttons, .k-filter-menu-container .k-action-buttons, .k-filter-menu-container .k-columnmenu-actions, .k-filter-menu-container .k-form-buttons { margin: 0; padding: 0 } .k-filter-menu-container kendo-numeric-filter-menu, .k-filter-menu-container kendo-grid-string-filter-menu, .k-filter-menu-container kendo-grid-date-filter-menu, .k-filter-menu-container kendo-grid-numeric-filter-menu, .k-filter-menu-container kendo-grid-filter-menu-input-wrapper, .k-filter-menu-container kendo-treelist-string-filter-menu, .k-filter-menu-container kendo-treelist-date-filter-menu, .k-filter-menu-container kendo-treelist-numeric-filter-menu, .k-filter-menu-container kendo-treelist-filter-menu-input-wrapper { display: flex; flex-flow: column nowrap; align-items: stretch; gap: var(--kendo-spacing-2, 0.5rem) } .k-filter-menu.k-popup .k-filter-menu-container, .k-grid-filter-popup.k-popup .k-filter-menu-container { min-width: 230px; max-width: 320px } .k-multicheck-wrap { margin: 0; padding: 0; white-space: nowrap; list-style: none } .k-multicheck-wrap .k-item, .k-multicheck-wrap .k-check-all-wrap { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); display: flex; flex-flow: row nowrap } .k-filter-selected-items { font-weight: bold; line-height: normal; white-space: nowrap } .k-autofitting { width: auto !important; table-layout: auto !important } .k-autofitting .k-table-th, .k-autofitting td, .k-autofitting .k-table-td { white-space: nowrap !important } .k-autofitting .k-detail-row { display: none !important } .k-column-menu-popup, .k-grid-columnmenu-popup { min-width: 230px; box-sizing: border-box } .k-column-menu-popup.k-popup, .k-grid-columnmenu-popup.k-popup { max-width: 320px } .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons, .k-column-menu-popup .k-action-buttons, .k-column-menu-popup .k-columnmenu-actions, .k-column-menu-popup .k-form-buttons, .k-grid-columnmenu-popup .k-actions, .k-grid-columnmenu-popup .k-edit-buttons, .k-grid-columnmenu-popup .k-action-buttons, .k-grid-columnmenu-popup .k-columnmenu-actions, .k-grid-columnmenu-popup .k-form-buttons { margin: 0 } .k-column-menu { box-sizing: border-box } .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: flex; align-items: center } .k-column-menu .k-columnmenu-indicators { padding-inline: var(--kendo-spacing-1, 0.25rem); display: flex; align-items: center; justify-content: center } .k-column-menu .k-columnmenu-item:has(>.k-columnmenu-item-actions,>.k-columnmenu-indicators) { display: flex; align-items: center } .k-column-menu-tabbed { border-radius: var(--kendo-border-radius-md, 0.25rem) var(--kendo-border-radius-md, 0.25rem) 0 0 } .k-column-menu-tabbed .k-tabstrip-items { margin: -1px -1px 0 } .k-column-menu-tabbed .k-tabstrip-items .k-item { flex: 1 } .k-column-menu-tabbed .k-tabstrip-items .k-link { justify-content: center } .k-column-menu-tabbed .k-tabstrip-content { padding-inline: var(--kendo-spacing-0, 0px); padding-block: var(--kendo-spacing-2, 0.5rem); border-width: 0 } .k-column-list { padding: 0; margin: 0; list-style: none } .k-column-chooser-title, .k-column-list-item { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-column-list-item { margin: 0; display: flex; flex-flow: row nowrap; align-items: center; gap: 4px; cursor: pointer; position: relative } .k-column-list-item .k-checkbox-label { margin: 0 } .k-column-list-item:focus { outline: none } .k-columns-items-wrap { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-0, 0px) } .k-columnmenu-item { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); outline: 0; cursor: pointer } .k-columnmenu-item > .k-icon, .k-columnmenu-item > .k-expander-indicator { -webkit-margin-end: var(--kendo-spacing-1, 0.25rem); margin-inline-end: var(--kendo-spacing-1, 0.25rem) } .k-columnmenu-item-wrapper + .k-columnmenu-item-wrapper, .k-column-menu-footer { border-top: 1px solid; border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-columnmenu-item-content { overflow: hidden } .k-column-menu-group-header { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); display: flex; flex: 0 0 auto; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none } .k-column-menu-group-header-text { border-bottom-width: 1px; border-bottom-style: solid; font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height, normal); font-weight: bold; text-transform: uppercase; flex: 1 1 auto } .k-rtl .k-grid-virtual .k-grid-content .k-grid-table-wrap, .k-rtl .k-grid-virtual .k-grid-content .k-grid-table, .k-rtl .k-grid-virtual .k-grid-content > .k-height-container, [dir=rtl] .k-grid-virtual .k-grid-content .k-grid-table-wrap, [dir=rtl] .k-grid-virtual .k-grid-content .k-grid-table, [dir=rtl] .k-grid-virtual .k-grid-content > .k-height-container, .k-rtl.k-grid-virtual .k-grid-content .k-grid-table-wrap, .k-rtl.k-grid-virtual .k-grid-content .k-grid-table, .k-rtl.k-grid-virtual .k-grid-content > .k-height-container, [dir=rtl].k-grid-virtual .k-grid-content .k-grid-table-wrap, [dir=rtl].k-grid-virtual .k-grid-content .k-grid-table, [dir=rtl].k-grid-virtual .k-grid-content > .k-height-container { float: right } .k-grid-header, .k-grid-header-wrap, .k-grouping-header, .k-grid .k-table-th, .k-grid td, .k-grid .k-table-td, .k-grid-footer, .k-grid-footer-wrap, .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked, .k-filter-row > .k-table-th, .k-filter-row > td, .k-filter-row > .k-table-td { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-grid-header, .k-grouping-header, .k-grid-add-row, .k-grid-footer { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-grid .k-table { background-color: inherit } .k-grid-toolbar { border-color: inherit; box-shadow: none } .k-grid-content { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-group-footer td, .k-grouping-row td, .k-group-footer .k-table-td, .k-grouping-row .k-table-td, .k-table-tbody .k-group-cell { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-grouping-dropclue::before { border-color: var(--kendo-color-on-app-surface, #3d3d3d) rgba(0,0,0,0) rgba(0,0,0,0) } .k-grouping-dropclue::after { background-color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-grid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-grid .k-table-row.k-table-alt-row { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 5%, transparent) } .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 11%, transparent) } .k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent) } .k-grid .k-table-th:focus, .k-grid .k-table-th.k-focus, .k-grid td:focus, .k-grid td.k-focus, .k-grid .k-table-td:focus, .k-grid .k-table-td.k-focus, .k-grid .k-master-row > td:focus, .k-grid .k-master-row > td.k-focus, .k-grid .k-grouping-row > td:focus, .k-grid .k-grouping-row > td.k-focus, .k-grid .k-detail-row > td:focus, .k-grid .k-detail-row > td.k-focus, .k-grid .k-group-footer > td:focus, .k-grid .k-group-footer > td.k-focus, .k-grid .k-master-row > .k-table-td:focus, .k-grid .k-master-row > .k-table-td.k-focus, .k-grid .k-grouping-row > .k-table-td:focus, .k-grid .k-grouping-row > .k-table-td.k-focus, .k-grid .k-detail-row > .k-table-td:focus, .k-grid .k-detail-row > .k-table-td.k-focus, .k-grid .k-group-footer > .k-table-td:focus, .k-grid .k-group-footer > .k-table-td.k-focus, .k-grid .k-grid-pager:focus, .k-grid .k-grid-pager.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-grid-header-menu, .k-grid .k-hierarchy-cell .k-icon { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-grid .k-grouping-row { background-color: var(--kendo-color-surface, #fafafa) } .k-grid .k-grouping-row .k-icon { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-grid .k-grouping-row .k-grid-content-sticky { border-color: rgba(0,0,0,.3); border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked, .k-grid .k-grid-footer-locked, .k-grid .k-grid-header-locked .k-table-th, .k-grid .k-grid-content-locked td, .k-grid .k-grid-content-locked .k-table-td, .k-grid .k-grid-footer-locked td, .k-grid .k-grid-footer-locked .k-table-td { border-color: rgba(0,0,0,.3) } .k-grid .k-grid-content-locked .k-group-footer td, .k-grid .k-grid-content-locked .k-group-footer .k-table-td, .k-grid .k-grid-content-locked .k-group-cell { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-grid .k-grid-content-locked .k-grouping-row + .k-table-row td, .k-grid .k-grid-content-locked .k-grouping-row + .k-table-row .k-table-td { border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-grid .k-grid-content-locked .k-selected td, .k-grid .k-grid-content-locked .k-selected .k-table-td { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent) } .k-grid .k-grid-content-locked .k-selected.k-table-alt-row td, .k-grid .k-grid-content-locked .k-selected.k-table-alt-row .k-table-td { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 24%, transparent) } .k-grid .k-grid-content-locked .k-selected:hover td, .k-grid .k-grid-content-locked .k-selected.k-hover td, .k-grid .k-grid-content-locked .k-selected:hover .k-table-td, .k-grid .k-grid-content-locked .k-selected.k-hover .k-table-td { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 24%, transparent) } .k-grid .k-grid-header-locked .k-table-th { border-bottom-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } col.k-sorted, .k-table-th.k-sorted { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 3%, transparent) } .k-grid-header .k-sort-icon, .k-grid-header .k-sort-order { color: var(--kendo-color-primary, #0058e9) } .k-grid-header .k-grid-filter:hover, .k-grid-header .k-header-column-menu:hover, .k-grid-header .k-grid-header-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-focus, .k-grid-header .k-header-column-menu:focus, .k-grid-header .k-header-column-menu.k-focus, .k-grid-header .k-grid-header-menu:focus, .k-grid-header .k-grid-header-menu.k-focus, .k-grid-header .k-hierarchy-cell .k-icon:focus, .k-grid-header .k-hierarchy-cell .k-icon.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.1) } .k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-grid-header .k-table-th.k-grid-header-sticky, .k-grid-header td.k-grid-header-sticky, .k-grid-header .k-table-td.k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa); border-right-color: rgba(0,0,0,.3); border-left-color: rgba(0,0,0,.3) } .k-grid-footer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-grid-footer .k-grid-footer-sticky { border-left-color: rgba(0,0,0,.3); border-right-color: rgba(0,0,0,.3); background-color: var(--kendo-color-surface, #fafafa) } .k-selection-aggregates { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-master-row .k-grid-content-sticky { border-color: rgba(0,0,0,.3); border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-master-row .k-grid-row-sticky, .k-master-row.k-grid-row-sticky > .k-table-td { border-top-color: rgba(0,0,0,.3); border-bottom-color: rgba(0,0,0,.3); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-master-row.k-table-alt-row .k-grid-content-sticky, .k-master-row.k-table-alt-row.k-grid-row-sticky > .k-table-td, .k-master-row.k-table-alt-row .k-grid-row-sticky { background-color: var(--kendo-color-base, #f5f5f5) } .k-master-row.k-table-row.k-selected td.k-grid-content-sticky, .k-master-row.k-table-row.k-selected.k-grid-row-sticky > .k-table-td, .k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky, .k-master-row.k-table-row td.k-grid-content-sticky.k-selected, .k-master-row.k-table-row .k-table-td.k-grid-content-sticky.k-selected { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-master-row.k-table-row.k-selected td.k-grid-content-sticky::before, .k-master-row.k-table-row.k-selected.k-grid-row-sticky > .k-table-td::before, .k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky::before, .k-master-row.k-table-row td.k-grid-content-sticky.k-selected::before, .k-master-row.k-table-row .k-table-td.k-grid-content-sticky.k-selected::before { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent) } .k-master-row.k-selected.k-table-alt-row td.k-grid-content-sticky, .k-master-row.k-selected.k-table-alt-row.k-grid-row-sticky > .k-table-td, .k-master-row.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky, .k-master-row.k-table-alt-row td.k-grid-content-sticky.k-selected, .k-master-row.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected { background-color: var(--kendo-color-base, #f5f5f5) } .k-master-row.k-selected.k-table-alt-row td.k-grid-content-sticky::before, .k-master-row.k-selected.k-table-alt-row.k-grid-row-sticky > .k-table-td::before, .k-master-row.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky::before, .k-master-row.k-table-alt-row td.k-grid-content-sticky.k-selected::before, .k-master-row.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected::before { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 24%, transparent) } .k-master-row:hover .k-grid-content-sticky, .k-master-row:hover .k-grid-row-sticky, .k-master-row:hover.k-grid-row-sticky > .k-table-td, .k-master-row.k-hover .k-grid-content-sticky, .k-master-row.k-hover .k-grid-row-sticky, .k-master-row.k-hover.k-grid-row-sticky > .k-table-td { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-master-row.k-selected:hover td.k-grid-content-sticky, .k-master-row.k-selected:hover .k-table-td.k-grid-row-sticky, .k-master-row.k-selected:hover.k-grid-row-sticky > .k-table-td, .k-master-row.k-selected.k-hover td.k-grid-content-sticky, .k-master-row.k-selected.k-hover .k-table-td.k-grid-row-sticky, .k-master-row.k-selected.k-hover.k-grid-row-sticky > .k-table-td, .k-master-row:hover td.k-grid-content-sticky.k-selected, .k-master-row.k-hover td.k-grid-content-sticky.k-selected, .k-master-row:hover .k-table-td.k-grid-content-sticky.k-selected, .k-master-row.k-hover .k-table-td.k-grid-content-sticky.k-selected { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-master-row.k-selected:hover td.k-grid-content-sticky::before, .k-master-row.k-selected:hover .k-table-td.k-grid-row-sticky::before, .k-master-row.k-selected:hover.k-grid-row-sticky > .k-table-td::before, .k-master-row.k-selected.k-hover td.k-grid-content-sticky::before, .k-master-row.k-selected.k-hover .k-table-td.k-grid-row-sticky::before, .k-master-row.k-selected.k-hover.k-grid-row-sticky > .k-table-td::before, .k-master-row:hover td.k-grid-content-sticky.k-selected::before, .k-master-row.k-hover td.k-grid-content-sticky.k-selected::before, .k-master-row:hover .k-table-td.k-grid-content-sticky.k-selected::before, .k-master-row.k-hover .k-table-td.k-grid-content-sticky.k-selected::before { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 24%, transparent) } .k-grouping-row .k-grid-content-sticky { background-color: var(--kendo-color-surface, #fafafa) } .k-grouping-row:hover .k-grid-content-sticky, .k-grouping-row.k-hover .k-grid-content-sticky { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-column-list-item:hover, .k-columnmenu-item:hover { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-column-list-item:focus, .k-column-list-item.k-focus, .k-columnmenu-item:focus, .k-columnmenu-item.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-columnmenu-item.k-selected { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-column-menu .k-menu:not(.k-context-menu) { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-column-menu .k-menu:not(.k-context-menu) .k-item:hover, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-hover { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-column-menu .k-menu:not(.k-context-menu) .k-item:focus, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-column-menu-tabbed { background-color: var(--kendo-color-surface, #fafafa) } .k-column-menu-group-header-text { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-check-all-wrap { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-grid-norecords-template { background-color: var(--kendo-color-surface-alt, #ffffff); border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-resizer-wrap.k-hover .k-row-resizer { background-color: color-mix(in srgb, var(--kendo-color-on-base, #3d3d3d) 20%, transparent) } .k-resizer-wrap.k-active .k-row-resizer { background-color: var(--kendo-color-primary, #0058e9) } .k-columnmenu-indicators { color: var(--kendo-color-primary, #0058e9) } .k-listview { margin: 0; padding: 0; border-width: 0; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-flow: column nowrap; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .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-content { margin: 0; padding: 0; outline: 0; flex-grow: 1; 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-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-listview-content-padding-square { padding: var(--kendo-spacing-1, 0.25rem) } .k-listview-item { padding: 0; border-width: 0; outline: 0; border-style: solid; box-sizing: border-box; flex-shrink: 0 } .k-listview-item-padding-rectangle { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-listview-item-padding-rectangle .k-listview-link { margin-block: -var(--kendo-spacing-1, 0.25rem); margin-inline: -var(--kendo-spacing-1, 0.25rem); padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-listview-item-padding-square { padding: var(--kendo-spacing-1, 0.25rem) } .k-listview-item-padding-square .k-listview-link { margin: -var(--kendo-spacing-1, 0.25rem); padding: var(--kendo-spacing-1, 0.25rem) } .k-listview-footer { border-width: 0; border-style: solid; border-color: inherit } .k-listview-bordered > .k-listview-footer { border-top-width: 1px } .k-listview-pager { border-width: 0; border-color: inherit } .k-listview-bordered > .k-listview-pager-top { border-block-end-width: var(--kendo-listview-border-width, 1px) } .k-listview-bordered > .k-listview-pager-bottom { border-block-start-width: var(--kendo-listview-border-width, 1px) } .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 { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-listview-content > .k-focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.13) } .k-listview-content > .k-selected { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent) } .k-listview-item { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-chart-wizard .k-icon-text-wrapper { display: flex; align-items: center; gap: var(--kendo-spacing-3, 0.75rem) } .k-chart-wizard .k-icon-background-area { display: flex; padding: var(--kendo-spacing-4, 1rem); border-radius: var(--kendo-border-radius-md, 0.25rem) } .k-chart-types-wrapper { display: flex; flex-direction: column; gap: var(--kendo-spacing-4, 1rem) } .k-chart-wizard-splitter { height: 100% } .k-chart-wizard-splitter .k-tabstrip { width: 100%; height: 100% } .k-chart-wizard-preview-pane { padding: var(--kendo-spacing-4, 1rem) } .k-chart-wizard-property-pane { padding: var(--kendo-spacing-4, 1rem) } .k-chart-wizard .k-icon-text-wrapper.k-selected { color: var(--kendo-color-primary, #0058e9) } .k-chart-wizard .k-icon-text-wrapper.k-selected .k-icon-background-area { box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #0058e9) } .k-chart-wizard .k-icon-text-wrapper:hover, .k-chart-wizard .k-icon-text-wrapper.k-hover { cursor: pointer } .k-chart-wizard .k-icon-text-wrapper:focus .k-icon-background-area, .k-chart-wizard .k-icon-text-wrapper.k-focus .k-icon-background-area { box-shadow: inset 0 0 0 1px var(--kendo-color-primary-emphasis, #ff9d97) } .k-chart-wizard .k-icon-background-area { color: var(--kendo-color-primary, #0058e9); background-color: var(--kendo-color-primary-subtle, #ffeceb) } .k-spreadsheet { width: 100%; height: 600px; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; cursor: default; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-spreadsheet .k-vertical-align-center { position: relative; top: 50%; transform: translateY(-50%) } .k-spreadsheet .k-vertical-align-bottom { position: relative; top: 100%; transform: translateY(-100%) } .k-spreadsheet-toolbar { border-top-width: 0; border-inline-width: 0 } .k-spreadsheet-action-bar { border-width: 0 0 1px; border-style: solid; border-color: inherit; padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-size: var(--kendo-font-size, inherit); font-family: Arial,Verdana,sans-serif; position: relative; display: flex; flex-direction: row; gap: var(--kendo-spacing-2, 0.5rem) } .k-spreadsheet-name-editor { width: 10em } .k-spreadsheet-formula-bar { min-width: 0px; border-color: inherit; display: flex; flex-direction: row; align-items: center; flex: 1; gap: var(--kendo-spacing-2, 0.5rem) } .k-spreadsheet-formula-bar > .k-icon { padding-block: 0; padding-inline: var(--kendo-spacing-1, 0.25rem); box-sizing: content-box; border-width: 0 1px 0 0; border-style: solid; border-color: inherit; flex-shrink: 0 } .k-spreadsheet-formula-bar .k-tooltip, .k-spreadsheet-formula-bar .k-group-header, .k-spreadsheet-formula-bar .k-list-scroller { display: none } .k-spreadsheet-formula-bar .k-spreadsheet-formula-input { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); line-height: var(--kendo-line-height, normal); display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula::before { content: "{"; font-weight: 700 } .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula::after { content: "}"; font-weight: 700 } .k-spreadsheet-formula-input { outline: 0; white-space: pre; flex: 1; box-sizing: border-box } .k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-bool.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, .k-spreadsheet-formula-input > .k-syntax-num.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: rgba(0,0,0,0) } .k-spreadsheet-formula-list { min-width: 100px } .k-spreadsheet-formula-list .k-item { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-syntax-func, .k-syntax-startexp { font-weight: bold } .k-spreadsheet-cell-editor { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-1, 0.25rem); line-height: 20px; display: none; overflow: hidden; position: absolute; z-index: 100 } .k-spreadsheet-sheets-bar { -webkit-padding-after: var(--kendo-spacing-2, 0.5rem); padding-block-end: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 1px 0 0; border-style: solid; border-color: inherit; display: flex; flex-direction: row; align-items: center; position: relative } .k-spreadsheet-sheets { flex: 1 1 auto; overflow: hidden } .k-spreadsheet-sheets .k-tabstrip-items-wrapper { border-width: 0 } .k-spreadsheet-sheets-bar-add { align-self: center } .k-spreadsheet-sheets-bar-add:not(:hover) { border-color: rgba(0,0,0,0); color: inherit; background: none } .k-spreadsheet-sheets-items { flex: 1; overflow: hidden } .k-spreadsheet-sheets-items .k-tabstrip-items-wrapper { margin: 0; border-width: 0 } .k-spreadsheet-sheets-items .k-item .k-link { display: inline-block } .k-spreadsheet-sheets-items .k-item .k-spreadsheet-sheets-remove { margin-right: var(--kendo-spacing-2, 0.5rem); margin-left: calc(var(--kendo-spacing-2, 0.5rem)*-1); padding: 0; line-height: 1; display: inline-flex; flex-direction: row; vertical-align: middle; align-self: center } .k-spreadsheet-view { height: auto !important; border-color: inherit; font-size: var(--kendo-font-size, inherit); font-family: Arial,Verdana,sans-serif; flex: 1; position: relative; overflow: hidden } .k-spreadsheet-view .k-disabled { pointer-events: auto } .k-spreadsheet-fixed-container { width: calc(100% - var(--kendo-scrollbar-width, 17px)); height: calc(100% - var(--kendo-scrollbar-width, 17px)); border-color: inherit; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: absolute; z-index: 2; overflow: hidden } .k-spreadsheet-overflow { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; border-color: inherit } .k-spreadsheet-pane { padding: 0 1px 0 0; border-width: 2px 0 0 2px; border-style: solid; border-color: inherit; box-sizing: border-box; position: absolute; overflow: hidden } .k-spreadsheet-pane.k-top { border-top-width: 0 } .k-spreadsheet-pane.k-left { border-left-width: 0 } .k-spreadsheet-top-corner { border-width: 0 1px 1px 0; border-style: solid; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 10000 } .k-spreadsheet-top-corner::after { content: ""; display: block; width: 0; height: 0; overflow: hidden; position: absolute; bottom: 0; right: 0; border: 6px solid rgba(0,0,0,0); border-right-color: inherit; border-bottom-color: inherit } .k-spreadsheet-scroller { width: 100%; height: 100%; overflow: scroll; position: absolute; z-index: 1 } @media(hover: none),(pointer: coarse) { .k-spreadsheet-scroller { z-index: 3 } } .k-spreadsheet-haxis, .k-spreadsheet-vaxis { border: 0 solid; border-color: inherit; position: absolute } .k-spreadsheet-haxis { border-width: 1px 0 0; left: 0 } .k-spreadsheet-vaxis { border-width: 0 0 0 1px; top: 0 } .k-spreadsheet-row-header, .k-spreadsheet-column-header { text-align: center; z-index: 100 } .k-spreadsheet-row-header > div, .k-spreadsheet-column-header > div { position: relative; box-sizing: border-box; border-width: 0; border-style: solid; border-color: inherit } .k-spreadsheet-row-header > div::after, .k-spreadsheet-column-header > div::after { content: ""; border-width: 0; border-style: solid; border-color: inherit; display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .k-spreadsheet-row-header { position: relative } .k-spreadsheet-column-header { position: absolute } .k-spreadsheet-row-header > div { border-top-width: 1px } .k-spreadsheet-row-header > div:first-child { border-top-width: 0 } .k-spreadsheet-row-header > .k-selection-partial::after, .k-spreadsheet-row-header > .k-selection-full::after { border-right-width: 2px; display: block } .k-spreadsheet-column-header > div { border-left-width: 1px } .k-spreadsheet-column-header > div:first-child { border-left-width: 0 } .k-spreadsheet-column-header > .k-selection-partial::after, .k-spreadsheet-column-header > .k-selection-full::after { border-bottom-width: 2px; display: block } .k-spreadsheet-data { border-color: inherit; cursor: cell; position: relative } .k-spreadsheet-cell { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); box-sizing: border-box; position: absolute; line-height: normal; white-space: pre; overflow: hidden } .k-spreadsheet-merged-cells-wrapper { position: relative } .k-spreadsheet-disabled-mask { position: absolute } .k-spreadsheet .k-selection-wrapper { position: relative; cursor: cell } .k-spreadsheet .k-spreadsheet-selection { border-width: 1px; border-style: solid; box-sizing: border-box; position: absolute } .k-spreadsheet .k-spreadsheet-selection-highlight { border-width: 2px; border-style: dashed; box-sizing: border-box; position: absolute } .k-spreadsheet .k-spreadsheet-editor-button { position: absolute; padding: 0; z-index: 60 } .k-spreadsheet-active-cell { outline-color: rgba(0,0,0,0) !important; z-index: 10 } .k-spreadsheet .k-auto-fill-wrapper { position: relative } .k-spreadsheet .k-auto-fill, .k-spreadsheet .k-auto-fill-punch, .k-spreadsheet .k-auto-fill-br-hint { box-sizing: border-box; position: absolute } .k-spreadsheet .k-auto-fill { border-width: 1px; border-style: solid; cursor: crosshair } .k-spreadsheet .k-single-selection::after { content: ""; margin-bottom: -4px; margin-right: -4px; width: 6px; height: 6px; border-width: 1px; border-style: solid; border-radius: 50%; display: block; position: absolute; bottom: 0; right: 0; z-index: 300; cursor: crosshair } .k-spreadsheet .k-selection-full::after, .k-spreadsheet .k-selection-partial::after { display: none } .k-spreadsheet .k-autofill-wrapper { position: relative; cursor: cell } .k-spreadsheet-vborder { position: absolute; border-left-style: solid; border-left-width: 1px } .k-spreadsheet-hborder { position: absolute; border-top-style: solid; border-top-width: 1px } .k-spreadsheet-has-comment::after { content: ""; display: block; position: absolute; top: 0; inset-inline-end: 0; inset-inline-start: auto; border-width: 3px; border-style: solid } .k-spreadsheet-cell .k-dirty { inset-inline-start: 0; inset-inline-end: auto } .k-spreadsheet .k-filter-wrapper { position: relative; z-index: 50 } .k-spreadsheet .k-filter-range { border-width: 2px; border-style: solid; position: absolute; box-sizing: border-box; pointer-events: none } .k-spreadsheet-filter { border-radius: var(--kendo-border-radius-md, 0.25rem); padding: var(--kendo-spacing-1, 0.25rem); line-height: 1; position: absolute; cursor: pointer } .k-spreadsheet-filter .k-icon { vertical-align: middle } .k-spreadsheet-filter-menu { width: 280px } .k-spreadsheet-filter-menu .k-animation-container { position: relative } .k-spreadsheet-filter-menu > .k-menu, .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical { border-width: 0 } .k-spreadsheet-filter-menu > .k-menu .k-item, .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-item { color: inherit } .k-spreadsheet-filter-menu > .k-menu .k-link, .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-link { padding-left: calc(16px + var(--kendo-spacing-1, 0.25rem)*2) } .k-spreadsheet-filter-menu > .k-menu .k-icon, .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon { margin: 0 var(--kendo-spacing-1, 0.25rem) 0 calc(-16px + var(--kendo-spacing-1, 0.25rem)*-1) } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper { height: 200px; border-width: 1px; border-style: solid; overflow-y: scroll; overflow-x: auto } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview { padding: var(--kendo-spacing-1, 0.25rem); overflow: visible } .k-spreadsheet-filter-menu .k-details, .k-spreadsheet-filter-menu .k-expander { padding: 0; border-width: 1px 0 0; border-style: solid; border-color: inherit } .k-spreadsheet-filter-menu .k-expander { border: 0; background: inherit } .k-spreadsheet-filter-menu .k-details-summary, .k-spreadsheet-filter-menu .k-columnmenu-item { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); display: flex; align-items: center; cursor: pointer } .k-spreadsheet-filter-menu .k-details-summary > .k-icon, .k-spreadsheet-filter-menu .k-details-summary > .k-expander-indicator, .k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon, .k-spreadsheet-filter-menu .k-columnmenu-item > .k-expander-indicator { margin-right: var(--kendo-spacing-1, 0.25rem) } .k-spreadsheet-filter-menu .k-details-content, .k-spreadsheet-filter-menu .k-columnmenu-item-content { padding: var(--kendo-spacing-2, 0.5rem); display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-2, 0.5rem) } .k-spreadsheet-filter-menu .k-details-content .k-filter-and, .k-spreadsheet-filter-menu .k-columnmenu-item-content .k-filter-and { width: -moz-min-content; width: min-content; align-self: flex-start } .k-spreadsheet-filter-menu .k-actions, .k-spreadsheet-filter-menu .k-edit-buttons, .k-spreadsheet-filter-menu .k-action-buttons, .k-spreadsheet-filter-menu .k-columnmenu-actions, .k-spreadsheet-filter-menu .k-form-buttons { margin: 0; padding: 0 } .k-spreadsheet-popup { padding: 0 } .k-spreadsheet-popup .k-separator { display: block } .k-spreadsheet-popup .k-reset-color, .k-spreadsheet-popup .k-custom-color { border-radius: 0; width: 100%; border-width: 0; box-sizing: border-box; display: flex } .k-spreadsheet-popup .k-reset-color { border-bottom-width: 1px } .k-spreadsheet-popup .k-custom-color { border-top-width: 1px } .k-spreadsheet-popup .k-spreadsheet-border-type-palette { padding: var(--kendo-spacing-2, 0.5rem); display: grid; grid-template-columns: repeat(5, max-content); gap: var(--kendo-spacing-2, 0.5rem) } .k-spreadsheet-clipboard, .k-spreadsheet-clipboard-paste { margin: 0; padding: 0; width: 1px; height: 1px; border: 0; opacity: 0; position: absolute; top: 0; left: 0; overflow: hidden } .k-spreadsheet-window .k-external-dropzone { -webkit-margin-after: var(--kendo-spacing-4, 1rem); margin-block-end: var(--kendo-spacing-4, 1rem) } .k-spreadsheet-window .k-edit-form-container { width: auto; min-width: 0 } .k-spreadsheet-format-cells .k-spreadsheet-preview { margin-top: var(--kendo-spacing-2, 0.5rem); text-align: center } .k-spreadsheet-format-cells .k-list-scroller { margin-top: var(--kendo-spacing-2, 0.5rem); height: 210px; border-width: 1px; border-style: solid; border-color: inherit } .k-export-config { clear: both; position: relative } .k-export-config::after { content: ""; clear: both; display: block } .k-export-config .k-edit-field { margin-left: 5%; width: 45%; float: left } .k-export-config .k-page-orientation { position: absolute; right: 0; top: var(--kendo-spacing-2, 0.5rem) } .k-export-config .k-page-orientation .k-font-icon { font-size: 6em } .k-export-config .k-page-orientation .k-svg-icon { width: 6em; height: 6em } .k-spreadsheet-insert-comment textarea { height: auto } .k-spreadsheet-insert-image-dialog { border-radius: var(--kendo-border-radius-md, 0.25rem); border-style: dashed; border-width: 2px } .k-spreadsheet-insert-image-dialog label { display: flex; justify-content: center; min-width: 100%; width: 355px; height: 230px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAGQCAYAAAAjl1AKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMGVmMzZmZi04YmI1LTRlN2YtOTcwMS04OTU5ZTg1N2ZhY2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDNDOTBDNUQ2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDNDOTBDNUM2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMmZmZjM0Mi05NjEyLTQwM2YtYWZhYS01MTE1ZjQ2NThmMWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphYjlhMmUwMy1kNmIwLTY3NGMtODc4ZS0yMjUzMjdkNDI5OTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68UHLbAAAgpElEQVR42uzd2ZNc9dnY8TOL9gU0IAkjgwpkI8QOQmI1FS+FHW9VLt/7wpWb900qKV+lTL3vTZzElSvnJilfvM4fkQunfEOw2LUgiUUsNhiMAFsjtIzQrpmJnhOdoaent+np5SyfT1XXiJ4R0hz19Lef31l6ZHZ2NgEAWhu1CQBAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQQAwQQAwQQAwQQAMuP9/gNGRkZsZQAGop/v8WzCBIA8TJj9GFr9swGUYyAUTHEEoLvn+NxGdLwgG1BEAaoxYY7kNZ55C+bIEu4DoFixHGkT0JE8RTMvwWwXxRHBBKhMQGcbPN8PPZx5COZIh6EcEU+AQgex2fRYH8tm4RxqNIcdzGbxa/dROAGKOT3WhnCk5nOzTX5PbqI5zGB2Estmv24XTwDyO2HOtohi/f25ieawgtkqlvW/HukgnqIJULxY1v96tsV0OvRo5mkfZn0YR5tEs920CUB+o9kokvW3mQ6iWYkJc6RNLOtvo7/85S/X/eIXv/jntWvX/mjZsmVfGRsbG3eNWoCClvOq6enpy1f9/Ysvvvjfv/nNb/7zr3/96zM1oRxN2u/THHhAR/p5odr0D1gYtvpg1kdztObj6N///vf/NDEx8e/Gx8eXeZgBlM+VK1cunzhx4n9u3rz5n65Fc6Zm0my0dFs/tdbGuG9/z2FefL1ROOdi+ZOf/GTl1NTU/920adMvxBKgvOI5/upz/X+I5/x47q8bnEaSnByvMugJs1EkRxoEcyw23Lp16x72UAKojjNnzuxfv379N6/+crrBlDnbbsos44TZ7Mo+aTSPHTv2X8USoHriuT8a0GS6HOqUOewl2QW3OMBnYmLiHz1sAKopGhAtSFqfJTH4aA1pSbbRUmx6m5yc/O833njjv/GQAaiu48eP/6+NGzf+++TLg4AaLc0mSQWWZJuN1iNr1qz5vocKQLVdbcG/TnJ2cZpBBrPV1Xnmps1ly5Zt8lABqLarLdiYNL9YTbOmlCaY9fFsdHm8kbgogYcKQLVda0HTVpR9wuwonq7gA0CD418qtSTbzdQJQIW7macujOZgYwBA7psxmrONIKAA5LIN42XaIFeuXEmmpqaSixcvJjMzMx5qAMOYxEZHkxUrViTr16+P68T2shGVe3uvvohYTk5OCiXAkMXz8Pnz59PhZePGjb2IZj5eCJTlHygmS7EEyFc447m5NJNzWb6ReCUDQL5cuHBBMPP4SgaAfOn39coFEwBypjQH/bhCEAAmTAAQTAAQTAAQTAAQTABAMAFAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQSAAhkvyzcyMjLiXxMAEyYACCYACCYACCYACCYAIJgAIJgAIJgAIJgAIJgAIJgAIJgAIJgAgGACwBJ5ey8AMGECgGACgGACgGACgGACgGACgGACAIIJAIIJAIIJAIIJAIIJAKXg4usAYMIEAMEEAMEEAMEEAMEEAMEEAMEEAAQTAAQTAAQTAAQTAAQTAErBxdcBwIQJAIIJAAMzbhMA9cbGxpLx8fH0Fr8eHR1NP8auj+wWZmdn527T09PJzMxM+vHKlSvpLX4NggmUKpDLly9Pb8uWLUsD2YnaeMb/o14E9PLly8mlS5fSm4AimEDhRBRXrlyZ3mKSrHXmzJnk5MmTyalTp5IvvvgivV28eDG9RfQigukTyLUpdMWKFWls165dm96uv/76ZMOGDcn69evTz8UtxNR54cKF9BYxBcEEcivCtmrVqrmIZYGcnJxMPv300+Rvf/tbGsZMLLc2ky29nj9/Pv3vY8eOzft8/Bk33XRTsmXLlmTTpk3JunXr5qIaf0b8vpg8oQhGWv0w9OQP+PJ0j5Gaj9lttOYW6zljV/8+J7v5c+p/UIFkQbzWrFkzb5r88MMPk7/85S9pKOt18tzQ6msafe7mm29Otm3bltx2223zonv27Nl5kaZc4sVSl/3YcPXD9LXbTM1ttuaW1HxM+tk0wYSSi32SMdHFx5BNku++++7c0mqvItlpROPvsmPHjrnJM8TfJZZ+6/9OCKZgCib0VeyjjFDGPsrw+eefpxPlO++80/NpsptpM3PXXXelE+eNN96Y/nfs34xw2scpmIIpmNB3sfwa+wuzo13/9Kc/JXv37h1oJFt9vtH9jz32WLJ9+/b01xHL2K9qmVYwBVMwoW8/bxHKbKr8+OOPkwMHDqT7CPMwTbb7XEzEu3fvTrZu3To3bUY4+/08hWAKJlRInAcZp3HE/sE49ePgwYPpfsphT5OLnTRD7N/ctWtX+j3FPs2pqSnncArm0IPptBIogYjkddddly7BxkE9L7/8cseT2bCmyVb3HzlyJDl69Gjy1FNPpU+2cU7n6dOnHRDEUJVmwownCaiiOK8yJsv4WfvrX/+avPTSS+mpGkWZJlt9LibMiGYcFBRfE5Om8zaLZ+PGjaWYMF18HQosDu7JYvn+++8ne/bsaRnL7Lqv3Xy+9rqx3Xyu099Te398L88++2zy3nvvpd9jduUgGAZLslDgyTIO8ImQ/PnPf05eeeWVQk+Tre6PFwLxMY6ije85fm3SZNBMmFDEV7rj43OTZbNYFm2abHf/888/nx7ElE2a9de/BcEE5v/Qjo6mB/hky7D1sew2hJ3+3l4GdLH3x6SZLc9mBzmBYAILZNNVhOKjjz5Kj4btVQjzNE22uv+5555LPvjgg3kvHGAQxsv0RAJlFxdPj1NI4jJ3EctBnxLS632Tnd7fKJqxLTZv3pxe7CAupQcmTCCVvS1XiGXYZuckLnVizNM02ey++N4jmnExg7iqkSNnEUwgFSsoMUmF2Id34sSJjqPWj8/18/5O4xlvbp3tv41p0yoTggmkQYh9dnFt2FdffbWjqbCbyXCQU2Mn02S7qL7xxhvp+3nGtoltBIIJFRanT2QXU9+3b1/HU+FiJr28TpOdRPXFF19MP8Y2cqoJggkVVrsUGwe3DOKUkF6dKtLLabLZ/XHN3LfeemvetgLBhIqJg1liaoqjYltdnGBQ50cOI4jtvjZ+/cc//jF9x6LYVg4AQjChgrKjYuO8w35Nk0sJaK+j2s3XZuJNsmu3GQgmVEScRhITU0xOb7/9du5PCRnENNnqaw8dOpR89tln6TaLbQeCCRWRHejzySef5PpydYOcJuuXYuvvi7c3q912IJhQ9h/M0dH0ij7hnXfeyd00OYggtvvaRvcdPnx4bjp3nVl6zaXxIIfiwJV4TMf1YrO3scr75ery8LWxreIdTeJtwGLKPH/+vAcTJkwoezBDHOxjmmy/FFt7fwSzdhuCCRPK+ip2dDQ9cGVqaiqdMAc5NRZpmmx2X2yzuGze9ddfn27LmZkZDypMmFBG2RGecXTsoKfGok2TzX7/p59+Om9bgmBCCWUH+xw9ejT3R7q2+38sNZ7d/v4PP/xw3raEXrAkCzkNZjYl1YahmaUudy72/n4spfby98dF6gUTwYQSGxsbS4+Ojf2XFy9e7Hv4ihrEdvfF0bHZfszYpvG+mSCYULJghtOnTw88fGWL5+TkZBrMOIBKMOkF+zAhh8GM6ag+BHm++Hke92MeP3583jYFEyaU6RXstavTxIRpmlza12bb0BV/EMw6rvRDKX4gr70BcuzDbDRFDTuIRYpnbMNswvT8gGBCyWRP7OfOnRPEJX5ttg3FEsGEEgfzwoULhb/izrDjmV1HVjARTChxMOsv5yaei//aK1euCCaCCWUPZrzrhiAu/Z1LBBPBhJJbygE/4tn6qkggmFCSUMZEFJd0u3z5cqGClLe/a3bhdfFEMKHEwYxTIbIlxbIEbdDnlGYXLBBMBBNKGsxsOsqO8ixj/AYRz5UrVwomggllD+bq1asXXB4vD0Ea9u9fzP8jtqFg0kuuGQU5kl0kfP369fNiMKjrr/bjWrG9vNbsYq6Zm21DF17HhFnHoeOUQXb+5XXXXVf5pdil/j9iG2bb1PMDggklnTA3bNhQyCAO+mtb3b9x48Z5L0JAMKGEwYz3cazaOZK9jmcWzOyKPyCYUCIxDcWTfiwnxlGecU3ZPMQv79Nk/f2rVq1KJiYm0vtNmPSKg34gZ+KCBWHLli2FPDCn26/t9v/R6P9z6623ztuWIJhQQtkSYvak30lMlhq0QQSxl0fAtro/brfddtu8bQm9YEkWcjphfuUrX6nc1Xl6df9Xv/pVEyYmTCi72OcWB//Efsxt27a1nMSKuhTbr/tDTJc33HBDug3tv0QwoeSy68h+/etfL/xS7CDvj9s999wzbxtCr1iShZwGM470jAkzrivbi/fHHPTyar+XYht9LrbV3XffLZiYMKEqYikx2/9233335XqaHNaU2ehzDz/8cPoxtp3lWASTwjt+/LiN0IGLFy+mH7du3drz+PU6fIPYN9ns/trP3X777fO2HfSSa8ky8Fg+//zzyZNPPpls2rTJBmkhTomIA1fiaNkHHnggOXjw4IJINApHs6AM6msHcX+jz+3evTu55ZZb0m0W285zAiZMCh3LPXv2pO/zGNE8duyYjdJGdqWfOPin22kyr0fALnaKbfe5u+66a942A8Gk8LHMntREs73YFxcT00033ZR885vfzEUQlxq9pQS02ee+973vJTfffHO6rZx7iWBSmljWTk+i2d65c+fSj/fee2+ybt26wl6urpcBrf1cvO/lQw89NG9bgWBSyFhGFOtjKZqdi6kpO0XiqaeeGug02cvL1fXi9zT6fU8//XT6MbaRN4tGMCl0LNu96s+iOTk5aaM1ES84IhJf+9rXkm9961uluMBAN9Nk/ed37dqVbN++Pb2/2YsyEExKEcvaaMayrWgmTYORbcs4LzN7r8eiXK6uV9NkrXiT7XjxUPuCAgSTQsYynsTi0P5Ob3HunEmzuTiYJTu/8Dvf+U4yPj5eqWmy9vPxvf/4xz9OP8ZSrKv6IJgUOpbdsDzbfvtkR81+97vfXXTI8nKBgW4/l30+YhnvSBLbwlIsgkkhY/nCCy8s+QlMNJuLYJw9ezb9eMcdd8xFMy9TZi8/1+zPi1ju2LFj3raAQRjp94Ot5mobIzUfs9tozW0sblf/Pie7+XNOnz7tX3OIIm69iGWtlStXuiJQE2NjY8maNWvSn6833ngj+cMf/tAwNs0i1Iv7h/G5H/7wh+lVj7JYOiq2GOKt6rrsx4arH6av3WZqbrM1t6TmY19fQJkwyWUss0kz/r9OOVkoQhEHAcWTQ5yfWTtplmmarPWDH/xgLpbxvYslgyaYLEm2DBtxW8wBPos5EEg0G4vrpWZHh0Y042o3ebtcXSch7OTzP/rRj5IHH3xw7vSR+N5BMClULGNfY7+v3SmazcWRs9mkGW+cnB05mofL1S31SNjsaNif/vSnyf333z83Wbr0HcNiHya5jmWtFStW2KfZRO0+zU8++ST5/e9/n5w8eXIuPq2mt8Xcv5TPLfbzExMT6QuAeAcS+yyLrSz7MAWTrmLZj32WncgOBMpO3OdLo6OjyerVq9N4Rliee+65ZP/+/T0J3lJC2M3vjSv4fPvb306WLVs2t7/WG0ILpmAKpliKZk9/3mL7LF++PP3v9957L3n22WfTn488T5O1T6xxbdg777wz/e+4IEGsYjh1RDAFUzALGcs8vN9gtjwrmo3FZLZq1aq5n7948+n6U0+GMU22+prvf//7yc6dO+e+Jl6U2V8pmIIpmGIpmgOfNj/99NPk7bffTvbu3ZuLaTLzyCOPJHfffXeyZcsWU6VgCqZgFtvnn38+9GVY0exeHGka4Yx9m+Ho0aPJBx98kOzbty+NU7+WZFt9Tfy77d69O9m2bVt6UE+IfZURSqeMCKZg9jmYU1NTHpV9nCzzfL3OiMETTzzh6NkOwhmhysIZ3n333eTNN99MPw5imox9k3H6S1zaLhOhjFOHhLK84k2+BVMwxVI0CxnO2McZt9pVhI8//jh5//33k48++mjBv3m302TsR926dWv6Pp633nprcsMNN8x9LvZPxk0oBVMwBbPwsXzxxRcL9U4QlmcX/7OZhbN26swCGheKiNupU6fSW5zakV1lJ3s7rez3xwuWOA/0+uuvT2/xb7B58+Z5gcymySyU9lEKpmAKpljmYNIUzcWJczhj8oxwxsean9slieeXCGyEMj46l1IwBVMwSyMmi4hlTBNFJZq9CWjEMz5mt+z6vrU/19nzR3YpuwhidotICiSCKZiljmUZ3pA3lmdFEwSzpy8k/VNStliGOOoyvh9vQg0IJmLZQTRfeukl0QQEE7FsJ06EF01AMFlyLCMm/Xrz57zcskkzjv4FEEy6imVZJ8t62T5N0QS6VZqjZM+cOeNfcxGxLPMybCtxysnjjz/u6FkYoHXr1nXbD0fJIpbDYp8mYMI0YXYcyzy9RdewxHmaJk0wYZowaRjL7AAfnHICCCYtYlnVZdhW0Xz55ZdFExBMxLKdmLgjmo6eBdqxD7PETpw4IZYdyvZp3njjjTYG9Jh9mIhlibi4AVCZCfOLL77wr3mNA3yWNmk+9thjjp6FHlq7dq0JE7Es46TpQCBAMCsQy3iyF0vRZPg8fgSTnMfSPsveRfOVV17xpEdXYl/4888/nxw7dszGKBH7ME2WtJDt03T0LIuJ5Z49e9IXr3Ht4m984xvJpk2bKr1N7MMkF+JoWLHs76TpPE26iWWIn0uTZnkIplgimvQhlhnRFExyEkv7LEWTfMQyotjszdjj8fPCCy+IZsHZh2myZBFin+ajjz5qnyYLYtnJi9fYp/nkk09Wbp9mWfZhliaYZ8+ercQDzwE++YmmixsQR1F3GsvaaFbtQKA1a9aUIpiWZAsWyzjVQSyHyykn1May2TJss1s8fuzTLCbBLFgs7bMUTfIVy24fP6JZPJZkC8A+y/yyT7OasYwDeHrx4rUq+zQtySKWzE2ajp4Vy27Ez7WjZ4tDMMUS0WQIsRTN4rEkm+NYOsCnWGJ59pFHHrE8W0K151n2SyzPPvHEE6VcnrUki1iyYNJ89dVXTZpi2fWk+eKLL5o0c0wwxRLRZMixFE3BRCxFk0LHMvYtDvrnUTTzqzT7MM+dO1fof4g4zzKeZMWyPOzTLK5+HeCzGGU65WT16tXd9sM+TMTSpEneY7nYK/j0+haPH5NmvgjmkMUyrFiWO5p79+4VzQLGMg8sz+aLJVmxZABieXb37t2WZ3Ms22eZx8tPFv2UE0uyiCUmTbE0aVaIYIolA4zmvn37RFMsRVMwEUs6edITzfzFctgH+DgQqBjswxxwLGNZTizJ9mnecMMNNsYQYxnxKeJb5mX7NIvyJub2YSKWdC3bpxmnFDF4sd0jlkWZLJtNmt6P1YRZugnz5MmT6TJsPMih1vLly02aQ4plGd6MPSbNxx9/PPeTZlkmzNIEM68PfpMl7cTy7K5du5xyMgBFXoZtF808n3KyatWqUgTTkqxYMmSOnhXLpYjnl5deesny7ACYMPscS8uwdMrybP9jWeYXr7FSkdcDgUyYiCU9denSJQcC9SmWMYGVfaUnnm9Mmv0lmH2IZSyviSXdRjMeP6LZ21iWbRm2Gcuz/WVJVizJoViejQOBLM+KZTfydvRsWZZkBVMsEc3SqT3Psqpin2ZeomkfJnPiPMv9+/eLJT0Vy7PxuLI8K5bdiOejl19+2fKsCTM/E2bE0mRJvyfNhx9+2KQpll2J5dnHHntsqJOmJVnBFEsGGs1Ynp2YmLAxWsSyCkfDdiNbnh3WxTEsyVacWDJI2fJs7CtHLBcrO+XExTFMmKlB/qDEk5Z9lgxr0rQ8O19VzrPshWEtz8afa8KsILEkD5OmA4HEstvBwoFAJsyB/MBYhiUvYp/Uzp07Kz1pWoZd2uNnkJOmCbNixJI8icfhgQMHKjtpiuXSHz8mTRNm32JpGZY8in2aVZs0xbK3k9+jjz7a90nThFmhyVIsyavYpxmTZlWOno1YxmQklr0R2/GVV15x9KwJUyyp1qQZR8+W+TxNseyfbJ9mv87TLMuEKZgtYhmv3MWSIkUzlmfLGE2xLHY0LcmWmFhSRGVdnhXLwcgOBLI8K5hiiWgWUHwfsY9NLAcXTfs0W0y8lmS/dOrUqXSfZTzpQJHF8uxDDz1U6OXZiKXJcjhieTaOnu3V8qwl2ZKJWMYrc7GkLJPmwYMHCztpiqVJM48EsyaWlmEp25NeEaMplqKZV6VZku02drHP8rXXXhNLSqtIy7NxgE88SQ/r/W1ZKLu4wVKWZ2OJt8t+OK0kL8EUS6oinrAefPDBXEczi6XJMp+Pn6VEsyzBrOySrFhSJXlfnhXL/D9+LM9WdMKMfZZiSRXF8mzeJs3s1BHLsOWdNC3JFjSYYoknvRXJAw88kItoOs+ymI+fRx55ZFHRFMwCBjOLpVNHMGkuH3o0xbI60bQPs2AilrEPRyzh/5+neejQoXRf/rBi+eqrr4plQcWAEv9+VdunWYlgZrG0DAvDj2YWS/ssix/NvXv3VupNzEu/JCuW0Fq2T3PDhg0mS7p6/MTybKs3MbcPswDBPH36tH2W0IFsn2Y/oxmTrH2W1YymYOY8mBFLkyXkI5oRS5Nl+aO5e/fuhtF00E/ORJizm1jC4tXu06z9eVrqTSyroXafZv1joDSdKcuEmS27OhoW8jNp2mdZ3Umz9pSTeEyVYcIsVTAjlvEK2WQJw49mxDImDrGsZjR37do1F03BzFkwjx07lsbSZAm9sWzZsq6jKZbURrMswSzNPkyxhN66fPlycvjw4UWfpymWhFjp27dvX6nO0yxNMMUS+vNztZhoiiX10YzHQ1mMl+UbKdORWJDHSfP+++9vuTwbUY2JIp4k/TxSxmFm1D8n0Gk0m02acb/JkrITTKDjaL7++uvp0ehiiWACtBDLa0eOHEmmp6fFksqxDxPoWJxqct999yVjY2NzsbTPEhMmQF0sd+7cmaxdu3beAT4gmADXxInnEct169bNxdIyLFVjSRZoO1k+9NBDaSzjPEuxRDABWsQyJsv9+/fbZ0llWZIFOoqlyRITZkl4xQu9j2XtAT5iiWACtImlZViwJAu0iGW2zxKwJAtkTwbj4wtiaRkWShhMYGmT5YMPPpjGMq4V62hYWMiSLIjlvFi6gg+UfML0Shi6eAIYH284WQIlDiaw+MnygQcesAwLJkygVSzvv//+BVfwAUyYQIPJUixBMIEOYnngwIH0TaGt0ECFgukHHtrHMpZha2NpsoTOOa0ExBKo0oQJtI9lHA372muvWYaFKgfTDz80+AEfH58XS5MlCCbQYLK877775k4dMVnC0tiHCRWJpckSTJgpr5rh2g/1+LhYgmACnUyW2dGwBw8eFEsQTKCTWFp9AcGcx5MClf5BvrYMa7KE/nHQD4glUKUJE6oolmHvvffeufMsDx065NQRMGECrWJpsgQTZke8oqZSP7jj42IJggm0myzvueeeebG0DAuCacKEusmyUSwBwQRqYhnLsGvWrJl3gA8wGA76gYLG0j5LMGECNbJ9llksDx8+bJ8lCGb3PHlQ1smyPpYmSxgOS7JQgFiePn1aLMGECdSLZdi777577mhYy7AgmD3jiYQyTZb1sTRZgmACdbG0zxIEE2ghW4Z1NCwIZl95UqHok2WjWAL54ShZyFksX3/9dbEEwQSaxTJOHYlY2mcJOf15tQkgH7G0zxIEcyA8yVC0WN51110LYgkIJtAklrEMe/nyZS/6IOfsw4Qhx9JkCSbMgfLqnKLEcvXq1WIJggl0Ess33njDMiwUjCVZGEIsTZZgwhwar9TJayx37NghlmDCBDqN5ZtvvimWYMI0YUJ9LO+8884FsfQ4BRMmUDdZxqkjU1NTyVtvvWWyBBMm0CiWJksQzNzyhEQeYtloGRYoB0uy0IdYWoYFwQQ6iKW36ALBBMQSqvnzXpZvxD5MhhHL7du3L1iG9VgEE2aujY2N+ddkKLGMU0eOHDlinyWU/Lm5NBPm+vXrk5MnT3p0MvBYmiyhuYmJCcHMm1tuuSU5c+ZMMj097RFKX18tN4ol0PjF5W233Vaa72dkdna2v3/Al6+6R2o+ZrfRmlvM7WNX/z5dj4kXLlxIjh49mj6RCSf9+OG/4447xBI6eGEZk2XEMn5eltCPDVc/TF+7zdTcZmtuSc3HpJ9Ny0MwR67FMn49vpRgAlAe14J55Vokp6+FcWjBzMtBPwu+aQAqL1dtGM3JxgCAXDdjNGcbQkAByGUXRvO2Qaanp0UToOJmZmZyF85hBbPRN5/ed+UqDxWAart8+fKVVq0oezAb7bydrdsAsxcuXJj0UAGotnPnzk0mLY6GTYZwQFBelmTnfn3mzJnfe6gAVNupU6f+T5NADk2eTitJb7/97W//+eoo7qoDABV16dKl6d/97nf/1GDCHKpBXrgg/c8GHxdc9efEiRP/bcOGDf/Wwwagej744IP/sW3btv+YdHZ1n3kRK8uVfmpDWR/LBVf+OX/+/HMrV67c6aEDUB3Hjh07sHnz5n+VNL+yT/3EObBgDnpJttnRTvW3mZ/97GdPX7hw4S0PH4BqmJycPPLzn//86RaRnG3TlP4OgAOeMJtNmUndhDm3RHvixIn/snr16n9YsWLFMg8ngPK5Ohxd/uyzz357++23P5MsXIKdSRaeUdE0mGW/luxsk4kzvdjuxMTEM7/61a9uPXr06L9MTU19dunSpSv9jjwA/RMXJbh48eKVkydPfvbhhx/+yzPPPHPr1Vj+MvnyXUnaLr0OwzAmzEZTZu202ektafARgHxqdLDOYm5JJwHtZ9PGc7IRRxpsiFaRHGkRXgDyGctGwUzaBDI371gyPsSNN9Immo3imYglQKmimXQQyaEe7JOHCbNVNEeabKDa++sjKZoA+Y9lJ/HMXSyHHczFTpr1X18fTkcCAZQnnLmKZR6C2SyaSdJ+iTYXGxCAvsUzN7HMSzAbRbCTcAJQnmC2imIuGjCew4030mZDCShAeaOZu1DmMZiNNtBI3jcgAAONqGAuYsM5GhZAHAWzbBsYgHIYtQkAQDABoCf6viTrnUUAMGECgGACAIIJAIIJAIIJAIIJAIIJAIIJAIIJAIIJAAgmAAgmAAgmAAgmAAgmAAgmAAgmACCYACCYACCYACCYACCYAFB0/0+AAQDHHxQEMMRIrwAAAABJRU5ErkJggg==); background-size: auto 70%; background-position: 50% 30%; background-repeat: no-repeat } .k-spreadsheet-insert-image-dialog label div { display: flex; align-self: flex-end; margin-bottom: var(--kendo-spacing-7\.5, 1.875rem); 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:hover div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div { margin: 0; align-self: center; opacity: 1 } .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 { width: 6px; height: 6px; border-style: solid; border-width: 1px; border-radius: var(--kendo-border-radius-lg, 0.375rem); position: absolute; 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-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover { border-radius: var(--kendo-border-radius-md, 0.25rem) } .k-spreadsheet-legacy .k-spreadsheet, .k-spreadsheet-legacy .k-spreadsheet-action-bar, .k-spreadsheet-legacy .k-spreadsheet-view { font-size: 12px } .k-spreadsheet-legacy .k-spreadsheet-cell { padding: 1px } .k-spreadsheet-legacy .k-spreadsheet-filter { padding: 0px } .k-spreadsheet-legacy .k-filter-range { border-width: 1px } .k-spreadsheet-legacy .k-spreadsheet .k-spreadsheet-selection-highlight { border-width: 1px; border-style: solid } .k-spreadsheet .k-tabstrip-wrapper { border-width: 0 0 1px; border-style: solid; border-color: inherit; position: relative } .k-spreadsheet-quick-access-toolbar { padding: var(--kendo-spacing-2, 0.5rem); display: inline-flex; flex-direction: row; position: absolute; z-index: 2; top: 0; left: 0 } .k-spreadsheet-tabstrip { padding-top: var(--kendo-spacing-2, 0.5rem); position: relative; z-index: 1 } .k-spreadsheet-tabstrip .k-tabstrip-items-wrapper { margin: 0 } .k-spreadsheet-tabstrip .k-loading { display: none } .k-spreadsheet-tabstrip .k-content, .k-spreadsheet-tabstrip .k-tabstrip-content { border-radius: 0; padding: 0; border-width: 0; overflow: hidden } .k-spreadsheet { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-spreadsheet-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-spreadsheet-top-corner, .k-spreadsheet-row-header, .k-spreadsheet-column-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-spreadsheet-cell-editor { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-spreadsheet-merged-cell { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-spreadsheet-disabled-mask { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-spreadsheet .k-selection-full, .k-spreadsheet .k-selection-partial { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent) } .k-spreadsheet-selection { border-color: var(--kendo-color-primary, #0058e9); background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent); box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #0058e9) } .k-spreadsheet-selection-highlight { border-color: var(--kendo-color-primary, #0058e9) } .k-spreadsheet .k-single-selection::after { border-color: var(--kendo-color-surface-alt, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-spreadsheet-active-cell { background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #0058e9) } .k-spreadsheet .k-auto-fill { border-color: var(--kendo-color-primary, #0058e9); background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent); box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #0058e9) } .k-spreadsheet .k-auto-fill-punch { background-color: rgba(var(--kendo-color-surface-alt, #ffffff), 0.5) } .k-spreadsheet .k-resize-handle, .k-spreadsheet .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-marker { background-color: var(--kendo-color-primary, #0058e9) } .k-spreadsheet-has-comment::after { border-block-color: var(--kendo-color-primary, #0058e9) rgba(0,0,0,0); border-inline-color: rgba(0,0,0,0) var(--kendo-color-primary, #0058e9) } .k-spreadsheet-cell .k-dirty { border-block-color: var(--kendo-color-error, #e13929) rgba(0,0,0,0); border-inline-color: var(--kendo-color-error, #e13929) rgba(0,0,0,0) } .k-spreadsheet .k-filter-range { border-color: var(--kendo-color-primary, #0058e9) } .k-spreadsheet-filter { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #3d3d3d); background-color: var(--kendo-color-base, #f5f5f5); box-shadow: inset 0 0 0 1px var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-spreadsheet-filter:hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-spreadsheet-filter.k-active { background-color: var(--kendo-color-base-active, #d6d6d6) } .k-spreadsheet-filter-menu > .k-menu .k-item:hover, .k-spreadsheet-filter-menu > .k-menu .k-item.k-hover, .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item:hover, .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item.k-hover { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-spreadsheet-insert-image-dialog { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover { box-shadow: inset 0 0 0 2000px rgba(0,0,0,.5) } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div { color: var(--kendo-color-surface-alt, #ffffff) } .k-spreadsheet-drawing.k-spreadsheet-active-drawing { outline-color: var(--kendo-color-primary, #0058e9) } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle { border-color: var(--kendo-color-primary, #0058e9); background-color: var(--kendo-color-primary, #0058e9) } .k-spreadsheet-drawing-anchor-cell { background: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent) } .k-syntax-ref { color: #f82 } .k-syntax-num { color: #09f } .k-syntax-str { color: #38b714 } .k-syntax-error { color: red } .k-syntax-bool { color: #a9169c } .k-syntax-paren-match { background-color: #caf200 } .k-pivotgrid { border-width: 1px; border-style: solid; box-sizing: content-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); text-align: start; vertical-align: top; display: grid; grid-template-columns: 300px auto; grid-template-rows: 75px auto; position: relative } .k-pivotgrid table { margin: 0; width: 100%; max-width: none; border-width: 0; border-color: inherit; border-collapse: separate; border-spacing: 0; outline: 0; text-align: inherit; empty-cells: show } .k-pivotgrid thead, .k-pivotgrid tbody, .k-pivotgrid th, .k-pivotgrid tr, .k-pivotgrid td { border-color: inherit; text-align: inherit } .k-pivotgrid-table { table-layout: fixed } .k-pivotgrid-table th { font-weight: 400; text-transform: initial } .k-pivotgrid-table .k-pivotgrid-header-root { font-weight: 600; text-transform: uppercase } .k-pivotgrid-empty-cell { border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px } .k-pivotgrid-empty-cell:focus { outline: none } .k-pivotgrid-column-headers { overflow: hidden } .k-pivotgrid-column-headers .k-pivotgrid-table { -webkit-padding-start: 0; padding-inline-start: 0; -webkit-padding-end: var(--kendo-scrollbar-width, 17px); padding-inline-end: var(--kendo-scrollbar-width, 17px) } .k-pivotgrid-column-headers .k-pivotgrid-cell { border-bottom-style: solid; border-bottom-width: 1px; border-left-style: solid; border-left-width: 1px } .k-pivotgrid-column-headers .k-pivotgrid-cell:first-child { border-left-width: 0 } .k-pivotgrid-column-headers .k-pivotgrid-cell.k-first { border-left-width: 1px } .k-pivotgrid-row-headers { overflow: hidden } .k-pivotgrid-row-headers .k-pivotgrid-table { padding-bottom: var(--kendo-scrollbar-width, 17px) } .k-pivotgrid-row-headers .k-pivotgrid-cell { border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; white-space: nowrap } .k-pivotgrid-values { border-color: inherit; overflow: scroll } .k-pivotgrid-values .k-pivotgrid-cell { border-bottom-style: solid; border-bottom-width: 1px; border-left-style: solid; border-left-width: 1px } .k-pivotgrid-values .k-pivotgrid-cell:first-child { border-left-width: 0 } .k-pivotgrid-cell { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-3, 0.75rem); text-overflow: ellipsis; white-space: nowrap; vertical-align: top; overflow: hidden } .k-pivotgrid-cell:focus { outline: none } .k-pivotgrid-cell .k-icon { cursor: pointer; -webkit-padding-end: var(--kendo-spacing-1, 0.25rem); padding-inline-end: var(--kendo-spacing-1, 0.25rem) } .k-pivotgrid-total { font-weight: 600 } .k-column-menu .k-treeview { padding-block: var(--kendo-spacing-0, 0px); padding-inline: calc(var(--kendo-spacing-4, 1rem)/2); overflow: auto } .k-pivotgrid-configurator { display: flex } .k-pivotgrid-configurator-panel { border-width: 1px; border-style: solid; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; z-index: 2 } .k-pivotgrid-configurator-button { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); border-width: 1px; border-style: solid; box-sizing: border-box; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none } .k-flex-row-reverse .k-pivotgrid-configurator-button > span { transform: rotate(-180deg) } .k-pivotgrid-configurator-overlay { position: absolute; overflow: hidden; z-index: 2 } .k-pivotgrid-configurator-header { padding-block: calc(var(--kendo-spacing-4, 1rem)*0.75); padding-inline: var(--kendo-spacing-4, 1rem); font-size: 18px; font-weight: 500; display: flex; flex-direction: row; align-items: center } .k-pivotgrid-configurator-header-text { word-break: normal; overflow-wrap: anywhere } .k-pivotgrid-configurator-content { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-4, 1rem); flex: 1 1 auto; overflow: auto } .k-pivotgrid-configurator-content .k-form .k-label { font-size: 16px; font-weight: 500; align-items: flex-start } .k-pivotgrid-configurator-content .k-form .k-dropdown-list, .k-pivotgrid-configurator-content .k-form .k-dropdown, .k-pivotgrid-configurator-content .k-form .k-dropdownlist { max-width: 90px } .k-pivotgrid-configurator-content .k-form .k-textbox { flex-basis: 50% } .k-pivotgrid-configurator-content .k-row-fields, .k-pivotgrid-configurator-content .k-column-fields, .k-pivotgrid-configurator-content .k-filter-fields { margin-top: calc(var(--kendo-spacing-4, 1rem)/2); flex-wrap: wrap } .k-pivotgrid-configurator-content .k-value-fields { margin-block: calc(var(--kendo-spacing-4, 1rem)/2); margin-inline: var(--kendo-spacing-0, 0px); display: flex; flex-direction: column; gap: calc(var(--kendo-spacing-4, 1rem)/2) } .k-pivotgrid-configurator-content .k-select-all .k-checkbox { -webkit-margin-end: var(--kendo-spacing-1, 0.25rem); margin-inline-end: var(--kendo-spacing-1, 0.25rem) } .k-pivotgrid-configurator-content .k-fields-list-wrapper { max-height: 200px; border-width: 1px; border-style: solid; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto } .k-pivotgrid-configurator-content .k-settings-description { margin-top: var(--kendo-spacing-4, 1rem); text-align: center } .k-pivotgrid-configurator-content .k-treeview { padding-block: var(--kendo-spacing-0, 0px); padding-inline: calc(var(--kendo-spacing-4, 1rem)/2); overflow: auto } .k-calculated-field { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem); border-width: 1px; border-radius: var(--kendo-border-radius-md, 0.25rem); border-style: solid; box-sizing: border-box; display: flex; flex-direction: column; gap: var(--kendo-spacing-4, 1rem) } .k-calculated-field-header { display: flex; flex-direction: row; align-items: center } .k-calculated-field-header .k-textbox { min-width: 200px } .k-calculated-field-header-text { margin-right: 5px; word-break: normal; overflow-wrap: anywhere } .k-calculated-field-header-actions { flex-shrink: 0; align-self: flex-start } .k-calculated-field-content .k-textbox { width: 100% } .k-calculated-field-actions { display: flex; flex-direction: row; align-items: center } .k-calculated-field-actions .k-icon { margin-right: var(--kendo-spacing-2, 0.5rem) } .k-calculated-field-actions .k-dropdown-list, .k-calculated-field-actions .k-dropdown, .k-calculated-field-actions .k-dropdownlist { max-width: 100px } .k-filter-menu .k-calculated-item { border-bottom-width: 1px; border-bottom-style: solid } .k-pivotgrid-configurator-vertical { min-width: 320px } .k-flex-row .k-pivotgrid-configurator-overlay { right: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px) } .k-flex-row-reverse .k-pivotgrid-configurator-overlay { left: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px) } .k-flex-row .k-pivotgrid-configurator-button, .k-flex-row-reverse .k-pivotgrid-configurator-button { display: flex; align-items: center; justify-content: center; writing-mode: vertical-rl } .k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-flex-row-reverse .k-pivotgrid-configurator-button .k-icon { vertical-align: baseline } .k-flex-row .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-row-reverse .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel { border-right-width: 0; border-left-width: 0 } .k-pivotgrid-configurator-horizontal { width: 100%; height: 420px } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form { display: flex; flex-direction: row } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper { padding-left: var(--kendo-spacing-4, 1rem) } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper > *:first-child { margin-top: 0 } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper:first-child { padding-left: 0; flex: 1 1 30% } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper:nth-child(2) { flex: 1 1 30% } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper:last-child { border-left-width: 1px; border-left-style: solid; flex: 1 1 40% } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-row-fields, .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-column-fields, .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-filter-fields { max-height: 100px; overflow-x: hidden; overflow-y: auto } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-value-fields { max-height: 250px; flex-flow: row wrap; overflow-x: hidden; overflow-y: auto } .k-flex-col .k-pivotgrid-configurator-overlay { bottom: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px) } .k-flex-col-reverse .k-pivotgrid-configurator-overlay { top: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px) } .k-flex-col .k-pivotgrid-configurator-button, .k-flex-col-reverse .k-pivotgrid-configurator-button { text-align: center } .k-flex-col .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-col-reverse .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel { border-top-width: 0; border-bottom-width: 0 } .k-pdf-export-shadow .k-pivotgrid { height: auto !important } .k-pdf-export-shadow .k-pivotgrid-values { height: auto; overflow: visible } .k-pdf-export-shadow .k-pivotgrid-column-headers .k-pivotgrid-table { -webkit-padding-end: 0; padding-inline-end: 0 } .k-pivot { border-width: 1px; border-style: solid; position: relative } .k-pivot .k-grid td { white-space: nowrap } .k-pivot .k-grid-content { flex: 1 1 auto } .k-pivot-toolbar { border-width: 0 0 1px; border-style: solid; align-items: flex-start; flex-wrap: wrap; box-shadow: none } .k-pivot-toolbar > * { max-width: 100% } .k-pivot-toolbar::before { display: none } .k-pivot-layout { border-spacing: 0; table-layout: auto } .k-pivot-layout .k-grid-footer, .k-pivot-layout .k-grid .k-table-alt-row { font-weight: bold } .k-pivot-layout > tbody, .k-pivot .k-table-td, .k-pivot td { vertical-align: top } .k-pivot-layout > tbody > tr > td { padding: 0 } .k-pivot-rowheaders > .k-grid, .k-pivot-table > .k-grid { border-width: 0; color: inherit; background: none } .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 { margin-right: -1px } .k-pivot-table .k-grid-header-wrap > table { height: 100% } .k-pivot .k-grid-header .k-header { vertical-align: top } .k-pivot .k-grid tr .k-grid-footer { border-bottom-width: 0 } .k-pivot .k-grid tr:last-child:not(.k-grid-footer) td:not(.k-grid-footer) { border-bottom-width: 1px } .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-pivotgrid-wrapper { box-sizing: border-box; display: flex; flex-flow: row nowrap; align-items: flex-start; gap: var(--kendo-spacing-2, 0.5rem) } .k-pivotgrid-wrapper > .k-pivotgrid-configurator-panel { max-width: 320px; flex: none } .k-pivotgrid-wrapper > .k-pivot { flex: 1 } .k-pivotgrid-configurator-panel.kendo-jquery { box-sizing: border-box; display: inline-flex } .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator { height: 100% } .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator-content { padding: var(--kendo-spacing-4, 1rem); max-height: 100%; display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-4, 1rem); overflow-x: hidden; overflow-y: auto } .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-targets { display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-4, 1rem) } .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator-section { display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-2, 0.5rem) } .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields { margin: 0; padding: var(--kendo-spacing-1, 0.25rem); max-height: 200px; border-width: 1px; border-style: solid; display: flex; flex-flow: row wrap; gap: var(--kendo-spacing-1, 0.25rem); overflow-x: hidden; overflow-y: auto } .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields > * { margin: 0 } .k-pivotgrid-toggle { margin-block: calc(var(--kendo-spacing-1, 0.25rem)*-1); padding: var(--kendo-spacing-1, 0.25rem); box-sizing: content-box; cursor: pointer } .k-pivotgrid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-pivotgrid-column-headers, .k-pivotgrid-row-headers, .k-pivotgrid-empty-cell { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-pivotgrid-empty-cell { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-pivotgrid-row-headers .k-pivotgrid-row .k-pivotgrid-cell:last-child { border-right-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-pivotgrid-column-headers .k-pivotgrid-column-total:nth-last-of-type(2) .k-pivotgrid-cell:not(.k-pivotgrid-expanded), .k-pivotgrid-column-headers .k-pivotgrid-row:last-child { border-bottom-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-pivotgrid-header-total, .k-pivotgrid-total { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base-subtle, #ebebeb) } .k-pivotgrid-row-headers tbody > .k-pivotgrid-row:hover, .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-hover, .k-pivotgrid-column-headers tbody > .k-pivotgrid-row:hover, .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-hover, .k-pivotgrid-values tbody > .k-pivotgrid-row:hover, .k-pivotgrid-values tbody > .k-pivotgrid-row.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb) } .k-pivotgrid-cell:focus, .k-pivotgrid-cell.k-focus, .k-pivotgrid-empty-cell:focus, .k-pivotgrid-empty-cell.k-focus, .k-master-row > .k-pivotgrid-cell:focus, .k-grouping-row > .k-pivotgrid-cell:focus, .k-detail-row > .k-pivotgrid-cell:focus, .k-group-footer > .k-pivotgrid-cell:focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.12) } .k-pivotgrid-cell.k-selected, .k-pivotgrid-row.k-selected > .k-pivotgrid-cell { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent) } .k-pivotgrid-configurator-button, .k-pivotgrid-configurator-panel { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-pivotgrid-configurator-header { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-pivotgrid-configurator-content .k-fields-list-wrapper { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-calculated-field { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-calculated-field-header { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-filter-menu .k-calculated-item { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-pivotgrid-configurator-content .k-form-field-wrapper { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-flex-row .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-flex-row-reverse .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-flex-col .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-flex-col-reverse .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-pivot { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-pivot-table { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-pivot-rowheaders { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-pivot-toolbar { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-pivot-toolbar .k-empty { color: var(--kendo-color-subtle, #666666) } .k-pivot .k-alt { background-color: var(--kendo-color-surface, #fafafa) } .k-pivot-toolbar, .k-pivot-table, .k-pivot-rowheaders > .k-grid td:first-child, .k-pivot-table .k-grid-header .k-header.k-first { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-header.k-alt { background-color: var(--kendo-color-base, #f5f5f5) } .k-pivot-layout .k-grid-footer { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-i-kpi-trend-increase, .k-i-kpi-trend-decrease, .k-i-kpi-trend-equal { color: inherit } .k-i-kpi-status-hold { color: var(--kendo-color-warning, #ffbf44) } .k-i-kpi-status-deny { color: var(--kendo-color-error, #e13929) } .k-i-kpi-status-open { color: var(--kendo-color-success, #0b8250) } .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-treelist.k-grid-display-block.k-grid-lockedcolumns { display: block } .k-treelist .k-status { padding-block: .4em; padding-inline: .6em; line-height: 1.6em } .k-treelist .k-status .k-loading { vertical-align: baseline; margin-right: 5px; display: none } .k-treelist tr.k-hidden { display: none } .k-treelist .k-treelist-dragging, .k-treelist .k-treelist-dragging .k-hover { cursor: default } .k-treelist .k-drop-hint { transform: translate(0, -50%) } .k-treelist .k-table-row.k-footer td, .k-treelist .k-table-row.k-footer-template td, .k-treelist .k-table-row.k-footer .k-table-td, .k-treelist .k-table-row.k-footer-template .k-table-td { border-width: 1px 0; border-style: solid; font-weight: bold } .k-treelist .k-table-row.k-footer + .k-table-row.k-footer td, .k-treelist .k-table-row.k-footer + .k-table-row.k-footer .k-table-td { border-top-width: 0 } .k-treelist-scrollable > .k-table, .k-treelist-scrollable .k-grid-header .k-table-row, .k-treelist-scrollable .k-grid-header .k-table-th { background-color: inherit } .k-treelist-scrollable .k-grid-toolbar { position: sticky; z-index: 3; top: 0; left: 0 } .k-treelist-scrollable .k-grid-header .k-table-th { position: sticky; z-index: 1 } .k-treelist-scrollable .k-grid-header .k-table-th.k-grid-header-sticky { z-index: 3 } .k-treelist-scrollable thead.k-grid-header { padding-right: 0 } .k-treelist-scrollable .k-table-row.k-group-footer + .k-table-row.k-group-footer td { border-top-width: 0 } :is(.k-treelist-scrollable[dir=rtl],.k-rtl .k-treelist-scrollable) thead.k-grid-header { padding-left: 0 } .k-drag-separator { display: inline-block; border-right: 1px solid; height: 1em; vertical-align: top; margin-block: 0; margin-inline: .5em } .k-treelist-toggle { margin-block: calc(var(--kendo-spacing-1, 0.25rem)*-1); padding: var(--kendo-spacing-1, 0.25rem); box-sizing: content-box; cursor: pointer } .k-treelist tr.k-footer, .k-treelist tr.k-footer-template { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 11%, transparent) } .k-filter { box-sizing: border-box; border-width: 0; display: inline-block; background-color: rgba(0,0,0,0) } .k-filter *, .k-filter *::before, .k-filter *::after { box-sizing: border-box } .k-filter ul { padding: 0 } .k-filter ul li { list-style-type: none } .k-filter .k-filter-container, .k-filter .k-filter-preview { -webkit-margin-after: var(--kendo-spacing-7\.5, 1.875rem); margin-block-end: var(--kendo-spacing-7\.5, 1.875rem) } .k-filter .k-filter-lines, .k-filter .k-filter-item { -webkit-padding-start: var(--kendo-spacing-2, 0.5rem); padding-inline-start: var(--kendo-spacing-2, 0.5rem) } .k-filter .k-filter-toolbar { display: inline-flex; position: relative; padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: 0 } .k-filter .k-filter-toolbar::before { content: ""; position: absolute; width: var(--kendo-spacing-2, 0.5rem); height: 1px; inset-block-start: 50%; inset-inline-start: calc(var(--kendo-spacing-2, 0.5rem)*-1) } .k-filter .k-filter-toolbar .k-toolbar { border-style: solid } .k-filter .k-filter-operator .k-dropdown-list, .k-filter .k-filter-operator .k-dropdown, .k-filter .k-filter-operator .k-dropdownlist { width: 15em } .k-filter .k-filter-item { position: relative } .k-filter .k-filter-item::before { content: ""; position: absolute; width: 1px; height: 100%; inset-block-start: calc(var(--kendo-spacing-1, 0.25rem)*-1); inset-inline-start: 0 } .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after, .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after { content: ""; position: absolute; width: 1px; inset-block-start: calc(var(--kendo-spacing-1, 0.25rem)*-1 - 1px); inset-block-end: 50%; inset-inline-start: calc(var(--kendo-spacing-2, 0.5rem)*-1) } .k-filter .k-filter-group-main::before, .k-filter .k-filter-group-main > .k-filter-toolbar::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-group-main > * > .k-filter-toolbar::after, .k-filter .k-filter-lines .k-filter-item:last-child::before { display: none } .k-filter { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-filter .k-filter-preview-field { color: var(--kendo-color-primary, #0058e9) } .k-filter .k-filter-preview-operator { color: var(--kendo-color-subtle, #666666) } .k-filter .k-filter-item::before, .k-filter .k-filter-toolbar::before, .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after, .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after { background-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-filter .k-toolbar:focus, .k-filter .k-toolbar.k-focus { box-shadow: 0 0 0 2px rgba(0,0,0,.08) } .k-filemanager { border-width: 1px; border-style: solid; box-sizing: border-box; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-flow: column nowrap } .k-filemanager-header { border-color: inherit } .k-filemanager-toolbar { border-width: 0; border-bottom-width: 1px; border-color: inherit; flex-shrink: 0; z-index: 1 } .k-filemanager-content-container { border-color: inherit; box-sizing: border-box; flex: 1 1 0%; display: flex; flex-flow: row nowrap; align-items: stretch; overflow: hidden } .k-filemanager-splitter { border-width: 0 } .k-filemanager-navigation { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem); width: 20%; border-width: 0; border-right-width: 1px; border-style: solid; border-color: inherit; box-sizing: border-box; flex-shrink: 0; overflow: auto } .k-filemanager-treeview { overflow: visible } .k-filemanager-content { border-color: inherit; flex: 1 1 0%; display: flex; flex-flow: column nowrap; align-items: stretch; overflow: hidden } .k-filemanager-view { overflow: auto } .k-filemanager-breadcrumb { border-width: 0; border-bottom-width: 1px; padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); flex-shrink: 0 } .k-filemanager-listview { border-width: 0; flex: 1 1 0% } .k-filemanager-listview .k-listview-item { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem); width: 120px; height: 120px; text-align: center } .k-filemanager-listview .k-file-preview { display: flex; flex-direction: row; justify-content: center } .k-filemanager-listview .k-file-name { margin-top: calc(var(--kendo-spacing-4, 1rem)/2); display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .k-filemanager-listview .k-file-edit-input input { width: 100% } .k-filemanager-grid { border-width: 0; flex: 1 1 0% } .k-filemanager-grid .k-file-preview { margin-right: var(--kendo-spacing-1, 0.25rem); display: inline-flex; flex-direction: row; vertical-align: middle } .k-filemanager-grid .k-file-name { display: inline-flex; flex-direction: row; vertical-align: middle } .k-filemanager-preview { padding: calc(var(--kendo-spacing-4, 1rem)*3) var(--kendo-spacing-4, 1rem) var(--kendo-spacing-4, 1rem); width: 20%; min-height: calc(var(--kendo-spacing-4, 1rem)*4 + 96px + var(--kendo-spacing-4, 1rem)*3); border-width: 0; border-left-width: 1px; border-style: solid; border-color: inherit; box-sizing: border-box; text-align: center; overflow-y: auto; flex-shrink: 0 } .k-filemanager-preview .k-file-preview { display: flex; flex-direction: row; justify-content: center } .k-filemanager-preview .k-file-name { margin-top: var(--kendo-spacing-4, 1rem); display: block } .k-filemanager-preview .k-single-file-selected { font-weight: bold } .k-filemanager-preview .k-multiple-files-selected { font-weight: bold } .k-filemanager-preview .k-file-meta { margin: var(--kendo-spacing-4, 1rem) 0 0; box-sizing: border-box; text-align: start; display: flex; flex-flow: row wrap; grid-column-gap: var(--kendo-spacing-1, 0.25rem) } .k-filemanager-preview .k-file-meta-label { display: inline-block } .k-filemanager-preview .k-file-meta-value { margin: 0 } .k-filemanager-preview .k-file-type { text-transform: capitalize } .k-filemanager-preview .k-line-break { margin: var(--kendo-spacing-4, 1rem) 0 0; width: 100%; flex: 1 1 100%; flex-flow: row nowrap } .k-filemanager .k-splitbar { flex-shrink: 0; display: inline-flex; position: relative; border-width: 0 1px; border-style: solid; border-color: inherit } .k-filemanager-upload-dialog .k-upload-files { max-height: 200px; overflow-y: auto } .k-filemanager-drag-hint { display: flex; flex-direction: row; align-items: center; gap: var(--kendo-spacing-1, 0.25rem) } .k-filemanager { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-filemanager-breadcrumb { background-color: var(--kendo-color-surface, #fafafa) } .k-filemanager-listview .k-listview-item .k-file-icon { color: var(--kendo-color-subtle, #666666) } .k-filemanager-listview .k-listview-item.k-selected .k-file-icon { border-color: rgba(0,0,0,0); color: inherit; background-color: rgba(0,0,0,0) } .k-filemanager-preview .k-file-icon { color: var(--kendo-color-subtle, #666666) } .k-taskboard { box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; position: relative } .k-taskboard *, .k-taskboard *::before, .k-taskboard *::after { box-sizing: border-box } .k-taskboard-toolbar { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem); border-width: 0; box-shadow: none; background: none } .k-taskboard-content { padding: 0 var(--kendo-spacing-4, 1rem) var(--kendo-spacing-4, 1rem); display: flex; position: relative; flex: 1 1 auto; overflow-x: auto } .k-taskboard-columns-container { outline: none; display: flex; flex-direction: row; overflow: hidden; gap: var(--kendo-spacing-4, 1rem); overflow-x: visible } .k-taskboard-column { width: 320px; border-width: 1px; border-radius: var(--kendo-border-radius-md, 0.25rem); border-style: solid; outline: none; display: flex; flex-direction: column; flex-shrink: 0; overflow: hidden } .k-taskboard-column-header { padding-block: calc(var(--kendo-spacing-4, 1rem)/2); padding-inline: calc(var(--kendo-spacing-4, 1rem)/2); font-weight: 500; display: flex; flex-direction: row; align-items: center; gap: calc(var(--kendo-spacing-4, 1rem)/4) } .k-taskboard-column-header-actions { display: inline-flex; flex-shrink: 0; align-self: flex-start; gap: calc(var(--kendo-spacing-4, 1rem)/2) } .k-taskboard-column-cards-container { margin-bottom: calc(var(--kendo-spacing-4, 1rem)/2); padding-block: var(--kendo-spacing-0, 0px); padding-inline: calc(var(--kendo-spacing-4, 1rem)/2); outline: none; overflow: auto; flex: 1 1 auto } .k-taskboard-column-cards { min-height: 100%; display: flex; flex-direction: column; gap: calc(var(--kendo-spacing-4, 1rem)/2) 0 } .k-taskboard-column-new .k-taskboard-column-header, .k-taskboard-column-edit .k-taskboard-column-header { font-weight: inherit } .k-taskboard-column-new .k-taskboard-column-header-text, .k-taskboard-column-edit .k-taskboard-column-header-text { flex: 1 1 100% } .k-taskboard-pane { width: 320px; border-width: 1px; border-style: solid; display: flex; flex-direction: column; position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 2 } .k-taskboard-pane-header { padding-block: calc(var(--kendo-spacing-4, 1rem)*0.75); padding-inline: var(--kendo-spacing-4, 1rem); font-weight: 500; display: flex; flex-direction: row; align-items: center } .k-taskboard-pane-header-text { word-break: normal; overflow-wrap: anywhere } .k-taskboard-pane-header-actions { flex-shrink: 0; align-self: flex-start } .k-taskboard-pane-content { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-4, 1rem); overflow: auto; flex: 1 1 auto } .k-taskboard-pane-actions { padding-block: calc(var(--kendo-spacing-4, 1rem)*0.75); padding-inline: var(--kendo-spacing-4, 1rem) } .k-taskboard-pane-start { right: auto; left: 0 } .k-taskboard-card { border-radius: var(--kendo-border-radius-md, 0.25rem); border-width: 1px } .k-taskboard-card.k-taskboard-card-category { border-inline-start-width: 4px } .k-taskboard-card .k-card-header .k-card-body, .k-taskboard-card .k-card-footer { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem) } .k-taskboard-card .k-card-header { align-items: center } .k-taskboard-card .k-card-title { font-size: inherit; font-weight: inherit; word-break: normal; overflow-wrap: anywhere } .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus, .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover { text-decoration: underline } .k-taskboard-card .k-card-header-actions { align-self: flex-start } .k-taskboard-drag-placeholder { border-radius: var(--kendo-border-radius-md, 0.25rem); border-width: 1px; border-style: solid; position: relative } .k-taskboard-column { border-color: rgba(0,0,0,0); background-color: var(--kendo-color-surface, #fafafa) } .k-taskboard-column:focus, .k-taskboard-column.k-focus { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-taskboard-column-header { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-taskboard-pane { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-taskboard-pane-header { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-taskboard-card { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-taskboard-card .k-card-title { color: var(--kendo-color-primary, #0058e9) } .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus { color: var(--kendo-color-primary-hover, #ea5a51) } .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover { color: var(--kendo-color-primary-hover, #ea5a51) } .k-taskboard-card:focus, .k-taskboard-card.k-focus { box-shadow: none; border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-taskboard-card:hover, .k-taskboard-card.k-hover { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.16)) } .k-taskboard-card.k-selected { border-color: var(--kendo-color-primary-emphasis, #ff9d97); box-shadow: none } .k-taskboard-card.k-disabled { box-shadow: none } .k-taskboard-drag-placeholder { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: hsla(0,0%,100%,.2) } .k-editor { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-flow: column nowrap; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-editor.k-readonly .k-editor-content { pointer-events: auto } .k-editor.k-readonly .k-editor-content.k-focus { outline-width: 1px; outline-style: dashed } .k-editor-inline { border-radius: var(--kendo-border-radius-md, 0.25rem); padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-1, 0.25rem); border: 1px solid rgba(0,0,0,0); word-wrap: break-word; overflow: auto; background: none } .k-editor-resizable { resize: both; overflow: auto } .k-editor-resize-handles-wrapper { position: absolute; visibility: hidden } .k-editor-resize-wrap-element { display: inline-block; position: relative } .k-editor-resize-handle { width: 8px; height: 8px; border-width: 1px; border-style: solid; box-sizing: border-box; position: absolute; visibility: visible; z-index: 100 } .k-editor-resize-handle.northwest { top: 0; left: 0; transform: translate(-50%, -50%); cursor: nw-resize } .k-editor-resize-handle.north { top: 0; left: 50%; transform: translate(-50%, -50%); cursor: n-resize } .k-editor-resize-handle.northeast { top: 0; right: 0; transform: translate(50%, -50%); cursor: ne-resize } .k-editor-resize-handle.southwest { left: 0; bottom: 0; transform: translate(-50%, 50%); cursor: sw-resize } .k-editor-resize-handle.south { bottom: 0; left: 50%; transform: translate(-50%, 50%); cursor: s-resize } .k-editor-resize-handle.southeast { right: 0; bottom: 0; transform: translate(50%, 50%); cursor: se-resize } .k-editor-resize-handle.west { top: 50%; left: 0; transform: translate(-50%, -50%); cursor: w-resize } .k-editor-resize-handle.east { top: 50%; right: 0; transform: translate(50%, -50%); cursor: e-resize } .ProseMirror-selectednode { outline-width: 2px; outline-style: solid } .ProseMirror-hideselection { caret-color: rgba(0,0,0,0) } .ProseMirror-hideselection *::-moz-selection { background: rgba(0,0,0,0) } .ProseMirror-hideselection *::selection, .ProseMirror-hideselection *::-moz-selection { background: rgba(0,0,0,0) } .k-editor-toolbar { border-width: 0 0 1px; flex-shrink: 0 } .k-editor-toolbar .k-editor-export .k-icon { margin-right: .25em } .k-editor-toolbar .k-editor-export .k-icon, .k-editor-toolbar .k-editor-export .k-export-tool-text { vertical-align: middle } .k-editor-content { flex: 1 1 auto; overflow-y: auto } .k-editor-content > .k-iframe { width: 100%; height: 100%; border-width: 0; display: block } .k-editor-content > .ProseMirror { padding: var(--kendo-spacing-2, 0.5rem); width: 100%; height: 100%; position: relative; box-sizing: border-box; outline: none; white-space: pre-wrap; overflow: auto } .k-editor-content > .ProseMirror table { white-space: pre-wrap } .k-editor-content > .ProseMirror .k-placeholder::before { content: attr(data-placeholder); height: 0; color: var(--kendo-color-subtle, #666666); float: left; opacity: 1; cursor: text; -webkit-user-select: none; -moz-user-select: none; user-select: none } .k-editor-content > .ProseMirror[contenteditable=false] { cursor: unset !important } .k-editor-content > .ProseMirror[contenteditable=false] .k-editor-resize-handles-wrapper, .k-editor-content > .ProseMirror[contenteditable=false] .k-editor-resize-handle, .k-editor-content > .ProseMirror[contenteditable=false] .row-resize-handle, .k-editor-content > .ProseMirror[contenteditable=false] .column-resize-handle { display: none } .k-editor-content > .ProseMirror[contenteditable=false] img, .k-editor-content > .ProseMirror[contenteditable=false] table { pointer-events: none } .k-editor-content > .ProseMirror[contenteditable=false] .ProseMirror-selectednode { outline: none } .k-editor-content p { margin: 0 0 1rem } .k-editor-content td p, .k-editor-content th p, .k-editor-content li p { margin: 0 } .k-editor-content table { margin: 0; border-collapse: collapse; table-layout: fixed; width: 100%; overflow: hidden } .k-editor-content td, .k-editor-content th { min-width: 1em; border: 1px solid; padding-block: 3px; padding-inline: 5px; vertical-align: top; box-sizing: border-box; position: relative } .k-editor-content th { font-weight: bold; text-align: start } .k-editor-content td { text-align: start } .k-editor-content .selectedCell::after { z-index: 2; position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none } .k-edit-form-content { flex: 1 1 auto; overflow: auto; margin-block: -var(--kendo-spacing-4, 1rem); margin-inline: -var(--kendo-spacing-4, 1rem); padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem) } .k-ct-popup { box-sizing: border-box; width: 190px; padding: 5px } .k-ct-popup .k-button { width: 100% } .k-ct-popup .k-ct-cell { margin: 1px; width: 20px; height: 20px; box-sizing: border-box; border: 1px solid; border-color: inherit; display: inline-block; vertical-align: top; overflow: hidden; opacity: .7; pointer-events: all } .k-editor .k-resize-handle { position: absolute; right: 0; bottom: 0; padding: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 13px 13px; border-color: rgba(0,0,0,0); border-bottom-color: inherit; cursor: se-resize } .k-editor .k-resize-handle .k-i-arrow-45-down-right, .k-editor .k-resize-handle .k-i-caret-br { display: none } .k-editor-find-replace .k-content { position: relative } .k-editor-find-replace .k-actions, .k-editor-find-replace .k-edit-buttons, .k-editor-find-replace .k-action-buttons, .k-editor-find-replace .k-columnmenu-actions, .k-editor-find-replace .k-form-buttons { padding: 0 } .k-editor-find-replace .k-search-options { display: flex; flex-direction: column; padding: 10px 0 40px } .k-editor-find-replace .k-matches-container { position: absolute; bottom: 0; left: 0; right: 0; padding: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center } .k-textarea.k-editor-textarea { width: 100%; height: 100%; resize: none } .k-filebrowser { max-width: 100% } .k-filebrowser .k-floatwrap { display: flex } .k-filebrowser .k-floatwrap::after { display: none } .k-filebrowser .k-breadcrumbs { flex: 1 } .k-filebrowser .k-search-wrap { margin: 0 0 0 var(--kendo-spacing-4, 1rem); width: 150px; display: flex; align-items: center } .k-filebrowser .k-search-wrap .k-input { flex: 1; width: 100px } .k-filebrowser .k-search-wrap .k-icon { margin: 0; position: static } .k-filebrowser .k-filebrowser-toolbar { margin: var(--kendo-spacing-4, 1rem) 0 0 } .k-filebrowser .k-upload { padding: 0; border-width: 0; background: none } .k-filebrowser .k-upload .k-upload-button { margin: 0 } .k-filebrowser .k-upload .k-upload-status { display: none } .k-filebrowser .k-upload-files { display: none } .k-filebrowser .k-tiles { display: flex; flex-flow: row wrap; height: 390px; max-height: 50vh; margin: 0 0 var(--kendo-spacing-4, 1rem); padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-top-width: 0; overflow: auto } .k-filebrowser .k-tile { width: 33%; height: 90px; padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); box-sizing: border-box; white-space: nowrap; overflow: hidden; cursor: pointer; border-radius: var(--kendo-border-radius-md, 0.25rem) } .k-filebrowser .k-tile .k-i-file, .k-filebrowser .k-tile .k-i-folder { font-size: 4em } .k-filebrowser .k-tile input { width: 100px } .k-filebrowser .k-tile strong { display: block; font-weight: 400; overflow: hidden; text-overflow: ellipsis } .k-filebrowser .k-tile-empty { display: block; margin: auto } .k-filebrowser .k-tile-empty.k-selected { color: inherit; border-width: 0; background-image: none; background-color: rgba(0,0,0,0) } .k-filebrowser .k-tile-empty strong { opacity: .5; font-size: 3em; font-weight: 400 } .k-filebrowser .k-thumb { float: left; margin-right: var(--kendo-spacing-1, 0.25rem) } .k-filebrowser .k-breadcrumbs-wrap { position: absolute; left: var(--kendo-spacing-2, 0.5rem); top: var(--kendo-spacing-1, 0.25rem) } .k-filebrowser .k-breadcrumbs-wrap .k-icon { position: static; margin-top: 0 } .k-editor-table-wizard-window .k-tabstrip-wrapper { display: flex; flex: 1 1 auto; overflow: auto } .k-editor-table-wizard-window .k-tabstrip-wrapper .k-tabstrip.k-root-tabs { flex: 1 1 auto; margin-bottom: 0 } .k-editor-table-wizard-window .k-edit-field > .k-checkbox { position: relative } .k-editor-inline .k-table { width: 100%; border-spacing: 0; margin: 0 0 1em } .k-editor-inline .k-table, .k-editor-inline .k-table td { outline: 0; border-width: 1px; border-style: dotted } .k-editor-inline .k-table td { min-width: 1px; padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-editor-inline .k-element-resize-handle-wrapper { position: absolute; width: 5px; height: 5px; border-width: 1px; border-style: solid; z-index: 100 } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle { width: 100%; height: 100% } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-east { cursor: e-resize } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-north { cursor: n-resize } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-northeast { cursor: ne-resize } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-northwest { cursor: nw-resize } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-south { cursor: s-resize } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-southeast { cursor: se-resize } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-southwest { cursor: sw-resize } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-west { cursor: w-resize } .k-editor-inline .k-column-resize-handle-wrapper { position: absolute; height: 10px; width: 10px; cursor: col-resize; z-index: 2 } .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle { width: 100%; height: 100% } .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle .k-column-resize-marker { width: 2px; height: 100%; margin-block: 0; margin-inline: auto; display: none; opacity: .8 } .k-editor-inline .k-row-resize-handle-wrapper { position: absolute; z-index: 2; cursor: row-resize; width: 10px; height: 10px } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-handle { display: table; width: 100%; height: 100% } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker-wrapper { display: table-cell; width: 100%; height: 100%; margin: 0; padding: 0; vertical-align: middle } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker { display: none; margin: 0; padding: 0; width: 100%; height: 2px; opacity: .8 } .k-editor { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-editor.k-readonly .k-editor-content.k-focus { outline-color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-editor-inline .k-table, .k-editor-inline .k-table td { border-color: #ccc } .k-editor-inline .k-element-resize-handle-wrapper { background-color: #fff; border-color: #000 } .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle .k-column-resize-marker { background-color: #00b0ff } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker { background-color: #00b0ff } .k-editor-inline:hover, .k-editor-inline.k-hover, .k-editor-inline.k-active { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-editor-resize-handle { background-color: #fff; border-color: #000 } .ProseMirror-selectednode { outline-color: #8cf } .k-ct-popup .k-selected { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9); background-image: none } .k-editor-content::-moz-selection { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-editor-content .k-text-selected, .k-editor-content::selection { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-editor-content .k-text-highlighted { background-color: var(--kendo-color-primary-subtle, #ffeceb) } .k-editor-content td, .k-editor-content th { border-color: #ddd } .k-editor-content .selectedCell::after { background-color: rgba(200,200,255,.4) } .k-imageeditor { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-imageeditor *, .k-imageeditor *::before, .k-imageeditor *::after { box-sizing: border-box } .k-imageeditor-toolbar { border-width: 0; border-bottom-width: 1px } .k-imageeditor-content { border-width: 0; border-style: solid; border-color: inherit; display: flex; flex-flow: row nowrap } .k-imageeditor-canvas-container { flex: 1 1 100%; display: flex; flex-flow: row nowrap; overflow: auto } .k-imageeditor-canvas { margin: auto; display: flex; flex-direction: column; position: relative } .k-imageeditor-action-pane { padding-block: var(--kendo-spacing-8, 2rem); padding-inline: var(--kendo-spacing-4, 1rem); width: 241px; border-width: 0; border-left-width: 1px; border-style: solid; border-color: inherit; box-sizing: border-box; flex: none; overflow-y: auto } .k-imageeditor-action-pane .k-input-inner, .k-imageeditor-action-pane .k-input-value-text { text-overflow: clip } .k-imageeditor-crop-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .k-imageeditor-crop { width: 100%; height: 100%; border-width: 1px; border-style: dashed; box-sizing: border-box; position: absolute } .k-imageeditor-crop .k-resize-handle { margin-block: var(--kendo-spacing-1px, 1px); margin-inline: var(--kendo-spacing-1px, 1px); border-style: solid; border-width: 0 2px 2px 0 } .k-imageeditor-crop .k-resize-sw, .k-imageeditor-crop .k-resize-se, .k-imageeditor-crop .k-resize-nw, .k-imageeditor-crop .k-resize-ne { width: 15px; height: 15px } .k-imageeditor-crop .k-resize-n, .k-imageeditor-crop .k-resize-s { left: calc(50% - 7.5px); width: 15px; height: 0 } .k-imageeditor-crop .k-resize-w, .k-imageeditor-crop .k-resize-e { top: calc(50% - 7.5px); width: 0; height: 15px } .k-imageeditor-crop .k-resize-ne { transform: rotate(-90deg) } .k-imageeditor-crop .k-resize-nw { transform: rotate(-180deg) } .k-imageeditor-crop .k-resize-sw { transform: rotate(90deg) } .k-imageeditor-crop .k-resize-n { top: 0 } .k-imageeditor-crop .k-resize-s { bottom: 0 } .k-imageeditor-crop .k-resize-w { left: 0 } .k-imageeditor-crop .k-resize-e { right: 0 } .k-imageeditor { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-imageeditor-content { background-color: #c6c6c6 } .k-imageeditor-canvas { background: linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09)),linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09)),#fff; background-repeat: repeat,repeat; background-position: 0px 0px,5px 5px; transform-origin: 0 0 0; background-origin: padding-box,padding-box; background-size: 10px 10px,10px 10px; box-shadow: none; text-shadow: none; transition: none; transform: scaleX(1) scaleY(1) scaleZ(1) } .k-imageeditor-action-pane { background-color: var(--kendo-color-surface, #fafafa) } .k-imageeditor-crop { border-color: #fff } .k-imageeditor-crop-overlay { background-color: rgba(0,0,0,.3) } .k-gantt { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-flow: column nowrap; position: relative; white-space: nowrap; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-gantt .k-table-td { white-space: nowrap } .k-gantt td { overflow: hidden; white-space: nowrap; vertical-align: top } .k-gantt .k-grid-header tr { height: calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem)*2 + 1px) } .k-gantt .k-grid-header .k-header { position: static } .k-gantt .k-treelist .k-grid-header .k-header { position: relative } .k-gantt .k-grid-content tr { height: calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem)*2) } .k-gantt.k-gantt-planned .k-grid-content tr { height: calc(2.4285714286em + var(--kendo-spacing-2, 0.5rem)*2) } .k-gantt .k-gantt-layout { white-space: normal; vertical-align: top; display: inline-block } .k-gantt .k-splitbar { position: relative; display: inline-flex } .k-gantt .k-gantt-splitter { border-width: 0 } .k-gantt .k-treelist-scrollable { width: 100%; border-width: 0; overflow: auto } .k-gantt .k-treelist-scrollable .k-grid-header .k-header { position: sticky } .k-gantt .k-treelist-scrollable .k-grid-header th, .k-gantt .k-treelist-scrollable .k-grid-content-sticky { z-index: 4 } .k-gantt .k-treelist-scrollable .k-grid-header th.k-grid-header-sticky { z-index: 5 } .k-gantt .k-treelist-scrollable .k-grid-header tr:first-child th:last-child, .k-gantt .k-treelist-scrollable tbody td:last-child { padding: 0; vertical-align: top } .k-gantt .k-treelist-scrollable .k-grid-header th:last-child .k-header { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-3, 0.75rem); border-width: 0 0 1px 1px; white-space: nowrap } .k-gantt .k-treelist-scrollable tr.k-selected > td:last-child { background: rgba(0,0,0,0) } .k-gantt .k-treelist-scrollable .k-task { display: inline-flex; flex-flow: row nowrap; white-space: nowrap; z-index: 3 } .k-gantt .k-treelist-scrollable .k-task:hover .k-task-start, .k-gantt .k-treelist-scrollable .k-task:hover .k-task-end { display: block } .k-gantt .k-treelist-scrollable .k-task:hover .k-task-draghandle { visibility: visible } .k-gantt .k-treelist-scrollable .k-task-content { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); display: block; line-height: normal; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .k-gantt .k-treelist-scrollable .k-task-actions { flex-shrink: 0 } .k-gantt .k-treelist-scrollable .k-task-milestone { border: 0; transform: none; background: none } .k-gantt .k-treelist-scrollable .k-task-milestone .k-task-milestone-content { width: 100%; height: 100%; border-width: 1px; border-style: solid; box-sizing: border-box; transform: rotate(45deg) } .k-gantt .k-treelist-scrollable .k-task-summary { height: 15px; -webkit-clip-path: polygon(-20px 0, calc(100% + 20px) 0, calc(100% + 20px) 100%, 100% 100%, calc(100% - 8px) calc(100% - 5px), 8px calc(100% - 5px), 0 100%, -20px 100%); clip-path: polygon(-20px 0, calc(100% + 20px) 0, calc(100% + 20px) 100%, 100% 100%, calc(100% - 8px) calc(100% - 5px), 8px calc(100% - 5px), 0 100%, -20px 100%) } .k-gantt .k-treelist-scrollable .k-task-summary-complete { width: 100%; height: 15px } .k-gantt .k-treelist-scrollable .k-task-start { transform: translateX(-140%) translateY(-50%) } .k-gantt .k-treelist-scrollable .k-task-end { transform: translateX(140%) translateY(-50%) } .k-gantt .k-treelist-scrollable .k-master-row:hover .k-task-dot { display: block } .k-gantt .k-treelist-scrollable .k-gantt-columns { background: rgba(0,0,0,0); pointer-events: none; table-layout: fixed } .k-gantt .k-gantt-dependencies-svg { position: absolute; top: 0; left: 0; overflow: visible; pointer-events: none; z-index: 2 } .k-gantt .k-gantt-dependencies-svg polyline { stroke-width: 2px } .k-gantt-header { border-width: 0 0 1px; flex-shrink: 0; z-index: 6 } .k-gantt-footer { border-width: 1px 0 0; flex-shrink: 0 } .k-gantt-toggle { display: none } .k-gantt-views-wrapper { margin-left: auto } .k-gantt-views-wrapper .k-views-dropdown { width: auto; font-size: inherit; display: none; cursor: pointer } @media(max-width: 480px) { .k-gantt-toolbar .k-gantt-toggle { display: inline-flex } .k-gantt-toolbar .k-gantt-pdf, .k-gantt-toolbar .k-gantt-create { padding: var(--kendo-spacing-1, 0.25rem); width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px); height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px) } .k-gantt-toolbar .k-gantt-pdf .k-button-text, .k-gantt-toolbar .k-gantt-create .k-button-text { display: none } } @media(max-width: 1024px) { .k-gantt-views-wrapper .k-gantt-views { display: none } .k-gantt-views-wrapper .k-views-dropdown { display: flex } } .k-gantt-content { display: flex; flex-flow: row nowrap; align-items: stretch; flex: 1 1 auto; overflow: hidden } .k-gantt-treelist .k-treelist { height: 100%; border-width: 0 } .k-gantt-treelist .k-grid-header, .k-gantt-treelist .k-grid-footer { padding: 0 !important } .k-gantt-treelist .k-grid-header tr { height: calc(2.8571428572em + var(--kendo-spacing-2, 0.5rem)*4 + 2px); vertical-align: bottom } .k-gantt-treelist .k-grid-content { overflow: hidden; overflow-x: scroll } .k-gantt-treelist .k-grid-content td { vertical-align: middle } .k-gantt-treelist .k-gantt-treelist-nested-columns .k-grid-header tr { height: calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem)*2 + 1px) } .k-gantt-treelist.k-gantt-treelist-scrollable .k-grid-content { overflow: scroll } .k-gantt-timeline-pane .k-gantt-timeline { height: 100%; border-width: 0; display: flex } .k-gantt-timeline-pane .k-gantt-timeline *, .k-gantt-timeline-pane .k-gantt-timeline *::before, .k-gantt-timeline-pane .k-gantt-timeline *::after, .k-gantt-timeline-pane .k-gantt-timeline::before, .k-gantt-timeline-pane .k-gantt-timeline::after { box-sizing: border-box } .k-gantt-timeline-pane .k-grid-content { overflow-x: scroll } .k-gantt-timeline-pane .k-header { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-3, 0.75rem); border-width: 0 0 1px 1px; white-space: nowrap } .k-gantt-tables { position: relative; border-color: inherit } .k-gantt-rows, .k-gantt-columns { border-color: inherit; position: absolute; z-index: 0; top: 0; left: 0 } .k-gantt-dependencies { opacity: .7; position: absolute; top: 0; left: 0 } .k-gantt-dependencies .k-arrow-e, .k-gantt-dependencies .k-arrow-w { width: 0; height: 0; border: 5px solid rgba(0,0,0,0); position: absolute; top: -4px } .k-gantt-dependencies .k-arrow-e { border-left-color: currentColor; right: -6px } .k-gantt-dependencies .k-arrow-w { border-right-color: currentColor; left: -6px } .k-gantt-line { background-color: currentColor; border-color: currentColor; position: absolute } .k-gantt-line.k-selected { z-index: 3 } .k-gantt-line-h { height: 2px } .k-gantt-line-v { width: 2px } .k-gantt-dependency-hint { z-index: 4 } .k-gantt-tasks { position: relative } .k-gantt-tasks td, .k-gantt-tasks .k-table-td { padding: 0; border-width: 0; position: relative; vertical-align: middle } .k-gantt-tasks td::after { content: "\200b" } .k-task-wrap { margin-block: 0; margin-inline: -21px; padding-block: 5px; padding-inline: 21px; display: inline-flex; flex-direction: row; align-items: center; position: relative; z-index: 2 } .k-task-wrap.k-drag-hint { position: absolute } .k-task { position: relative; flex: 1 1 auto } .k-task-dot { width: calc(8px + var(--kendo-spacing-1, 0.25rem)*2); height: calc(8px + var(--kendo-spacing-1, 0.25rem)*2); line-height: 1; cursor: pointer; display: none; position: absolute; top: 50%; transform: translateY(-50%) } .k-task-wrap:hover .k-task-dot, .k-task-wrap.k-origin .k-task-dot { display: block } .k-task-dot::before { content: ""; width: 8px; height: 8px; border-width: 0; border-style: solid; border-radius: 100%; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .k-task-dot:hover::before, .k-task-dot.k-hover::before { border-width: 1px } .k-task-start { left: 0 } .k-task-end { right: 0 } .k-task-draghandle { margin-left: 16px; width: 0; height: 0; border: 5px solid rgba(0,0,0,0); border-top-width: 0; border-bottom-color: inherit; position: absolute; bottom: 0; cursor: ew-resize; visibility: hidden } .k-task-wrap:hover .k-task-draghandle { visibility: visible } .k-milestone-wrap { margin-block: 0; margin-inline: -2em } .k-task-milestone { width: 1em; height: 1em; border-width: 1px; border-style: solid; box-sizing: border-box; transform: rotate(45deg) } .k-task-summary { height: 10px; display: inline-block; vertical-align: top } .k-task-summary, .k-task-summary-complete { background-color: currentColor } .k-task-summary::before, .k-task-summary::after, .k-task-summary-complete::before, .k-task-summary-complete::after { content: ""; width: 0; height: 0; border: 8px solid rgba(0,0,0,0); position: absolute; top: 0; display: none } .k-task-summary::before, .k-task-summary-complete::before { border-left-color: currentColor; left: 0 } .k-task-summary::after, .k-task-summary-complete::after { border-right-color: currentColor; right: 0 } .k-task-summary-complete { height: 10px; position: relative; z-index: 2 } .k-task-summary-progress { height: 15px; overflow: hidden } .k-task-single { border-radius: var(--kendo-border-radius-md, 0.25rem); border-width: 0px; border-style: solid; box-sizing: border-box; cursor: default } .k-task-single .k-resize-handle { opacity: .5; z-index: 2; visibility: hidden; cursor: ew-resize } .k-task-single .k-resize-handle::before { position: absolute; top: 2px; bottom: 2px } .k-task-single .k-resize-w { left: 0 } .k-task-single .k-resize-w::before { left: 2px; border-left-width: 1px } .k-task-single .k-resize-e { right: 0 } .k-task-single .k-resize-e::before { right: 2px; border-left-width: 1px } .k-task-single:hover .k-resize-handle, .k-task-single:hover .k-task-actions { visibility: visible } .k-task-complete { border-radius: var(--kendo-border-radius-md, 0.25rem); width: 20%; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0 } .k-task-content { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; white-space: nowrap } .k-task-template { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); line-height: normal; flex: 1; overflow: hidden; text-overflow: ellipsis } .k-task-actions { padding: var(--kendo-spacing-0\.5, 0.125rem); white-space: nowrap; display: flex; flex-direction: row; align-items: center; visibility: hidden; z-index: 1 } .k-task-actions > .k-link { display: inline-flex } .k-resources-wrap { position: absolute; display: inline-block; z-index: 2; margin-left: 20px; margin-top: -2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .k-resources-wrap .k-resource { margin-block: 0; margin-inline: 5px } .k-task-details { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); white-space: nowrap } .k-task-details strong { font-size: var(--kendo-font-size-lg, inherit); font-weight: normal; display: block } .k-task-details .k-task-pct { font-size: 32px } .k-task-details ul { line-height: normal } .k-gantt-planned .k-gantt-dependencies, .k-gantt-planned .k-task-dot, .k-gantt-planned .k-resources-wrap { margin-top: .55em } .k-gantt-planned .k-task-wrap { flex-direction: column; align-items: flex-start } .k-gantt-planned .k-task-inner-wrap { display: inline-flex } .k-gantt-planned .k-task-wrap.k-drag-hint { top: 0 } .k-gantt-planned .k-summary-wrap.k-drag-hint { top: .5em } .k-gantt-planned .k-milestone-wrap.k-drag-hint { top: .3em } .k-task-planned { margin: 0 0 .35em; line-height: .75em; display: flex; 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-duration { height: 2px } .k-task-planned .k-task-moment.k-moment-left { margin-left: -4px } .k-task-planned:hover .k-task-duration { height: 3px } .k-milestone-wrap .k-task-moment { margin-left: 3px } .k-planned-tooltip .k-task-content { display: block } .k-task-offset-wrap .k-task-content .k-resize-e { display: none } .k-task-offset { flex-direction: row-reverse; display: flex } .k-task-offset .k-resize-handle { right: 0; z-index: 2; visibility: hidden; margin-right: 1.4em } .k-task-offset .k-resize-handle::before { border-left-width: 1px; position: absolute; top: 50%; bottom: .5em; margin-right: 2px } .k-task-single:hover + .k-task-offset .k-task-actions, .k-task-offset:hover .k-task-actions, .k-task-single:hover + .k-task-offset .k-resize-handle, .k-task-offset:hover .k-resize-handle { visibility: visible } .k-gantt-tooltip-validation { max-width: 200px; display: block } .k-gantt-tooltip-validation::before { content: ""; width: 4px; height: 100%; position: absolute; top: 0; left: 0 } .k-gantt-tooltip-validation-row { display: flex; flex-direction: row; justify-content: space-between } .k-gantt-tooltip-validation-label { display: inline-flex; min-width: 50px } .k-gantt-tooltip-validation-value { font-weight: var(--kendo-font-weight-bold, normal) } .k-gantt-tooltip-validation-label, .k-gantt-tooltip-validation-value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .k-pdf-export-shadow .k-gantt { float: left } .k-pdf-export-shadow .k-gantt, .k-pdf-export-shadow .k-gantt-timeline-pane, .k-pdf-export-shadow .k-gantt-dependencies { width: auto !important; height: auto !important; overflow: visible !important } .k-pdf-export-shadow .k-gantt-treelist .k-treelist { display: block } .k-pdf-export-shadow .k-gantt-layout.k-splitbar { display: none } .k-gantt-edit-form .k-gantt-delete { float: left } .k-rtl .k-gantt-rows, .k-rtl .k-gantt-columns, [dir=rtl] .k-gantt-rows, [dir=rtl] .k-gantt-columns { left: auto; right: 0 } .k-rtl .k-task-wrap:not(.k-milestone-wrap), [dir=rtl] .k-task-wrap:not(.k-milestone-wrap) { margin-block: 0; margin-inline: -26px } .k-rtl .k-gantt-timeline-pane .k-header, [dir=rtl] .k-gantt-timeline-pane .k-header { border-width: 0 1px 1px 0 } .k-rtl .k-gantt-timeline-pane .k-header:first-child, [dir=rtl] .k-gantt-timeline-pane .k-header:first-child { border-right-width: 0 } .k-rtl .k-gantt-timeline-pane .k-task-start, [dir=rtl] .k-gantt-timeline-pane .k-task-start { left: auto; right: 0 } .k-rtl .k-gantt-timeline-pane .k-task-end, [dir=rtl] .k-gantt-timeline-pane .k-task-end { right: auto; left: 0 } .k-rtl .k-task-content, [dir=rtl] .k-task-content { text-align: end } .k-rtl .k-task-complete, [dir=rtl] .k-task-complete { left: auto; right: 0 } .k-rtl .k-task-draghandle, [dir=rtl] .k-task-draghandle { margin-left: 0; margin-right: 16px } .k-rtl .k-gantt-dependencies, [dir=rtl] .k-gantt-dependencies { left: auto; right: 0 } .k-rtl .k-gantt-delete, [dir=rtl] .k-gantt-delete { float: right } .k-rtl .k-task-offset-wrap .k-task-content .k-resize-e, [dir=rtl] .k-task-offset-wrap .k-task-content .k-resize-e { display: block } .k-rtl .k-task-offset-wrap .k-task-content .k-resize-w, [dir=rtl] .k-task-offset-wrap .k-task-content .k-resize-w { display: none } .k-rtl .k-milestone-wrap, [dir=rtl] .k-milestone-wrap { margin-left: -2.4em } .k-rtl .k-milestone-wrap .k-task-moment, [dir=rtl] .k-milestone-wrap .k-task-moment { margin-right: .2em } .k-rtl .k-gantt-timeline-pane .k-milestone-wrap .k-task-start, [dir=rtl] .k-gantt-timeline-pane .k-milestone-wrap .k-task-start { right: -0.1em } .k-rtl .k-gantt-tooltip-validation::before, [dir=rtl] .k-gantt-tooltip-validation::before { left: auto; right: 0 } .k-gantt { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-gantt .k-treelist-scrollable .k-task-milestone .k-task-milestone-content { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-gantt .k-treelist-scrollable .k-task-milestone.k-selected .k-task-milestone-content { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-primary, #0058e9) } .k-gantt .k-gantt-dependencies-svg polyline { fill: none; stroke: var(--kendo-color-on-base, #3d3d3d) } .k-gantt .k-gantt-dependencies-svg polyline.k-selected { stroke: var(--kendo-color-primary, #0058e9) } .k-gantt-footer { box-shadow: none } .k-gantt-treelist .k-treelist, .k-gantt-treelist .k-grid-content { background-color: rgba(0,0,0,0) } .k-gantt .k-nonwork-hour { background-color: color-mix(in srgb, var(--kendo-color-on-base, #3d3d3d) 3%, transparent) } .k-task-dot::before { background-color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-task-dot:hover::before, .k-task-dot.k-hover::before { border-color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-task-milestone { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-task-milestone.k-task-delayed { background-image: repeating-linear-gradient(90deg, var(--kendo-color-app-surface, #ffffff), var(--kendo-color-app-surface, #ffffff) 2px, var(--kendo-color-error, #e13929) 2px, var(--kendo-color-error, #e13929) 4px) } .k-task-milestone.k-task-advanced { background-color: var(--kendo-color-success, #0b8250) } .k-task-milestone.k-selected { background-image: none; border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); background-color: var(--kendo-color-primary, #0058e9) } .k-task-summary { color: var(--kendo-color-subtle, #666666) } .k-task-summary.k-task-delayed { color: var(--kendo-color-error-emphasis, #f76f60) } .k-task-summary.k-task-advanced { color: var(--kendo-color-success-emphasis, #81d15f) } .k-task-summary-complete { color: var(--kendo-color-on-base, #3d3d3d) } .k-task-delayed .k-task-summary-complete { color: var(--kendo-color-error, #e13929) } .k-task-advanced .k-task-summary-complete { color: var(--kendo-color-success, #0b8250) } .k-task-summary.k-selected { color: var(--kendo-color-primary-subtle-active, #ffc8c4) } .k-task-summary.k-selected .k-task-summary-complete { color: var(--kendo-color-primary, #0058e9) } .k-task-single { color: var(--kendo-color-base, #f5f5f5); background-color: var(--kendo-color-subtle, #666666) } .k-task-single.k-task-delayed { background-color: var(--kendo-color-error-emphasis, #f76f60) } .k-task-single.k-task-advanced { background-color: var(--kendo-color-success-emphasis, #81d15f) } .k-task-single .k-task-complete { background-color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-task-delayed .k-task-complete { background-color: var(--kendo-color-error, #e13929) } .k-task-advanced .k-task-complete { background-color: var(--kendo-color-success, #0b8250) } .k-task-single.k-selected { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary-subtle-active, #ffc8c4) } .k-task-single.k-selected .k-task-complete { background-color: var(--kendo-color-primary, #0058e9) } .k-gantt-line { color: var(--kendo-color-on-base, #3d3d3d) } .k-gantt-line.k-selected { color: var(--kendo-color-primary, #0058e9) } .k-task-planned .k-task-moment { border-color: var(--kendo-color-primary, #0058e9); background-color: rgba(0,0,0,0) } .k-task-planned .k-task-duration { background-color: var(--kendo-color-primary, #0058e9) } .k-task-planned:hover .k-task-moment { background-color: var(--kendo-color-primary, #0058e9) } .k-task-offset { background-image: repeating-linear-gradient(135deg, var(--kendo-color-app-surface, #ffffff), var(--kendo-color-app-surface, #ffffff) 2px, var(--kendo-color-error, #e13929) 2px, var(--kendo-color-error, #e13929) 4px) } .k-task-offset .k-resize-e::before { border-color: #000 } .k-task-offset .k-task-actions { color: #000 } .k-task-offset:hover { background-image: repeating-linear-gradient(135deg, var(--kendo-color-app-surface, #ffffff), var(--kendo-color-app-surface, #ffffff) 2px, var(--kendo-color-error-emphasis, #f76f60) 2px, var(--kendo-color-error-emphasis, #f76f60) 4px) } .k-pdf-export .k-task-offset { background-color: var(--kendo-color-error, #e13929) } .k-offset-tooltip-delayed { background-color: var(--kendo-color-error, #e13929) } .k-planned-tooltip { background-color: var(--kendo-color-primary, #0058e9) } .k-gantt-tooltip-validation::before { background-color: #656565 } .k-gantt-tooltip-valid::before { background-color: var(--kendo-color-success, #0b8250) } .k-gantt-tooltip-invalid::before { background-color: var(--kendo-color-error, #e13929) } .k-scheduler { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-scheduler table, .k-scheduler thead, .k-scheduler tfoot, .k-scheduler tbody, .k-scheduler tr, .k-scheduler th, .k-scheduler td, .k-scheduler div, .k-scheduler .k-scheduler-edit-dialog, .k-scheduler > * { border-color: inherit } kendo-scheduler.k-scheduler { overflow: hidden } kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete { display: none } .k-scheduler-table { width: 100%; max-width: none; border-collapse: separate; border-spacing: 0; table-layout: fixed } .k-scheduler-table td, .k-scheduler-table th { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); height: 1.4285714286em; overflow: hidden; white-space: nowrap; border-style: solid; border-width: 0 0 1px 1px; vertical-align: top; box-sizing: content-box } .k-scheduler-table td:first-child, .k-scheduler-table th:first-child { border-left-width: 0 } .k-scheduler-table .k-middle-row td { border-bottom-style: dotted } .k-scheduler-table .k-link { cursor: pointer } .k-scheduler-layout-flex { overflow: auto } .k-scheduler-layout-flex .k-scheduler-head { position: sticky; top: 0; z-index: 3 } .k-scheduler-layout-flex .k-scheduler-body { position: relative } .k-scheduler-layout-flex .k-scheduler-head, .k-scheduler-layout-flex .k-scheduler-body { display: flex; flex: 100%; flex-wrap: wrap } .k-scheduler-layout-flex .k-scheduler-row { display: flex; flex: 1 1 100%; width: 100%; min-width: 0 } .k-scheduler-layout-flex .k-scheduler-group { display: flex; flex: 1 1 100%; width: 100%; min-width: 0; flex-wrap: wrap } .k-scheduler-layout-flex .k-scheduler-group .k-group-cell { display: flex; flex: 1 1 auto; flex-wrap: wrap; overflow: auto } .k-scheduler-layout-flex .k-scheduler-group .k-group-content { padding: 0; display: flex; flex: 1 1 100%; width: 100%; border-width: 0; flex-wrap: wrap } .k-scheduler-layout-flex .k-scheduler-group.k-group-horizontal .k-group-cell { flex-basis: 100%; border-width: 0; padding: 0 } .k-scheduler-layout-flex.k-scheduler-timeline-view .k-scheduler-body .k-scheduler-cell { flex-basis: auto } .k-scheduler-layout-flex .k-more-events { bottom: 2px; left: 0; width: 100% } .k-scheduler-layout-flex .k-scheduler-cell { display: flex; flex: 1 1 100%; padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); min-height: 1.5em; overflow: hidden; white-space: nowrap; border-style: solid; border-width: 0 1px 1px 0; vertical-align: top; box-sizing: content-box } .k-scheduler-layout-flex .k-scheduler-cell.k-slot-cell { position: relative } .k-scheduler-layout-flex .k-scheduler-cell.k-heading-cell { justify-content: center; font-weight: bold } .k-scheduler-layout-flex .k-scheduler-cell.k-side-cell { justify-content: flex-end; flex-grow: 0; flex-basis: auto; overflow: visible } .k-scheduler-layout-flex .k-scheduler-cell.k-major-cell { border-bottom-width: 0 } .k-scheduler-layout-flex .k-middle-row .k-scheduler-cell { border-bottom-style: dotted } .k-scheduler-layout-flex .k-resource-cell { flex: none; display: flex; flex-wrap: wrap; overflow: visible } .k-scheduler-layout-flex .k-resource-content { display: flex; flex-wrap: wrap; padding: 0; border-width: 0 } .k-scheduler-layout-flex .k-sticky-cell { display: flex; flex-wrap: wrap; flex-basis: 0; position: sticky; left: 0; z-index: 3 } .k-scheduler-toolbar { border-width: 0; border-bottom-width: 1px; white-space: nowrap; flex-shrink: 0; position: relative; z-index: 2 } .k-scheduler-toolbar .k-widget { font-size: inherit } .k-scheduler-toolbar .k-nav-current { color: inherit; outline: 0; text-decoration: none; display: inline-flex; flex-flow: row nowrap; align-items: center; gap: var(--kendo-spacing-1, 0.25rem); cursor: pointer } .k-scheduler-toolbar .k-scheduler-search { display: inline-flex; flex-flow: row nowrap } .k-scheduler-toolbar .k-views-dropdown { width: auto; font: inherit } .k-scheduler-footer { box-shadow: none; border-width: 0; border-top-width: 1px; white-space: nowrap; flex-shrink: 0; position: relative } .k-scheduler-layout { width: 100%; border-collapse: separate; border-spacing: 0; flex: 1 1 auto; position: relative; z-index: 1 } .k-scheduler-layout > tbody > tr > td { padding: 0; vertical-align: top } .k-scheduler-layout td.k-selected, .k-scheduler-layout .k-scheduler-cell.k-selected { outline: none } .k-scheduler-layout tr + tr .k-scheduler-times tr th, .k-scheduler-layout .k-scheduler-pane + .k-scheduler-pane .k-scheduler-times tr th { border-bottom-color: rgba(0,0,0,0) } .k-scheduler-layout tr + tr .k-scheduler-times tr .k-slot-cell, .k-scheduler-layout tr + tr .k-scheduler-times tr .k-scheduler-times-all-day, .k-scheduler-layout tr + tr .k-scheduler-times tr:last-child th, .k-scheduler-layout .k-scheduler-pane + .k-scheduler-pane .k-scheduler-times tr .k-slot-cell, .k-scheduler-layout .k-scheduler-pane + .k-scheduler-pane .k-scheduler-times tr .k-scheduler-times-all-day, .k-scheduler-layout .k-scheduler-pane + .k-scheduler-pane .k-scheduler-times tr:last-child th { border-bottom-color: inherit } .k-scheduler-layout.k-scheduler-flex-layout { display: flex; flex-direction: column } .k-scheduler-layout.k-scheduler-flex-layout.k-scheduler-weekview .k-scheduler-pane:first-child .k-scheduler-table, .k-scheduler-layout.k-scheduler-flex-layout.k-scheduler-dayview .k-scheduler-pane:first-child .k-scheduler-table { table-layout: fixed } .k-scheduler-header, .k-scheduler-view-header { -webkit-padding-end: var(--kendo-scrollbar-width, 17px); padding-inline-end: var(--kendo-scrollbar-width, 17px) } .k-scheduler-header th { text-align: center } .k-scheduler-header, .k-scheduler-header-wrap, .k-scheduler-header-wrap > div { border-color: inherit; overflow: hidden } .k-scheduler-header-wrap { border-width: 0; border-style: solid; position: relative } .k-scheduler-times { border-color: inherit; position: relative; overflow: hidden } .k-scheduler-times .k-scheduler-table { table-layout: auto } .k-scheduler-times th { border-width: 0 1px 1px 0; text-align: end } .k-scheduler-times .k-slot-cell, .k-scheduler-times .k-scheduler-times-all-day { border-bottom-color: inherit } .k-scheduler-times .k-slot-cell.k-last-resource { border-right: 0 } .k-scheduler-times .k-slot-cell.k-empty-slot { padding-left: 0; padding-right: 0 } .k-scheduler-datecolumn { width: 12em } .k-scheduler-timecolumn { width: 11em; white-space: nowrap } .k-scheduler-content { border-color: inherit; position: relative; overflow: auto } .k-scheduler-content:focus { outline: none } kendo-scheduler .k-event, .k-event { border-radius: var(--kendo-border-radius-md, 0.25rem); min-height: 25px; box-sizing: border-box; border-width: 0; border-style: solid; border-radius: var(--kendo-border-radius-md, 0.25rem); text-align: start; outline: 0; cursor: default; position: absolute; overflow: hidden; -webkit-padding-end: var(--kendo-spacing-2, 0.5rem); padding-inline-end: var(--kendo-spacing-2, 0.5rem) } kendo-scheduler .k-event > div, .k-event > div { position: relative; z-index: 2 } kendo-scheduler .k-event .k-event-template, .k-event .k-event-template { line-height: calc(25px - var(--kendo-spacing-1, 0.25rem)*2); padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } kendo-scheduler .k-event .k-event-time, .k-event .k-event-time { padding-bottom: 0; font-size: .875em; white-space: nowrap; display: none } kendo-scheduler .k-event .k-event-actions, .k-event .k-event-actions { white-space: nowrap; position: absolute; top: 0; bottom: 0; right: var(--kendo-spacing-2, 0.5rem); z-index: 2 } kendo-scheduler .k-event .k-event-actions .k-event-delete, .k-event .k-event-actions .k-event-delete { opacity: .5; visibility: hidden } kendo-scheduler .k-event .k-event-actions:hover .k-event-delete, kendo-scheduler .k-event .k-event-actions.k-hover .k-event-delete, .k-event .k-event-actions:hover .k-event-delete, .k-event .k-event-actions.k-hover .k-event-delete { opacity: 1 } kendo-scheduler .k-event .k-event-actions a, .k-event .k-event-actions a { color: inherit } kendo-scheduler .k-event .k-event-actions:first-child, .k-event .k-event-actions:first-child { margin: var(--kendo-spacing-0\.5, 0.125rem) .4ex 0 var(--kendo-spacing-1, 0.25rem); top: 0; right: 0; float: left; position: relative; opacity: 1; visibility: visible; line-height: normal } kendo-scheduler .k-event .k-resize-handle, .k-event .k-resize-handle { z-index: 4; opacity: .5; visibility: hidden } kendo-scheduler .k-event .k-resize-handle::before, .k-event .k-resize-handle::before { border-color: currentColor } kendo-scheduler .k-event .k-resize-n, .k-event .k-resize-n { height: .5em; top: 0 } kendo-scheduler .k-event .k-resize-s, .k-event .k-resize-s { height: .5em; bottom: 0 } kendo-scheduler .k-event .k-resize-n::before, kendo-scheduler .k-event .k-resize-s::before, .k-event .k-resize-n::before, .k-event .k-resize-s::before { width: var(--kendo-spacing-8, 2rem); border-bottom-width: 1px } kendo-scheduler .k-event .k-resize-w, .k-event .k-resize-w { width: .5em; left: 0 } kendo-scheduler .k-event .k-resize-e, .k-event .k-resize-e { width: .5em; right: 0 } kendo-scheduler .k-event .k-resize-w::before, kendo-scheduler .k-event .k-resize-e::before, .k-event .k-resize-w::before, .k-event .k-resize-e::before { height: var(--kendo-spacing-8, 2rem); border-left-width: 1px } kendo-scheduler .k-event:hover .k-event-actions .k-event-delete, kendo-scheduler .k-event:hover .k-resize-handle, kendo-scheduler .k-event.k-hover .k-event-actions .k-event-delete, kendo-scheduler .k-event.k-hover .k-resize-handle, .k-event:hover .k-event-actions .k-event-delete, .k-event:hover .k-resize-handle, .k-event.k-hover .k-event-actions .k-event-delete, .k-event.k-hover .k-resize-handle { visibility: visible } kendo-scheduler .k-event.k-event-drag-hint .k-event-time, .k-event.k-event-drag-hint .k-event-time { display: block } kendo-scheduler .k-event .k-event-top-actions, kendo-scheduler .k-event .k-event-bottom-actions, .k-event .k-event-top-actions, .k-event .k-event-bottom-actions { position: absolute; top: 0; left: 0; width: 100%; text-align: center } kendo-scheduler .k-event .k-event-bottom-actions, .k-event .k-event-bottom-actions { top: auto; bottom: 0 } .k-scheduler-mark { width: 1em; height: 1em; display: inline-block; vertical-align: middle } .k-more-events { padding: 0; height: 13px; border-style: solid; border-width: 1px; overflow: hidden; position: absolute; justify-content: center } .k-more-events > .k-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .k-event-drag-hint { opacity: .5; z-index: 3 } .k-event-drag-hint .k-event-actions, .k-event-drag-hint .k-event-top-actions, .k-event-drag-hint .k-event-bottom-actions, .k-event-drag-hint .k-resize-handle { display: none } .k-event-drag-hint .k-event-time { display: block } .k-scheduler-marquee { border-width: 0; border-style: solid } .k-scheduler-marquee .k-label-top, .k-scheduler-marquee .k-label-bottom { font-size: .75em; position: absolute } .k-scheduler-marquee .k-label-top { left: var(--kendo-spacing-1, 0.25rem); top: var(--kendo-spacing-0\.5, 0.125rem) } .k-scheduler-marquee .k-label-bottom { right: var(--kendo-spacing-1, 0.25rem); bottom: var(--kendo-spacing-0\.5, 0.125rem) } .k-scheduler-marquee.k-first::before, .k-scheduler-marquee.k-last::after { content: ""; border-width: 3px; border-style: solid; position: absolute; width: 0; height: 0 } .k-scheduler-marquee.k-first::before { top: 0; left: 0; border-right-color: rgba(0,0,0,0); border-bottom-color: rgba(0,0,0,0) } .k-scheduler-marquee.k-last::after { bottom: 0; right: 0; border-left-color: rgba(0,0,0,0); border-top-color: rgba(0,0,0,0) } .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 { overflow: hidden } .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-header .k-scheduler-table, .k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table { width: 100% !important } .k-recurrence-editor { display: flex; flex-direction: column } kendo-scheduler .k-recurrence-editor { display: block } .k-scheduler-monthview .k-scheduler-table { height: 100% } .k-scheduler-monthview .k-scheduler-table td { height: 80px; text-align: end } .k-scheduler-monthview .k-scheduler-body .k-scheduler-cell { min-height: 80px } .k-scheduler-monthview .k-hidden { padding-left: 0 !important; padding-right: 0 !important; border-right-width: 0 !important } .k-scheduler-monthview .k-scheduler-table-auto, .k-scheduler-monthview .k-scheduler-table-auto td, .k-scheduler-monthview .k-scheduler-content .k-scheduler-table-auto { height: auto } .k-scheduler-monthview .k-scheduler-content { overflow-y: scroll } .k-scheduler-monthview.k-scheduler-flex-layout .k-scheduler-content { overflow-y: auto } .k-scheduler-agendaview .k-scheduler-mark { margin-right: .5em; width: 1em; height: 1em; display: inline-block; vertical-align: middle } .k-scheduler-agendaview .k-scheduler-table th:first-child, .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-agendaview .k-task > .k-event-delete { color: inherit; position: absolute; top: var(--kendo-spacing-0\.5, 0.125rem); right: var(--kendo-spacing-0\.5, 0.125rem); opacity: .5; visibility: hidden } .k-scheduler-agendaview .k-hover .k-task > .k-event-delete, .k-scheduler-agendaview .k-scheduler-content tr:hover .k-event-delete, .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover .k-event-delete, .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover .k-event-delete { visibility: visible } .k-scheduler-agendaday { margin: 0 .2em 0 0; font-size: 3em; line-height: 1; font-weight: 400; float: left } .k-scheduler-agendaweek { display: block; margin: .4em 0 0; line-height: 1; font-style: normal } .k-scheduler-agendadate { font-size: .75em } .k-scheduler-timelineview .k-slot-cell { overflow: hidden } .k-scheduler-timelineview .k-scheduler-content { overflow: auto } .k-scheduler-pane { display: flex; flex-direction: row } .k-scheduler-pane .k-scheduler-times { flex: 0 0 auto } .k-scheduler-pane .k-scheduler-times .k-scheduler-table { height: 100% } .k-scheduler-pane .k-scheduler-header, .k-scheduler-pane .k-scheduler-content { flex: 1 1 auto } .k-scheduler-yearview .k-scheduler-body { padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-3, 0.75rem); justify-content: center } .k-scheduler-yearview .k-calendar { width: 100%; border-width: 0 } .k-scheduler-yearview .k-calendar .k-calendar-view { flex-wrap: wrap; justify-content: center; gap: var(--kendo-spacing-3, 0.75rem) } .k-scheduler-yearview .k-calendar .k-content { flex: 0 } .k-scheduler-yearview .k-calendar .k-link { position: relative } .k-scheduler-yearview .k-calendar td.k-selected { background-color: inherit } .k-scheduler-yearview .k-day-indicator { margin-top: calc(32px - 0.5em); width: 3px; height: 3px; border-radius: 50%; position: absolute; left: calc(50% - 1.5px) } .k-scheduler-tooltip { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 0; color: inherit } .k-scheduler-tooltip .k-tooltip-title { margin-bottom: var(--kendo-spacing-3, 0.75rem) } .k-scheduler-tooltip .k-tooltip-title .k-month { font-size: var(--kendo-font-size-sm, inherit); text-transform: uppercase } .k-scheduler-tooltip .k-tooltip-title .k-day { font-size: calc(var(--kendo-font-size-sm, 0.75rem)*2) } .k-scheduler-tooltip .k-tooltip-events-container { overflow: auto } .k-scheduler-tooltip .k-tooltip-events { max-height: 250px; display: flex; flex-direction: column; gap: var(--kendo-spacing-1, 0.25rem) } .k-scheduler-tooltip .k-tooltip-event { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-radius: var(--kendo-border-radius-md, 0.25rem); box-sizing: border-box; display: flex; flex-direction: row; align-items: center; flex-shrink: 0; position: relative; gap: var(--kendo-spacing-1, 0.25rem) } .k-scheduler-tooltip .k-tooltip-event .k-event-time { display: flex; flex-shrink: 0; font-size: inherit } .k-scheduler-tooltip .k-no-data, .k-scheduler-tooltip .k-nodata { height: auto; min-height: auto; color: inherit } .k-scheduler-edit-dialog .k-dialog { max-height: 100vh } .k-scheduler-edit-form .k-edit-form-container { width: 100% } .k-scheduler-edit-form .k-edit-label { width: 17% } .k-scheduler-edit-form .k-edit-field { width: 77% } .k-scheduler-edit-form .k-edit-field > ul > li { display: flex; flex-flow: row nowrap; align-items: center } .k-scheduler-edit-form .k-recurrence-editor .k-radio-list .k-radio-wrap, .k-scheduler-edit-form .k-recurrence-editor .k-checkbox-list .k-checkbox-wrap { align-self: center } .k-scheduler-edit-form .k-recur-interval, .k-scheduler-edit-form .k-recur-count, .k-scheduler-edit-form .k-recur-monthday { width: 5em } .k-scheduler-edit-form .k-recur-until, .k-scheduler-edit-form .k-recur-month, .k-scheduler-edit-form .k-recur-weekday, .k-scheduler-edit-form .k-recur-weekday-offset { width: 10em } .k-scheduler-edit-form .k-scheduler-datetime-picker { display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-2, 0.5rem) } .k-rtl .k-scheduler-header th, .k-rtl .k-scheduler-table td { border-width: 0 1px 1px 0 } .k-rtl .k-scheduler-table td:first-child, .k-rtl .k-scheduler-table th:first-child { border-right-width: 0 } .k-rtl .k-scheduler-times th { border-width: 0 0 1px 1px } .k-rtl .k-scheduler .k-scrollbar-v .k-scheduler-header-wrap { border-right-width: 0; border-left-width: 1px } .k-rtl .k-event { padding-right: 0; padding-left: var(--kendo-spacing-2, 0.5rem) } .k-rtl .k-event .k-resize-w { left: auto; right: 0 } .k-rtl .k-event .k-resize-e { right: auto; left: 0 } .k-rtl .k-event .k-event-actions { right: auto; left: 2px } .k-rtl .k-event .k-event-actions:first-child { margin: var(--kendo-spacing-0\.5, 0.125rem) var(--kendo-spacing-1, 0.25rem) 0 .4ex; float: right } .k-rtl .k-scheduler-agendaview .k-task > .k-event-delete { left: 2px; right: auto } .k-rtl .k-scheduler-agendaview .k-task .k-scheduler-mark { margin-left: .5em; margin-right: 0 } .k-rtl .k-scheduler-marquee .k-label-top { left: auto; right: 4px } .k-rtl .k-scheduler-marquee .k-label-bottom { left: 4px; right: auto } .k-rtl .k-scheduler-edit-form .k-scheduler-delete { float: right } .k-rtl .k-scheduler .k-scheduler-header-wrap, .k-rtl.k-scheduler .k-scheduler-header-wrap { border-right-width: 0 } .k-rtl .k-scheduler .k-scheduler-agendaday, .k-rtl.k-scheduler .k-scheduler-agendaday { float: right; margin: 0 0 0 .2em } .k-rtl .k-scheduler .k-scheduler-agendaview .k-scheduler-table td:first-child, .k-rtl .k-scheduler .k-scheduler-agendaview .k-scheduler-table th:first-child, .k-rtl.k-scheduler .k-scheduler-agendaview .k-scheduler-table td:first-child, .k-rtl.k-scheduler .k-scheduler-agendaview .k-scheduler-table th:first-child { border-left-width: 0 } .k-rtl .k-scheduler .k-scheduler-agendaview .k-scheduler-table tr + tr td:first-child, .k-rtl .k-scheduler .k-scheduler-agendaview .k-scheduler-table tr + tr th:first-child, .k-rtl.k-scheduler .k-scheduler-agendaview .k-scheduler-table tr + tr td:first-child, .k-rtl.k-scheduler .k-scheduler-agendaview .k-scheduler-table tr + tr th:first-child { border-right-width: 1px } .k-safari .k-scheduler-tooltip .k-tooltip-event:not(:last-child) { margin-bottom: var(--kendo-spacing-1, 0.25rem) } .k-safari .k-scheduler-yearview .k-calendar-view .k-month { margin-block: 0; margin-inline: var(--kendo-spacing-3, 0.75rem)/2 } .k-scheduler { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-scheduler-toolbar { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-scheduler-footer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-scheduler-header { background-color: var(--kendo-color-surface, #fafafa) } .k-scheduler-header-wrap { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-scheduler-nonwork, .k-scheduler .k-nonwork-hour { background-color: var(--kendo-color-base, #f5f5f5) } .k-scheduler-other-month, .k-scheduler .k-other-month { background-color: var(--kendo-color-base, #f5f5f5) } .k-scheduler-layout td.k-selected, .k-scheduler-layout .k-scheduler-cell.k-selected { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent) } .k-scheduler-layout-flex .k-scheduler-head, .k-scheduler-layout-flex .k-sticky-cell { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-event { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-event.k-selected { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary-active, #d45349); box-shadow: inset 0 0 0 2px rgba(0,0,0,.13) } .k-event.k-event-inverse { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-event.k-event-ongoing { box-shadow: inset 0px 0px 0px 1px red } .k-scheduler-marquee::before, .k-scheduler-marquee::after { border-color: var(--kendo-color-primary, #0058e9) } .k-scheduler-edit-dialog .k-dialog-actions { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-scheduler-agendaview .k-scheduler-content tr:hover, .k-scheduler-agendaview .k-scheduler-content tr.k-hover, .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover, .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base-hover, #ebebeb) } .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-datecolumn, .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-groupcolumn, .k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-datecolumn, .k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-groupcolumn { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-scheduler-agendaview .k-scheduler-content tr.k-selected { background-color: color-mix(in srgb, var(--kendo-color-primary, #0058e9) 25%, transparent) } .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-datecolumn, .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-groupcolumn { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-scheduler-yearview .k-day-indicator { background-color: var(--kendo-color-primary, #0058e9) } .k-scheduler-yearview .k-selected .k-day-indicator { background-color: var(--kendo-color-on-primary, #ffffff) } .k-tooltip.k-scheduler-tooltip { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-on-primary, #ffffff); box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-tooltip.k-scheduler-tooltip .k-callout { color: var(--kendo-color-on-primary, #ffffff) } .k-chat { margin: auto; max-width: 500px; height: 600px; max-height: 100%; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-chat .k-message-list { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth } .k-chat .k-message-list-content { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem); width: 100%; box-sizing: border-box; position: relative; flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden } .k-chat .k-message-list-content > * + * { margin-top: var(--kendo-spacing-4, 1rem) } .k-chat .k-message-group { max-width: 80%; background: none; box-sizing: border-box; display: flex; flex-shrink: 0; flex-direction: column; position: relative } .k-chat .k-message-group:not(.k-alt) { align-items: flex-start; text-align: start } .k-chat .k-message-group:not(.k-alt) .k-message-time { -webkit-margin-start: var(--kendo-spacing-2, 0.5rem); margin-inline-start: var(--kendo-spacing-2, 0.5rem); inset-inline-start: 100% } .k-chat .k-message-group:not(.k-alt) .k-message-status { inset-inline-start: 0 } .k-chat .k-message-group:not(.k-alt) .k-first .k-chat-bubble, .k-chat .k-message-group:not(.k-alt) .k-only .k-chat-bubble { border-bottom-left-radius: 2px } .k-chat .k-message-group:not(.k-alt) .k-middle .k-chat-bubble, .k-chat .k-message-group:not(.k-alt) .k-last .k-chat-bubble { border-top-left-radius: 2px; border-bottom-left-radius: 2px } .k-chat .k-message-group.k-alt { align-self: flex-end; align-items: flex-end; text-align: end } .k-chat .k-message-group.k-alt .k-message-time { -webkit-margin-end: var(--kendo-spacing-2, 0.5rem); margin-inline-end: var(--kendo-spacing-2, 0.5rem); inset-inline-end: 100% } .k-chat .k-message-group.k-alt .k-message-status { inset-inline-end: 0 } .k-chat .k-message-group.k-alt .k-first .k-chat-bubble, .k-chat .k-message-group.k-alt .k-only .k-chat-bubble { border-bottom-right-radius: 2px } .k-chat .k-message-group.k-alt .k-middle .k-chat-bubble, .k-chat .k-message-group.k-alt .k-last .k-chat-bubble { border-top-right-radius: 2px; border-bottom-right-radius: 2px } .k-chat .k-message { max-width: 100%; margin: var(--kendo-spacing-0\.5, 0.125rem) 0 0; position: relative; transition: margin .2s ease-in-out; outline: none } .k-chat .k-message-time, .k-chat .k-message-status { font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-lg, normal); white-space: nowrap; pointer-events: none; position: absolute } .k-chat .k-message-time { opacity: 0; top: 50%; transform: translateY(-50%); transition: opacity .2s ease-in-out } .k-chat .k-message-status { margin-top: var(--kendo-spacing-0\.5, 0.125rem); height: 0; overflow: hidden; top: 100%; transition: height .2s ease-in-out } .k-chat .k-chat-bubble { border-radius: 12px; padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-3, 0.75rem); border-width: 1px; border-style: solid; line-height: var(--kendo-line-height, normal); word-wrap: break-word; white-space: pre-wrap } .k-chat .k-chat-bubble a { color: inherit; text-decoration: underline } .k-chat .k-message.k-selected { margin-bottom: var(--kendo-spacing-4, 1rem); border: 0; color: inherit; background: none } .k-chat .k-message.k-selected .k-message-time { opacity: 1 } .k-chat .k-message.k-selected .k-message-status { height: 1.2em } .k-chat .k-message-error, .k-chat .k-message-sending { margin-bottom: var(--kendo-spacing-4, 1rem) } .k-chat .k-message-error .k-message-status, .k-chat .k-message-sending .k-message-status { height: 1.2em } .k-chat .k-avatar { margin: 0; position: absolute } .k-message-group:not(.k-alt) > .k-avatar { inset-inline-start: 0; bottom: 0 } .k-message-group.k-alt > .k-avatar { inset-inline-end: 0; bottom: 0 } .k-chat .k-avatars .k-message-group:not(.k-no-avatar) { -webkit-padding-start: calc(32px + var(--kendo-spacing-2, 0.5rem)); padding-inline-start: calc(32px + var(--kendo-spacing-2, 0.5rem)) } .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) { -webkit-padding-end: calc(32px + var(--kendo-spacing-2, 0.5rem)); padding-inline-end: calc(32px + var(--kendo-spacing-2, 0.5rem)) } .k-author { margin: 0; font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-chat .k-author { margin: 0 } .k-chat .k-timestamp { font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-lg, normal); text-transform: uppercase; text-align: center; align-self: stretch } .k-quick-replies { display: block; max-width: 100% } .k-quick-reply { border-radius: 100px; -webkit-margin-end: var(--kendo-spacing-2, 0.5rem); margin-inline-end: var(--kendo-spacing-2, 0.5rem); -webkit-margin-after: calc(var(--kendo-spacing-2, 0.5rem)/2); margin-block-end: calc(var(--kendo-spacing-2, 0.5rem)/2); padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-3, 0.75rem); border-width: 1px; border-style: solid; line-height: var(--kendo-line-height, normal); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: inline-block; flex: 0 0 auto; transition-property: color,background-color,border-color; transition-duration: .2s; transition-timing-function: ease-in-out; outline: none } .k-scrollable-quick-replies { -webkit-margin-start: -var(--kendo-spacing-4, 1rem); margin-inline-start: -var(--kendo-spacing-4, 1rem); -webkit-margin-end: -var(--kendo-spacing-4, 1rem); margin-inline-end: -var(--kendo-spacing-4, 1rem); -webkit-padding-start: var(--kendo-spacing-4, 1rem); padding-inline-start: var(--kendo-spacing-4, 1rem); -webkit-padding-end: var(--kendo-spacing-4, 1rem); padding-inline-end: var(--kendo-spacing-4, 1rem); display: flex; flex-flow: row nowrap; flex: 0 0 auto; overflow-x: auto; overflow-y: hidden } .k-scrollable-quick-replies::-webkit-scrollbar { display: none } .k-scrollable-quick-replies .k-quick-reply { margin: 0 } .k-scrollable-quick-replies .k-quick-reply + .k-quick-reply { -webkit-margin-start: var(--kendo-spacing-2, 0.5rem); margin-inline-start: var(--kendo-spacing-2, 0.5rem) } .k-message-box { width: 100%; height: auto; box-sizing: border-box; border-width: 1px 0 0; border-style: solid; border-color: inherit !important; border-radius: 0 !important; flex: none; display: flex; flex-flow: row nowrap; align-items: center } .k-message-box:focus, .k-message-box.k-focus, .k-message-box:focus-within { outline: 0; box-shadow: none } .k-message-box .k-button { border-width: 0; flex-shrink: 0 } .k-message-box .k-button svg { width: 20px; height: 20px; fill: currentColor; display: inline-block } .k-rtl .k-message-box .k-button, [dir=rtl] .k-message-box .k-button { transform: scaleX(-1) } .k-chat .k-card-list { margin: var(--kendo-spacing-0\.5, 0.125rem) 0 0 } .k-message-group.k-alt + .k-card-list, .k-message-group.k-alt + kendo-chat-message-attachments.k-card-list { align-self: flex-end } .k-chat .k-card-deck { max-width: calc(100% + var(--kendo-spacing-4, 1rem)*2); box-sizing: border-box; -webkit-margin-start: calc(var(--kendo-spacing-4, 1rem)*-1); margin-inline-start: calc(var(--kendo-spacing-4, 1rem)*-1); -webkit-margin-end: calc(var(--kendo-spacing-4, 1rem)*-1); margin-inline-end: calc(var(--kendo-spacing-4, 1rem)*-1); padding: var(--kendo-spacing-4, 1rem) var(--kendo-spacing-4, 1rem) var(--kendo-spacing-4, 1rem); overflow: hidden; overflow-x: auto; scroll-behavior: smooth } .k-chat .k-card-deck .k-card { width: 200px } .k-chat .k-card-deck-scrollwrap { margin-right: calc(var(--kendo-spacing-4, 1rem)*-1); margin-left: calc(var(--kendo-spacing-4, 1rem)*-1); padding-left: var(--kendo-spacing-4, 1rem); padding-right: var(--kendo-spacing-4, 1rem) } .k-chat .k-card-deck-scrollwrap > .k-card-deck { margin-bottom: -20px; padding-bottom: 20px } .k-chat .k-card-deck .k-card-wrap { display: flex; flex-flow: row nowrap; align-items: stretch; flex: 0 0 auto; padding-bottom: 5px } .k-chat .k-card-deck .k-card-wrap .k-card { flex: 0 0 auto } .k-chat .k-card-deck .k-card-wrap.k-selected { background: none } .k-typing-indicator { padding: 0; border-radius: 50px; display: inline-flex; flex-flow: row nowrap } .k-typing-indicator span { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 8px; background-color: currentColor; opacity: .4 } .k-typing-indicator span:nth-of-type(1) { animation: 1s k-animation-blink infinite .3333s } .k-typing-indicator span:nth-of-type(2) { animation: 1s k-animation-blink infinite .6666s } .k-typing-indicator span:nth-of-type(3) { animation: 1s k-animation-blink infinite .9999s } .k-typing-indicator span + span { margin-left: 5px } @keyframes k-animation-blink { 50% { opacity: 1 } } .k-chat-toolbar, .k-chat .k-toolbar-box { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); width: 100%; border-width: 1px 0 0; box-sizing: border-box; flex: none; overflow: hidden; position: relative; gap: var(--kendo-spacing-2, 0.5rem) } .k-chat-toolbar::before, .k-chat .k-toolbar-box::before { display: none } .k-chat-toolbar .k-button-list, .k-chat .k-toolbar-box .k-button-list { display: flex; flex-flow: row nowrap; overflow: hidden; scroll-behavior: smooth } .k-chat-toolbar .k-button, .k-chat .k-toolbar-box .k-button { flex: none } .k-chat-toolbar .k-scroll-button, .k-chat .k-toolbar-box .k-scroll-button { padding: 0 var(--kendo-spacing-1, 0.25rem); height: 100%; aspect-ratio: auto; position: absolute; z-index: 2; top: 0 } .k-chat-toolbar .k-scroll-button .k-button-icon, .k-chat .k-toolbar-box .k-scroll-button .k-button-icon { min-width: auto; min-height: auto } .k-chat-toolbar .k-scroll-button-left, .k-chat .k-toolbar-box .k-scroll-button-left { left: 0 } .k-chat-toolbar .k-scroll-button-right, .k-chat .k-toolbar-box .k-scroll-button-right { right: 0 } .k-chat { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-chat .k-timestamp { color: var(--kendo-color-subtle, #666666) } .k-chat .k-author { font-weight: bold } .k-chat .k-chat-bubble { border-color: var(--kendo-color-surface-alt, #ffffff); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)); transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out; order: -1 } .k-chat .k-chat-bubble a { color: var(--kendo-color-primary, #0058e9) } .k-chat .k-chat-bubble a:hover { color: var(--kendo-color-primary-hover, #ea5a51) } .k-chat .k-chat-bubble:hover { box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-chat .k-selected .k-chat-bubble { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-chat .k-alt .k-chat-bubble { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9); box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-chat .k-alt .k-chat-bubble:hover { box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-chat .k-alt .k-selected .k-chat-bubble { box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-chat .k-quick-reply { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-primary, #0058e9); background-color: rgba(0,0,0,0) } .k-chat .k-quick-reply:hover, .k-chat .k-quick-reply.k-hover { border-color: var(--kendo-color-primary, #0058e9); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-chat .k-quick-reply:focus, .k-chat .k-quick-reply.k-focus { box-shadow: 0 0 0px 2px color-mix(in srgb, var(--kendo-color-primary, #0058e9) 30%, transparent) } .k-chat-toolbar, .k-chat .k-toolbar-box { border-color: inherit; color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-mediaplayer { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-mediaplayer *, .k-mediaplayer *::before, .k-mediaplayer *::after { box-sizing: border-box } .k-mediaplayer > iframe { width: 100%; height: 100%; border: 0; vertical-align: top } .k-mediaplayer-titlebar { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); position: absolute; z-index: 2; top: 0; left: 0; right: 0 } .k-mediaplayer-toolbar-wrap { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0 } .k-mediaplayer-toolbar { border-width: 0; width: 100% !important; box-shadow: none } .k-mediaplayer-toolbar .k-dropdown-list, .k-mediaplayer-toolbar .k-dropdown, .k-mediaplayer-toolbar .k-dropdownlist { width: auto } .k-mediaplayer-time-wrap { flex: 1 } .k-mediaplayer-volume-wrap { padding: 0 7px; align-items: center } .k-mediaplayer-volume { width: 100px } .k-slider.k-mediaplayer-seekbar { width: 100%; position: absolute; z-index: 3; top: 0; left: 0; transform: translateY(-50%) } .k-mediaplayer-seekbar .k-slider-track { width: 100% !important; border-radius: 0 } .k-mediaplayer-seekbar .k-slider-selection { border-radius: 0 } .k-mediaplayer-fullscreen { z-index: 10000; position: fixed; top: 0; left: 0; width: 100% !important; height: 100% !important } .k-mediaplayer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-mediaplayer-titlebar { color: var(--kendo-color-surface-alt, #ffffff); background-image: linear-gradient(color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 70%, transparent), color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 0%, transparent)); text-shadow: 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent) } .k-timeline { box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; background-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-timeline *, .k-timeline *::before, .k-timeline *::after, .k-timeline::before, .k-timeline::after { box-sizing: border-box } .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-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-radius: var(--kendo-border-radius-md, 0.25rem); line-height: var(--kendo-line-height, normal); min-width: 80px; max-width: calc(80px + var(--kendo-spacing-10, 2.5rem)*2); position: relative; z-index: 1 } .k-timeline .k-timeline-circle { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; position: relative; z-index: 1 } .k-timeline.k-timeline-dates-hidden .k-timeline-date { display: none } .k-timeline.k-timeline-collapsible .k-card-header { cursor: pointer } .k-timeline.k-timeline-collapsible .k-event-collapse { display: flex } .k-timeline-card .k-card { position: relative; overflow: visible } .k-timeline-card .k-card .k-card-header { overflow: visible; border-bottom: 0 } .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: var(--kendo-border-radius-md, 0.25rem) } .k-timeline-card .k-timeline-card-callout.k-callout-w, .k-timeline-card .k-timeline-card-callout.k-callout-e { top: 36px } .k-timeline-vertical, .k-timeline-horizontal { padding-block: 0; padding-inline: var(--kendo-spacing-10, 2.5rem); margin-block: var(--kendo-spacing-10, 2.5rem); margin-inline: 0; width: 100%; position: relative; border: 0 } .k-timeline-vertical::after, .k-timeline-horizontal .k-timeline-track-wrap::after { content: ""; position: absolute; top: 0; border-width: 1px; border-style: solid } .k-timeline-vertical { padding-left: calc(var(--kendo-spacing-10, 2.5rem) + 90px - var(--kendo-spacing-1\.5, 0.375rem)/2) } .k-timeline-vertical.k-timeline-dates-hidden { padding-left: calc(var(--kendo-spacing-10, 2.5rem) + 40px - var(--kendo-spacing-1\.5, 0.375rem)/2) } .k-timeline-vertical::after { height: 100%; width: var(--kendo-spacing-1\.5, 0.375rem); transform: translateX(-50%); border-radius: var(--kendo-border-radius-lg, 0.375rem) } .k-timeline-vertical .k-timeline-flag-wrap { display: flex; align-items: center } .k-timeline-vertical .k-timeline-flag-wrap:first-child { padding-top: var(--kendo-spacing-10, 2.5rem) } .k-timeline-vertical .k-timeline-flag { transform: translateX(-50%) } .k-timeline-vertical .k-timeline-date-wrap { position: absolute; padding-right: var(--kendo-spacing-4, 1rem); margin-top: 36px; transform: translate(-100%, -50%); text-align: end } .k-timeline-vertical .k-timeline-event { display: flex; align-items: flex-start; padding-block: var(--kendo-spacing-10, 2.5rem); padding-inline: 0 } .k-timeline-vertical .k-timeline-card { padding-left: var(--kendo-spacing-4, 1rem) } .k-timeline-vertical .k-timeline-card .k-card { margin-left: var(--kendo-spacing-4, 1rem); min-height: 70px; width: 400px; max-width: 100% } .k-timeline-vertical .k-timeline-card .k-card .k-card-header { border-radius: var(--kendo-border-radius-lg, 0.375rem) } .k-timeline-vertical .k-timeline-card .k-card .k-card-title { display: flex; 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-block: calc(var(--kendo-spacing-1, 0.25rem)*-1); margin-inline: 0; transform: rotate(90deg); transition: transform .2s ease-in-out } .k-timeline-vertical .k-timeline-card.k-collapsed .k-card-body, .k-timeline-vertical .k-timeline-card.k-collapsed .k-card-actions { display: none } .k-timeline-vertical .k-timeline-card.k-collapsed .k-event-collapse { transform: rotate(0deg) } .k-timeline-vertical .k-timeline-circle { margin-top: 36px; transform: translate(-50%, -50%); margin-right: -8px } .k-timeline-vertical.k-timeline-alternating { padding-left: var(--kendo-spacing-10, 2.5rem) } .k-timeline-vertical.k-timeline-alternating::after { left: 50% } .k-timeline-vertical.k-timeline-alternating .k-timeline-flag-wrap { justify-content: center } .k-timeline-vertical.k-timeline-alternating .k-timeline-flag { transform: translateX(0) } .k-timeline-vertical.k-timeline-alternating .k-timeline-event { justify-content: space-between } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse { flex-direction: row-reverse } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-date-wrap { text-align: start; padding-right: 0; padding-left: var(--kendo-spacing-4, 1rem) } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-card { padding-left: 0; padding-right: var(--kendo-spacing-4, 1rem) } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-card .k-card { margin-right: var(--kendo-spacing-4, 1rem); margin-left: auto } .k-timeline-vertical.k-timeline-alternating .k-timeline-card, .k-timeline-vertical.k-timeline-alternating .k-timeline-date-wrap { flex-basis: 50%; min-width: 0 } .k-timeline-vertical.k-timeline-alternating .k-timeline-date-wrap { position: static; transform: translateY(-50%) } .k-timeline-vertical.k-timeline-alternating .k-timeline-circle { transform: translateY(-50%); margin-right: 0 } .k-timeline-horizontal .k-timeline-track-item { flex: 1 0 20%; display: flex; align-items: center; justify-content: flex-start; position: relative; 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: var(--kendo-spacing-2, 0.5rem) } .k-timeline-horizontal .k-timeline-card { height: 100% } .k-timeline-horizontal .k-card { max-height: 100% } .k-timeline-horizontal .k-timeline-events-list { overflow-x: hidden; padding-top: var(--kendo-spacing-4, 1rem) } .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: calc(var(--kendo-spacing-7\.5, 1.875rem)/2) 0 } .k-timeline-horizontal .k-timeline-track-wrap::after { top: auto; bottom: calc(var(--kendo-spacing-7\.5, 1.875rem)/2 + var(--kendo-spacing-1\.5, 0.375rem)/2); left: calc(var(--kendo-spacing-7\.5, 1.875rem) - 2px); right: calc(var(--kendo-spacing-7\.5, 1.875rem) - 2px); transform: translateY(-50%); height: var(--kendo-spacing-1\.5, 0.375rem) } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track { overflow: hidden; margin-block: 0; margin-inline: var(--kendo-spacing-7\.5, 1.875rem); position: relative; z-index: 2 } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track .k-timeline-scrollable-wrap { transition: transform 1s ease-in-out } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag { margin-bottom: calc(var(--kendo-spacing-1\.5, 0.375rem) + 16px); 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; transform: translate(-50%, 50%) rotate(45deg) } .k-timeline-horizontal .k-timeline-scrollable-wrap { padding-bottom: calc(var(--kendo-spacing-1\.5, 0.375rem)/2); display: flex; outline: 0 } .k-timeline-arrow { width: var(--kendo-spacing-7\.5, 1.875rem); height: var(--kendo-spacing-7\.5, 1.875rem); border-radius: 50%; position: absolute; bottom: calc(var(--kendo-spacing-1\.5, 0.375rem) + var(--kendo-spacing-1\.5, 0.375rem)/2 + 2px); z-index: 3; display: flex; align-items: center; justify-content: center } .k-timeline-arrow-left { left: 0 } .k-timeline-arrow-right { right: 0 } .k-timeline-mobile { padding-block: 0; padding-inline: var(--kendo-spacing-4, 1rem); margin-block: var(--kendo-spacing-4, 1rem); margin-inline: 0 } .k-timeline-mobile .k-timeline-flag { max-width: calc(80px + var(--kendo-spacing-4, 1rem)*2) } .k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap { display: none } .k-timeline-mobile.k-timeline-vertical { padding-left: calc(var(--kendo-spacing-4, 1rem) + 90px - var(--kendo-spacing-1\.5, 0.375rem)/2) } .k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden { padding-left: calc(var(--kendo-spacing-4, 1rem) + 40px - var(--kendo-spacing-1\.5, 0.375rem)/2) } .k-timeline-mobile.k-timeline-vertical.k-timeline-alternating { padding-left: var(--kendo-spacing-4, 1rem) } .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 .k-timeline-flag { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #0058e9) } .k-timeline .k-timeline-circle { background-color: var(--kendo-color-primary, #0058e9) } .k-timeline .k-timeline-card .k-card-header { background-color: var(--kendo-color-surface-alt, #ffffff); color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-timeline .k-timeline-card .k-card-body { scrollbar-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) var(--kendo-color-surface-alt, #ffffff) } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-track { background: var(--kendo-color-surface-alt, #ffffff) } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb { background: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb:hover { background: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-timeline .k-timeline-date { color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-timeline .k-timeline-arrow.k-disabled { opacity: 1; color: color-mix(in srgb, var(--kendo-color-on-base, #3d3d3d) 60%, transparent); background-color: color-mix(in srgb, var(--kendo-color-base-subtle, #ebebeb) 60%, transparent); border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-timeline-vertical::after, .k-timeline-horizontal .k-timeline-track-wrap::after { background-color: var(--kendo-color-base, #f5f5f5); border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-timeline-horizontal .k-timeline-flag::after { background-color: var(--kendo-color-primary, #0058e9) } .k-timeline-track-item.k-focus .k-timeline-circle { box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-pdf-viewer { border-width: 1px; border-style: solid; box-sizing: border-box; position: relative; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-pdf-viewer .k-toolbar { border-top-width: 0; border-right-width: 0; border-left-width: 0; border-color: inherit; flex: 0 0 auto; z-index: 2 } .k-pdf-viewer .k-toolbar .k-pager-wrap, .k-pdf-viewer .k-toolbar .k-pager { padding: 0; border-width: 0; color: inherit; background: none; overflow: visible } .k-pdf-viewer-canvas { display: flex; flex-direction: column; flex: 1 1 auto; outline: none } .k-pdf-viewer-canvas.k-enable-text-select { -webkit-user-select: text; -moz-user-select: text; user-select: text; cursor: text } .k-pdf-viewer-canvas.k-enable-panning { cursor: grab !important } .k-pdf-viewer-canvas.k-enable-panning span::-moz-selection { background-color: rgba(0,0,0,0) } .k-pdf-viewer-canvas.k-enable-panning span::selection { background-color: rgba(0,0,0,0) } .k-pdf-viewer-pages { flex: 1 1 auto } .k-pdf-viewer-pages .k-page { position: relative; margin-block: var(--kendo-spacing-7\.5, 1.875rem); margin-inline: auto; z-index: 1 } .k-pdf-viewer-pages .k-page .k-canvas-wrapper { overflow: hidden; width: 100%; height: 100% } .k-pdf-viewer-pages .k-page .k-canvas-wrapper canvas { direction: ltr } .k-pdf-viewer-pages .k-page .k-canvas-wrapper svg { transform: none } .k-pdf-viewer-pages .k-page .k-canvas-wrapper .k-highlight { position: absolute; mix-blend-mode: multiply; fill-opacity: 1 } .k-pdf-viewer-pages .k-page .k-canvas-wrapper .k-highlight-outline { position: absolute; fill: none; stroke-width: 2px; stroke-dasharray: 2 } .k-pdf-viewer-pages .k-page .k-text-layer { position: absolute; top: 0; left: 0; opacity: .2; overflow: hidden } .k-pdf-viewer-pages .k-page .k-text-layer .k-marked-content > span, .k-pdf-viewer-pages .k-page .k-text-layer > span, .k-pdf-viewer-pages .k-page .k-text-layer br { position: absolute; line-height: var(--kendo-line-height-sm, normal); transform-origin: 0% 0%; color: rgba(0,0,0,0); white-space: pre; cursor: text } .k-pdf-viewer-pages .k-page .k-text-layer .k-marked-content { top: 0; height: 0 } .k-pdf-viewer-pages .k-page .k-text-layer .k-end-of-content { display: block; position: absolute; inset: 100% 0 0; z-index: 0; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none } .k-pdf-viewer-pages .k-page .k-text-layer .k-search-highlight-mark { color: rgba(0,0,0,0) } .k-pdf-viewer-pages .k-page .k-text-layer .k-highlighting { touch-action: none } .k-pdf-viewer-pages .k-page .k-annotation-layer { position: absolute; top: 0; left: 0; transform-origin: 0 0; pointer-events: none } .k-pdf-viewer-pages .k-page .k-annotation-layer section { position: absolute; pointer-events: auto } .k-pdf-viewer-pages .k-page .k-annotation-layer .k-annotation-text-content { position: absolute; width: 100%; height: 100%; opacity: 0; color: rgba(0,0,0,0); -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none } .k-pdf-viewer-pages .k-page .k-annotation-layer .k-link-annotation > a { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .k-pdf-viewer-pages .k-page .k-annotation-layer .k-text-widget-annotation .k-annotation-content { position: absolute; width: 100%; height: 100%; pointer-events: none } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer { background: rgba(0,0,0,0); position: absolute; inset: 0; transform-origin: 0 0; cursor: auto } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-selected { z-index: 100000 !important } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-highlight-editor { position: absolute; background: rgba(0,0,0,0); z-index: 1; cursor: auto; max-width: 100%; max-height: 100%; border: none; outline: none; pointer-events: none; transform-origin: 0 0 } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-highlight-editor .k-internal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: auto } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-highlight-editor.k-highlight-editor-disabled .k-internal { pointer-events: none } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-free-text-editor { position: absolute; background: rgba(0,0,0,0); z-index: 1; transform-origin: 0 0; cursor: text; caret-color: rgba(124,22,27,.5); max-width: 100%; max-height: 100%; border: solid 2px rgba(0,0,0,0) } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-free-text-editor.k-selected.k-draggable { cursor: move } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-free-text-editor.k-selected .k-internal { border-radius: 0px; outline: 2px dashed var(--kendo-color-primary, #0058e9) } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-free-text-editor .k-internal { background: rgba(0,0,0,0); border: none; inset: 0; overflow: visible; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer .k-free-text-editor .k-internal:empty::before { content: attr(default-content) } .k-pdf-viewer-pages .k-page .k-annotation-editor-layer-disabled { pointer-events: none } .k-pdf-viewer-pages .k-blank-page { margin: 0; display: flex; flex-flow: column nowrap; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: inherit !important } .k-pdf-viewer-pages .k-blank-page .k-upload, .k-pdf-viewer-pages .k-blank-page .k-dropzone, .k-pdf-viewer-pages .k-blank-page .k-dropzone-inner { border: 0; background: none } .k-pdf-viewer-canvas > .k-search-panel { width: -moz-max-content; width: max-content; margin-top: calc(var(--kendo-line-height, normal)*1em*-1 + var(--kendo-spacing-1, 0.25rem)*2*-1 + -4px + var(--kendo-spacing-2, 0.5rem)*2*2*-1); padding-block: calc(var(--kendo-spacing-2, 0.5rem)*2); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 1px; border-style: solid; border-radius: 0; display: flex; gap: var(--kendo-spacing-2, 0.5rem); flex-flow: row nowrap; flex: 0 0 auto; justify-content: flex-start; align-items: center; z-index: 10; cursor: default } .k-pdf-viewer-canvas > .k-search-panel .k-search-dialog-draghandle { cursor: move; margin-left: 0 } .k-pdf-viewer-canvas > .k-search-panel .k-textbox { width: 10em; flex: none } .k-pdf-viewer-canvas > .k-search-panel .k-textbox .k-button { border-width: 0 } .k-pdf-viewer-canvas > .k-search-panel .k-search-matches { display: inline-flex; gap: var(--kendo-spacing-1, 0.25rem) } .k-pdf-viewer-annotation-editor-toolbar > .k-toolbar { width: -moz-min-content; width: min-content; border-bottom-width: 0 } .k-pdf-viewer-annotation-editor { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-pdf-viewer-annotation-editor .k-column-menu-group-header { padding-inline: 0 } .k-pdf-viewer-annotation-editor .k-form-field { margin-top: 0 } .k-pdf-viewer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-pdf-viewer .k-pdf-viewer-canvas { background-color: var(--kendo-color-surface, #fafafa) } .k-pdf-viewer .k-page { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: #fff; box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-pdf-viewer .k-blank-page > .k-icon { color: var(--kendo-color-subtle, #666666) } .k-pdf-viewer .k-canvas-wrapper .k-highlight-outline.k-hover, .k-pdf-viewer .k-canvas-wrapper .k-highlight-outline:hover { stroke: var(--kendo-color-primary-hover, #ea5a51) } .k-pdf-viewer .k-canvas-wrapper .k-highlight-outline.k-selected { stroke: var(--kendo-color-primary, #0058e9) } .k-pdf-viewer .k-search-highlight { background-color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-pdf-viewer .k-search-highlight-mark { background-color: #ff0 } .k-pdf-viewer .k-annotation-editor-layer .k-free-text-editor .k-internal { color: rgba(124,22,27,.5) } .k-pdf-viewer .k-annotation-editor-layer .k-free-text-editor .k-internal:empty::before { color: rgba(124,22,27,.5) } .k-pdf-viewer-canvas > .k-search-panel { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)) } .km-scrollview, .km-scroll-container { -webkit-user-select: none; -moz-user-select: none; user-select: none; border-collapse: separate } .km-scroll-wrapper { position: relative } .km-scroll-header { position: absolute; z-index: 1001; width: 100%; top: 0; left: 0 } .km-scroller-pull { width: 100%; display: block; position: absolute; line-height: 3em; font-size: 1.4em; text-align: center; transform: translate3d(0, -3em, 0) } .km-scroller-pull .km-template { display: inline-block; min-width: 200px; text-align: start } .km-load-more .km-icon, .km-widget .km-scroller-pull .km-icon { display: inline-block; height: 2rem; margin-right: 1rem; vertical-align: middle; width: 2rem; font-size: 2rem; transform: rotate(0deg); transition: transform 300ms linear } .km-widget .km-scroller-release .km-icon { transform: rotate(180deg) } .km-widget .km-scroller-refresh .km-icon { transition: none } .km-touch-scrollbar { position: absolute; visibility: hidden; z-index: 200000; height: .4em; width: .4em; opacity: 0; transform-origin: 0 0; transition: opacity .3s linear } .k-map .km-touch-scrollbar, .k-diagram .km-touch-scrollbar { display: none } .km-vertical-scrollbar { height: 100%; right: 2px; top: 0 } .km-horizontal-scrollbar { width: 100%; left: 0; bottom: 2px } .km-touch-scrollbar { background-color: #333 } .k-scrollview { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); position: relative; overflow: hidden; display: block; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-scrollview-wrap { position: absolute; margin: 0; padding: 0; height: 100%; width: 100%; display: flex; flex-flow: row nowrap; cursor: default; white-space: nowrap } .k-scrollview-wrap > .k-scrollview-view { display: inline-block; overflow: hidden; flex-shrink: 0 } .k-scrollview-wrap img { -webkit-user-select: none; -moz-user-select: none; user-select: none } .k-scrollview-wrap.k-scrollview-animate { width: calc(var(--kendo-scrollview-views, 1)*100%); transition-duration: .3s; transition-timing-function: ease-in-out; transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1))) } .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view { width: calc(100%/var(--kendo-scrollview-views, 1)); flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1)) } :is([dir=rtl],.k-rtl) .k-scrollview-wrap.k-scrollview-animate { transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1))) } .k-scrollview-nav-wrap { padding: 0; margin: 0; position: absolute; left: 0; right: 0; bottom: 0; height: calc(10px + var(--kendo-spacing-5, 1.25rem)*2); text-align: center } kendo-scrollview.k-scrollview kendo-scrollview-pager { pointer-events: none } kendo-scrollview.k-scrollview .k-scrollview-nav { pointer-events: initial } .k-scrollview-nav { margin: 0; padding: var(--kendo-spacing-5, 1.25rem); max-width: 100%; box-sizing: border-box; line-height: 0; text-align: center; white-space: nowrap; list-style: none; display: inline-flex; align-items: center; overflow-x: scroll; overflow-y: hidden; pointer-events: initial } .k-scrollview-nav:focus { outline: none } .k-scrollview-nav > .k-link { margin-block: 0; margin-inline: calc(var(--kendo-spacing-5, 1.25rem)/2); padding: 0; width: 10px; height: 10px; border-width: 0px; border-style: solid; border-radius: 50%; box-sizing: content-box; display: inline-block; position: relative; flex: 0 0 auto; cursor: pointer; pointer-events: all; vertical-align: top } .k-scrollview-nav > .k-link::before { content: ""; width: calc(10px + var(--kendo-spacing-5, 1.25rem)); height: calc(10px + var(--kendo-spacing-5, 1.25rem)); display: block; position: absolute; top: 50%; left: 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; -moz-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-weight: normal } .k-scrollview-prev { inset-inline-start: 0 } .k-scrollview-next { inset-inline-end: 0 } .k-scrollview-animation { transition-duration: .3s; transition-timing-function: ease-in-out } .k-scrollview { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-scrollview.k-scrollview-dark kendo-scrollview-pager, .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap { background-color: rgba(0,0,0,.4) } .k-scrollview.k-scrollview-dark .k-scrollview-next, .k-scrollview.k-scrollview-dark .k-scrollview-prev { color: rgba(0,0,0,.4) } .k-scrollview.k-scrollview-light kendo-scrollview-pager, .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap { background-color: hsla(0,0%,100%,.4) } .k-scrollview:focus, .k-scrollview-wrap:focus { outline: none } .k-scrollview-elements { color: #fff } .k-scrollview-next, .k-scrollview-prev { color: #fff; background-color: rgba(0,0,0,0); text-shadow: rgba(0,0,0,.3) 0 0 15px; opacity: .7; outline-width: 0; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-scrollview-next:focus, .k-scrollview-next.k-focus, .k-scrollview-prev:focus, .k-scrollview-prev.k-focus { color: #fff; opacity: 1 } .k-scrollview-next:focus .k-icon::before, .k-scrollview-next.k-focus .k-icon::before, .k-scrollview-prev:focus .k-icon::before, .k-scrollview-prev.k-focus .k-icon::before { box-shadow: 0 0 0 2px rgba(0,0,0,.13) } .k-scrollview-next:hover, .k-scrollview-next.k-hover, .k-scrollview-prev:hover, .k-scrollview-prev.k-hover { color: #fff; opacity: 1 } .k-scrollview-nav > .k-link { background: var(--kendo-color-base, #f5f5f5); border: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-scrollview-nav > .k-link.k-primary { background: var(--kendo-color-primary, #0058e9); border: var(--kendo-color-primary, #0058e9) } .k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus { box-shadow: 0 0 0 2px rgba(0,0,0,.13) } .k-scrollview-nav > .k-link:hover, .k-scrollview-nav > .k-link.k-hover { box-shadow: 0 0 0 2px rgba(0,0,0,.13) } .k-prompt { display: flex; flex-direction: column; position: relative; overflow: hidden } .k-prompt .k-toolbar { border-top-width: 0; border-inline-width: 0 } .k-prompt-content { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem); display: flex; flex-flow: column nowrap; flex: 1 1 auto; gap: var(--kendo-spacing-4, 1rem); overflow: auto } .k-prompt-view { display: flex; flex-direction: column; flex: 1 1 auto; gap: var(--kendo-spacing-4, 1rem) } .k-prompt-expander { display: flex; flex-direction: column; flex: 1; align-items: flex-start; gap: var(--kendo-spacing-2, 0.5rem) } .k-prompt-expander-content { display: flex; flex-flow: column; flex: 0 0 auto; gap: var(--kendo-spacing-2, 0.5rem); align-self: stretch } .k-prompt-suggestion { border-width: 1px; border-style: solid; border-radius: var(--kendo-border-radius-md, 0.25rem); padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); cursor: pointer } .k-prompt-setting { display: flex; flex-direction: column } .k-prompt-actions.k-actions, .k-prompt-actions.k-edit-buttons, .k-prompt-actions.k-action-buttons, .k-prompt-actions.k-columnmenu-actions, .k-prompt-actions.k-form-buttons { margin: 0 } .k-prompt { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-prompt-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-prompt-content { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-prompt-suggestion { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-app-surface, #ffffff); box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-map { height: 600px; box-sizing: border-box; border-width: 0px; border-style: solid; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); font-family: var(--kendo-font-family, inherit) } .k-map *, .k-map *::before, .k-map *::after { box-sizing: border-box } .k-map .km-scroll-wrapper { width: 100%; height: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: absolute } .k-map .km-scroll-container { height: 100% } .k-map .k-touch-scrollbar { display: none } .k-map .k-layer { position: absolute; left: 0; top: 0 } .k-map .k-marker { transform: translate(-50%, -100%); cursor: pointer; position: absolute; overflow: visible } .k-map .k-attribution { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-1, 0.25rem); border-width: 0; font-size: calc(var(--kendo-font-size, inherit)*0.75); z-index: 1000 } .k-map-controls { position: absolute; display: flex; align-items: center } .k-navigator { margin: var(--kendo-spacing-4, 1rem); width: calc(48px + var(--kendo-spacing-0\.5, 0.125rem)*2); height: calc(48px + var(--kendo-spacing-0\.5, 0.125rem)*2); border-width: 1px; border-style: solid; box-sizing: border-box; border-radius: 50%; position: relative } .k-navigator .k-button { padding: 0; width: auto; height: auto; line-height: 1; box-shadow: none; position: absolute } .k-navigator .k-button .k-icon { min-width: 0; min-height: 0 } .k-navigator .k-navigator-n, .k-navigator .k-navigator-up { transform: translateX(-50%); top: var(--kendo-spacing-0\.5, 0.125rem); left: 50% } .k-navigator .k-navigator-e, .k-navigator .k-navigator-right { transform: translateY(-50%); right: var(--kendo-spacing-0\.5, 0.125rem); top: 50% } .k-navigator .k-navigator-s, .k-navigator .k-navigator-down { transform: translateX(-50%); bottom: var(--kendo-spacing-0\.5, 0.125rem); left: 50% } .k-navigator .k-navigator-w, .k-navigator .k-navigator-left { transform: translateY(-50%); left: var(--kendo-spacing-0\.5, 0.125rem); top: 50% } .k-zoom-control { margin: var(--kendo-spacing-4, 1rem); border: 0; background: none; display: flex } .k-pdf-export .k-navigator, .k-pdf-export .k-zoom-control { display: none } .k-map { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-map .k-navigator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #3d3d3d); background-color: var(--kendo-color-base, #f5f5f5) } .k-map .k-marker { color: var(--kendo-color-primary, #0058e9) } .k-map .k-attribution { background-color: color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 80%, transparent) } .k-orgchart { width: 100%; padding-block: var(--kendo-spacing-6, 1.5rem); padding-inline: var(--kendo-spacing-6, 1.5rem); box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); overflow: auto } .k-orgchart *, .k-orgchart *::before, .k-orgchart *::after { box-sizing: border-box } .k-orgchart-container { margin-block: 0; margin-inline: auto; width: 100%; height: 100%; position: relative } .k-orgchart-group { gap: var(--kendo-spacing-6, 1.5rem) } .k-orgchart-group.k-vstack > .k-orgchart-node-container, .k-orgchart-group.k-vbox > .k-orgchart-node-container { gap: 0 } .k-orgchart-node-container { gap: var(--kendo-spacing-6, 1.5rem) } .k-orgchart-node-group-container { border-radius: var(--kendo-border-radius-md, 0.25rem); padding-block: var(--kendo-spacing-6, 1.5rem); padding-inline: var(--kendo-spacing-6, 1.5rem); border-width: 1px; border-style: solid; outline: 0 } .k-orgchart-node-group-title { margin: 0 0 calc(var(--kendo-spacing-6, 1.5rem)/3); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-sm, normal) } .k-orgchart-node-group-subtitle { margin: 0 0 var(--kendo-spacing-6, 1.5rem); font-size: var(--kendo-font-size, inherit) } .k-orgchart-card { width: 300px; border-width: 1px } .k-orgchart-card .k-card-title { margin: 0 0 var(--kendo-spacing-0, 0px) } .k-orgchart-card .k-card-subtitle { margin: 0 0 var(--kendo-spacing-0, 0px) } .k-orgchart-card .k-card-body { border-width: 2px 0 0; border-style: solid; flex-grow: 0 } .k-orgchart-card .k-card-body .k-card-title-wrap { margin: 0 var(--kendo-spacing-6, 1.5rem)/2 0 0; min-width: 0; min-height: 45px } .k-orgchart-line { background-color: currentColor } .k-orgchart-line-h { height: 1px } .k-orgchart-line-v { margin-block: 0; margin-inline: auto; width: 1px; height: var(--kendo-spacing-6, 1.5rem) } .k-orgchart-button { z-index: 1 } .k-orgchart { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-orgchart-card .k-card-body { border-color: rgba(0,0,0,0) } .k-orgchart-card:focus, .k-orgchart-card.k-focus { box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-orgchart-node-group-container { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-surface, #fafafa) } .k-orgchart-node-group-container:focus, .k-orgchart-node-group-container.k-focus { box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)); border-color: rgba(0,0,0,.15) } .k-orgchart-node-group-subtitle { color: var(--kendo-color-subtle, #666666) } .k-orgchart-line-h, .k-orgchart-line-v { color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-signature { width: 250px; min-height: 84px; position: relative; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between } .k-signature.k-signature-maximized { width: 750px; height: 252px } .k-signature.k-signature-maximized > .k-signature-line { border-bottom-width: 3px } .k-signature-actions { display: flex; width: -moz-min-content; width: min-content; -webkit-margin-start: auto; margin-inline-start: auto; gap: var(--kendo-spacing-1, 0.25rem); z-index: 2 } .k-signature-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; outline: none } .k-signature-line { position: absolute; bottom: 33%; z-index: 2; pointer-events: none; border-bottom-width: 1px; border-bottom-style: dashed } .k-signature-sm { padding-inline: var(--kendo-spacing-0\.5, 0.125rem); padding-block: var(--kendo-spacing-0\.5, 0.125rem) } .k-signature-sm .k-signature-line { width: calc(100% - var(--kendo-spacing-0\.5, 0.125rem)*2) } .k-signature-md { padding-inline: var(--kendo-spacing-1, 0.25rem); padding-block: var(--kendo-spacing-1, 0.25rem) } .k-signature-md .k-signature-line { width: calc(100% - var(--kendo-spacing-1, 0.25rem)*2) } .k-signature-lg { padding-inline: var(--kendo-spacing-2, 0.5rem); padding-block: var(--kendo-spacing-2, 0.5rem) } .k-signature-lg .k-signature-line { width: calc(100% - var(--kendo-spacing-2, 0.5rem)*2) } .k-signature-lg { min-height: 110px } .k-signature .k-signature-line { border-bottom-color: color-mix(in srgb, var(--kendo-color-info, rgba(156, 64, 249, 0.968627451)) 24%, transparent) } .k-checkbox-label { border-bottom-width: unset; border-left-width: unset; border-right-width: unset; border-top-width: unset; outline-style: solid; outline-width: inherit; opacity: inherit; visibility: visible } .k-checkbox-wrap .k-checkbox.k-focus, .k-checkbox-wrap .k-checkbox.k-state-focus, .k-checkbox-wrap .k-checkbox.k-state-focused, .k-checkbox-wrap .k-checkbox:focus { border-bottom-color: var(--kendo-color-on-app-surface, #3d3d3d); border-left-color: var(--kendo-color-on-app-surface, #3d3d3d); border-right-color: var(--kendo-color-on-app-surface, #3d3d3d); border-top-color: var(--kendo-color-on-app-surface, #3d3d3d); outline-style: solid; outline-width: thin } .k-checkbox-wrap .k-checkbox { border-bottom-color: #3d3d3d; border-left-color: #3d3d3d; border-right-color: #3d3d3d; border-top-color: #3d3d3d }