/*!****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/platformElements-202411180935.css?ngGlobalStyle ***! \****************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400); /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme.scss?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap); /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme.scss?ngGlobalStyle (1) ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://pro.fontawesome.com/releases/v5.8.1/css/fontawesome.css?x=platform); /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme.scss?ngGlobalStyle (2) ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://pro.fontawesome.com/releases/v5.8.1/css/light.css?x=platform); /*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/platformElements-202411180935.css?ngGlobalStyle (1) ***! \********************************************************************************************************************************************************************************************************************************************************/ .mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto,Helvetica Neue,sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography h5{font:400 calc(14px * .83)/20px Roboto,Helvetica Neue,sans-serif;margin:0 0 12px}.mat-h6,.mat-typography h6{font:400 calc(14px * .67)/20px Roboto,Helvetica Neue,sans-serif;margin:0 0 12px}.mat-body-2,.mat-body-strong{font:500 14px/24px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-body-1 p,.mat-body p,.mat-typography p{margin:0 0 12px}.mat-caption,.mat-small{font:400 12px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button,.mat-stroked-button{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500}.mat-button-toggle,.mat-card{font-family:Roboto,Helvetica Neue,sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-content,.mat-card-subtitle{font-size:14px}.mat-checkbox{font-family:Roboto,Helvetica Neue,sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-remove.mat-icon,.mat-chip .mat-chip-trailing-icon.mat-icon{font-size:18px}.mat-table{font-family:Roboto,Helvetica Neue,sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto,Helvetica Neue,sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto,Helvetica Neue,sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(.75);width:133.33333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(.75);width:133.33334333%}.mat-form-field-label-wrapper{top:-.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.66666667em;top:calc(100% - 1.79166667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);-ms-transform:translateY(-1.28125em) scale(.75);width:133.33333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);-ms-transform:translateY(-1.28124em) scale(.75);width:133.33334333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);-ms-transform:translateY(-1.28123em) scale(.75);width:133.33335333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.54166667em;top:calc(100% - 1.66666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-.59375em) scale(.75);width:133.33333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-.59374em) scale(.75);width:133.33334333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(.75);width:133.33333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(.75);width:133.33334333%}.mat-grid-tile-footer,.mat-grid-tile-header{font-size:14px}.mat-grid-tile-footer .mat-line,.mat-grid-tile-header .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-footer .mat-line:nth-child(n+2),.mat-grid-tile-header .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-.0625em}.mat-menu-item{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px}.mat-radio-button,.mat-select{font-family:Roboto,Helvetica Neue,sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content,.mat-slider-thumb-label-text{font-family:Roboto,Helvetica Neue,sans-serif}.mat-slider-thumb-label-text{font-size:12px;font-weight:500}.mat-stepper-horizontal,.mat-stepper-vertical{font-family:Roboto,Helvetica Neue,sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:400}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group,.mat-tab-label,.mat-tab-link{font-family:Roboto,Helvetica Neue,sans-serif}.mat-tab-label,.mat-tab-link{font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto,Helvetica Neue,sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item,.mat-list-option{font-family:Roboto,Helvetica Neue,sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2),.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto,Helvetica Neue,sans-serif}.mat-nested-tree-node,.mat-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale(0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}.cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper,.cdk-overlay-pane{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{pointer-events:auto;box-sizing:border-box;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}@keyframes cdk-text-field-autofill-start{ /*!*/}@keyframes cdk-text-field-autofill-end{ /*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}.mat-focus-indicator,.mat-mdc-focus-indicator{position:relative}.kpa-nav{position:fixed;width:100%;top:0;left:0;z-index:60}.kpa-nav .mat-ripple-element{background-color:rgba(0,0,0,.1)}.kpa-nav .mat-option{color:rgba(0,0,0,.87)}.kpa-nav .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),.kpa-nav .mat-option:focus:not(.mat-option-disabled),.kpa-nav .mat-option:hover:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.kpa-nav .mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.kpa-nav .mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.kpa-nav .mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#697787}.kpa-nav .mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#91b9ff}.kpa-nav .mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#ed5237}.kpa-nav .mat-optgroup-label{color:rgba(0,0,0,.54)}.kpa-nav .mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.kpa-nav .mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.kpa-nav .mat-pseudo-checkbox:after{color:#fafafa}.kpa-nav .mat-pseudo-checkbox-disabled{color:#b0b0b0}.kpa-nav .mat-primary .mat-pseudo-checkbox-checked,.kpa-nav .mat-primary .mat-pseudo-checkbox-indeterminate{background:#697787}.kpa-nav .mat-accent .mat-pseudo-checkbox-checked,.kpa-nav .mat-accent .mat-pseudo-checkbox-indeterminate,.kpa-nav .mat-pseudo-checkbox-checked,.kpa-nav .mat-pseudo-checkbox-indeterminate{background:#91b9ff}.kpa-nav .mat-warn .mat-pseudo-checkbox-checked,.kpa-nav .mat-warn .mat-pseudo-checkbox-indeterminate{background:#ed5237}.kpa-nav .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.kpa-nav .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.kpa-nav.mat-app-background,.kpa-nav .mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.kpa-nav .mat-elevation-z0{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z2{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z5{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z7{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z8{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z9{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z10{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z11{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z13{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z14{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z15{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z17{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z18{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z19{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z20{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z21{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z22{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z23{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}.kpa-nav .mat-elevation-z24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}.mat-theme-loaded-marker{display:none}.kpa-nav .mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.kpa-nav .mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.kpa-nav .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.kpa-nav .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.kpa-nav .mat-badge-content{color:#fff;background:#697787}.cdk-high-contrast-active .kpa-nav .mat-badge-content{outline:1px solid;border-radius:0}.kpa-nav .mat-badge-accent .mat-badge-content{background:#91b9ff;color:rgba(0,0,0,.87)}.kpa-nav .mat-badge-warn .mat-badge-content{color:rgba(0,0,0,.87);background:#ed5237}.kpa-nav .mat-badge{position:relative}.kpa-nav .mat-badge-hidden .mat-badge-content{display:none}.kpa-nav .mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.kpa-nav .mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform .2s ease-in-out;transform:scale(.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.kpa-nav .mat-badge-content._mat-animation-noopable,.kpa-nav .ng-animate-disabled .mat-badge-content{transition:none}.kpa-nav .mat-badge-content.mat-badge-active{transform:none}.kpa-nav .mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.kpa-nav .mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.kpa-nav .mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.kpa-nav .mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .kpa-nav .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.kpa-nav .mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .kpa-nav .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.kpa-nav .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .kpa-nav .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.kpa-nav .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .kpa-nav .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.kpa-nav .mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.kpa-nav .mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.kpa-nav .mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.kpa-nav .mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .kpa-nav .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.kpa-nav .mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .kpa-nav .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.kpa-nav .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .kpa-nav .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.kpa-nav .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .kpa-nav .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.kpa-nav .mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.kpa-nav .mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.kpa-nav .mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.kpa-nav .mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .kpa-nav .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.kpa-nav .mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .kpa-nav .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.kpa-nav .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .kpa-nav .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.kpa-nav .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .kpa-nav .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.kpa-nav .mat-bottom-sheet-container{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);background:#fff;color:rgba(0,0,0,.87)}.kpa-nav .mat-button,.kpa-nav .mat-icon-button,.kpa-nav .mat-stroked-button{color:inherit;background:transparent}.kpa-nav .mat-button.mat-primary,.kpa-nav .mat-icon-button.mat-primary,.kpa-nav .mat-stroked-button.mat-primary{color:#697787}.kpa-nav .mat-button.mat-accent,.kpa-nav .mat-icon-button.mat-accent,.kpa-nav .mat-stroked-button.mat-accent{color:#91b9ff}.kpa-nav .mat-button.mat-warn,.kpa-nav .mat-icon-button.mat-warn,.kpa-nav .mat-stroked-button.mat-warn{color:#ed5237}.kpa-nav .mat-button.mat-accent.mat-button-disabled,.kpa-nav .mat-button.mat-button-disabled.mat-button-disabled,.kpa-nav .mat-button.mat-primary.mat-button-disabled,.kpa-nav .mat-button.mat-warn.mat-button-disabled,.kpa-nav .mat-icon-button.mat-accent.mat-button-disabled,.kpa-nav .mat-icon-button.mat-button-disabled.mat-button-disabled,.kpa-nav .mat-icon-button.mat-primary.mat-button-disabled,.kpa-nav .mat-icon-button.mat-warn.mat-button-disabled,.kpa-nav .mat-stroked-button.mat-accent.mat-button-disabled,.kpa-nav .mat-stroked-button.mat-button-disabled.mat-button-disabled,.kpa-nav .mat-stroked-button.mat-primary.mat-button-disabled,.kpa-nav .mat-stroked-button.mat-warn.mat-button-disabled{color:rgba(0,0,0,.26)}.kpa-nav .mat-button.mat-primary .mat-button-focus-overlay,.kpa-nav .mat-icon-button.mat-primary .mat-button-focus-overlay,.kpa-nav .mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#697787}.kpa-nav .mat-button.mat-accent .mat-button-focus-overlay,.kpa-nav .mat-icon-button.mat-accent .mat-button-focus-overlay,.kpa-nav .mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#91b9ff}.kpa-nav .mat-button.mat-warn .mat-button-focus-overlay,.kpa-nav .mat-icon-button.mat-warn .mat-button-focus-overlay,.kpa-nav .mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#ed5237}.kpa-nav .mat-button.mat-button-disabled .mat-button-focus-overlay,.kpa-nav .mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.kpa-nav .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}.kpa-nav .mat-button .mat-ripple-element,.kpa-nav .mat-icon-button .mat-ripple-element,.kpa-nav .mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.kpa-nav .mat-button-focus-overlay{background:#000}.kpa-nav .mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.kpa-nav .mat-fab,.kpa-nav .mat-flat-button,.kpa-nav .mat-mini-fab,.kpa-nav .mat-raised-button{color:rgba(0,0,0,.87);background-color:#fff}.kpa-nav .mat-fab.mat-primary,.kpa-nav .mat-flat-button.mat-primary,.kpa-nav .mat-mini-fab.mat-primary,.kpa-nav .mat-raised-button.mat-primary{color:#fff}.kpa-nav .mat-fab.mat-accent,.kpa-nav .mat-fab.mat-warn,.kpa-nav .mat-flat-button.mat-accent,.kpa-nav .mat-flat-button.mat-warn,.kpa-nav .mat-mini-fab.mat-accent,.kpa-nav .mat-mini-fab.mat-warn,.kpa-nav .mat-raised-button.mat-accent,.kpa-nav .mat-raised-button.mat-warn{color:rgba(0,0,0,.87)}.kpa-nav .mat-fab.mat-accent.mat-button-disabled,.kpa-nav .mat-fab.mat-button-disabled.mat-button-disabled,.kpa-nav .mat-fab.mat-primary.mat-button-disabled,.kpa-nav .mat-fab.mat-warn.mat-button-disabled,.kpa-nav .mat-flat-button.mat-accent.mat-button-disabled,.kpa-nav .mat-flat-button.mat-button-disabled.mat-button-disabled,.kpa-nav .mat-flat-button.mat-primary.mat-button-disabled,.kpa-nav .mat-flat-button.mat-warn.mat-button-disabled,.kpa-nav .mat-mini-fab.mat-accent.mat-button-disabled,.kpa-nav .mat-mini-fab.mat-button-disabled.mat-button-disabled,.kpa-nav .mat-mini-fab.mat-primary.mat-button-disabled,.kpa-nav .mat-mini-fab.mat-warn.mat-button-disabled,.kpa-nav .mat-raised-button.mat-accent.mat-button-disabled,.kpa-nav .mat-raised-button.mat-button-disabled.mat-button-disabled,.kpa-nav .mat-raised-button.mat-primary.mat-button-disabled,.kpa-nav .mat-raised-button.mat-warn.mat-button-disabled{color:rgba(0,0,0,.26)}.kpa-nav .mat-fab.mat-primary,.kpa-nav .mat-flat-button.mat-primary,.kpa-nav .mat-mini-fab.mat-primary,.kpa-nav .mat-raised-button.mat-primary{background-color:#697787}.kpa-nav .mat-fab.mat-accent,.kpa-nav .mat-flat-button.mat-accent,.kpa-nav .mat-mini-fab.mat-accent,.kpa-nav .mat-raised-button.mat-accent{background-color:#91b9ff}.kpa-nav .mat-fab.mat-warn,.kpa-nav .mat-flat-button.mat-warn,.kpa-nav .mat-mini-fab.mat-warn,.kpa-nav .mat-raised-button.mat-warn{background-color:#ed5237}.kpa-nav .mat-fab.mat-accent.mat-button-disabled,.kpa-nav .mat-fab.mat-button-disabled.mat-button-disabled,.kpa-nav .mat-fab.mat-primary.mat-button-disabled,.kpa-nav .mat-fab.mat-warn.mat-button-disabled,.kpa-nav .mat-flat-button.mat-accent.mat-button-disabled,.kpa-nav .mat-flat-button.mat-button-disabled.mat-button-disabled,.kpa-nav .mat-flat-button.mat-primary.mat-button-disabled,.kpa-nav .mat-flat-button.mat-warn.mat-button-disabled,.kpa-nav .mat-mini-fab.mat-accent.mat-button-disabled,.kpa-nav .mat-mini-fab.mat-button-disabled.mat-button-disabled,.kpa-nav .mat-mini-fab.mat-primary.mat-button-disabled,.kpa-nav .mat-mini-fab.mat-warn.mat-button-disabled,.kpa-nav .mat-raised-button.mat-accent.mat-button-disabled,.kpa-nav .mat-raised-button.mat-button-disabled.mat-button-disabled,.kpa-nav .mat-raised-button.mat-primary.mat-button-disabled,.kpa-nav .mat-raised-button.mat-warn.mat-button-disabled{background-color:rgba(0,0,0,.12)}.kpa-nav .mat-fab.mat-primary .mat-ripple-element,.kpa-nav .mat-flat-button.mat-primary .mat-ripple-element,.kpa-nav .mat-mini-fab.mat-primary .mat-ripple-element,.kpa-nav .mat-raised-button.mat-primary .mat-ripple-element{background-color:hsla(0,0%,100%,.1)}.kpa-nav .mat-fab.mat-accent .mat-ripple-element,.kpa-nav .mat-fab.mat-warn .mat-ripple-element,.kpa-nav .mat-flat-button.mat-accent .mat-ripple-element,.kpa-nav .mat-flat-button.mat-warn .mat-ripple-element,.kpa-nav .mat-mini-fab.mat-accent .mat-ripple-element,.kpa-nav .mat-mini-fab.mat-warn .mat-ripple-element,.kpa-nav .mat-raised-button.mat-accent .mat-ripple-element,.kpa-nav .mat-raised-button.mat-warn .mat-ripple-element{background-color:rgba(0,0,0,.1)}.kpa-nav .mat-flat-button:not([class*=mat-elevation-z]),.kpa-nav .mat-stroked-button:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.kpa-nav .mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.kpa-nav .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.kpa-nav .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.kpa-nav .mat-fab:not([class*=mat-elevation-z]),.kpa-nav .mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.kpa-nav .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.kpa-nav .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.kpa-nav .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.kpa-nav .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.kpa-nav .mat-button-toggle-group,.kpa-nav .mat-button-toggle-standalone{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.kpa-nav .mat-button-toggle-group-appearance-standard,.kpa-nav .mat-button-toggle-standalone.mat-button-toggle-appearance-standard{box-shadow:none}.kpa-nav .mat-button-toggle{color:rgba(0,0,0,.38)}.kpa-nav .mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.kpa-nav .mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.kpa-nav .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.kpa-nav .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:1px solid rgba(0,0,0,.12)}.kpa-nav [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:1px solid rgba(0,0,0,.12)}.kpa-nav .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:1px solid rgba(0,0,0,.12)}.kpa-nav .mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.kpa-nav .mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.kpa-nav .mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.kpa-nav .mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.kpa-nav .mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.kpa-nav .mat-button-toggle-group-appearance-standard,.kpa-nav .mat-button-toggle-standalone.mat-button-toggle-appearance-standard{border:1px solid rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.kpa-nav .mat-card{background:#fff;color:rgba(0,0,0,.87)}.kpa-nav .mat-card:not([class*=mat-elevation-z]){box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.kpa-nav .mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.kpa-nav .mat-card-subtitle{color:rgba(0,0,0,.54)}.kpa-nav .mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.kpa-nav .mat-checkbox-checkmark{fill:#fafafa}.kpa-nav .mat-checkbox-checkmark-path{stroke:#fafafa!important}.kpa-nav .mat-checkbox-mixedmark{background-color:#fafafa}.kpa-nav .mat-checkbox-checked.mat-primary .mat-checkbox-background,.kpa-nav .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background{background-color:#697787}.kpa-nav .mat-checkbox-checked.mat-accent .mat-checkbox-background,.kpa-nav .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#91b9ff}.kpa-nav .mat-checkbox-checked.mat-warn .mat-checkbox-background,.kpa-nav .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background{background-color:#ed5237}.kpa-nav .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.kpa-nav .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.kpa-nav .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.kpa-nav .mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.54)}.kpa-nav .mat-checkbox .mat-ripple-element{background-color:#000}.kpa-nav .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.kpa-nav .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#697787}.kpa-nav .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.kpa-nav .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#91b9ff}.kpa-nav .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.kpa-nav .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#ed5237}.kpa-nav .mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.kpa-nav .mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.kpa-nav .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.kpa-nav .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.kpa-nav .mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.kpa-nav .mat-chip.mat-standard-chip:after{background:#000}.kpa-nav .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#697787;color:#fff}.kpa-nav .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.kpa-nav .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:hsla(0,0%,100%,.1)}.kpa-nav .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#ed5237;color:rgba(0,0,0,.87)}.kpa-nav .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.kpa-nav .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(0,0,0,.1)}.kpa-nav .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#91b9ff;color:rgba(0,0,0,.87)}.kpa-nav .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.kpa-nav .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(0,0,0,.1)}.kpa-nav .mat-table{background:#fff}.kpa-nav .mat-table-sticky,.kpa-nav .mat-table tbody,.kpa-nav .mat-table tfoot,.kpa-nav .mat-table thead,.kpa-nav [mat-footer-row],.kpa-nav [mat-header-row],.kpa-nav [mat-row],.kpa-nav mat-footer-row,.kpa-nav mat-header-row,.kpa-nav mat-row{background:inherit}.kpa-nav mat-footer-row,.kpa-nav mat-header-row,.kpa-nav mat-row,.kpa-nav td.mat-cell,.kpa-nav td.mat-footer-cell,.kpa-nav th.mat-header-cell{border-bottom-color:rgba(0,0,0,.12)}.kpa-nav .mat-header-cell{color:rgba(0,0,0,.54)}.kpa-nav .mat-cell,.kpa-nav .mat-footer-cell{color:rgba(0,0,0,.87)}.kpa-nav .mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}.kpa-nav .mat-datepicker-content .mat-calendar-next-button,.kpa-nav .mat-datepicker-content .mat-calendar-previous-button,.kpa-nav .mat-datepicker-toggle{color:rgba(0,0,0,.54)}.kpa-nav .mat-calendar-table-header{color:rgba(0,0,0,.38)}.kpa-nav .mat-calendar-table-header-divider:after{background:rgba(0,0,0,.12)}.kpa-nav .mat-calendar-body-label{color:rgba(0,0,0,.54)}.kpa-nav .mat-calendar-body-cell-content,.kpa-nav .mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:transparent}.kpa-nav .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.kpa-nav .mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.kpa-nav .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.kpa-nav .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.kpa-nav .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(0,0,0,.04)}.kpa-nav .mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.kpa-nav .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.kpa-nav .mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.kpa-nav .mat-calendar-body-in-range:before{background:rgba(105,119,135,.2)}.kpa-nav .mat-calendar-body-comparison-identical,.kpa-nav .mat-calendar-body-in-comparison-range:before{background:rgba(249,171,0,.2)}.kpa-nav .mat-calendar-body-comparison-bridge-start:before,.kpa-nav [dir=rtl] .mat-calendar-body-comparison-bridge-end:before{background:linear-gradient(90deg,rgba(105,119,135,.2) 50%,rgba(249,171,0,.2) 0)}.kpa-nav .mat-calendar-body-comparison-bridge-end:before,.kpa-nav [dir=rtl] .mat-calendar-body-comparison-bridge-start:before{background:linear-gradient(270deg,rgba(105,119,135,.2) 50%,rgba(249,171,0,.2) 0)}.kpa-nav .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,.kpa-nav .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical{background:#a8dab5}.kpa-nav .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.kpa-nav .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.kpa-nav .mat-calendar-body-selected{background-color:#697787;color:#fff}.kpa-nav .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(105,119,135,.4)}.kpa-nav .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.kpa-nav .mat-datepicker-content{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);background-color:#fff;color:rgba(0,0,0,.87)}.kpa-nav .mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before{background:rgba(145,185,255,.2)}.kpa-nav .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.kpa-nav .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before{background:rgba(249,171,0,.2)}.kpa-nav .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,.kpa-nav .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before{background:linear-gradient(90deg,rgba(145,185,255,.2) 50%,rgba(249,171,0,.2) 0)}.kpa-nav .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,.kpa-nav .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before{background:linear-gradient(270deg,rgba(145,185,255,.2) 50%,rgba(249,171,0,.2) 0)}.kpa-nav .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,.kpa-nav .mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical{background:#a8dab5}.kpa-nav .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.kpa-nav .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.kpa-nav .mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#91b9ff;color:rgba(0,0,0,.87)}.kpa-nav .mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(145,185,255,.4)}.kpa-nav .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px rgba(0,0,0,.87)}.kpa-nav .mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before{background:rgba(237,82,55,.2)}.kpa-nav .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.kpa-nav .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before{background:rgba(249,171,0,.2)}.kpa-nav .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,.kpa-nav .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before{background:linear-gradient(90deg,rgba(237,82,55,.2) 50%,rgba(249,171,0,.2) 0)}.kpa-nav .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,.kpa-nav .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before{background:linear-gradient(270deg,rgba(237,82,55,.2) 50%,rgba(249,171,0,.2) 0)}.kpa-nav .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,.kpa-nav .mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical{background:#a8dab5}.kpa-nav .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.kpa-nav .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.kpa-nav .mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#ed5237;color:rgba(0,0,0,.87)}.kpa-nav .mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(237,82,55,.4)}.kpa-nav .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px rgba(0,0,0,.87)}.kpa-nav .mat-datepicker-content-touch{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.kpa-nav .mat-datepicker-toggle-active{color:#697787}.kpa-nav .mat-datepicker-toggle-active.mat-accent{color:#91b9ff}.kpa-nav .mat-datepicker-toggle-active.mat-warn{color:#ed5237}.kpa-nav .mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.kpa-nav .mat-dialog-container{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background:#fff;color:rgba(0,0,0,.87)}.kpa-nav .mat-divider{border-top-color:rgba(0,0,0,.12)}.kpa-nav .mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.kpa-nav .mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.kpa-nav .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.kpa-nav .mat-action-row{border-top-color:rgba(0,0,0,.12)}.kpa-nav .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.kpa-nav .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.kpa-nav .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media (hover:none){.kpa-nav .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.kpa-nav .mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.kpa-nav .mat-expansion-indicator:after,.kpa-nav .mat-expansion-panel-header-description{color:rgba(0,0,0,.54)}.kpa-nav .mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.kpa-nav .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,.kpa-nav .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.kpa-nav .mat-form-field-label,.kpa-nav .mat-hint{color:rgba(0,0,0,.6)}.kpa-nav .mat-form-field.mat-focused .mat-form-field-label{color:#697787}.kpa-nav .mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#91b9ff}.kpa-nav .mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#ed5237}.kpa-nav .mat-focused .mat-form-field-required-marker{color:#91b9ff}.kpa-nav .mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.kpa-nav .mat-form-field.mat-focused .mat-form-field-ripple{background-color:#697787}.kpa-nav .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#91b9ff}.kpa-nav .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#ed5237}.kpa-nav .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after{color:#697787}.kpa-nav .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after{color:#91b9ff}.kpa-nav .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after,.kpa-nav .mat-form-field.mat-form-field-invalid .mat-form-field-label,.kpa-nav .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.kpa-nav .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#ed5237}.kpa-nav .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.kpa-nav .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#ed5237}.kpa-nav .mat-error{color:#ed5237}.kpa-nav .mat-form-field-appearance-legacy .mat-form-field-label,.kpa-nav .mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.kpa-nav .mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.kpa-nav .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(90deg,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);background-size:4px 100%;background-repeat:repeat-x}.kpa-nav .mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.kpa-nav .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(90deg,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);background-size:4px 100%;background-repeat:repeat-x}.kpa-nav .mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.kpa-nav .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.kpa-nav .mat-form-field-appearance-fill .mat-form-field-underline:before{background-color:rgba(0,0,0,.42)}.kpa-nav .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.kpa-nav .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before{background-color:transparent}.kpa-nav .mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.kpa-nav .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.kpa-nav .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#697787}.kpa-nav .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#91b9ff}.kpa-nav .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,.kpa-nav .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#ed5237}.kpa-nav .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.kpa-nav .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.kpa-nav .mat-icon.mat-primary{color:#697787}.kpa-nav .mat-icon.mat-accent{color:#91b9ff}.kpa-nav .mat-icon.mat-warn{color:#ed5237}.kpa-nav .mat-form-field-type-mat-native-select .mat-form-field-infix:after{color:rgba(0,0,0,.54)}.kpa-nav .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after,.kpa-nav .mat-input-element:disabled{color:rgba(0,0,0,.38)}.kpa-nav .mat-input-element{caret-color:#697787}.kpa-nav .mat-input-element::placeholder{color:rgba(0,0,0,.42)}.kpa-nav .mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.kpa-nav .mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.kpa-nav .mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.kpa-nav .mat-form-field.mat-accent .mat-input-element{caret-color:#91b9ff}.kpa-nav .mat-form-field-invalid .mat-input-element,.kpa-nav .mat-form-field.mat-warn .mat-input-element{caret-color:#ed5237}.kpa-nav .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after{color:#ed5237}.kpa-nav .mat-list-base .mat-list-item,.kpa-nav .mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.kpa-nav .mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.kpa-nav .mat-list-item-disabled{background-color:#eee}.kpa-nav .mat-action-list .mat-list-item:focus,.kpa-nav .mat-action-list .mat-list-item:hover,.kpa-nav .mat-list-option:focus,.kpa-nav .mat-list-option:hover,.kpa-nav .mat-nav-list .mat-list-item:focus,.kpa-nav .mat-nav-list .mat-list-item:hover{background:rgba(0,0,0,.04)}.kpa-nav .mat-list-single-selected-option,.kpa-nav .mat-list-single-selected-option:focus,.kpa-nav .mat-list-single-selected-option:hover{background:rgba(0,0,0,.12)}.kpa-nav .mat-menu-panel{background:#fff}.kpa-nav .mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.kpa-nav .mat-menu-item{background:transparent;color:rgba(0,0,0,.87)}.kpa-nav .mat-menu-item[disabled],.kpa-nav .mat-menu-item[disabled]:after{color:rgba(0,0,0,.38)}.kpa-nav .mat-menu-item-submenu-trigger:after,.kpa-nav .mat-menu-item .mat-icon-no-color{color:rgba(0,0,0,.54)}.kpa-nav .mat-menu-item-highlighted:not([disabled]),.kpa-nav .mat-menu-item.cdk-keyboard-focused:not([disabled]),.kpa-nav .mat-menu-item.cdk-program-focused:not([disabled]),.kpa-nav .mat-menu-item:hover:not([disabled]){background:rgba(0,0,0,.04)}.kpa-nav .mat-paginator{background:#fff}.kpa-nav .mat-paginator,.kpa-nav .mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.kpa-nav .mat-paginator-decrement,.kpa-nav .mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.kpa-nav .mat-paginator-first,.kpa-nav .mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.kpa-nav .mat-icon-button[disabled] .mat-paginator-decrement,.kpa-nav .mat-icon-button[disabled] .mat-paginator-first,.kpa-nav .mat-icon-button[disabled] .mat-paginator-increment,.kpa-nav .mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.kpa-nav .mat-progress-bar-background{fill:#d4d6d7}.kpa-nav .mat-progress-bar-buffer{background-color:#d4d6d7}.kpa-nav .mat-progress-bar-fill:after{background-color:#697787}.kpa-nav .mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#c4daff}.kpa-nav .mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#c4daff}.kpa-nav .mat-progress-bar.mat-accent .mat-progress-bar-fill:after{background-color:#91b9ff}.kpa-nav .mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#fdcfd1}.kpa-nav .mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#fdcfd1}.kpa-nav .mat-progress-bar.mat-warn .mat-progress-bar-fill:after{background-color:#ed5237}.kpa-nav .mat-progress-spinner circle,.kpa-nav .mat-spinner circle{stroke:#697787}.kpa-nav .mat-progress-spinner.mat-accent circle,.kpa-nav .mat-spinner.mat-accent circle{stroke:#91b9ff}.kpa-nav .mat-progress-spinner.mat-warn circle,.kpa-nav .mat-spinner.mat-warn circle{stroke:#ed5237}.kpa-nav .mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.kpa-nav .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#697787}.kpa-nav .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.kpa-nav .mat-radio-button.mat-primary .mat-radio-inner-circle,.kpa-nav .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.kpa-nav .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#697787}.kpa-nav .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#91b9ff}.kpa-nav .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.kpa-nav .mat-radio-button.mat-accent .mat-radio-inner-circle,.kpa-nav .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.kpa-nav .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#91b9ff}.kpa-nav .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#ed5237}.kpa-nav .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.kpa-nav .mat-radio-button.mat-warn .mat-radio-inner-circle,.kpa-nav .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.kpa-nav .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#ed5237}.kpa-nav .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.kpa-nav .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.kpa-nav .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,.kpa-nav .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element{background-color:rgba(0,0,0,.38)}.kpa-nav .mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.kpa-nav .mat-radio-button .mat-ripple-element{background-color:#000}.kpa-nav .mat-select-value{color:rgba(0,0,0,.87)}.kpa-nav .mat-select-placeholder{color:rgba(0,0,0,.42)}.kpa-nav .mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.kpa-nav .mat-select-arrow{color:rgba(0,0,0,.54)}.kpa-nav .mat-select-panel{background:#fff}.kpa-nav .mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.kpa-nav .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.kpa-nav .mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#697787}.kpa-nav .mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#91b9ff}.kpa-nav .mat-form-field.mat-focused.mat-warn .mat-select-arrow,.kpa-nav .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#ed5237}.kpa-nav .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.kpa-nav .mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.kpa-nav .mat-drawer{color:rgba(0,0,0,.87)}.kpa-nav .mat-drawer,.kpa-nav .mat-drawer.mat-drawer-push{background-color:#fff}.kpa-nav .mat-drawer:not(.mat-drawer-side){box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.kpa-nav .mat-drawer-side{border-right:1px solid rgba(0,0,0,.12)}.kpa-nav .mat-drawer-side.mat-drawer-end,.kpa-nav [dir=rtl] .mat-drawer-side{border-left:1px solid rgba(0,0,0,.12);border-right:none}.kpa-nav [dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:1px solid rgba(0,0,0,.12)}.kpa-nav .mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.kpa-nav .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#91b9ff}.kpa-nav .mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(145,185,255,.54)}.kpa-nav .mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#91b9ff}.kpa-nav .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#697787}.kpa-nav .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(105,119,135,.54)}.kpa-nav .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#697787}.kpa-nav .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#ed5237}.kpa-nav .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(237,82,55,.54)}.kpa-nav .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#ed5237}.kpa-nav .mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.kpa-nav .mat-slide-toggle-thumb{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);background-color:#fafafa}.kpa-nav .mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.kpa-nav .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.kpa-nav .mat-primary .mat-slider-thumb,.kpa-nav .mat-primary .mat-slider-thumb-label,.kpa-nav .mat-primary .mat-slider-track-fill{background-color:#697787}.kpa-nav .mat-primary .mat-slider-thumb-label-text{color:#fff}.kpa-nav .mat-primary .mat-slider-focus-ring{background-color:rgba(105,119,135,.2)}.kpa-nav .mat-accent .mat-slider-thumb,.kpa-nav .mat-accent .mat-slider-thumb-label,.kpa-nav .mat-accent .mat-slider-track-fill{background-color:#91b9ff}.kpa-nav .mat-accent .mat-slider-thumb-label-text{color:rgba(0,0,0,.87)}.kpa-nav .mat-accent .mat-slider-focus-ring{background-color:rgba(145,185,255,.2)}.kpa-nav .mat-warn .mat-slider-thumb,.kpa-nav .mat-warn .mat-slider-thumb-label,.kpa-nav .mat-warn .mat-slider-track-fill{background-color:#ed5237}.kpa-nav .mat-warn .mat-slider-thumb-label-text{color:rgba(0,0,0,.87)}.kpa-nav .mat-warn .mat-slider-focus-ring{background-color:rgba(237,82,55,.2)}.kpa-nav .cdk-focused .mat-slider-track-background,.kpa-nav .mat-slider:hover .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.kpa-nav .mat-slider-disabled .mat-slider-thumb,.kpa-nav .mat-slider-disabled .mat-slider-track-background,.kpa-nav .mat-slider-disabled .mat-slider-track-fill,.kpa-nav .mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.kpa-nav .mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.kpa-nav .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.kpa-nav .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.kpa-nav .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.kpa-nav .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.kpa-nav .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}.kpa-nav .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,.kpa-nav .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.kpa-nav .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,.kpa-nav .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.kpa-nav .mat-slider-has-ticks .mat-slider-wrapper:after{border-color:rgba(0,0,0,.7)}.kpa-nav .mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);background-image:-moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)}.kpa-nav .mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)}.kpa-nav .mat-step-header.cdk-keyboard-focused,.kpa-nav .mat-step-header.cdk-program-focused,.kpa-nav .mat-step-header:hover{background-color:rgba(0,0,0,.04)}@media (hover:none){.kpa-nav .mat-step-header:hover{background:none}}.kpa-nav .mat-step-header .mat-step-label,.kpa-nav .mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.kpa-nav .mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.kpa-nav .mat-step-header .mat-step-icon-selected,.kpa-nav .mat-step-header .mat-step-icon-state-done,.kpa-nav .mat-step-header .mat-step-icon-state-edit{background-color:#697787;color:#fff}.kpa-nav .mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#ed5237}.kpa-nav .mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.kpa-nav .mat-step-header .mat-step-label.mat-step-label-error{color:#ed5237}.kpa-nav .mat-stepper-horizontal,.kpa-nav .mat-stepper-vertical{background-color:#fff}.kpa-nav .mat-stepper-vertical-line:before{border-left-color:rgba(0,0,0,.12)}.kpa-nav .mat-horizontal-stepper-header:after,.kpa-nav .mat-horizontal-stepper-header:before,.kpa-nav .mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px}.mat-stepper-vertical-line:before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before,.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.kpa-nav .mat-sort-header-arrow{color:#757575}.kpa-nav .mat-tab-header,.kpa-nav .mat-tab-nav-bar{border-bottom:1px solid rgba(0,0,0,.12)}.kpa-nav .mat-tab-group-inverted-header .mat-tab-header,.kpa-nav .mat-tab-group-inverted-header .mat-tab-nav-bar{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.kpa-nav .mat-tab-label,.kpa-nav .mat-tab-link{color:rgba(0,0,0,.87)}.kpa-nav .mat-tab-label.mat-tab-disabled,.kpa-nav .mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.kpa-nav .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.kpa-nav .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.kpa-nav .mat-tab-group[class*=mat-background-] .mat-tab-header,.kpa-nav .mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.kpa-nav .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(212,214,215,.3)}.kpa-nav .mat-tab-group.mat-primary .mat-ink-bar,.kpa-nav .mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#697787}.kpa-nav .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,.kpa-nav .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar{background-color:#fff}.kpa-nav .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(196,218,255,.3)}.kpa-nav .mat-tab-group.mat-accent .mat-ink-bar,.kpa-nav .mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#91b9ff}.kpa-nav .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,.kpa-nav .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar{background-color:rgba(0,0,0,.87)}.kpa-nav .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(253,207,209,.3)}.kpa-nav .mat-tab-group.mat-warn .mat-ink-bar,.kpa-nav .mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#ed5237}.kpa-nav .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,.kpa-nav .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar{background-color:rgba(0,0,0,.87)}.kpa-nav .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(212,214,215,.3)}.kpa-nav .mat-tab-group.mat-background-primary .mat-tab-header,.kpa-nav .mat-tab-group.mat-background-primary .mat-tab-header-pagination,.kpa-nav .mat-tab-group.mat-background-primary .mat-tab-links,.kpa-nav .mat-tab-nav-bar.mat-background-primary .mat-tab-header,.kpa-nav .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination,.kpa-nav .mat-tab-nav-bar.mat-background-primary .mat-tab-links{background-color:#697787}.kpa-nav .mat-tab-group.mat-background-primary .mat-tab-label,.kpa-nav .mat-tab-group.mat-background-primary .mat-tab-link,.kpa-nav .mat-tab-nav-bar.mat-background-primary .mat-tab-label,.kpa-nav .mat-tab-nav-bar.mat-background-primary .mat-tab-link{color:#fff}.kpa-nav .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,.kpa-nav .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,.kpa-nav .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,.kpa-nav .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled{color:hsla(0,0%,100%,.4)}.kpa-nav .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,.kpa-nav .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron{border-color:#fff}.kpa-nav .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.kpa-nav .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:hsla(0,0%,100%,.4)}.kpa-nav .mat-tab-group.mat-background-primary .mat-ripple-element,.kpa-nav .mat-tab-nav-bar.mat-background-primary .mat-ripple-element{background-color:hsla(0,0%,100%,.12)}.kpa-nav .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(196,218,255,.3)}.kpa-nav .mat-tab-group.mat-background-accent .mat-tab-header,.kpa-nav .mat-tab-group.mat-background-accent .mat-tab-header-pagination,.kpa-nav .mat-tab-group.mat-background-accent .mat-tab-links,.kpa-nav .mat-tab-nav-bar.mat-background-accent .mat-tab-header,.kpa-nav .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination,.kpa-nav .mat-tab-nav-bar.mat-background-accent .mat-tab-links{background-color:#91b9ff}.kpa-nav .mat-tab-group.mat-background-accent .mat-tab-label,.kpa-nav .mat-tab-group.mat-background-accent .mat-tab-link,.kpa-nav .mat-tab-nav-bar.mat-background-accent .mat-tab-label,.kpa-nav .mat-tab-nav-bar.mat-background-accent .mat-tab-link{color:rgba(0,0,0,.87)}.kpa-nav .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,.kpa-nav .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,.kpa-nav .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,.kpa-nav .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.4)}.kpa-nav .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,.kpa-nav .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.kpa-nav .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.kpa-nav .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.4)}.kpa-nav .mat-tab-group.mat-background-accent .mat-ripple-element,.kpa-nav .mat-tab-nav-bar.mat-background-accent .mat-ripple-element{background-color:rgba(0,0,0,.12)}.kpa-nav .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.kpa-nav .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(253,207,209,.3)}.kpa-nav .mat-tab-group.mat-background-warn .mat-tab-header,.kpa-nav .mat-tab-group.mat-background-warn .mat-tab-header-pagination,.kpa-nav .mat-tab-group.mat-background-warn .mat-tab-links,.kpa-nav .mat-tab-nav-bar.mat-background-warn .mat-tab-header,.kpa-nav .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination,.kpa-nav .mat-tab-nav-bar.mat-background-warn .mat-tab-links{background-color:#ed5237}.kpa-nav .mat-tab-group.mat-background-warn .mat-tab-label,.kpa-nav .mat-tab-group.mat-background-warn .mat-tab-link,.kpa-nav .mat-tab-nav-bar.mat-background-warn .mat-tab-label,.kpa-nav .mat-tab-nav-bar.mat-background-warn .mat-tab-link{color:rgba(0,0,0,.87)}.kpa-nav .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,.kpa-nav .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,.kpa-nav .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,.kpa-nav .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.4)}.kpa-nav .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,.kpa-nav .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.kpa-nav .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.kpa-nav .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.4)}.kpa-nav .mat-tab-group.mat-background-warn .mat-ripple-element,.kpa-nav .mat-tab-nav-bar.mat-background-warn .mat-ripple-element{background-color:rgba(0,0,0,.12)}.kpa-nav .mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.kpa-nav .mat-toolbar.mat-primary{background:#697787;color:#fff}.kpa-nav .mat-toolbar.mat-accent{background:#91b9ff;color:rgba(0,0,0,.87)}.kpa-nav .mat-toolbar.mat-warn{background:#ed5237;color:rgba(0,0,0,.87)}.kpa-nav .mat-toolbar .mat-focused .mat-form-field-ripple,.kpa-nav .mat-toolbar .mat-form-field-ripple,.kpa-nav .mat-toolbar .mat-form-field-underline{background-color:currentColor}.kpa-nav .mat-toolbar .mat-focused .mat-form-field-label,.kpa-nav .mat-toolbar .mat-form-field-label,.kpa-nav .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,.kpa-nav .mat-toolbar .mat-select-arrow,.kpa-nav .mat-toolbar .mat-select-value{color:inherit}.kpa-nav .mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media (max-width:599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.kpa-nav .mat-tooltip{background:rgba(97,97,97,.9)}.kpa-nav .mat-tree{background:#fff}.kpa-nav .mat-nested-tree-node,.kpa-nav .mat-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.kpa-nav .mat-snack-bar-container{color:hsla(0,0%,100%,.7);background:#323232;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.kpa-nav .mat-simple-snackbar-action{color:#91b9ff}.kpa-nav .sidenav-content{height:auto}.kpa-nav .spacer{flex:1 1 auto}.kpa-nav .hidden{visibility:hidden}.kpa-nav .sidenav{width:280px;height:100%}.kpa-nav .sidenav.mat-drawer{background-color:#2a2e33;color:#fff;z-index:60}.kpa-nav .sidenav .mat-toolbar{background-color:#292929;padding:0;margin:0;height:80px;flex-direction:row}.kpa-nav .sidenav .mat-toolbar img{max-height:30px;margin:20px auto}.kpa-nav .sidenav .mat-tree{font-family:Open Sans,sans-serif;background:none}.kpa-nav .sidenav .mat-nested-tree-node,.kpa-nav .sidenav .mat-tree-node{font-size:14px;color:#fff;cursor:default}.kpa-nav .sidenav .mat-tree-node{min-height:auto}.kpa-nav .mat-tree-node-children{background-color:#252526}.kpa-nav .mat-tree-node-active{background-color:#1c75bc!important}.kpa-nav .mat-tree-node-active:hover{background-color:#1c75bc}.kpa-nav .caret{transition:transform .75s ease}.kpa-nav .caret-rotated{transform:rotate(180deg)}.kpa-nav .mat-nested-tree-node>.mat-tree-node-content a{right:56px}.kpa-nav .mat-nested-tree-node .mat-tree-node .mat-tree-node-content{height:40px}.kpa-nav .mat-nested-tree-node .mat-tree-node .mat-tree-node-content a{top:0}.kpa-nav .mat-tree-node-with-icon{display:block}.kpa-nav .mat-tree-node-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;padding:0 16px;position:relative;height:40px;background-color:#2a2e33}.kpa-nav .mat-tree-node-content:hover{background-color:#2e3237}.kpa-nav .mat-tree-node-content a{position:absolute;left:16px;right:16px;top:4px;height:40px}.kpa-nav .mat-tree-node-icon{flex-shrink:0;width:26px;height:26px;font-size:26px;box-sizing:content-box;border-radius:50%;padding:4px;max-width:26px;min-width:19px;text-align:center}.kpa-nav .mat-tree-node-icon.collapsed{margin-left:-.95rem!important}.kpa-nav .mat-tree-node-text{padding:0 0 0 16px;display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow:hidden}.kpa-nav .mat-tree-node-text>*{margin:0;padding:0;font-weight:400;font-size:inherit;height:34px;line-height:34px}.kpa-nav .mat-tree-node-text-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.kpa-nav .mat-tree-node-children{position:relative;overflow-y:hidden;transition:height .75s ease}.kpa-nav .mat-tree-node-children.collapsed{height:0!important}.kpa-nav .mat-tree-node-children-anchor{position:absolute;bottom:0;width:100%}.kpa-nav .mat-drawer-content{overflow:visible;z-index:3}.kpa-nav .mat-toolbar{padding:0 40px 0 0;height:40px;margin-bottom:5px;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}.kpa-nav .mat-toolbar .mat-icon-button{margin:0 .25rem;padding:0 0 0 8px;color:#2a2e33;font-size:1.15rem}.kpa-nav .mat-toolbar .mat-icon-button.menu-toggle{margin:0;background-color:#ddd;position:relative;overflow:visible;border-radius:0;padding:0}.kpa-nav .mat-toolbar .mat-icon-button.menu-toggle:before{content:"";display:block;position:absolute;width:0;height:0;margin-top:50%;top:-7px;border-color:transparent #ddd transparent transparent;border-style:solid;border-width:7px 7px 7px 0;left:-7px}.kpa-nav .mat-menu-content{padding:5px 0}.kpa-nav .kpa-nav-exit-impersonation{height:40px;width:100%;background:#1c75bc;display:flex;justify-content:center;align-items:center}.kpa-nav .kpa-nav-impersonation-banner{height:40px;background:#feaf25;display:flex;justify-content:center;align-items:center}.mat-menu-item{font-family:Open Sans,sans-serif;font-size:12px;line-height:40px;height:40px;background-color:#fff!important}.mat-menu-item:hover{background-color:#ddd!important}.mat-menu-panel.mat-menu-below{position:absolute;overflow:visible;border-top:2px solid #2a2e33;background-color:#fff}.mat-menu-panel.mat-menu-below:before{content:"";display:block;position:absolute;width:0;height:0;border-color:transparent transparent #2a2e33;border-style:solid;border-width:0 5px 5px;top:-7px;left:15px}.mat-menu-panel.mat-menu-below.mat-menu-after:before{left:15px}.mat-menu-panel.mat-menu-below.mat-menu-before:before{right:15px}mat-sidenav-content.drawer-expanded{margin-left:280px!important}mat-sidenav.collapsed{width:40px!important;overflow-x:hidden}mat-sidenav.collapsed,mat-sidenav.expanded{visibility:visible!important;transform:none}mat-sidenav.expanded{width:280px!important}body{margin:0;padding:80px 40px 0 320px;min-height:calc(100vh - 80px);height:auto;overflow:auto;color:#514e4b}body.collapsed{padding-left:80px!important}body.collapsed .kpa-nav .mat-toolbar .mat-icon-button.menu-toggle:before{border-width:7px 0 7px 7px;border-color:transparent transparent transparent #ddd;left:auto;right:-7px}.mat-toolbar .custom-title{font-weight:300;height:80px;line-height:80px;margin:auto;font-size:28px;font-family:Open Sans,Arial,Helvetica,sans-serif;display:none}.mat-tree-node-text .custom-child-text-line,.mat-tree-node-text .custom-parent-text-line{font-weight:300}.caret .fal{font-size:12px}.kpa-nav .mat-nested-tree-node .mat-tree-node-children .mat-tree-node-content{background-color:#252526}.kpa-nav .mat-nested-tree-node .mat-tree-node-children .mat-tree-node-content:hover{background-color:#2e3237}.kpa-nav .mat-toolbar .mat-icon-button{padding:0;margin:0 10px 0 0}.cn-top-fa-icons,.kpa-nav .mat-toolbar .mat-icon-button:last-child{margin-right:0}.kpa-nav .platform-logo{background-size:contain;background-position:0 0;background-repeat:no-repeat;width:160px;height:38px;margin-left:auto;margin-right:auto}.kpa-nav-footer{position:relative;background-color:#e3e3e3;height:calc(249px - 3rem);padding:3rem .25rem .25rem;margin-top:1rem}.kpa-nav-footer .logo{max-width:350px;min-width:260px;max-height:100px;min-height:100px;background-position:0;background-repeat:no-repeat;background-size:contain;background-color:transparent}.kpa-nav-footer .logoColumn{width:350px}.kpa-nav-footer .linkColumn{width:180px;display:flex;flex-direction:column;margin-right:40px;margin-bottom:10px}.kpa-nav-footer .header{font-size:14px;font-weight:600;font-family:Open Sans;color:#514e4b;border-bottom:1px solid #c4c4c4;padding-bottom:1rem}.kpa-nav-footer .link{display:block;text-decoration:none;color:#1c75bc;font-size:12px;padding-top:1rem;font-family:Open Sans}.kpa-nav-footer .button{width:156px;height:40px;border:1px solid #1c75bc;border-radius:3px;background-size:cover;margin-top:1rem;cursor:pointer}.kpa-nav-footer .button .text{height:40px;font-family:Open Sans;font-size:14px;font-weight:600;line-height:40px;text-align:center}.kpa-nav-footer .button .text,.kpa-nav-footer .button a,.kpa-nav-footer .button a:visited{color:#1c75bc;-webkit-text-decoration:none solid #1c75bc;text-decoration:none solid #1c75bc}.kpa-nav-footer:after{content:"";display:table;clear:both}.kpa-nav-footer .kpa-nav-footer-columns{margin-left:40px;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around}.kpa-nav .mat-drawer-container{background-color:transparent}.layout-content,.layout-wrapper .layout-main .layout-topbar{z-index:10}.mat-button-wrapper{line-height:40px;height:40px;display:inline-block}.mat-sidenav-content .mat-button-wrapper .fal{vertical-align:-.0667em!important}.mat-sidenav-content{padding-bottom:5px;text-align:left}.kpa-nav .mat-toolbar{margin-bottom:0}.kpa-nav .mat-sidenav .mat-toolbar{height:60px}.kpa-nav-content-wrapper{min-height:calc(100vh - 80px);padding-bottom:280px!important;position:relative;box-sizing:border-box}.kpa-nav-content-footer{position:absolute;bottom:0;right:0;left:0}@media (min-width:1280px){.kpa-nav-footer{margin:0 -40px}}@media (max-width:1280px){.kpa-nav-content-wrapper,.primary-container{padding:40px 40px 0;margin-top:40px;max-width:1000px;min-width:1000px;z-index:75;margin-left:0;margin-right:0;box-sizing:border-box}.kpa-nav{width:100%;height:100%}.kpa-nav,.mat-sidenav-fixed{position:relative!important}body{padding:0!important;margin-bottom:-5px}.layout-wrapper{width:100%}.layout-main{display:flex;align-items:stretch;justify-content:flex-start;width:100%}.mat-sidenav-content{margin-left:0;position:absolute!important;top:0;left:0;right:0;width:-moz-fit-content;width:fit-content;padding-bottom:0}.mat-sidenav-content .mat-toolbar{min-width:1000px}.mat-sidenav-container{overflow:visible!important;height:100%}.kpa-nav-footer .logoColumn{width:260px;margin-right:40px}.kpa-nav-footer .linkColumn{margin-right:30px;margin-bottom:10px}} /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme.scss?ngGlobalStyle (3) ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; .mat-h1, .mat-headline, .mat-typography .mat-h1, .mat-typography .mat-headline, .mat-typography h1 { font-size: 24px; font-weight: 400; line-height: 32px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography .mat-h2, .mat-typography .mat-title, .mat-typography h2 { font-size: 20px; font-weight: 500; line-height: 32px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography .mat-h3, .mat-typography .mat-subheading-2, .mat-typography h3 { font-size: 16px; font-weight: 400; line-height: 28px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography .mat-h4, .mat-typography .mat-subheading-1, .mat-typography h4 { font-size: 15px; font-weight: 400; line-height: 24px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-body-2, .mat-typography .mat-body-strong, .mat-typography .mat-body-2 { font-size: 14px; font-weight: 500; line-height: 24px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body, .mat-body-1, .mat-typography .mat-body, .mat-typography .mat-body-1, .mat-typography { font-size: 14px; font-weight: 400; line-height: 20px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body p, .mat-body-1 p, .mat-typography .mat-body p, .mat-typography .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font-size: 12px; font-weight: 400; line-height: 20px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-display-4, .mat-typography .mat-display-4 { font-size: 112px; font-weight: 300; line-height: 112px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } .mat-display-3, .mat-typography .mat-display-3 { font-size: 56px; font-weight: 400; line-height: 56px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } .mat-display-2, .mat-typography .mat-display-2 { font-size: 45px; font-weight: 400; line-height: 48px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } .mat-display-1, .mat-typography .mat-display-1 { font-size: 34px; font-weight: 400; line-height: 40px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } html { --mat-badge-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-large-size-text-size: 24px; } html { --mat-bottom-sheet-container-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-bottom-sheet-container-text-line-height: 20px; --mat-bottom-sheet-container-text-size: 14px; --mat-bottom-sheet-container-text-tracking: normal; --mat-bottom-sheet-container-text-weight: 400; } html { --mat-legacy-button-toggle-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-standard-button-toggle-text-font: Roboto, "Helvetica Neue", sans-serif; } html { --mat-datepicker-calendar-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 14px; --mat-datepicker-calendar-body-label-text-weight: 500; --mat-datepicker-calendar-period-button-text-size: 14px; --mat-datepicker-calendar-period-button-text-weight: 500; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; } html { --mat-expansion-header-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-expansion-header-text-size: 15px; --mat-expansion-header-text-weight: 400; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-expansion-container-text-line-height: 20px; --mat-expansion-container-text-size: 14px; --mat-expansion-container-text-tracking: normal; --mat-expansion-container-text-weight: 400; } html { --mat-grid-list-tile-header-primary-text-size: 14px; --mat-grid-list-tile-header-secondary-text-size: 12px; --mat-grid-list-tile-footer-primary-text-size: 14px; --mat-grid-list-tile-footer-secondary-text-size: 12px; } html { --mat-stepper-container-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-stepper-header-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-stepper-header-label-text-size: 14px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 14px; --mat-stepper-header-selected-state-label-text-size: 14px; --mat-stepper-header-selected-state-label-text-weight: 500; } html { --mat-toolbar-title-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-toolbar-title-text-line-height: 32px; --mat-toolbar-title-text-size: 20px; --mat-toolbar-title-text-tracking: normal; --mat-toolbar-title-text-weight: 500; } .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tree-node, .mat-nested-tree-node { font-weight: 400; font-size: 14px; } .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } .mat-optgroup-label { font-size: 14px; font-weight: 500; line-height: 24px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-datepicker-content .mdc-button { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, "Helvetica Neue", sans-serif)); font-size: var(--mdc-typography-button-font-size, 14px); line-height: var(--mdc-typography-button-line-height, 14px); font-weight: var(--mdc-typography-button-font-weight, 500); letter-spacing: var(--mdc-typography-button-letter-spacing, normal); -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none); text-decoration: var(--mdc-typography-button-text-decoration, none); text-transform: var(--mdc-typography-button-text-transform, none); } .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card-title { font-size: 24px; font-weight: 500; } .mat-card-header .mat-card-title { font-size: 20px; } .mat-card-subtitle, .mat-card-content { font-size: 14px; } .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } input.mat-input-element { margin-top: -0.0625em; } .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-form-field-wrapper { padding-bottom: 1.34375em; } .mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } .mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } .mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } .mat-form-field-label { top: 1.34375em; } .mat-form-field-underline { bottom: 1.34375em; } .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px); width: 133.3333333333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px); width: 133.3333433333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px); width: 133.3333533333%; } .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28122em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28121em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.2812em) scale(0.75); } } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59374em) scale(0.75); width: 133.3333433333%; } .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select-trigger { height: 1.125em; } .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } .mat-dialog-title { font-size: 20px; font-weight: 500; line-height: 32px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-chip { font-size: 14px; font-weight: 500; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tab-label, .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-base .mat-list-item { font-size: 16px; } .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-list-option { font-size: 16px; } .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-list-base[dense] .mat-list-item { font-size: 12px; } .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-list-option { font-size: 12px; } .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-header-cell { font-size: 12px; font-weight: 500; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale3d(0, 0, 0); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] .cdk-visually-hidden { left: auto; right: 0; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } .mat-focus-indicator { position: relative; } .mat-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-focus-indicator-display, none); border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent); border-radius: var(--mat-focus-indicator-border-radius, 4px); } .mat-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-focus-indicator-display: block; } .mat-mdc-focus-indicator { position: relative; } .mat-mdc-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-mdc-focus-indicator-display, none); border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent); border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px); } .mat-mdc-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-mdc-focus-indicator-display: block; } .mat-button, .mat-icon-button, .mat-stroked-button { color: inherit; background: transparent; } .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary { color: #3f51b5; } .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent { color: #ff4081; } .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn { color: #f44336; } .mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #3f51b5; } .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ff4081; } .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #f44336; } .mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .mat-button-focus-overlay { background: black; } .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { color: white; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { color: white; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { color: white; } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { background-color: #3f51b5; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { background-color: #ff4081; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { background-color: #f44336; } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-datepicker-content .mat-mdc-button.mat-unthemed { --mdc-text-button-label-text-color: #000; } .mat-datepicker-content .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #3f51b5; } .mat-datepicker-content .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #ff4081; } .mat-datepicker-content .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #f44336; } .mat-datepicker-content .mat-mdc-button[disabled][disabled] { --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38); } .mat-datepicker-content .mat-mdc-unelevated-button.mat-unthemed { --mdc-filled-button-container-color: #fff; --mdc-filled-button-label-text-color: #000; } .mat-datepicker-content .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #3f51b5; --mdc-filled-button-label-text-color: #fff; } .mat-datepicker-content .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #ff4081; --mdc-filled-button-label-text-color: #fff; } .mat-datepicker-content .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #f44336; --mdc-filled-button-label-text-color: #fff; } .mat-datepicker-content .mat-mdc-unelevated-button[disabled][disabled] { --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38); } .mat-datepicker-content .mat-mdc-raised-button.mat-unthemed { --mdc-protected-button-container-color: #fff; --mdc-protected-button-label-text-color: #000; } .mat-datepicker-content .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #3f51b5; --mdc-protected-button-label-text-color: #fff; } .mat-datepicker-content .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #ff4081; --mdc-protected-button-label-text-color: #fff; } .mat-datepicker-content .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #f44336; --mdc-protected-button-label-text-color: #fff; } .mat-datepicker-content .mat-mdc-raised-button[disabled][disabled] { --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38); --mdc-protected-button-container-elevation: 0; } .mat-datepicker-content .mat-mdc-outlined-button { --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } .mat-datepicker-content .mat-mdc-outlined-button.mat-unthemed { --mdc-outlined-button-label-text-color: #000; } .mat-datepicker-content .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #3f51b5; } .mat-datepicker-content .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #ff4081; } .mat-datepicker-content .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #f44336; } .mat-datepicker-content .mat-mdc-outlined-button[disabled][disabled] { --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12); } .mat-datepicker-content .mat-mdc-button, .mat-datepicker-content .mat-mdc-outlined-button { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-datepicker-content .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-datepicker-content .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-datepicker-content .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-datepicker-content .mat-mdc-button.mat-primary, .mat-datepicker-content .mat-mdc-outlined-button.mat-primary { --mat-mdc-button-persistent-ripple-color: #3f51b5; --mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1); } .mat-datepicker-content .mat-mdc-button.mat-accent, .mat-datepicker-content .mat-mdc-outlined-button.mat-accent { --mat-mdc-button-persistent-ripple-color: #ff4081; --mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1); } .mat-datepicker-content .mat-mdc-button.mat-warn, .mat-datepicker-content .mat-mdc-outlined-button.mat-warn { --mat-mdc-button-persistent-ripple-color: #f44336; --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1); } .mat-datepicker-content .mat-mdc-raised-button, .mat-datepicker-content .mat-mdc-unelevated-button { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-datepicker-content .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-datepicker-content .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-datepicker-content .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-datepicker-content .mat-mdc-raised-button.mat-primary, .mat-datepicker-content .mat-mdc-unelevated-button.mat-primary { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-datepicker-content .mat-mdc-raised-button.mat-accent, .mat-datepicker-content .mat-mdc-unelevated-button.mat-accent { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-datepicker-content .mat-mdc-raised-button.mat-warn, .mat-datepicker-content .mat-mdc-unelevated-button.mat-warn { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-datepicker-content .mat-mdc-icon-button { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); --mdc-icon-button-icon-color: inherit; --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-datepicker-content .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-datepicker-content .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-datepicker-content .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-datepicker-content .mat-mdc-icon-button.mat-primary { --mat-mdc-button-persistent-ripple-color: #6200ee; --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1); } .mat-datepicker-content .mat-mdc-icon-button.mat-accent { --mat-mdc-button-persistent-ripple-color: #018786; --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1); } .mat-datepicker-content .mat-mdc-icon-button.mat-warn { --mat-mdc-button-persistent-ripple-color: #b00020; --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1); } .mat-datepicker-content .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #3f51b5; --mat-mdc-button-persistent-ripple-color: #3f51b5; --mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1); } .mat-datepicker-content .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #ff4081; --mat-mdc-button-persistent-ripple-color: #ff4081; --mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1); } .mat-datepicker-content .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #f44336; --mat-mdc-button-persistent-ripple-color: #f44336; --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1); } .mat-datepicker-content .mat-mdc-icon-button[disabled][disabled] { --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38); --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); } .mat-datepicker-content .mat-mdc-button.mat-mdc-button-base, .mat-datepicker-content .mat-mdc-raised-button.mat-mdc-button-base, .mat-datepicker-content .mat-mdc-unelevated-button.mat-mdc-button-base, .mat-datepicker-content .mat-mdc-outlined-button.mat-mdc-button-base { height: 36px; } .mat-datepicker-content .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 48px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 12px; } .mat-option { color: rgba(0, 0, 0, 0.87); } .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #3f51b5; } .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff4081; } .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #f44336; } .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .mat-pseudo-checkbox-full { color: rgba(0, 0, 0, 0.54); } .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled { color: #b0b0b0; } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #3f51b5; } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #3f51b5; } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafafa; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #ff4081; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #ff4081; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafafa; } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #ff4081; } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #ff4081; } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafafa; } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #f44336; } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #f44336; } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafafa; } .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #b0b0b0; } .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #b0b0b0; } .mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } .mat-progress-bar-background { fill: #cbd0e9; } .mat-progress-bar-buffer { background-color: #cbd0e9; } .mat-progress-bar-fill::after { background-color: #3f51b5; } .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #fbccdc; } .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #fbccdc; } .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ff4081; } .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #f9ccc9; } .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #f9ccc9; } .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #f44336; } .mat-progress-spinner circle, .mat-spinner circle { stroke: #3f51b5; } .mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle { stroke: #ff4081; } .mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle { stroke: #f44336; } .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } .mat-input-element:disabled, .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .mat-input-element { caret-color: #3f51b5; } .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-form-field.mat-accent .mat-input-element { caret-color: #ff4081; } .mat-form-field.mat-warn .mat-input-element, .mat-form-field-invalid .mat-input-element { caret-color: #f44336; } .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #f44336; } .mat-form-field-disabled .mat-form-field-prefix, .mat-form-field-disabled .mat-form-field-suffix { color: rgba(0, 0, 0, 0.38); } .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } .mat-hint { color: rgba(0, 0, 0, 0.6); } .mat-form-field.mat-focused .mat-form-field-label { color: #3f51b5; } .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ff4081; } .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #f44336; } .mat-focused .mat-form-field-required-marker { color: #ff4081; } .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #3f51b5; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ff4081; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #f44336; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #3f51b5; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ff4081; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #f44336; } .mat-error { color: #f44336; } .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #3f51b5; } .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ff4081; } .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #f44336; } .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #f44336; } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } .mat-select-value { color: rgba(0, 0, 0, 0.87); } .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } .mat-select-panel { background: white; } .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #3f51b5; } .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ff4081; } .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #f44336; } .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #f44336; } .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } .mat-checkbox-checkmark { fill: #fafafa; } .mat-checkbox-checkmark-path { stroke: #fafafa !important; } .mat-checkbox-mixedmark { background-color: #fafafa; } .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #3f51b5; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ff4081; } .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #f44336; } .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } .mat-checkbox .mat-ripple-element { background-color: black; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #3f51b5; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ff4081; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #f44336; } .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .mat-chip.mat-standard-chip::after { background: black; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #3f51b5; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #f44336; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ff4081; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ff4081; } .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 64, 129, 0.54); } .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ff4081; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #3f51b5; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(63, 81, 181, 0.54); } .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #3f51b5; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #f44336; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(244, 67, 54, 0.54); } .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #f44336; } .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #3f51b5; } .mat-radio-button.mat-primary .mat-radio-inner-circle, .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #3f51b5; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ff4081; } .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ff4081; } .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #f44336; } .mat-radio-button.mat-warn .mat-radio-inner-circle, .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #f44336; } .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } .mat-radio-button .mat-ripple-element { background-color: black; } .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-primary .mat-slider-track-fill, .mat-slider.mat-primary .mat-slider-thumb, .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #3f51b5; } .mat-slider.mat-primary .mat-slider-thumb-label-text { color: white; } .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(63, 81, 181, 0.2); } .mat-slider.mat-accent .mat-slider-track-fill, .mat-slider.mat-accent .mat-slider-thumb, .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #ff4081; } .mat-slider.mat-accent .mat-slider-thumb-label-text { color: white; } .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(255, 64, 129, 0.2); } .mat-slider.mat-warn .mat-slider-track-fill, .mat-slider.mat-warn .mat-slider-thumb, .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #f44336; } .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(244, 67, 54, 0.2); } .mat-slider:hover .mat-slider-track-background, .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .mat-slider.mat-slider-disabled .mat-slider-track-background, .mat-slider.mat-slider-disabled .mat-slider-track-fill, .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-menu-panel { background: white; } .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } .mat-menu-item[disabled], .mat-menu-item[disabled] .mat-menu-submenu-icon, .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } .mat-menu-item .mat-icon-no-color, .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } .mat-menu-item:hover:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } .mat-list-option:hover, .mat-list-option:focus, .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item:focus, .mat-action-list .mat-list-item:hover, .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } .mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } .mat-paginator { background: white; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } .mat-paginator-decrement, .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .mat-paginator-first, .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .mat-paginator-container { min-height: 56px; } .mat-tab-nav-bar, .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .mat-tab-group-inverted-header .mat-tab-nav-bar, .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } .mat-tab-label, .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } .mat-tab-group[class*=mat-background-] > .mat-tab-header, .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused, .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused, .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused, .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused, .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused { background-color: rgba(197, 202, 233, 0.3); } .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled { background-color: rgba(0, 0, 0, 0.1); } .mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #3f51b5; } .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused, .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused, .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused, .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused, .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused { background-color: rgba(255, 128, 171, 0.3); } .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled { background-color: rgba(0, 0, 0, 0.1); } .mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ff4081; } .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused, .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused, .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused, .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused, .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused { background-color: rgba(255, 205, 210, 0.3); } .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled { background-color: rgba(0, 0, 0, 0.1); } .mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #f44336; } .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused, .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused, .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused { background-color: rgba(197, 202, 233, 0.3); } .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled { background-color: rgba(0, 0, 0, 0.1); } .mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #3f51b5; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused, .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused, .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused { background-color: rgba(255, 128, 171, 0.3); } .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled { background-color: rgba(0, 0, 0, 0.1); } .mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ff4081; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused, .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused, .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused { background-color: rgba(255, 205, 210, 0.3); } .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled { background-color: rgba(0, 0, 0, 0.1); } .mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #f44336; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-simple-snackbar-action { color: #ff4081; } .mat-table { background: white; } .mat-table thead, .mat-table tbody, .mat-table tfoot, mat-header-row, mat-row, mat-footer-row, [mat-header-row], [mat-row], [mat-footer-row], .mat-table-sticky { background: inherit; } mat-row, mat-header-row, mat-footer-row, th.mat-header-cell, td.mat-cell, td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .mat-header-cell { color: rgba(0, 0, 0, 0.54); } .mat-cell, .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } .mat-badge { position: relative; } .mat-badge.mat-badge { overflow: visible; } .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; background-color: var(--mat-badge-background-color); color: var(--mat-badge-text-color); font-family: Roboto, sans-serif; /* @alternate */ font-family: var(--mat-badge-text-font, Roboto, sans-serif); font-size: 12px; /* @alternate */ font-size: var(--mat-badge-text-size, 12px); font-weight: 600; /* @alternate */ font-weight: var(--mat-badge-text-weight, 600); } .cdk-high-contrast-active .mat-badge-content { outline: solid 1px; border-radius: 0; } .mat-badge-disabled .mat-badge-content { background-color: var(--mat-badge-disabled-state-background-color); color: var(--mat-badge-disabled-state-text-color); } .mat-badge-hidden .mat-badge-content { display: none; } .ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-noopable { transition: none; } .mat-badge-content.mat-badge-active { transform: none; } .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; font-size: 9px; /* @alternate */ font-size: var(--mat-badge-small-size-text-size, 9px); } .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; font-size: 24px; /* @alternate */ font-size: var(--mat-badge-large-size-text-size, 24px); } .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } html { --mat-badge-background-color: #3f51b5; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: #b9b9b9; --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38); } .mat-badge-accent { --mat-badge-background-color: #ff4081; --mat-badge-text-color: white; } .mat-badge-warn { --mat-badge-background-color: #f44336; --mat-badge-text-color: white; } html { --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color: white; } html { --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38); --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12); --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54); --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0; --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee; --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: black; --mat-standard-button-toggle-selected-state-background-color: #e0e0e0; --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-divider-color: #e0e0e0; } html { --mat-standard-button-toggle-height: 48px; } html { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3); --mat-datepicker-toggle-active-state-icon-color: #3f51b5; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #ff4081; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #f44336; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #ff4081; } .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #f44336; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 8px; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target { display: none; } html { --mat-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); } html { --mat-expansion-header-collapsed-state-height: 48px; --mat-expansion-header-expanded-state-height: 64px; } html { --mat-icon-color: inherit; } .mat-icon.mat-primary { --mat-icon-color: #3f51b5; } .mat-icon.mat-accent { --mat-icon-color: #ff4081; } .mat-icon.mat-warn { --mat-icon-color: #f44336; } html { --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color: #fafafa; --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); } html { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #3f51b5; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #3f51b5; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #3f51b5; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color: #f44336; --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: #f44336; --mat-stepper-header-error-state-icon-background-color: transparent; } html .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #ff4081; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #ff4081; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #ff4081; --mat-stepper-header-edit-state-icon-foreground-color: white; } html .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #f44336; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #f44336; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #f44336; --mat-stepper-header-edit-state-icon-foreground-color: white; } html { --mat-stepper-header-height: 72px; } .mat-sort-header-arrow { color: #757575; } html { --mat-toolbar-container-background-color: whitesmoke; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #3f51b5; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #ff4081; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #f44336; --mat-toolbar-container-text-color: white; } html { --mat-toolbar-standard-height: 64px; --mat-toolbar-mobile-height: 56px; } .mat-tree { background: white; } .mat-tree-node, .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } .mat-tree-node { min-height: 48px; } @font-face { font-family: "WebComponentsIcons"; font-style: normal; font-weight: normal; src: url('kendo-font-icons.dd2210a06c4b7009.ttf') format("truetype"); } .k-font-icon { width: 1em; height: 1em; outline: 0; font-size: 16px; font-family: "WebComponentsIcons"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; text-decoration: none; flex-shrink: 0; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; vertical-align: middle; position: relative; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .k-font-icon:hover, .k-font-icon:focus { text-decoration: none; } .k-i-none::before { display: none !important; } .k-icon-xs { font-size: calc( 16px * .75 ); } .k-icon-sm { font-size: calc( 16px * .875 ); } .k-icon-md { font-size: 16px; } .k-icon-lg { font-size: calc( 16px * 1.25 ); } .k-icon-xl { font-size: calc( 16px * 1.5 ); } .k-icon-xxl { font-size: calc( 16px * 2 ); } .k-icon-xxxl { font-size: calc( 16px * 3 ); } .k-flip-h, .k-flip-x { transform: scaleX(-1); } .k-flip-v, .k-flip-y { transform: scaleY(-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, .k-flip-both { transform: scale(-1, -1); } .k-rotate-0 { transform: rotate(0deg); } .k-rotate-45 { transform: rotate(45deg); } .k-rotate-90 { transform: rotate(90deg); } .k-rotate-135 { transform: rotate(135deg); } .k-rotate-180 { transform: rotate(180deg); } .k-rotate-225 { transform: rotate(225deg); } .k-rotate-270 { transform: rotate(270deg); } .k-rotate-315 { transform: rotate(315deg); } .k-i-caret-tr::before { content: "\e000"; } .k-i-arrow-45-up-right::before { content: "\e000"; } .k-i-collapse-ne::before { content: "\e000"; } .k-i-resize-ne::before { content: "\e000"; } .k-i-caret-br::before { content: "\e001"; } .k-i-arrow-45-down-right::before { content: "\e001"; } .k-i-collapse-se::before { content: "\e001"; } .k-i-resize-se::before { content: "\e001"; } .k-i-caret-bl::before { content: "\e002"; } .k-i-arrow-45-down-left::before { content: "\e002"; } .k-i-collapse-sw::before { content: "\e002"; } .k-i-resize-sw::before { content: "\e002"; } .k-i-caret-tl::before { content: "\e003"; } .k-i-arrow-45-up-left::before { content: "\e003"; } .k-i-collapse-nw::before { content: "\e003"; } .k-i-resize-nw::before { content: "\e003"; } .k-i-caret-alt-up::before { content: "\e004"; } .k-i-arrow-60-up::before { content: "\e004"; } .k-i-arrow-n::before { content: "\e004"; } .k-i-kpi-trend-increase::before { content: "\e004"; } .k-i-expand-n::before { content: "\e004"; } .k-i-sarrow-n::before { content: "\e004"; } .k-i-caret-alt-right::before { content: "\e005"; } .k-i-arrow-60-right::before { content: "\e005"; } .k-i-arrow-e::before { content: "\e005"; } .k-i-expand::before { content: "\e005"; } .k-i-expand-e::before { content: "\e005"; } .k-i-sarrow-e::before { content: "\e005"; } .k-i-caret-alt-down::before { content: "\e006"; } .k-i-arrow-60-down::before { content: "\e006"; } .k-i-arrow-s::before { content: "\e006"; } .k-i-kpi-trend-decrease::before { content: "\e006"; } .k-i-expand-s::before { content: "\e006"; } .k-i-collapse::before { content: "\e006"; } .k-i-sarrow-s::before { content: "\e006"; } .k-i-caret-alt-left::before { content: "\e007"; } .k-i-arrow-60-left::before { content: "\e007"; } .k-i-arrow-w::before { content: "\e007"; } .k-i-expand-w::before { content: "\e007"; } .k-i-sarrow-w::before { content: "\e007"; } .k-i-caret-alt-to-top::before { content: "\e008"; } .k-i-arrow-end-up::before { content: "\e008"; } .k-i-seek-n::before { content: "\e008"; } .k-i-caret-alt-to-right::before { content: "\e009"; } .k-i-arrow-end-right::before { content: "\e009"; } .k-i-seek-e::before { content: "\e009"; } .k-i-caret-alt-to-bottom::before { content: "\e00a"; } .k-i-arrow-end-down::before { content: "\e00a"; } .k-i-seek-s::before { content: "\e00a"; } .k-i-caret-alt-to-left::before { content: "\e00b"; } .k-i-arrow-end-left::before { content: "\e00b"; } .k-i-seek-w::before { content: "\e00b"; } .k-i-caret-double-alt-up::before { content: "\e00c"; } .k-i-arrow-double-60-up::before { content: "\e00c"; } .k-i-arrow-seek-up::before { content: "\e00c"; } .k-i-caret-double-alt-right::before { content: "\e00d"; } .k-i-arrow-double-60-right::before { content: "\e00d"; } .k-i-arrow-seek-right::before { content: "\e00d"; } .k-i-forward-sm::before { content: "\e00d"; } .k-i-caret-double-alt-down::before { content: "\e00e"; } .k-i-arrow-double-60-down::before { content: "\e00e"; } .k-i-arrow-seek-down::before { content: "\e00e"; } .k-i-caret-double-alt-left::before { content: "\e00f"; } .k-i-arrow-double-60-left::before { content: "\e00f"; } .k-i-arrow-seek-left::before { content: "\e00f"; } .k-i-rewind-sm::before { content: "\e00f"; } .k-i-caret-alt-expand::before { content: "\e010"; } .k-i-arrows-kpi::before { content: "\e010"; } .k-i-kpi::before { content: "\e010"; } .k-i-caret-alt-sort::before { content: "\e010"; } .k-i-arrows-no-change::before { content: "\e011"; } .k-i-arrow-overflow-down::before { content: "\e012"; } .k-i-chevron-up::before { content: "\e013"; } .k-i-arrow-chevron-up::before { content: "\e013"; } .k-i-arrowhead-n::before { content: "\e013"; } .k-i-chevron-right::before { content: "\e014"; } .k-i-arrow-chevron-right::before { content: "\e014"; } .k-i-arrowhead-e::before { content: "\e014"; } .k-i-chevron-down::before { content: "\e015"; } .k-i-arrow-chevron-down::before { content: "\e015"; } .k-i-arrowhead-s::before { content: "\e015"; } .k-i-chevron-left::before { content: "\e016"; } .k-i-arrow-chevron-left::before { content: "\e016"; } .k-i-arrowhead-w::before { content: "\e016"; } .k-i-arrow-up::before { content: "\e017"; } .k-i-arrow-right::before { content: "\e018"; } .k-i-arrow-down::before { content: "\e019"; } .k-i-arrow-left::before { content: "\e01a"; } .k-i-level-down::before { content: "\e01b"; } .k-i-arrow-drill::before { content: "\e01b"; } .k-i-level-up::before { content: "\e01c"; } .k-i-arrow-parent::before { content: "\e01c"; } .k-i-level-to-top::before { content: "\e01d"; } .k-i-arrow-root::before { content: "\e01d"; } .k-i-level-root::before { content: "\e01d"; } .k-i-col-resize::before { content: "\e01e"; } .k-i-arrows-resizing::before { content: "\e01e"; } .k-i-arrows-axes::before { content: "\e01f"; } .k-i-arrows-dimensions::before { content: "\e01f"; } .k-i-dimension::before { content: "\e01f"; } .k-i-arrows-swap::before { content: "\e020"; } .k-i-drag-and-drop::before { content: "\e021"; } .k-i-categorize::before { content: "\e022"; } .k-i-grid::before { content: "\e023"; } .k-i-grid-layout::before { content: "\e024"; } .k-i-group::before { content: "\e025"; } .k-i-ungroup::before { content: "\e026"; } .k-i-handle-drag::before { content: "\e027"; } .k-i-handler-drag::before { content: "\e027"; } .k-i-layout::before { content: "\e028"; } .k-i-layout-1-by-4::before { content: "\e029"; } .k-i-layout-2-by-2::before { content: "\e02a"; } .k-i-page-layout::before { content: "\e02a"; } .k-i-layout-side-by-side::before { content: "\e02b"; } .k-i-layout-stacked::before { content: "\e02c"; } .k-i-columns::before { content: "\e02d"; } .k-i-rows::before { content: "\e02e"; } .k-i-reorder::before { content: "\e02f"; } .k-i-menu::before { content: "\e030"; } .k-i-hamburger::before { content: "\e030"; } .k-i-more-vertical::before { content: "\e031"; } .k-i-more-v::before { content: "\e031"; } .k-i-vbars::before { content: "\e031"; } .k-i-more-horizontal::before { content: "\e032"; } .k-i-more-h::before { content: "\e032"; } .k-i-hbars::before { content: "\e032"; } .k-i-overlap::before { content: "\e033"; } .k-i-home::before { content: "\e034"; } .k-i-root::before { content: "\e034"; } .k-i-arrows-left-right::before { content: "\e035"; } .k-i-arrows-top-bottom::before { content: "\e036"; } .k-i-border-radius-bottom-left::before { content: "\e037"; } .k-i-border-radius-bottom-right::before { content: "\e038"; } .k-i-border-radius-top-left::before { content: "\e039"; } .k-i-border-radius-top-right::before { content: "\e03a"; } .k-i-border-radius::before { content: "\e03b"; } .k-i-border-style-bottom::before { content: "\e03c"; } .k-i-border-style-left::before { content: "\e03d"; } .k-i-border-style-right::before { content: "\e03e"; } .k-i-border-style-top::before { content: "\e03f"; } .k-i-border-style::before { content: "\e040"; } .k-i-box-sizing::before { content: "\e041"; } .k-i-chevron-double-down::before { content: "\e042"; } .k-i-chevron-double-left::before { content: "\e043"; } .k-i-chevron-double-right::before { content: "\e044"; } .k-i-chevron-double-up::before { content: "\e045"; } .k-i-data-ods::before { content: "\e046"; } .k-i-non-recurrence::before { content: "\e047"; } .k-i-display-block::before { content: "\e048"; } .k-i-display-flex::before { content: "\e049"; } .k-i-display-inline-flex::before { content: "\e04a"; } .k-i-droplet-slider::before { content: "\e04b"; } .k-i-color-canvas::before { content: "\e04b"; } .k-i-file-report::before { content: "\e04c"; } .k-i-gap-column::before { content: "\e04d"; } .k-i-gap-row::before { content: "\e04e"; } .k-i-handle-resize-alt::before { content: "\e04f"; } .k-i-handle-resize::before { content: "\e050"; } .k-i-images::before { content: "\e051"; } .k-i-letter-space::before { content: "\e052"; } .k-i-line-height::before { content: "\e053"; } .k-i-list-latin-big::before { content: "\e054"; } .k-i-list-latin-small::before { content: "\e055"; } .k-i-list-roman-big::before { content: "\e056"; } .k-i-list-roman-small::before { content: "\e057"; } .k-i-list-unordered-outline::before { content: "\e058"; } .k-i-list-unordered-square::before { content: "\e059"; } .k-i-max-height::before { content: "\e05a"; } .k-i-max-width::before { content: "\e05b"; } .k-i-min-height::before { content: "\e05c"; } .k-i-min-width::before { content: "\e05d"; } .k-i-outline-offset::before { content: "\e05e"; } .k-i-outline-width::before { content: "\e05f"; } .k-i-padding-bottom::before { content: "\e060"; } .k-i-padding-left::before { content: "\e061"; } .k-i-padding-right::before { content: "\e062"; } .k-i-padding-top::before { content: "\e063"; } .k-i-padding::before { content: "\e064"; } .k-i-position-bottom::before { content: "\e065"; } .k-i-position-left::before { content: "\e066"; } .k-i-position-right::before { content: "\e067"; } .k-i-position-top::before { content: "\e068"; } .k-i-regular-expression::before { content: "\e069"; } .k-i-replace-all::before { content: "\e06a"; } .k-i-replace-single::before { content: "\e06b"; } .k-i-report-element::before { content: "\e06c"; } .k-i-right-double-quotes::before { content: "\e06d"; } .k-i-blockquote::before { content: "\e06d"; } .k-i-whole-word::before { content: "\e06e"; } .k-i-data-sds::before { content: "\e06f"; } .k-i-download-light::before { content: "\e070"; } .k-i-eye-slash::before { content: "\e071"; } .k-i-preview-off::before { content: "\e071"; } .k-i-display-inline-block::before { content: "\e072"; } .k-i-paper-plane::before { content: "\e073"; } .k-i-gauge-linear::before { content: "\e074"; } .k-i-gauge-radial::before { content: "\e075"; } .k-i-envelope-box::before { content: "\e076"; } .k-i-envelope-link::before { content: "\e077"; } .k-i-envelope::before { content: "\e078"; } .k-i-warning-circle::before { content: "\e079"; } .k-i-warning-triangle::before { content: "\e07a"; } .k-i-info-solid::before { content: "\e07b"; } .k-i-font-grow::before { content: "\e07c"; } .k-i-font-shrink::before { content: "\e07d"; } .k-i-text-overflow::before { content: "\e07e"; } .k-i-text-wrap-arrow::before { content: "\e07f"; } .k-i-text-truncate::before { content: "\e080"; } .k-i-text-clip::before { content: "\e081"; } .k-i-border-color::before { content: "\e082"; } .k-i-border-type::before { content: "\e083"; } .k-i-thumb-down-outline::before { content: "\e084"; } .k-i-thumb-down::before { content: "\e085"; } .k-i-thumb-up-outline::before { content: "\e086"; } .k-i-thumb-up::before { content: "\e087"; } .k-i-sparkles::before { content: "\e088"; } .k-i-paragraph-mark::before { content: "\e089"; } .k-i-pilcrow::before { content: "\e089"; } .k-i-paragraph-height::before { content: "\e08a"; } .k-i-user-outline::before { content: "\e08b"; } .k-i-wallet-solid::before { content: "\e08c"; } .k-i-stamp::before { content: "\e08d"; } .k-i-sticky-note::before { content: "\e08e"; } .k-i-ruler-outline::before { content: "\e08f"; } .k-i-eraser-outline::before { content: "\e090"; } .k-i-edit-annotations::before { content: "\e091"; } .k-i-highlight::before { content: "\e092"; } .k-i-highlight-free::before { content: "\e093"; } .k-i-free-text::before { content: "\e094"; } .k-i-x-logo::before { content: "\e095"; } .k-i-undo::before { content: "\e100"; } .k-i-undo-large::before { content: "\e100"; } .k-i-redo::before { content: "\e101"; } .k-i-redo-large::before { content: "\e101"; } .k-i-arrow-rotate-ccw::before { content: "\e102"; } .k-i-reset::before { content: "\e102"; } .k-i-arrow-rotate-cw::before { content: "\e103"; } .k-i-reload::before { content: "\e103"; } .k-i-refresh::before { content: "\e103"; } .k-i-recurrence::before { content: "\e103"; } .k-i-arrows-repeat::before { content: "\e103"; } .k-i-arrows-no-repeat::before { content: "\e104"; } .k-i-non-recurrence::before { content: "\e104"; } .k-i-refresh-clear::before { content: "\e104"; } .k-i-arrow-rotate-ccw-small::before { content: "\e105"; } .k-i-reset-sm::before { content: "\e105"; } .k-i-arrow-rotate-cw-small::before { content: "\e106"; } .k-i-reload-sm::before { content: "\e106"; } .k-i-refresh-sm::before { content: "\e106"; } .k-i-recurrence-sm::before { content: "\e106"; } .k-i-arrows-repeat-sm::before { content: "\e106"; } .k-i-clock::before { content: "\e107"; } .k-i-calendar::before { content: "\e108"; } .k-i-save::before { content: "\e109"; } .k-i-floppy::before { content: "\e109"; } .k-i-print::before { content: "\e10a"; } .k-i-printer::before { content: "\e10a"; } .k-i-pencil::before { content: "\e10b"; } .k-i-edit::before { content: "\e10b"; } .k-i-trash::before { content: "\e10c"; } .k-i-delete::before { content: "\e10c"; } .k-i-paperclip::before { content: "\e10d"; } .k-i-attachment::before { content: "\e10d"; } .k-i-clip::before { content: "\e10d"; } .k-i-paperclip-alt::before { content: "\e10e"; } .k-i-attachment-45::before { content: "\e10e"; } .k-i-clip-45::before { content: "\e10e"; } .k-i-link::before { content: "\e10f"; } .k-i-link-horizontal::before { content: "\e10f"; } .k-i-hyperlink::before { content: "\e10f"; } .k-i-link-h::before { content: "\e10f"; } .k-i-unlink::before { content: "\e110"; } .k-i-unlink-horizontal::before { content: "\e110"; } .k-i-hyperlink-remove::before { content: "\e110"; } .k-i-unlink-h::before { content: "\e110"; } .k-i-link-vertical::before { content: "\e111"; } .k-i-link-v::before { content: "\e111"; } .k-i-unlink-vertical::before { content: "\e112"; } .k-i-unlink-v::before { content: "\e112"; } .k-i-lock::before { content: "\e113"; } .k-i-unlock::before { content: "\e114"; } .k-i-cancel::before { content: "\e115"; } .k-i-cancel-outline::before { content: "\e116"; } .k-i-deny::before { content: "\e116"; } .k-i-cancel-circle::before { content: "\e117"; } .k-i-check::before { content: "\e118"; } .k-i-checkmark::before { content: "\e118"; } .k-i-tick::before { content: "\e118"; } .k-i-check-outline::before { content: "\e119"; } .k-i-checkmark-outline::before { content: "\e119"; } .k-i-success::before { content: "\e119"; } .k-i-check-circle::before { content: "\e11a"; } .k-i-checkmark-circle::before { content: "\e11a"; } .k-i-x::before { content: "\e11b"; } .k-i-close::before { content: "\e11b"; } .k-i-clear::before { content: "\e11b"; } .k-i-times::before { content: "\e11b"; } .k-i-group-delete::before { content: "\e11b"; } .k-i-x-outline::before { content: "\e11c"; } .k-i-close-outline::before { content: "\e11c"; } .k-i-clear-outline::before { content: "\e11c"; } .k-i-times-outline::before { content: "\e11c"; } .k-i-error::before { content: "\e11c"; } .k-i-x-circle::before { content: "\e11d"; } .k-i-close-circle::before { content: "\e11d"; } .k-i-clear-circle::before { content: "\e11d"; } .k-i-times-circle::before { content: "\e11d"; } .k-i-plus::before { content: "\e11e"; } .k-i-add::before { content: "\e11e"; } .k-i-plus-outline::before { content: "\e11f"; } .k-i-add-outline::before { content: "\e11f"; } .k-i-plus-circle::before { content: "\e120"; } .k-i-add-circle::before { content: "\e120"; } .k-i-minus::before { content: "\e121"; } .k-i-kpi-trend-equal::before { content: "\e121"; } .k-i-minus-outline::before { content: "\e122"; } .k-i-minus-circle::before { content: "\e123"; } .k-i-sort-asc::before { content: "\e124"; } .k-i-sort-desc::before { content: "\e125"; } .k-i-sort-clear::before { content: "\e126"; } .k-i-unsort::before { content: "\e126"; } .k-i-sort-asc-small::before { content: "\e127"; } .k-i-sort-asc-sm::before { content: "\e127"; } .k-i-sort-desc-small::before { content: "\e128"; } .k-i-sort-desc-sm::before { content: "\e128"; } .k-i-filter::before { content: "\e129"; } .k-i-filter-clear::before { content: "\e12a"; } .k-i-filter-small::before { content: "\e12b"; } .k-i-filter-sm::before { content: "\e12b"; } .k-i-filter-sort-asc-small::before { content: "\e12c"; } .k-i-filter-sort-asc-sm::before { content: "\e12c"; } .k-i-filter-sort-desc-small::before { content: "\e12d"; } .k-i-filter-sort-desc-sm::before { content: "\e12d"; } .k-i-filter-add-expression::before { content: "\e12e"; } .k-i-filter-add-group::before { content: "\e12f"; } .k-i-login::before { content: "\e130"; } .k-i-sign-in::before { content: "\e130"; } .k-i-logout::before { content: "\e131"; } .k-i-sign-out::before { content: "\e131"; } .k-i-download::before { content: "\e132"; } .k-i-upload::before { content: "\e133"; } .k-i-hyperlink-open::before { content: "\e134"; } .k-i-hyperlink-open-sm::before { content: "\e135"; } .k-i-launch::before { content: "\e136"; } .k-i-window::before { content: "\e137"; } .k-i-window-maximize::before { content: "\e137"; } .k-i-maximize::before { content: "\e137"; } .k-i-window-restore::before { content: "\e138"; } .k-i-windows::before { content: "\e138"; } .k-i-tiles::before { content: "\e138"; } .k-i-restore::before { content: "\e138"; } .k-i-window-minimize::before { content: "\e139"; } .k-i-minimize::before { content: "\e139"; } .k-i-gear::before { content: "\e13a"; } .k-i-cog::before { content: "\e13a"; } .k-i-custom::before { content: "\e13a"; } .k-i-gears::before { content: "\e13b"; } .k-i-cogs::before { content: "\e13b"; } .k-i-wrench::before { content: "\e13c"; } .k-i-settings::before { content: "\e13c"; } .k-i-eye::before { content: "\e13d"; } .k-i-preview::before { content: "\e13d"; } .k-i-search::before { content: "\e13e"; } .k-i-zoom::before { content: "\e13e"; } .k-i-zoom-in::before { content: "\e13f"; } .k-i-zoom-out::before { content: "\e140"; } .k-i-arrows-move::before { content: "\e141"; } .k-i-pan::before { content: "\e141"; } .k-i-move::before { content: "\e141"; } .k-i-calculator::before { content: "\e142"; } .k-i-cart::before { content: "\e143"; } .k-i-shopping-cart::before { content: "\e143"; } .k-i-connector::before { content: "\e144"; } .k-i-plus-sm::before { content: "\e145"; } .k-i-splus::before { content: "\e145"; } .k-i-minus-sm::before { content: "\e146"; } .k-i-sminus::before { content: "\e146"; } .k-i-kpi-status-deny::before { content: "\e147"; } .k-i-kpi-status-hold::before { content: "\e148"; } .k-i-kpi-status-open::before { content: "\e149"; } .k-i-equal::before { content: "\e14a"; } .k-i-not-equal::before { content: "\e14b"; } .k-i-less-or-equal::before { content: "\e14c"; } .k-i-greater-or-equal::before { content: "\e14d"; } .k-i-divide::before { content: "\e14e"; } .k-i-accessibility::before { content: "\e14f"; } .k-i-barcode-outline::before { content: "\e150"; } .k-i-barcode::before { content: "\e151"; } .k-i-barcode-scanner::before { content: "\e152"; } .k-i-qr-code-outline::before { content: "\e153"; } .k-i-qr-code::before { content: "\e154"; } .k-i-qr-code-scanner::before { content: "\e155"; } .k-i-barcode-qr-code-scanner::before { content: "\e156"; } .k-i-signature::before { content: "\e157"; } .k-i-hand::before { content: "\e158"; } .k-i-pointer::before { content: "\e159"; } .k-i-cursor::before { content: "\e159"; } .k-i-stick::before { content: "\e15a"; } .k-i-unstick::before { content: "\e15b"; } .k-i-set-column-position::before { content: "\e15c"; } .k-i-clock-arrow-rotate::before { content: "\e15d"; } .k-i-play::before { content: "\e200"; } .k-i-pause::before { content: "\e201"; } .k-i-stop::before { content: "\e202"; } .k-i-rewind::before { content: "\e203"; } .k-i-forward::before { content: "\e204"; } .k-i-volume-down::before { content: "\e205"; } .k-i-volume-low::before { content: "\e205"; } .k-i-volume-up::before { content: "\e206"; } .k-i-volume-high::before { content: "\e206"; } .k-i-volume-mute::before { content: "\e207"; } .k-i-volume-off::before { content: "\e207"; } .k-i-hd::before { content: "\e208"; } .k-i-closed-captions::before { content: "\e209"; } .k-i-subtitles::before { content: "\e209"; } .k-i-playlist::before { content: "\e20a"; } .k-i-music-notes::before { content: "\e20b"; } .k-i-audio::before { content: "\e20b"; } .k-i-play-sm::before { content: "\e20c"; } .k-i-pause-sm::before { content: "\e20d"; } .k-i-stop-sm::before { content: "\e20e"; } .k-i-heart-outline::before { content: "\e300"; } .k-i-fav-outline::before { content: "\e300"; } .k-i-favorite-outline::before { content: "\e300"; } .k-i-heart::before { content: "\e301"; } .k-i-fav::before { content: "\e301"; } .k-i-favorite::before { content: "\e301"; } .k-i-star-outline::before { content: "\e302"; } .k-i-bookmark-outline::before { content: "\e302"; } .k-i-star::before { content: "\e303"; } .k-i-bookmark::before { content: "\e303"; } .k-i-checkbox::before { content: "\e304"; } .k-i-shape-rect::before { content: "\e304"; } .k-i-checkbox-checked::before { content: "\e305"; } .k-i-checkbox-indeterminate::before { content: "\e306"; } .k-i-tri-state-indeterminate::before { content: "\e306"; } .k-i-checkbox-null::before { content: "\e307"; } .k-i-tri-state-null::before { content: "\e307"; } .k-i-circle::before { content: "\e308"; } .k-i-radiobutton::before { content: "\e309"; } .k-i-shape-circle::before { content: "\e309"; } .k-i-radiobutton-checked::before { content: "\e30a"; } .k-i-bell::before { content: "\e400"; } .k-i-notification::before { content: "\e400"; } .k-i-info-circle::before { content: "\e401"; } .k-i-information::before { content: "\e401"; } .k-i-info::before { content: "\e401"; } .k-i-note::before { content: "\e401"; } .k-i-question-circle::before { content: "\e402"; } .k-i-question::before { content: "\e402"; } .k-i-help::before { content: "\e402"; } .k-i-exclamation-circle::before { content: "\e403"; } .k-i-warning::before { content: "\e403"; } .k-i-exception::before { content: "\e403"; } .k-i-camera::before { content: "\e500"; } .k-i-photo-camera::before { content: "\e500"; } .k-i-image::before { content: "\e501"; } .k-i-photo::before { content: "\e501"; } .k-i-image-export::before { content: "\e502"; } .k-i-photo-export::before { content: "\e502"; } .k-i-zoom-actual-size::before { content: "\e503"; } .k-i-zoom-best-fit::before { content: "\e504"; } .k-i-image-resize::before { content: "\e505"; } .k-i-crop::before { content: "\e506"; } .k-i-mirror::before { content: "\e507"; } .k-i-flip-horizontal::before { content: "\e508"; } .k-i-flip-h::before { content: "\e508"; } .k-i-flip-vertical::before { content: "\e509"; } .k-i-flip-v::before { content: "\e509"; } .k-i-rotate::before { content: "\e50a"; } .k-i-rotate-right::before { content: "\e50b"; } .k-i-rotate-cw::before { content: "\e50b"; } .k-i-rotate-left::before { content: "\e50c"; } .k-i-rotate-ccw::before { content: "\e50c"; } .k-i-brush::before { content: "\e50d"; } .k-i-palette::before { content: "\e50e"; } .k-i-droplet::before { content: "\e50f"; } .k-i-paint::before { content: "\e50f"; } .k-i-background::before { content: "\e50f"; } .k-i-shape-line::before { content: "\e510"; } .k-i-line::before { content: "\e510"; } .k-i-brightness-contrast::before { content: "\e511"; } .k-i-sliders::before { content: "\e512"; } .k-i-saturation::before { content: "\e512"; } .k-i-invert-colors::before { content: "\e513"; } .k-i-transparency::before { content: "\e514"; } .k-i-opacity::before { content: "\e514"; } .k-i-grayscale::before { content: "\e515"; } .k-i-blur::before { content: "\e516"; } .k-i-sharpen::before { content: "\e517"; } .k-i-shapes::before { content: "\e518"; } .k-i-shape::before { content: "\e518"; } .k-i-round-corners::before { content: "\e519"; } .k-i-bring-to-front::before { content: "\e51a"; } .k-i-front-element::before { content: "\e51a"; } .k-i-bring-to-back::before { content: "\e51b"; } .k-i-back-element::before { content: "\e51b"; } .k-i-bring-forward::before { content: "\e51c"; } .k-i-forward-element::before { content: "\e51c"; } .k-i-bring-backward::before { content: "\e51d"; } .k-i-backward-element::before { content: "\e51d"; } .k-i-align-self-start::before { content: "\e51e"; } .k-i-align-left-element::before { content: "\e51e"; } .k-i-align-self-center::before { content: "\e51f"; } .k-i-align-center-element::before { content: "\e51f"; } .k-i-align-self-end::before { content: "\e520"; } .k-i-align-right-element::before { content: "\e520"; } .k-i-align-self-start-alt::before { content: "\e521"; } .k-i-align-top-element::before { content: "\e521"; } .k-i-align-self-center-alt::before { content: "\e522"; } .k-i-align-middle-element::before { content: "\e522"; } .k-i-align-self-end-alt::before { content: "\e523"; } .k-i-align-bottom-element::before { content: "\e523"; } .k-i-thumbnails-up::before { content: "\e524"; } .k-i-thumbnails-right::before { content: "\e525"; } .k-i-thumbnails-down::before { content: "\e526"; } .k-i-thumbnails-left::before { content: "\e527"; } .k-i-fullscreen::before { content: "\e528"; } .k-i-full-screen::before { content: "\e528"; } .k-i-fullscreen-enter::before { content: "\e528"; } .k-i-fullscreen-exit::before { content: "\e529"; } .k-i-full-screen-exit::before { content: "\e529"; } .k-i-droplet-slash::before { content: "\e52a"; } .k-i-reset-color::before { content: "\e52a"; } .k-i-paint-remove::before { content: "\e52a"; } .k-i-background-remove::before { content: "\e52a"; } .k-i-photos::before { content: "\e52b"; } .k-i-images::before { content: "\e52b"; } .k-i-gallery::before { content: "\e52b"; } .k-i-align-to-grid::before { content: "\e52c"; } .k-i-size-to-grid::before { content: "\e52d"; } .k-i-make-same-size::before { content: "\e52e"; } .k-i-make-same-width::before { content: "\e52f"; } .k-i-make-same-height::before { content: "\e530"; } .k-i-make-horizontal-spacing-equal::before { content: "\e531"; } .k-i-increase-horizontal-spacing::before { content: "\e532"; } .k-i-decrease-horizontal-spacing::before { content: "\e533"; } .k-i-remove-horizontal-spacing::before { content: "\e534"; } .k-i-make-vertical-spacing-equal::before { content: "\e535"; } .k-i-increase-vertical-spacing::before { content: "\e536"; } .k-i-decrease-vertical-spacing::before { content: "\e537"; } .k-i-remove-vertical-spacing::before { content: "\e538"; } .k-i-eyedropper::before { content: "\e539"; } .k-i-snap-grid::before { content: "\e53a"; } .k-i-snap-to-gridlines::before { content: "\e53b"; } .k-i-snap-to-snaplines::before { content: "\e53c"; } .k-i-dimensions::before { content: "\e53d"; } .k-i-align-self-stretch::before { content: "\e53e"; } .k-i-align-stretch-element-horizontal::before { content: "\e53e"; } .k-i-align-self-stretch-alt::before { content: "\e53f"; } .k-i-align-stretch-element-vertical::before { content: "\e53f"; } .k-i-align-items-start::before { content: "\e540"; } .k-i-align-left-elements::before { content: "\e540"; } .k-i-align-items-center::before { content: "\e541"; } .k-i-align-center-elements::before { content: "\e541"; } .k-i-align-items-end::before { content: "\e542"; } .k-i-align-right-elements::before { content: "\e542"; } .k-i-align-items-stretch::before { content: "\e543"; } .k-i-align-stretch-elements-horizontal::before { content: "\e543"; } .k-i-align-items-baseline::before { content: "\e544"; } .k-i-align-baseline-horizontal::before { content: "\e544"; } .k-i-align-items-start-alt::before { content: "\e545"; } .k-i-align-top-elements::before { content: "\e545"; } .k-i-align-items-center-alt::before { content: "\e546"; } .k-i-align-middle-elements::before { content: "\e546"; } .k-i-align-items-end-alt::before { content: "\e547"; } .k-i-align-bottom-elements::before { content: "\e547"; } .k-i-align-items-stretch-alt::before { content: "\e548"; } .k-i-align-stretch-elements-vertical::before { content: "\e548"; } .k-i-align-items-baseline-alt::before { content: "\e549"; } .k-i-align-baseline-vertical::before { content: "\e549"; } .k-i-justify-content-start::before { content: "\e54a"; } .k-i-justify-start-horizontal::before { content: "\e54a"; } .k-i-justify-content-center::before { content: "\e54b"; } .k-i-justify-center-horizontal::before { content: "\e54b"; } .k-i-justify-content-end::before { content: "\e54c"; } .k-i-justify-end-horizontal::before { content: "\e54c"; } .k-i-justify-content-between::before { content: "\e54d"; } .k-i-justify-between-horizontal::before { content: "\e54d"; } .k-i-justify-content-around::before { content: "\e54e"; } .k-i-justify-around-horizontal::before { content: "\e54e"; } .k-i-justify-content-start-alt::before { content: "\e54f"; } .k-i-justify-start-vertical::before { content: "\e54f"; } .k-i-justify-content-center-alt::before { content: "\e550"; } .k-i-justify-center-vertical::before { content: "\e550"; } .k-i-justify-content-end-alt::before { content: "\e551"; } .k-i-justify-end-vertical::before { content: "\e551"; } .k-i-justify-content-between-alt::before { content: "\e552"; } .k-i-justify-between-vertical::before { content: "\e552"; } .k-i-justify-content-around-alt::before { content: "\e553"; } .k-i-justify-around-vertical::before { content: "\e553"; } .k-i-file-wrench::before { content: "\e600"; } .k-i-page-properties::before { content: "\e600"; } .k-i-bold::before { content: "\e601"; } .k-i-italic::before { content: "\e602"; } .k-i-underline::before { content: "\e603"; } .k-i-font-family::before { content: "\e604"; } .k-i-foreground-color::before { content: "\e605"; } .k-i-text::before { content: "\e605"; } .k-i-convert-lowercase::before { content: "\e606"; } .k-i-convert-uppercase::before { content: "\e607"; } .k-i-strikethrough::before { content: "\e608"; } .k-i-strike-through::before { content: "\e608"; } .k-i-subscript::before { content: "\e609"; } .k-i-sub-script::before { content: "\e609"; } .k-i-supscript::before { content: "\e60a"; } .k-i-sup-script::before { content: "\e60a"; } .k-i-superscript::before { content: "\e60a"; } .k-i-div::before { content: "\e60b"; } .k-i-all::before { content: "\e60c"; } .k-i-h1::before { content: "\e60d"; } .k-i-h2::before { content: "\e60e"; } .k-i-h3::before { content: "\e60f"; } .k-i-h4::before { content: "\e610"; } .k-i-h5::before { content: "\e611"; } .k-i-h6::before { content: "\e612"; } .k-i-list-ordered::before { content: "\e613"; } .k-i-list-numbered::before { content: "\e613"; } .k-i-insert-ordered-list::before { content: "\e613"; } .k-i-list-unordered::before { content: "\e614"; } .k-i-list-bulleted::before { content: "\e614"; } .k-i-insert-unordered-list::before { content: "\e614"; } .k-i-indent::before { content: "\e615"; } .k-i-indent-increase::before { content: "\e615"; } .k-i-outdent::before { content: "\e616"; } .k-i-indent-decrease::before { content: "\e616"; } .k-i-insert-top::before { content: "\e617"; } .k-i-insert-up::before { content: "\e617"; } .k-i-insert-n::before { content: "\e617"; } .k-i-insert-middle::before { content: "\e618"; } .k-i-insert-m::before { content: "\e618"; } .k-i-insert-bottom::before { content: "\e619"; } .k-i-insert-down::before { content: "\e619"; } .k-i-insert-s::before { content: "\e619"; } .k-i-align-top::before { content: "\e61a"; } .k-i-align-middle::before { content: "\e61b"; } .k-i-align-bottom::before { content: "\e61c"; } .k-i-align-left::before { content: "\e61d"; } .k-i-justify-left::before { content: "\e61d"; } .k-i-align-center::before { content: "\e61e"; } .k-i-justify-center::before { content: "\e61e"; } .k-i-align-right::before { content: "\e61f"; } .k-i-justify-left::before { content: "\e61f"; } .k-i-align-justify::before { content: "\e620"; } .k-i-justify-full::before { content: "\e620"; } .k-i-align-remove::before { content: "\e621"; } .k-i-justify-clear::before { content: "\e621"; } .k-i-text-wrap::before { content: "\e622"; } .k-i-horizontal-rule::before { content: "\e623"; } .k-i-rule-horizontal::before { content: "\e623"; } .k-i-hr::before { content: "\e623"; } .k-i-table-align-top-left::before { content: "\e624"; } .k-i-table-align-top-center::before { content: "\e625"; } .k-i-table-align-top-right::before { content: "\e626"; } .k-i-table-align-middle-left::before { content: "\e627"; } .k-i-table-align-middle-center::before { content: "\e628"; } .k-i-table-align-middle-right::before { content: "\e629"; } .k-i-table-align-bottom-left::before { content: "\e62a"; } .k-i-table-align-bottom-center::before { content: "\e62b"; } .k-i-table-align-bottom-right::before { content: "\e62c"; } .k-i-table-align-remove::before { content: "\e62d"; } .k-i-borders-all::before { content: "\e62e"; } .k-i-all-borders::before { content: "\e62e"; } .k-i-borders-outside::before { content: "\e62f"; } .k-i-outside-borders::before { content: "\e62f"; } .k-i-borders-inside::before { content: "\e630"; } .k-i-inside-borders::before { content: "\e630"; } .k-i-borders-inside-horizontal::before { content: "\e631"; } .k-i-border-inside-h::before { content: "\e631"; } .k-i-inside-horizontal-borders::before { content: "\e631"; } .k-i-borders-inside-vertical::before { content: "\e632"; } .k-i-borders-inside-v::before { content: "\e632"; } .k-i-inside-vertical-borders::before { content: "\e632"; } .k-i-border-top::before { content: "\e633"; } .k-i-top-border::before { content: "\e633"; } .k-i-border-bottom::before { content: "\e634"; } .k-i-bottom-border::before { content: "\e634"; } .k-i-border-left::before { content: "\e635"; } .k-i-left-border::before { content: "\e635"; } .k-i-border-right::before { content: "\e636"; } .k-i-right-border::before { content: "\e636"; } .k-i-borders-none::before { content: "\e637"; } .k-i-border-no::before { content: "\e637"; } .k-i-no-borders::before { content: "\e637"; } .k-i-borders-show-hide::before { content: "\e638"; } .k-i-form::before { content: "\e639"; } .k-i-border::before { content: "\e639"; } .k-i-form-element::before { content: "\e63a"; } .k-i-code-snippet::before { content: "\e63b"; } .k-i-select-all::before { content: "\e63c"; } .k-i-button::before { content: "\e63d"; } .k-i-select-box::before { content: "\e63e"; } .k-i-calendar-date::before { content: "\e63f"; } .k-i-group-box::before { content: "\e640"; } .k-i-textarea::before { content: "\e641"; } .k-i-textbox::before { content: "\e642"; } .k-i-textbox-hidden::before { content: "\e643"; } .k-i-password::before { content: "\e644"; } .k-i-paragraph-add::before { content: "\e645"; } .k-i-edit-tools::before { content: "\e646"; } .k-i-template-manager::before { content: "\e647"; } .k-i-change-manually::before { content: "\e648"; } .k-i-track-changes::before { content: "\e649"; } .k-i-track-changes-enable::before { content: "\e64a"; } .k-i-track-changes-accept::before { content: "\e64b"; } .k-i-track-changes-accept-all::before { content: "\e64c"; } .k-i-track-changes-reject::before { content: "\e64d"; } .k-i-track-changes-reject-all::before { content: "\e64e"; } .k-i-document-manager::before { content: "\e64f"; } .k-i-custom-icon::before { content: "\e650"; } .k-i-book::before { content: "\e651"; } .k-i-dictionary-add::before { content: "\e651"; } .k-i-image-add::before { content: "\e652"; } .k-i-image-light-dialog::before { content: "\e652"; } .k-i-image-insert::before { content: "\e652"; } .k-i-insert-image::before { content: "\e652"; } .k-i-image-edit::before { content: "\e653"; } .k-i-image-map-editor::before { content: "\e654"; } .k-i-comment::before { content: "\e655"; } .k-i-comment-remove::before { content: "\e656"; } .k-i-comments-remove::before { content: "\e657"; } .k-i-comments-remove-all::before { content: "\e657"; } .k-i-silverlight::before { content: "\e658"; } .k-i-media-manager::before { content: "\e659"; } .k-i-video-external::before { content: "\e65a"; } .k-i-flash-manager::before { content: "\e65b"; } .k-i-binoculars::before { content: "\e65c"; } .k-i-find-and-replace::before { content: "\e65c"; } .k-i-find::before { content: "\e65c"; } .k-i-copy::before { content: "\e65d"; } .k-i-files::before { content: "\e65d"; } .k-i-cut::before { content: "\e65e"; } .k-i-clipboard::before { content: "\e65f"; } .k-i-paste::before { content: "\e65f"; } .k-i-clipboard-code::before { content: "\e660"; } .k-i-paste-as-html::before { content: "\e660"; } .k-i-clipboard-word::before { content: "\e661"; } .k-i-paste-from-word::before { content: "\e661"; } .k-i-clipboard-word-alt::before { content: "\e662"; } .k-i-paste-from-word-strip-file::before { content: "\e662"; } .k-i-clipboard-html::before { content: "\e663"; } .k-i-paste-html::before { content: "\e663"; } .k-i-clipboard-markdown::before { content: "\e664"; } .k-i-paste-markdown::before { content: "\e664"; } .k-i-clipboard-text::before { content: "\e665"; } .k-i-paste-plain-text::before { content: "\e665"; } .k-i-apply-format::before { content: "\e666"; } .k-i-clear-css::before { content: "\e667"; } .k-i-clearformat::before { content: "\e667"; } .k-i-copy-format::before { content: "\e668"; } .k-i-strip-all-formatting::before { content: "\e669"; } .k-i-strip-css-format::before { content: "\e66a"; } .k-i-strip-font-elements::before { content: "\e66b"; } .k-i-strip-span-elements::before { content: "\e66c"; } .k-i-strip-word-formatting::before { content: "\e66d"; } .k-i-format-code-block::before { content: "\e66e"; } .k-i-building-blocks::before { content: "\e66f"; } .k-i-style-builder::before { content: "\e66f"; } .k-i-puzzle-piece::before { content: "\e670"; } .k-i-module-manager::before { content: "\e670"; } .k-i-puzzle::before { content: "\e670"; } .k-i-link-add::before { content: "\e671"; } .k-i-hyperlink-light-dialog::before { content: "\e671"; } .k-i-hyperlink-insert::before { content: "\e671"; } .k-i-globe-link::before { content: "\e672"; } .k-i-hyperlink-globe::before { content: "\e672"; } .k-i-globe-unlink::before { content: "\e673"; } .k-i-hyperlink-globe-remove::before { content: "\e673"; } .k-i-envelop-link::before { content: "\e674"; } .k-i-hyperlink-email::before { content: "\e674"; } .k-i-anchor::before { content: "\e675"; } .k-i-table-add::before { content: "\e676"; } .k-i-table-light-dialog::before { content: "\e676"; } .k-i-table-insert::before { content: "\e676"; } .k-i-create-table::before { content: "\e676"; } .k-i-table::before { content: "\e677"; } .k-i-table-properties::before { content: "\e678"; } .k-i-table-cell::before { content: "\e679"; } .k-i-table-cell-properties::before { content: "\e67a"; } .k-i-table-column-insert-left::before { content: "\e67b"; } .k-i-add-column-left::before { content: "\e67b"; } .k-i-table-column-insert-right::before { content: "\e67c"; } .k-i-add-column-right::before { content: "\e67c"; } .k-i-table-row-insert-above::before { content: "\e67d"; } .k-i-add-row-above::before { content: "\e67d"; } .k-i-table-row-insert-below::before { content: "\e67e"; } .k-i-add-row-below::before { content: "\e67e"; } .k-i-table-column-delete::before { content: "\e67f"; } .k-i-delete-column::before { content: "\e67f"; } .k-i-table-row-delete::before { content: "\e680"; } .k-i-delete-row::before { content: "\e680"; } .k-i-table-cell-delete::before { content: "\e681"; } .k-i-table-delete::before { content: "\e682"; } .k-i-cells-merge::before { content: "\e683"; } .k-i-merge-cells::before { content: "\e683"; } .k-i-cells-merge-horizontally::before { content: "\e684"; } .k-i-cells-merge-h::before { content: "\e684"; } .k-i-merge-horizontally::before { content: "\e684"; } .k-i-cells-merge-vertically::before { content: "\e685"; } .k-i-cells-merge-v::before { content: "\e685"; } .k-i-merge-vertically::before { content: "\e685"; } .k-i-cell-split-horizontally::before { content: "\e686"; } .k-i-cells-split-h::before { content: "\e686"; } .k-i-cell-split-vertically::before { content: "\e687"; } .k-i-cells-split-v::before { content: "\e687"; } .k-i-table-unmerge::before { content: "\e688"; } .k-i-normal-layout::before { content: "\e688"; } .k-i-pane-freeze::before { content: "\e689"; } .k-i-freeze-pane::before { content: "\e689"; } .k-i-row-freeze::before { content: "\e68a"; } .k-i-freeze-row::before { content: "\e68a"; } .k-i-column-freeze::before { content: "\e68b"; } .k-i-col-freeze::before { content: "\e68b"; } .k-i-freeze-col::before { content: "\e68b"; } .k-i-toolbar-float::before { content: "\e68c"; } .k-i-spell-checker::before { content: "\e68d"; } .k-i-validation-xhtml::before { content: "\e68e"; } .k-i-validation-data::before { content: "\e68f"; } .k-i-toggle-full-screen-mode::before { content: "\e690"; } .k-i-formula-fx::before { content: "\e691"; } .k-i-fx::before { content: "\e691"; } .k-i-sum::before { content: "\e692"; } .k-i-symbol::before { content: "\e693"; } .k-i-dollar::before { content: "\e694"; } .k-i-currency::before { content: "\e694"; } .k-i-percent::before { content: "\e695"; } .k-i-custom-format::before { content: "\e696"; } .k-i-format-number::before { content: "\e696"; } .k-i-decimal-increase::before { content: "\e697"; } .k-i-increace-decimal::before { content: "\e697"; } .k-i-decimal-decrease::before { content: "\e698"; } .k-i-decrease-decimal::before { content: "\e698"; } .k-i-font-size::before { content: "\e699"; } .k-i-image-absolute-position::before { content: "\e69a"; } .k-i-table-wizard::before { content: "\e69b"; } .k-i-crosstab::before { content: "\e69c"; } .k-i-crosstab-wizard::before { content: "\e69d"; } .k-i-table-body::before { content: "\e69e"; } .k-i-table-column-groups::before { content: "\e69f"; } .k-i-table-corner::before { content: "\e6a0"; } .k-i-table-row-groups::before { content: "\e6a1"; } .k-i-globe-outline::before { content: "\e700"; } .k-i-globe::before { content: "\e701"; } .k-i-map-marker::before { content: "\e702"; } .k-i-marker-pin::before { content: "\e702"; } .k-i-map-marker-target::before { content: "\e703"; } .k-i-marker-pin-target::before { content: "\e703"; } .k-i-pin::before { content: "\e704"; } .k-i-unpin::before { content: "\e705"; } .k-i-share::before { content: "\e800"; } .k-i-user::before { content: "\e801"; } .k-i-inbox::before { content: "\e802"; } .k-i-blogger::before { content: "\e803"; } .k-i-blogger-box::before { content: "\e804"; } .k-i-delicious::before { content: "\e805"; } .k-i-delicious-box::before { content: "\e806"; } .k-i-digg::before { content: "\e807"; } .k-i-digg-box::before { content: "\e808"; } .k-i-envelop::before { content: "\e809"; } .k-i-email::before { content: "\e809"; } .k-i-letter::before { content: "\e809"; } .k-i-envelop-box::before { content: "\e80a"; } .k-i-email-box::before { content: "\e80a"; } .k-i-letter-box::before { content: "\e80a"; } .k-i-facebook::before { content: "\e80b"; } .k-i-facebook-box::before { content: "\e80c"; } .k-i-google::before { content: "\e80d"; } .k-i-google-box::before { content: "\e80e"; } .k-i-google-plus::before { content: "\e80f"; } .k-i-google-plus-box::before { content: "\e810"; } .k-i-linkedin::before { content: "\e811"; } .k-i-linkedin-box::before { content: "\e812"; } .k-i-myspace::before { content: "\e813"; } .k-i-myspace-box::before { content: "\e814"; } .k-i-pinterest::before { content: "\e815"; } .k-i-pinterest-box::before { content: "\e816"; } .k-i-reddit::before { content: "\e817"; } .k-i-reddit-box::before { content: "\e818"; } .k-i-stumble-upon::before { content: "\e819"; } .k-i-stumble-upon-box::before { content: "\e81a"; } .k-i-tell-a-friend::before { content: "\e81b"; } .k-i-tell-a-friend-box::before { content: "\e81c"; } .k-i-tumblr::before { content: "\e81d"; } .k-i-tumblr-box::before { content: "\e81e"; } .k-i-twitter::before { content: "\e81f"; } .k-i-twitter-box::before { content: "\e820"; } .k-i-yammer::before { content: "\e821"; } .k-i-yammer-box::before { content: "\e822"; } .k-i-behance::before { content: "\e823"; } .k-i-behance-box::before { content: "\e824"; } .k-i-dribbble::before { content: "\e825"; } .k-i-dribbble-box::before { content: "\e826"; } .k-i-rss::before { content: "\e827"; } .k-i-rss-box::before { content: "\e828"; } .k-i-vimeo::before { content: "\e829"; } .k-i-vimeo-box::before { content: "\e82a"; } .k-i-youtube::before { content: "\e82b"; } .k-i-youtube-box::before { content: "\e82c"; } .k-i-folder::before { content: "\e900"; } .k-i-folder-open::before { content: "\e901"; } .k-i-folder-add::before { content: "\e902"; } .k-i-folder-up::before { content: "\e903"; } .k-i-folder-more::before { content: "\e904"; } .k-i-fields-more::before { content: "\e904"; } .k-i-aggregate-fields::before { content: "\e905"; } .k-i-file::before { content: "\e906"; } .k-i-file-vertical::before { content: "\e906"; } .k-i-page-portrait::before { content: "\e906"; } .k-i-file-v::before { content: "\e906"; } .k-i-file-add::before { content: "\e907"; } .k-i-insert-file::before { content: "\e907"; } .k-i-file-txt::before { content: "\e908"; } .k-i-txt::before { content: "\e908"; } .k-i-file-csv::before { content: "\e909"; } .k-i-csv::before { content: "\e909"; } .k-i-file-excel::before { content: "\e90a"; } .k-i-file-xls::before { content: "\e90a"; } .k-i-excel::before { content: "\e90a"; } .k-i-xls::before { content: "\e90a"; } .k-i-xlsa::before { content: "\e90a"; } .k-i-file-word::before { content: "\e90b"; } .k-i-file-doc::before { content: "\e90b"; } .k-i-word::before { content: "\e90b"; } .k-i-doc::before { content: "\e90b"; } .k-i-file-mdb::before { content: "\e90c"; } .k-i-mdb::before { content: "\e90c"; } .k-i-file-ppt::before { content: "\e90d"; } .k-i-ppt::before { content: "\e90d"; } .k-i-file-pdf::before { content: "\e90e"; } .k-i-pdf::before { content: "\e90e"; } .k-i-pdfa::before { content: "\e90e"; } .k-i-file-psd::before { content: "\e90f"; } .k-i-psd::before { content: "\e90f"; } .k-i-file-flash::before { content: "\e910"; } .k-i-flash::before { content: "\e910"; } .k-i-file-config::before { content: "\e911"; } .k-i-config::before { content: "\e911"; } .k-i-file-ascx::before { content: "\e912"; } .k-i-ascx::before { content: "\e912"; } .k-i-file-bac::before { content: "\e913"; } .k-i-bac::before { content: "\e913"; } .k-i-file-zip::before { content: "\e914"; } .k-i-zip::before { content: "\e914"; } .k-i-film::before { content: "\e915"; } .k-i-css3::before { content: "\e916"; } .k-i-html5::before { content: "\e917"; } .k-i-code::before { content: "\e918"; } .k-i-html::before { content: "\e918"; } .k-i-source-code::before { content: "\e918"; } .k-i-view-source::before { content: "\e918"; } .k-i-css::before { content: "\e919"; } .k-i-js::before { content: "\e91a"; } .k-i-exe::before { content: "\e91b"; } .k-i-csproj::before { content: "\e91c"; } .k-i-vbproj::before { content: "\e91d"; } .k-i-cs::before { content: "\e91e"; } .k-i-vb::before { content: "\e91f"; } .k-i-sln::before { content: "\e920"; } .k-i-cloud::before { content: "\e921"; } .k-i-file-horizontal::before { content: "\e922"; } .k-i-page-landscape::before { content: "\e922"; } .k-i-file-h::before { content: "\e922"; } .k-i-subreport::before { content: "\e923"; } .k-i-data::before { content: "\e924"; } .k-i-file-header::before { content: "\e925"; } .k-i-report-header-section::before { content: "\e925"; } .k-i-file-footer::before { content: "\e926"; } .k-i-report-footer-section::before { content: "\e926"; } .k-i-group-header-section::before { content: "\e927"; } .k-i-group-footer-section::before { content: "\e928"; } .k-i-page-header-section::before { content: "\e929"; } .k-i-page-footer-section::before { content: "\e92a"; } .k-i-detail-section::before { content: "\e92b"; } .k-i-toc-section::before { content: "\e92c"; } .k-i-group-section::before { content: "\e92d"; } .k-i-parameters::before { content: "\e92e"; } .k-i-data-csv::before { content: "\e92f"; } .k-i-data-json::before { content: "\e930"; } .k-i-data-sql::before { content: "\e931"; } .k-i-data-web::before { content: "\e932"; } .k-i-group-collection::before { content: "\e933"; } .k-i-parameter-boolean::before { content: "\e934"; } .k-i-parameter-date-time::before { content: "\e935"; } .k-i-parameter-float::before { content: "\e936"; } .k-i-parameter-integer::before { content: "\e937"; } .k-i-parameter-string::before { content: "\e938"; } .k-i-toc-section-level::before { content: "\e939"; } .k-i-inherited::before { content: "\e93a"; } .k-i-file-video::before { content: "\e93b"; } .k-i-file-audio::before { content: "\e93c"; } .k-i-file-image::before { content: "\e93d"; } .k-i-file-presentation::before { content: "\e93e"; } .k-i-file-data::before { content: "\e93f"; } .k-i-file-disc-image::before { content: "\e940"; } .k-i-file-programming::before { content: "\e941"; } .k-i-parameters-byte-array::before { content: "\e942"; } .k-i-parameters-unknown::before { content: "\e943"; } .k-i-file-error::before { content: "\e944"; } .k-i-file-validation::before { content: "\e944"; } .k-i-files-error::before { content: "\e945"; } .k-i-files-validation::before { content: "\e945"; } .k-i-data-rest::before { content: "\e946"; } .k-i-file-typescript::before { content: "\e947"; } .k-i-table-position-start::before { content: "\e948"; } .k-i-table-position-left::before { content: "\e948"; } .k-i-table-position-center::before { content: "\e949"; } .k-i-table-position-end::before { content: "\e94a"; } .k-i-table-position-right::before { content: "\e94a"; } .k-i-list-roman-upper::before { content: "\e94b"; } .k-i-list-roman-lower::before { content: "\e94c"; } .k-i-import::before { content: "\e94d"; } .k-i-export::before { content: "\e94e"; } .k-i-graph::before { content: "\ea00"; } .k-i-chart-column-clustered::before { content: "\ea01"; } .k-i-chart-column-stacked::before { content: "\ea02"; } .k-i-chart-column-stacked100::before { content: "\ea03"; } .k-i-chart-column-range::before { content: "\ea04"; } .k-i-chart-bar-clustered::before { content: "\ea05"; } .k-i-chart-bar-stacked::before { content: "\ea06"; } .k-i-chart-bar-stacked100::before { content: "\ea07"; } .k-i-chart-bar-range::before { content: "\ea08"; } .k-i-chart-area-clustered::before { content: "\ea09"; } .k-i-chart-area-stacked::before { content: "\ea0a"; } .k-i-chart-area-stacked100::before { content: "\ea0b"; } .k-i-chart-area-range::before { content: "\ea0c"; } .k-i-chart-line::before { content: "\ea0d"; } .k-i-chart-line-stacked::before { content: "\ea0e"; } .k-i-chart-line-stacked100::before { content: "\ea0f"; } .k-i-chart-line-markers::before { content: "\ea10"; } .k-i-chart-line-stacked-markers::before { content: "\ea11"; } .k-i-chart-line-stacked100-markers::before { content: "\ea12"; } .k-i-chart-pie::before { content: "\ea13"; } .k-i-chart-doughnut::before { content: "\ea14"; } .k-i-chart-scatter::before { content: "\ea15"; } .k-i-chart-scatter-smooth-lines-markers::before { content: "\ea16"; } .k-i-chart-scatter-smooth-lines::before { content: "\ea17"; } .k-i-chart-scatter-straight-lines-markers::before { content: "\ea18"; } .k-i-chart-scatter-straight-lines::before { content: "\ea19"; } .k-i-chart-bubble::before { content: "\ea1a"; } .k-i-chart-candlestick::before { content: "\ea1b"; } .k-i-chart-ohlc::before { content: "\ea1c"; } .k-i-chart-radar::before { content: "\ea1d"; } .k-i-chart-radar-markers::before { content: "\ea1e"; } .k-i-chart-radar-filled::before { content: "\ea1f"; } .k-i-chart-rose::before { content: "\ea20"; } .k-i-chart-choropleth::before { content: "\ea21"; } :root { --kendo-color-app-surface: #ffffff; --kendo-color-on-app-surface: #212121; --kendo-color-subtle: #757575; --kendo-color-surface: #f5f5f5; --kendo-color-surface-alt: #ffffff; --kendo-color-border: rgba(0, 0, 0, 0.12); --kendo-color-border-alt: rgba(0, 0, 0, 0.15); --kendo-color-base-subtle: #ebebeb; --kendo-color-base-subtle-hover: #d6d6d6; --kendo-color-base-subtle-active: #c2c2c2; --kendo-color-base: #ffffff; --kendo-color-base-hover: #ebebeb; --kendo-color-base-active: #d6d6d6; --kendo-color-base-emphasis: #adadad; --kendo-color-base-on-subtle: #212121; --kendo-color-on-base: #212121; --kendo-color-base-on-surface: #212121; --kendo-color-primary-subtle: #d1d5ee; --kendo-color-primary-subtle-hover: #c5cae8; --kendo-color-primary-subtle-active: #b5bde3; --kendo-color-primary: #3f51b5; --kendo-color-primary-hover: #3a4ba7; --kendo-color-primary-active: #354498; --kendo-color-primary-emphasis: #97a0d7; --kendo-color-primary-on-subtle: #161c3f; --kendo-color-on-primary: #ffffff; --kendo-color-primary-on-surface: #3f51b5; --kendo-color-secondary-subtle: #fbcdd9; --kendo-color-secondary-subtle-hover: #f9afc3; --kendo-color-secondary-subtle-active: #f79bb3; --kendo-color-secondary: #e51a5f; --kendo-color-secondary-hover: #d31857; --kendo-color-secondary-active: #c01650; --kendo-color-secondary-emphasis: #f58da9; --kendo-color-secondary-on-subtle: #500c22; --kendo-color-on-secondary: #ffffff; --kendo-color-secondary-on-surface: #ae1549; --kendo-color-tertiary-subtle: #c9dbd8; --kendo-color-tertiary-subtle-hover: #a9c6c1; --kendo-color-tertiary-subtle-active: #92b8b1; --kendo-color-tertiary: #00695c; --kendo-color-tertiary-hover: #006155; --kendo-color-tertiary-active: #00584d; --kendo-color-tertiary-emphasis: #84aea7; --kendo-color-tertiary-on-subtle: #002520; --kendo-color-on-tertiary: #ffffff; --kendo-color-tertiary-on-surface: #054f46; --kendo-color-info-subtle: #c8d7fb; --kendo-color-info-subtle-hover: #a7c0f7; --kendo-color-info-subtle-active: #8fb0f6; --kendo-color-info: #0058e9; --kendo-color-info-hover: #0251d6; --kendo-color-info-active: #034ac3; --kendo-color-info-emphasis: #80a5f4; --kendo-color-info-on-subtle: #071f51; --kendo-color-on-info: #ffffff; --kendo-color-info-on-surface: #0443b0; --kendo-color-success-subtle: #d7f0cc; --kendo-color-success-subtle-hover: #bae2ad; --kendo-color-success-subtle-active: #a7db97; --kendo-color-success: #37b400; --kendo-color-success-hover: #33a600; --kendo-color-success-active: #2e9704; --kendo-color-success-emphasis: #93d775; --kendo-color-success-on-subtle: #163f09; --kendo-color-on-success: #ffffff; --kendo-color-success-on-surface: #2b8906; --kendo-color-warning-subtle: #fff0ce; --kendo-color-warning-subtle-hover: #ffe7b0; --kendo-color-warning-subtle-active: #ffe19c; --kendo-color-warning: #ffc000; --kendo-color-warning-hover: #ebb201; --kendo-color-warning-active: #d6a202; --kendo-color-warning-emphasis: #ffdd8f; --kendo-color-warning-on-subtle: #59430a; --kendo-color-on-warning: #000000; --kendo-color-warning-on-surface: #ffc000; --kendo-color-error-subtle: #fcc7c2; --kendo-color-error-subtle-hover: #feafa8; --kendo-color-error-subtle-active: #fe9a91; --kendo-color-error: #f31700; --kendo-color-error-hover: #e01701; --kendo-color-error-active: #cc1505; --kendo-color-error-emphasis: #fc8d83; --kendo-color-error-on-subtle: #550c07; --kendo-color-on-error: #ffffff; --kendo-color-error-on-surface: #b91406; --kendo-color-light-subtle: #fafafa; --kendo-color-light-subtle-hover: #f5f5f5; --kendo-color-light-subtle-active: #eeeeee; --kendo-color-light: #f5f5f5; --kendo-color-light-hover: #ebebeb; --kendo-color-light-active: #d6d6d6; --kendo-color-light-emphasis: #e0e0e0; --kendo-color-light-on-subtle: #212121; --kendo-color-on-light: #000000; --kendo-color-light-on-surface: #ebebeb; --kendo-color-dark-subtle: #c7c7c7; --kendo-color-dark-subtle-hover: #c2c2c2; --kendo-color-dark-subtle-active: #bdbdbd; --kendo-color-dark: #424242; --kendo-color-dark-hover: #212121; --kendo-color-dark-active: #000000; --kendo-color-dark-emphasis: #9e9e9e; --kendo-color-dark-on-subtle: #212121; --kendo-color-on-dark: #ffffff; --kendo-color-dark-on-surface: #616161; --kendo-color-inverse-subtle: #c7c7c7; --kendo-color-inverse-subtle-hover: #c2c2c2; --kendo-color-inverse-subtle-active: #bdbdbd; --kendo-color-inverse: #424242; --kendo-color-inverse-hover: #212121; --kendo-color-inverse-active: #000000; --kendo-color-inverse-emphasis: #9e9e9e; --kendo-color-inverse-on-subtle: #212121; --kendo-color-on-inverse: #ffffff; --kendo-color-inverse-on-surface: #616161; --kendo-color-series-a: #9c27b0; --kendo-color-series-a-bold: #751d84; --kendo-color-series-a-bolder: #4e1458; --kendo-color-series-a-subtle: #b55dc4; --kendo-color-series-a-subtler: #cd93d7; --kendo-color-series-b: #2196f3; --kendo-color-series-b-bold: #1971b6; --kendo-color-series-b-bolder: #114b7a; --kendo-color-series-b-subtle: #59b0f6; --kendo-color-series-b-subtler: #90cbf9; --kendo-color-series-c: #009688; --kendo-color-series-c-bold: #007166; --kendo-color-series-c-bolder: #004b44; --kendo-color-series-c-subtle: #40b0a6; --kendo-color-series-c-subtler: #80cbc4; --kendo-color-series-d: #ffeb3b; --kendo-color-series-d-bold: #bfb02c; --kendo-color-series-d-bolder: #80761e; --kendo-color-series-d-subtle: #fff06c; --kendo-color-series-d-subtler: #fff59d; --kendo-color-series-e: #f44336; --kendo-color-series-e-bold: #b73229; --kendo-color-series-e-bolder: #7a221b; --kendo-color-series-e-subtle: #f77268; --kendo-color-series-e-subtler: #faa19b; --kendo-color-series-f: #4caf50; --kendo-color-series-f-bold: #39833c; --kendo-color-series-f-bolder: #265828; --kendo-color-series-f-subtle: #79c37c; --kendo-color-series-f-subtler: #a6d7a8; } .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: 0.1; transform: translate(0, -3em); } .k-slide-in-appear .k-centered { transform: translate(-50%, -60%); } .k-slide-in-appear-active { opacity: 1; transform: translate(0, 0); transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.2, 1); } .k-slide-in-appear-active .k-centered { transform: translate(-50%, -50%); } .k-slide-down-enter, .k-slide-down-appear { transform: translateY(-100%); } .k-slide-down-enter-active, .k-slide-down-appear-active { transform: translateY(0); transition: transform 300ms ease-in-out; } .k-slide-down-exit { transform: translateY(0); } .k-slide-down-exit-active { transform: translateY(-100%); transition: transform 300ms ease-in-out; } .k-slide-up-enter, .k-slide-up-appear { transform: translateY(100%); } .k-slide-up-enter-active, .k-slide-up-appear-active { transform: translateY(0); transition: transform 300ms ease-in-out; } .k-slide-up-exit { transform: translateY(0); } .k-slide-up-exit-active { transform: translateY(100%); transition: transform 300ms ease-in-out; } .k-slide-right-enter, .k-slide-right-appear { transform: translateX(-100%); } .k-slide-right-enter-active, .k-slide-right-appear-active { transform: translateX(0); transition: transform 300ms ease-in-out; } .k-slide-right-exit { transform: translateX(0); } .k-slide-right-exit-active { transform: translateX(-100%); transition: transform 300ms ease-in-out; } .k-slide-left-enter, .k-slide-left-appear { transform: translateX(100%); } .k-slide-left-enter-active, .k-slide-left-appear-active { transform: translateX(0); transition: transform 300ms ease-in-out; } .k-slide-left-exit { transform: translateX(0); } .k-slide-left-exit-active { transform: translateX(100%); transition: transform 300ms ease-in-out; } .k-reveal-vertical-enter, .k-reveal-vertical-appear { max-height: 0; } .k-reveal-vertical-enter-active, .k-reveal-vertical-appear-active { transition: max-height 300ms ease-in-out; } .k-reveal-vertical-exit-active { max-height: 0 !important; transition: max-height 300ms ease-in-out; } .k-reveal-horizontal-enter, .k-reveal-horizontal-appear { max-width: 0; } .k-reveal-horizontal-enter-active, .k-reveal-horizontal-appear-active { transition: max-width 300ms ease-in-out; } .k-reveal-horizontal-exit-active { max-width: 0 !important; transition: max-width 300ms ease-in-out; } .k-fx-end .k-fx-next, .k-fx-end .k-fx-current { transition: all 350ms ease-out; } .k-fx { position: relative; } .k-fx .k-fx-current { z-index: 0; } .k-fx .k-fx-next { z-index: 1; } .k-fx-hidden, .k-fx-hidden * { visibility: hidden !important; } .k-fx-reverse .k-fx-current { z-index: 1; } .k-fx-reverse .k-fx-next { z-index: 0; } .k-fx-zoom.k-fx-start .k-fx-next { transform: scale(0) !important; } .k-fx-zoom.k-fx-end .k-fx-next { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current { transform: scale(0) !important; } .k-fx-fade.k-fx-start .k-fx-next { will-change: opacity; opacity: 0; } .k-fx-fade.k-fx-end .k-fx-next { opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current { will-change: opacity; opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current { opacity: 0; } .k-fx-slide.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer { transition: all 350ms ease-out; } .k-fx-slide.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-start .k-fx-next .km-content { will-change: transform; transform: translateX(100%); } .k-fx-slide.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer { will-change: opacity; opacity: 0; } .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content { will-change: transform; transform: translateX(0); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translateX(0); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer { will-change: opacity; opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer { opacity: 0; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content { transform: translateX(0); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translateX(0%); } .k-fx-tile.k-fx-start .k-fx-next { will-change: transform; transform: translateX(100%); } .k-fx-tile.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: translateX(0); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next { transform: translateX(0); } .k-fx-tile.k-fx-right.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx-tile.k-fx-right.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current { transform: translateX(0); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next { transform: translateX(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next { transform: translateX(0%); } .k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next { will-change: transform; transform: translateX(100%); } .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next { transform: translateY(100%); } .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next { transform: translateY(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next { transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current { transform: translateY(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current { transform: translateY(-100%); } .k-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, .k-widget[disabled], .k-disabled { outline: none; cursor: default; color: var(--kendo-disabled-text, var(--kendo-color-on-app-surface, #212121)); background-color: var(--kendo-disabled-bg, ); border-color: var(--kendo-disabled-border, ); opacity: var(--kendo-disabled-opacity, 0.6); filter: var(--kendo-disabled-filter, grayscale(0.1)); pointer-events: none; box-shadow: none; } .k-disabled .k-link, .k-widget[disabled] .k-link, .k-disabled .k-link { cursor: default; outline: 0; } .k-disabled [disabled], .k-disabled .k-disabled, .k-widget[disabled] [disabled], .k-widget[disabled] .k-disabled, .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: var(--kendo-component-border, var(--kendo-color-border, rgba(0, 0, 0, 0.12))); 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: transparent; border-inline-start-color: transparent; border-inline-end-color: currentColor; position: absolute; inset-block-start: 0; inset-inline-end: 0; } .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-neutral-160, var(--kendo-color-on-secondary, #ffffff)); background-color: var(--kendo-primary-60, var(--kendo-color-secondary, #e51a5f)); border-color: var(--kendo-primary-100, var(--kendo-color-border, rgba(0, 0, 0, 0.12))); opacity: 0.6; } .k-marquee-text { color: var(--kendo-neutral-160, var(--kendo-color-on-secondary, #ffffff)); } .k-text-selection ::selection { background-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); } .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; } :root { --kendo-elevation-1: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-2: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-3: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-4: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-5: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-6: 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-7: 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-8: 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14); --kendo-elevation-9: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14); } :root { --kendo-font-family: Roboto, "Helvetica Neue", sans-serif; --kendo-font-size: 0.875rem; --kendo-line-height: 2; --kendo-font-weight: 400; --kendo-letter-spacing: ; --kendo-font-size-xs: 0.625rem; --kendo-font-size-sm: 0.75rem; --kendo-font-size-md: 0.875rem; --kendo-font-size-lg: 1rem; --kendo-font-size-xl: 1.25rem; --kendo-line-height-xs: 1; --kendo-line-height-sm: 1.2; --kendo-line-height-md: 2; --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: -2.5px; --kendo-letter-spacing-tighter: -1.5px; --kendo-letter-spacing-tight: -0.5px; --kendo-letter-spacing-normal: 0px; --kendo-letter-spacing-wide: 0.15px; --kendo-letter-spacing-wider: 0.25px; --kendo-letter-spacing-widest: 0.35px; --kendo-font-family-sans-serif: Roboto, Helvetica Neue, sans-serif; --kendo-font-family-monospace: Consolas, Ubuntu Mono, Lucida Console, Courier New, monospace; } :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-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.5rem; --kendo-border-radius-xl: 0.75rem; --kendo-border-radius-xxl: 1rem; --kendo-border-radius-xxxl: 1.25rem; --kendo-border-radius-full: 9999px; } .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 { object-fit: contain; } .\!k-object-fit-contain { object-fit: contain !important; } .k-object-fit-cover { object-fit: cover; } .\!k-object-fit-cover { object-fit: cover !important; } .k-object-fit-fill { object-fit: fill; } .\!k-object-fit-fill { object-fit: fill !important; } .k-object-fit-scale-down { object-fit: scale-down; } .\!k-object-fit-scale-down { object-fit: scale-down !important; } .k-object-fit-initial { object-fit: initial; } .\!k-object-fit-initial { object-fit: initial !important; } .k-object-fit-none { object-fit: none; } .\!k-object-fit-none { object-fit: none !important; } .k-object-position-center { object-position: center; } .\!k-object-position-center { object-position: center !important; } .k-object-position-top { object-position: top; } .\!k-object-position-top { object-position: top !important; } .k-object-position-right { object-position: right; } .\!k-object-position-right { object-position: right !important; } .k-object-position-bottom { object-position: bottom; } .\!k-object-position-bottom { object-position: bottom !important; } .k-object-position-left { object-position: left; } .\!k-object-position-left { object-position: left !important; } .k-object-position-top-left { object-position: top left; } .\!k-object-position-top-left { object-position: top left !important; } .k-object-position-top-right { object-position: top right; } .\!k-object-position-top-right { object-position: top right !important; } .k-object-position-bottom-left { object-position: bottom left; } .\!k-object-position-bottom-left { object-position: bottom left !important; } .k-object-position-bottom-right { object-position: bottom right; } .\!k-object-position-bottom-right { 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: 0.125rem; } .\!k-top-0\.5 { top: 0.125rem !important; } .k-top-1 { top: 0.25rem; } .\!k-top-1 { top: 0.25rem !important; } .k-top-1\.5 { top: 0.375rem; } .\!k-top-1\.5 { top: 0.375rem !important; } .k-top-2 { top: 0.5rem; } .\!k-top-2 { top: 0.5rem !important; } .k-top-2\.5 { top: 0.625rem; } .\!k-top-2\.5 { top: 0.625rem !important; } .k-top-3 { top: 0.75rem; } .\!k-top-3 { top: 0.75rem !important; } .k-top-3\.5 { top: 0.875rem; } .\!k-top-3\.5 { top: 0.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: 0.125rem; } .\!k-right-0\.5 { right: 0.125rem !important; } .k-right-1 { right: 0.25rem; } .\!k-right-1 { right: 0.25rem !important; } .k-right-1\.5 { right: 0.375rem; } .\!k-right-1\.5 { right: 0.375rem !important; } .k-right-2 { right: 0.5rem; } .\!k-right-2 { right: 0.5rem !important; } .k-right-2\.5 { right: 0.625rem; } .\!k-right-2\.5 { right: 0.625rem !important; } .k-right-3 { right: 0.75rem; } .\!k-right-3 { right: 0.75rem !important; } .k-right-3\.5 { right: 0.875rem; } .\!k-right-3\.5 { right: 0.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: 0.125rem; } .\!k-bottom-0\.5 { bottom: 0.125rem !important; } .k-bottom-1 { bottom: 0.25rem; } .\!k-bottom-1 { bottom: 0.25rem !important; } .k-bottom-1\.5 { bottom: 0.375rem; } .\!k-bottom-1\.5 { bottom: 0.375rem !important; } .k-bottom-2 { bottom: 0.5rem; } .\!k-bottom-2 { bottom: 0.5rem !important; } .k-bottom-2\.5 { bottom: 0.625rem; } .\!k-bottom-2\.5 { bottom: 0.625rem !important; } .k-bottom-3 { bottom: 0.75rem; } .\!k-bottom-3 { bottom: 0.75rem !important; } .k-bottom-3\.5 { bottom: 0.875rem; } .\!k-bottom-3\.5 { bottom: 0.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: 0.125rem; } .\!k-left-0\.5 { left: 0.125rem !important; } .k-left-1 { left: 0.25rem; } .\!k-left-1 { left: 0.25rem !important; } .k-left-1\.5 { left: 0.375rem; } .\!k-left-1\.5 { left: 0.375rem !important; } .k-left-2 { left: 0.5rem; } .\!k-left-2 { left: 0.5rem !important; } .k-left-2\.5 { left: 0.625rem; } .\!k-left-2\.5 { left: 0.625rem !important; } .k-left-3 { left: 0.75rem; } .\!k-left-3 { left: 0.75rem !important; } .k-left-3\.5 { left: 0.875rem; } .\!k-left-3\.5 { left: 0.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-top-start, .k-pos-top-start { top: 0; inset-inline-start: 0; } .k-top-end, .k-pos-top-end { top: 0; inset-inline-end: 0; } .k-bottom-start, .k-pos-bottom-start { bottom: 0; inset-inline-start: 0; } .k-bottom-end, .k-pos-bottom-end { bottom: 0; inset-inline-end: 0; } .k-top-center, .k-pos-top-center { top: 0; left: 50%; transform: translateX(-50%); } .k-middle-left, .k-middle-start, .k-pos-middle-start { top: 50%; left: 0; transform: translateY(-50%); } .k-middle-center { top: 50%; left: 50%; transform: translateY(-50%); } .k-middle-right, .k-middle-end, .k-pos-middle-end { top: 50%; right: 0; transform: translateY(-50%); } .k-bottom-center, .k-pos-bottom-center { bottom: 0; left: 50%; transform: translateX(-50%); } .k-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-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: 0.125rem; } .\!k-basis-0\.5 { flex-basis: 0.125rem !important; } .k-basis-1 { flex-basis: 0.25rem; } .\!k-basis-1 { flex-basis: 0.25rem !important; } .k-basis-1\.5 { flex-basis: 0.375rem; } .\!k-basis-1\.5 { flex-basis: 0.375rem !important; } .k-basis-2 { flex-basis: 0.5rem; } .\!k-basis-2 { flex-basis: 0.5rem !important; } .k-basis-2\.5 { flex-basis: 0.625rem; } .\!k-basis-2\.5 { flex-basis: 0.625rem !important; } .k-basis-3 { flex-basis: 0.75rem; } .\!k-basis-3 { flex-basis: 0.75rem !important; } .k-basis-3\.5 { flex-basis: 0.875rem; } .\!k-basis-3\.5 { flex-basis: 0.875rem !important; } .k-basis-4 { flex-basis: 1rem; } .\!k-basis-4 { flex-basis: 1rem !important; } .k-basis-4\.5 { flex-basis: 1.125rem; } .\!k-basis-4\.5 { flex-basis: 1.125rem !important; } .k-basis-5 { flex-basis: 1.25rem; } .\!k-basis-5 { flex-basis: 1.25rem !important; } .k-basis-5\.5 { flex-basis: 1.375rem; } .\!k-basis-5\.5 { flex-basis: 1.375rem !important; } .k-basis-6 { flex-basis: 1.5rem; } .\!k-basis-6 { flex-basis: 1.5rem !important; } .k-basis-6\.5 { flex-basis: 1.625rem; } .\!k-basis-6\.5 { flex-basis: 1.625rem !important; } .k-basis-7 { flex-basis: 1.75rem; } .\!k-basis-7 { flex-basis: 1.75rem !important; } .k-basis-7\.5 { flex-basis: 1.875rem; } .\!k-basis-7\.5 { flex-basis: 1.875rem !important; } .k-basis-8 { flex-basis: 2rem; } .\!k-basis-8 { flex-basis: 2rem !important; } .k-basis-9 { flex-basis: 2.25rem; } .\!k-basis-9 { flex-basis: 2.25rem !important; } .k-basis-10 { flex-basis: 2.5rem; } .\!k-basis-10 { flex-basis: 2.5rem !important; } .k-basis-11 { flex-basis: 2.75rem; } .\!k-basis-11 { flex-basis: 2.75rem !important; } .k-basis-12 { flex-basis: 3rem; } .\!k-basis-12 { flex-basis: 3rem !important; } .k-basis-13 { flex-basis: 3.25rem; } .\!k-basis-13 { flex-basis: 3.25rem !important; } .k-basis-14 { flex-basis: 3.5rem; } .\!k-basis-14 { flex-basis: 3.5rem !important; } .k-basis-15 { flex-basis: 3.75rem; } .\!k-basis-15 { flex-basis: 3.75rem !important; } .k-basis-16 { flex-basis: 4rem; } .\!k-basis-16 { flex-basis: 4rem !important; } .k-basis-17 { flex-basis: 4.25rem; } .\!k-basis-17 { flex-basis: 4.25rem !important; } .k-basis-18 { flex-basis: 4.5rem; } .\!k-basis-18 { flex-basis: 4.5rem !important; } .k-basis-19 { flex-basis: 4.75rem; } .\!k-basis-19 { flex-basis: 4.75rem !important; } .k-basis-20 { flex-basis: 5rem; } .\!k-basis-20 { flex-basis: 5rem !important; } .k-basis-21 { flex-basis: 5.25rem; } .\!k-basis-21 { flex-basis: 5.25rem !important; } .k-basis-22 { flex-basis: 5.5rem; } .\!k-basis-22 { flex-basis: 5.5rem !important; } .k-basis-23 { flex-basis: 5.75rem; } .\!k-basis-23 { flex-basis: 5.75rem !important; } .k-basis-24 { flex-basis: 6rem; } .\!k-basis-24 { flex-basis: 6rem !important; } .k-basis-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: 0.125rem; } .\!k-flex-basis-0\.5 { flex-basis: 0.125rem !important; } .k-flex-basis-1 { flex-basis: 0.25rem; } .\!k-flex-basis-1 { flex-basis: 0.25rem !important; } .k-flex-basis-1\.5 { flex-basis: 0.375rem; } .\!k-flex-basis-1\.5 { flex-basis: 0.375rem !important; } .k-flex-basis-2 { flex-basis: 0.5rem; } .\!k-flex-basis-2 { flex-basis: 0.5rem !important; } .k-flex-basis-2\.5 { flex-basis: 0.625rem; } .\!k-flex-basis-2\.5 { flex-basis: 0.625rem !important; } .k-flex-basis-3 { flex-basis: 0.75rem; } .\!k-flex-basis-3 { flex-basis: 0.75rem !important; } .k-flex-basis-3\.5 { flex-basis: 0.875rem; } .\!k-flex-basis-3\.5 { flex-basis: 0.875rem !important; } .k-flex-basis-4 { flex-basis: 1rem; } .\!k-flex-basis-4 { flex-basis: 1rem !important; } .k-flex-basis-4\.5 { flex-basis: 1.125rem; } .\!k-flex-basis-4\.5 { flex-basis: 1.125rem !important; } .k-flex-basis-5 { flex-basis: 1.25rem; } .\!k-flex-basis-5 { flex-basis: 1.25rem !important; } .k-flex-basis-5\.5 { flex-basis: 1.375rem; } .\!k-flex-basis-5\.5 { flex-basis: 1.375rem !important; } .k-flex-basis-6 { flex-basis: 1.5rem; } .\!k-flex-basis-6 { flex-basis: 1.5rem !important; } .k-flex-basis-6\.5 { flex-basis: 1.625rem; } .\!k-flex-basis-6\.5 { flex-basis: 1.625rem !important; } .k-flex-basis-7 { flex-basis: 1.75rem; } .\!k-flex-basis-7 { flex-basis: 1.75rem !important; } .k-flex-basis-7\.5 { flex-basis: 1.875rem; } .\!k-flex-basis-7\.5 { flex-basis: 1.875rem !important; } .k-flex-basis-8 { flex-basis: 2rem; } .\!k-flex-basis-8 { flex-basis: 2rem !important; } .k-flex-basis-9 { flex-basis: 2.25rem; } .\!k-flex-basis-9 { flex-basis: 2.25rem !important; } .k-flex-basis-10 { flex-basis: 2.5rem; } .\!k-flex-basis-10 { flex-basis: 2.5rem !important; } .k-flex-basis-11 { flex-basis: 2.75rem; } .\!k-flex-basis-11 { flex-basis: 2.75rem !important; } .k-flex-basis-12 { flex-basis: 3rem; } .\!k-flex-basis-12 { flex-basis: 3rem !important; } .k-flex-basis-13 { flex-basis: 3.25rem; } .\!k-flex-basis-13 { flex-basis: 3.25rem !important; } .k-flex-basis-14 { flex-basis: 3.5rem; } .\!k-flex-basis-14 { flex-basis: 3.5rem !important; } .k-flex-basis-15 { flex-basis: 3.75rem; } .\!k-flex-basis-15 { flex-basis: 3.75rem !important; } .k-flex-basis-16 { flex-basis: 4rem; } .\!k-flex-basis-16 { flex-basis: 4rem !important; } .k-flex-basis-17 { flex-basis: 4.25rem; } .\!k-flex-basis-17 { flex-basis: 4.25rem !important; } .k-flex-basis-18 { flex-basis: 4.5rem; } .\!k-flex-basis-18 { flex-basis: 4.5rem !important; } .k-flex-basis-19 { flex-basis: 4.75rem; } .\!k-flex-basis-19 { flex-basis: 4.75rem !important; } .k-flex-basis-20 { flex-basis: 5rem; } .\!k-flex-basis-20 { flex-basis: 5rem !important; } .k-flex-basis-21 { flex-basis: 5.25rem; } .\!k-flex-basis-21 { flex-basis: 5.25rem !important; } .k-flex-basis-22 { flex-basis: 5.5rem; } .\!k-flex-basis-22 { flex-basis: 5.5rem !important; } .k-flex-basis-23 { flex-basis: 5.75rem; } .\!k-flex-basis-23 { flex-basis: 5.75rem !important; } .k-flex-basis-24 { flex-basis: 6rem; } .\!k-flex-basis-24 { flex-basis: 6rem !important; } .k-flex-basis-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-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--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--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-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-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--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--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--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-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--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-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--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-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--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-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--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-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--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-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--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-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: 0.125rem; } .\!k-h-0\.5 { height: 0.125rem !important; } .k-h-1 { height: 0.25rem; } .\!k-h-1 { height: 0.25rem !important; } .k-h-1\.5 { height: 0.375rem; } .\!k-h-1\.5 { height: 0.375rem !important; } .k-h-2 { height: 0.5rem; } .\!k-h-2 { height: 0.5rem !important; } .k-h-2\.5 { height: 0.625rem; } .\!k-h-2\.5 { height: 0.625rem !important; } .k-h-3 { height: 0.75rem; } .\!k-h-3 { height: 0.75rem !important; } .k-h-3\.5 { height: 0.875rem; } .\!k-h-3\.5 { height: 0.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: min-content; } .\!k-h-min { height: min-content !important; } .k-h-max { height: max-content; } .\!k-h-max { 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: min-content; } .\!k-min-h-min { min-height: min-content !important; } .k-min-h-max { min-height: max-content; } .\!k-min-h-max { 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: min-content; } .\!k-max-h-min { max-height: min-content !important; } .k-max-h-max { max-height: max-content; } .\!k-max-h-max { 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: 0.125rem; } .\!k-w-0\.5 { width: 0.125rem !important; } .k-w-1 { width: 0.25rem; } .\!k-w-1 { width: 0.25rem !important; } .k-w-1\.5 { width: 0.375rem; } .\!k-w-1\.5 { width: 0.375rem !important; } .k-w-2 { width: 0.5rem; } .\!k-w-2 { width: 0.5rem !important; } .k-w-2\.5 { width: 0.625rem; } .\!k-w-2\.5 { width: 0.625rem !important; } .k-w-3 { width: 0.75rem; } .\!k-w-3 { width: 0.75rem !important; } .k-w-3\.5 { width: 0.875rem; } .\!k-w-3\.5 { width: 0.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: min-content; } .\!k-w-min { width: min-content !important; } .k-w-max { width: max-content; } .\!k-w-max { 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: min-content; } .\!k-min-w-min { min-width: min-content !important; } .k-min-w-max { min-width: max-content; } .\!k-min-w-max { 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: min-content; } .\!k-max-w-min { max-width: min-content !important; } .k-max-w-max { max-width: max-content; } .\!k-max-w-max { 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-serif { font-family: var(--kendo-font-family-sans-serif, Roboto, Helvetica Neue, sans-serif); } .\!k-font-family-sans-serif { font-family: var(--kendo-font-family-sans-serif, Roboto, Helvetica Neue, sans-serif) !important; } .k-font-family-monospace { font-family: var(--kendo-font-family-monospace, Consolas, Ubuntu Mono, Lucida Console, Courier New, monospace); } .\!k-font-family-monospace { font-family: var(--kendo-font-family-monospace, Consolas, Ubuntu Mono, Lucida Console, Courier New, monospace) !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, 0.875rem); } .\!k-font-size-md { font-size: var(--kendo-font-size-md, 0.875rem) !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-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, 0.875rem); } .\!k-fs-md { font-size: var(--kendo-fs-md, 0.875rem) !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, -2.5px); } .\!k-letter-spacing-tightest { letter-spacing: var(--kendo-letter-spacing-tightest, -2.5px) !important; } .k-letter-spacing-tighter { letter-spacing: var(--kendo-letter-spacing-tighter, -1.5px); } .\!k-letter-spacing-tighter { letter-spacing: var(--kendo-letter-spacing-tighter, -1.5px) !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.15px); } .\!k-letter-spacing-wide { letter-spacing: var(--kendo-letter-spacing-wide, 0.15px) !important; } .k-letter-spacing-wider { letter-spacing: var(--kendo-letter-spacing-wider, 0.25px); } .\!k-letter-spacing-wider { letter-spacing: var(--kendo-letter-spacing-wider, 0.25px) !important; } .k-letter-spacing-widest { letter-spacing: var(--kendo-letter-spacing-widest, 0.35px); } .\!k-letter-spacing-widest { letter-spacing: var(--kendo-letter-spacing-widest, 0.35px) !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.2); } .\!k-line-height-sm { line-height: var(--kendo-line-height-sm, 1.2) !important; } .k-line-height-md { line-height: var(--kendo-line-height-md, 2); } .\!k-line-height-md { line-height: var(--kendo-line-height-md, 2) !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, #212121); } .\!k-text-on-app-surface { color: var(--kendo-color-on-app-surface, #212121) !important; } .k-text-subtle { color: var(--kendo-color-subtle, #757575); } .\!k-text-subtle { color: var(--kendo-color-subtle, #757575) !important; } .k-text-surface { color: var(--kendo-color-surface, #f5f5f5); } .\!k-text-surface { color: var(--kendo-color-surface, #f5f5f5) !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.12)); } .\!k-text-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important; } .k-text-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)); } .\!k-text-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)) !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, #adadad); } .\!k-text-base-emphasis { color: var(--kendo-color-base-emphasis, #adadad) !important; } .k-text-primary-subtle { color: var(--kendo-color-primary-subtle, #d1d5ee); } .\!k-text-primary-subtle { color: var(--kendo-color-primary-subtle, #d1d5ee) !important; } .k-text-primary { color: var(--kendo-color-primary, #3f51b5); } .\!k-text-primary { color: var(--kendo-color-primary, #3f51b5) !important; } .k-text-primary-emphasis { color: var(--kendo-color-primary-emphasis, #97a0d7); } .\!k-text-primary-emphasis { color: var(--kendo-color-primary-emphasis, #97a0d7) !important; } .k-text-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fbcdd9); } .\!k-text-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fbcdd9) !important; } .k-text-secondary { color: var(--kendo-color-secondary, #e51a5f); } .\!k-text-secondary { color: var(--kendo-color-secondary, #e51a5f) !important; } .k-text-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #f58da9); } .\!k-text-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #f58da9) !important; } .k-text-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #c9dbd8); } .\!k-text-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #c9dbd8) !important; } .k-text-tertiary { color: var(--kendo-color-tertiary, #00695c); } .\!k-text-tertiary { color: var(--kendo-color-tertiary, #00695c) !important; } .k-text-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #84aea7); } .\!k-text-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #84aea7) !important; } .k-text-info-subtle { color: var(--kendo-color-info-subtle, #c8d7fb); } .\!k-text-info-subtle { color: var(--kendo-color-info-subtle, #c8d7fb) !important; } .k-text-info { color: var(--kendo-color-info, #0058e9); } .\!k-text-info { color: var(--kendo-color-info, #0058e9) !important; } .k-text-info-emphasis { color: var(--kendo-color-info-emphasis, #80a5f4); } .\!k-text-info-emphasis { color: var(--kendo-color-info-emphasis, #80a5f4) !important; } .k-text-success-subtle { color: var(--kendo-color-success-subtle, #d7f0cc); } .\!k-text-success-subtle { color: var(--kendo-color-success-subtle, #d7f0cc) !important; } .k-text-success { color: var(--kendo-color-success, #37b400); } .\!k-text-success { color: var(--kendo-color-success, #37b400) !important; } .k-text-success-emphasis { color: var(--kendo-color-success-emphasis, #93d775); } .\!k-text-success-emphasis { color: var(--kendo-color-success-emphasis, #93d775) !important; } .k-text-warning-subtle { color: var(--kendo-color-warning-subtle, #fff0ce); } .\!k-text-warning-subtle { color: var(--kendo-color-warning-subtle, #fff0ce) !important; } .k-text-warning { color: var(--kendo-color-warning, #ffc000); } .\!k-text-warning { color: var(--kendo-color-warning, #ffc000) !important; } .k-text-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffdd8f); } .\!k-text-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffdd8f) !important; } .k-text-error-subtle { color: var(--kendo-color-error-subtle, #fcc7c2); } .\!k-text-error-subtle { color: var(--kendo-color-error-subtle, #fcc7c2) !important; } .k-text-error { color: var(--kendo-color-error, #f31700); } .\!k-text-error { color: var(--kendo-color-error, #f31700) !important; } .k-text-error-emphasis { color: var(--kendo-color-error-emphasis, #fc8d83); } .\!k-text-error-emphasis { color: var(--kendo-color-error-emphasis, #fc8d83) !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, #f5f5f5); } .\!k-text-light { color: var(--kendo-color-light, #f5f5f5) !important; } .k-text-light-emphasis { color: var(--kendo-color-light-emphasis, #e0e0e0); } .\!k-text-light-emphasis { color: var(--kendo-color-light-emphasis, #e0e0e0) !important; } .k-text-dark-subtle { color: var(--kendo-color-dark-subtle, #c7c7c7); } .\!k-text-dark-subtle { color: var(--kendo-color-dark-subtle, #c7c7c7) !important; } .k-text-dark { color: var(--kendo-color-dark, #424242); } .\!k-text-dark { color: var(--kendo-color-dark, #424242) !important; } .k-text-dark-emphasis { color: var(--kendo-color-dark-emphasis, #9e9e9e); } .\!k-text-dark-emphasis { color: var(--kendo-color-dark-emphasis, #9e9e9e) !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, #212121); } .\!k-color-on-app-surface { color: var(--kendo-color-on-app-surface, #212121) !important; } .k-color-subtle { color: var(--kendo-color-subtle, #757575); } .\!k-color-subtle { color: var(--kendo-color-subtle, #757575) !important; } .k-color-surface { color: var(--kendo-color-surface, #f5f5f5); } .\!k-color-surface { color: var(--kendo-color-surface, #f5f5f5) !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.12)); } .\!k-color-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important; } .k-color-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)); } .\!k-color-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)) !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, #adadad); } .\!k-color-base-emphasis { color: var(--kendo-color-base-emphasis, #adadad) !important; } .k-color-primary-subtle { color: var(--kendo-color-primary-subtle, #d1d5ee); } .\!k-color-primary-subtle { color: var(--kendo-color-primary-subtle, #d1d5ee) !important; } .k-color-primary { color: var(--kendo-color-primary, #3f51b5); } .\!k-color-primary { color: var(--kendo-color-primary, #3f51b5) !important; } .k-color-primary-emphasis { color: var(--kendo-color-primary-emphasis, #97a0d7); } .\!k-color-primary-emphasis { color: var(--kendo-color-primary-emphasis, #97a0d7) !important; } .k-color-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fbcdd9); } .\!k-color-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fbcdd9) !important; } .k-color-secondary { color: var(--kendo-color-secondary, #e51a5f); } .\!k-color-secondary { color: var(--kendo-color-secondary, #e51a5f) !important; } .k-color-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #f58da9); } .\!k-color-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #f58da9) !important; } .k-color-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #c9dbd8); } .\!k-color-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #c9dbd8) !important; } .k-color-tertiary { color: var(--kendo-color-tertiary, #00695c); } .\!k-color-tertiary { color: var(--kendo-color-tertiary, #00695c) !important; } .k-color-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #84aea7); } .\!k-color-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #84aea7) !important; } .k-color-info-subtle { color: var(--kendo-color-info-subtle, #c8d7fb); } .\!k-color-info-subtle { color: var(--kendo-color-info-subtle, #c8d7fb) !important; } .k-color-info { color: var(--kendo-color-info, #0058e9); } .\!k-color-info { color: var(--kendo-color-info, #0058e9) !important; } .k-color-info-emphasis { color: var(--kendo-color-info-emphasis, #80a5f4); } .\!k-color-info-emphasis { color: var(--kendo-color-info-emphasis, #80a5f4) !important; } .k-color-success-subtle { color: var(--kendo-color-success-subtle, #d7f0cc); } .\!k-color-success-subtle { color: var(--kendo-color-success-subtle, #d7f0cc) !important; } .k-color-success { color: var(--kendo-color-success, #37b400); } .\!k-color-success { color: var(--kendo-color-success, #37b400) !important; } .k-color-success-emphasis { color: var(--kendo-color-success-emphasis, #93d775); } .\!k-color-success-emphasis { color: var(--kendo-color-success-emphasis, #93d775) !important; } .k-color-warning-subtle { color: var(--kendo-color-warning-subtle, #fff0ce); } .\!k-color-warning-subtle { color: var(--kendo-color-warning-subtle, #fff0ce) !important; } .k-color-warning { color: var(--kendo-color-warning, #ffc000); } .\!k-color-warning { color: var(--kendo-color-warning, #ffc000) !important; } .k-color-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffdd8f); } .\!k-color-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffdd8f) !important; } .k-color-error-subtle { color: var(--kendo-color-error-subtle, #fcc7c2); } .\!k-color-error-subtle { color: var(--kendo-color-error-subtle, #fcc7c2) !important; } .k-color-error { color: var(--kendo-color-error, #f31700); } .\!k-color-error { color: var(--kendo-color-error, #f31700) !important; } .k-color-error-emphasis { color: var(--kendo-color-error-emphasis, #fc8d83); } .\!k-color-error-emphasis { color: var(--kendo-color-error-emphasis, #fc8d83) !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, #f5f5f5); } .\!k-color-light { color: var(--kendo-color-light, #f5f5f5) !important; } .k-color-light-emphasis { color: var(--kendo-color-light-emphasis, #e0e0e0); } .\!k-color-light-emphasis { color: var(--kendo-color-light-emphasis, #e0e0e0) !important; } .k-color-dark-subtle { color: var(--kendo-color-dark-subtle, #c7c7c7); } .\!k-color-dark-subtle { color: var(--kendo-color-dark-subtle, #c7c7c7) !important; } .k-color-dark { color: var(--kendo-color-dark, #424242); } .\!k-color-dark { color: var(--kendo-color-dark, #424242) !important; } .k-color-dark-emphasis { color: var(--kendo-color-dark-emphasis, #9e9e9e); } .\!k-color-dark-emphasis { color: var(--kendo-color-dark-emphasis, #9e9e9e) !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, #212121); } .\!k-bg-on-app-surface { background-color: var(--kendo-color-on-app-surface, #212121) !important; } .k-bg-subtle { background-color: var(--kendo-color-subtle, #757575); } .\!k-bg-subtle { background-color: var(--kendo-color-subtle, #757575) !important; } .k-bg-surface { background-color: var(--kendo-color-surface, #f5f5f5); } .\!k-bg-surface { background-color: var(--kendo-color-surface, #f5f5f5) !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.12)); } .\!k-bg-border { background-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important; } .k-bg-border-alt { background-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)); } .\!k-bg-border-alt { background-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)) !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, #adadad); } .\!k-bg-base-emphasis { background-color: var(--kendo-color-base-emphasis, #adadad) !important; } .k-bg-primary-subtle { background-color: var(--kendo-color-primary-subtle, #d1d5ee); } .\!k-bg-primary-subtle { background-color: var(--kendo-color-primary-subtle, #d1d5ee) !important; } .k-bg-primary { background-color: var(--kendo-color-primary, #3f51b5); } .\!k-bg-primary { background-color: var(--kendo-color-primary, #3f51b5) !important; } .k-bg-primary-emphasis { background-color: var(--kendo-color-primary-emphasis, #97a0d7); } .\!k-bg-primary-emphasis { background-color: var(--kendo-color-primary-emphasis, #97a0d7) !important; } .k-bg-secondary-subtle { background-color: var(--kendo-color-secondary-subtle, #fbcdd9); } .\!k-bg-secondary-subtle { background-color: var(--kendo-color-secondary-subtle, #fbcdd9) !important; } .k-bg-secondary { background-color: var(--kendo-color-secondary, #e51a5f); } .\!k-bg-secondary { background-color: var(--kendo-color-secondary, #e51a5f) !important; } .k-bg-secondary-emphasis { background-color: var(--kendo-color-secondary-emphasis, #f58da9); } .\!k-bg-secondary-emphasis { background-color: var(--kendo-color-secondary-emphasis, #f58da9) !important; } .k-bg-tertiary-subtle { background-color: var(--kendo-color-tertiary-subtle, #c9dbd8); } .\!k-bg-tertiary-subtle { background-color: var(--kendo-color-tertiary-subtle, #c9dbd8) !important; } .k-bg-tertiary { background-color: var(--kendo-color-tertiary, #00695c); } .\!k-bg-tertiary { background-color: var(--kendo-color-tertiary, #00695c) !important; } .k-bg-tertiary-emphasis { background-color: var(--kendo-color-tertiary-emphasis, #84aea7); } .\!k-bg-tertiary-emphasis { background-color: var(--kendo-color-tertiary-emphasis, #84aea7) !important; } .k-bg-info-subtle { background-color: var(--kendo-color-info-subtle, #c8d7fb); } .\!k-bg-info-subtle { background-color: var(--kendo-color-info-subtle, #c8d7fb) !important; } .k-bg-info { background-color: var(--kendo-color-info, #0058e9); } .\!k-bg-info { background-color: var(--kendo-color-info, #0058e9) !important; } .k-bg-info-emphasis { background-color: var(--kendo-color-info-emphasis, #80a5f4); } .\!k-bg-info-emphasis { background-color: var(--kendo-color-info-emphasis, #80a5f4) !important; } .k-bg-success-subtle { background-color: var(--kendo-color-success-subtle, #d7f0cc); } .\!k-bg-success-subtle { background-color: var(--kendo-color-success-subtle, #d7f0cc) !important; } .k-bg-success { background-color: var(--kendo-color-success, #37b400); } .\!k-bg-success { background-color: var(--kendo-color-success, #37b400) !important; } .k-bg-success-emphasis { background-color: var(--kendo-color-success-emphasis, #93d775); } .\!k-bg-success-emphasis { background-color: var(--kendo-color-success-emphasis, #93d775) !important; } .k-bg-warning-subtle { background-color: var(--kendo-color-warning-subtle, #fff0ce); } .\!k-bg-warning-subtle { background-color: var(--kendo-color-warning-subtle, #fff0ce) !important; } .k-bg-warning { background-color: var(--kendo-color-warning, #ffc000); } .\!k-bg-warning { background-color: var(--kendo-color-warning, #ffc000) !important; } .k-bg-warning-emphasis { background-color: var(--kendo-color-warning-emphasis, #ffdd8f); } .\!k-bg-warning-emphasis { background-color: var(--kendo-color-warning-emphasis, #ffdd8f) !important; } .k-bg-error-subtle { background-color: var(--kendo-color-error-subtle, #fcc7c2); } .\!k-bg-error-subtle { background-color: var(--kendo-color-error-subtle, #fcc7c2) !important; } .k-bg-error { background-color: var(--kendo-color-error, #f31700); } .\!k-bg-error { background-color: var(--kendo-color-error, #f31700) !important; } .k-bg-error-emphasis { background-color: var(--kendo-color-error-emphasis, #fc8d83); } .\!k-bg-error-emphasis { background-color: var(--kendo-color-error-emphasis, #fc8d83) !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, #f5f5f5); } .\!k-bg-light { background-color: var(--kendo-color-light, #f5f5f5) !important; } .k-bg-light-emphasis { background-color: var(--kendo-color-light-emphasis, #e0e0e0); } .\!k-bg-light-emphasis { background-color: var(--kendo-color-light-emphasis, #e0e0e0) !important; } .k-bg-dark-subtle { background-color: var(--kendo-color-dark-subtle, #c7c7c7); } .\!k-bg-dark-subtle { background-color: var(--kendo-color-dark-subtle, #c7c7c7) !important; } .k-bg-dark { background-color: var(--kendo-color-dark, #424242); } .\!k-bg-dark { background-color: var(--kendo-color-dark, #424242) !important; } .k-bg-dark-emphasis { background-color: var(--kendo-color-dark-emphasis, #9e9e9e); } .\!k-bg-dark-emphasis { background-color: var(--kendo-color-dark-emphasis, #9e9e9e) !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, #212121); } .\!k-border-on-app-surface { border-color: var(--kendo-color-on-app-surface, #212121) !important; } .k-border-subtle { border-color: var(--kendo-color-subtle, #757575); } .\!k-border-subtle { border-color: var(--kendo-color-subtle, #757575) !important; } .k-border-surface { border-color: var(--kendo-color-surface, #f5f5f5); } .\!k-border-surface { border-color: var(--kendo-color-surface, #f5f5f5) !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.12)); } .\!k-border-border { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important; } .k-border-border-alt { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)); } .\!k-border-border-alt { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)) !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, #adadad); } .\!k-border-base-emphasis { border-color: var(--kendo-color-base-emphasis, #adadad) !important; } .k-border-primary-subtle { border-color: var(--kendo-color-primary-subtle, #d1d5ee); } .\!k-border-primary-subtle { border-color: var(--kendo-color-primary-subtle, #d1d5ee) !important; } .k-border-primary { border-color: var(--kendo-color-primary, #3f51b5); } .\!k-border-primary { border-color: var(--kendo-color-primary, #3f51b5) !important; } .k-border-primary-emphasis { border-color: var(--kendo-color-primary-emphasis, #97a0d7); } .\!k-border-primary-emphasis { border-color: var(--kendo-color-primary-emphasis, #97a0d7) !important; } .k-border-secondary-subtle { border-color: var(--kendo-color-secondary-subtle, #fbcdd9); } .\!k-border-secondary-subtle { border-color: var(--kendo-color-secondary-subtle, #fbcdd9) !important; } .k-border-secondary { border-color: var(--kendo-color-secondary, #e51a5f); } .\!k-border-secondary { border-color: var(--kendo-color-secondary, #e51a5f) !important; } .k-border-secondary-emphasis { border-color: var(--kendo-color-secondary-emphasis, #f58da9); } .\!k-border-secondary-emphasis { border-color: var(--kendo-color-secondary-emphasis, #f58da9) !important; } .k-border-tertiary-subtle { border-color: var(--kendo-color-tertiary-subtle, #c9dbd8); } .\!k-border-tertiary-subtle { border-color: var(--kendo-color-tertiary-subtle, #c9dbd8) !important; } .k-border-tertiary { border-color: var(--kendo-color-tertiary, #00695c); } .\!k-border-tertiary { border-color: var(--kendo-color-tertiary, #00695c) !important; } .k-border-tertiary-emphasis { border-color: var(--kendo-color-tertiary-emphasis, #84aea7); } .\!k-border-tertiary-emphasis { border-color: var(--kendo-color-tertiary-emphasis, #84aea7) !important; } .k-border-info-subtle { border-color: var(--kendo-color-info-subtle, #c8d7fb); } .\!k-border-info-subtle { border-color: var(--kendo-color-info-subtle, #c8d7fb) !important; } .k-border-info { border-color: var(--kendo-color-info, #0058e9); } .\!k-border-info { border-color: var(--kendo-color-info, #0058e9) !important; } .k-border-info-emphasis { border-color: var(--kendo-color-info-emphasis, #80a5f4); } .\!k-border-info-emphasis { border-color: var(--kendo-color-info-emphasis, #80a5f4) !important; } .k-border-success-subtle { border-color: var(--kendo-color-success-subtle, #d7f0cc); } .\!k-border-success-subtle { border-color: var(--kendo-color-success-subtle, #d7f0cc) !important; } .k-border-success { border-color: var(--kendo-color-success, #37b400); } .\!k-border-success { border-color: var(--kendo-color-success, #37b400) !important; } .k-border-success-emphasis { border-color: var(--kendo-color-success-emphasis, #93d775); } .\!k-border-success-emphasis { border-color: var(--kendo-color-success-emphasis, #93d775) !important; } .k-border-warning-subtle { border-color: var(--kendo-color-warning-subtle, #fff0ce); } .\!k-border-warning-subtle { border-color: var(--kendo-color-warning-subtle, #fff0ce) !important; } .k-border-warning { border-color: var(--kendo-color-warning, #ffc000); } .\!k-border-warning { border-color: var(--kendo-color-warning, #ffc000) !important; } .k-border-warning-emphasis { border-color: var(--kendo-color-warning-emphasis, #ffdd8f); } .\!k-border-warning-emphasis { border-color: var(--kendo-color-warning-emphasis, #ffdd8f) !important; } .k-border-error-subtle { border-color: var(--kendo-color-error-subtle, #fcc7c2); } .\!k-border-error-subtle { border-color: var(--kendo-color-error-subtle, #fcc7c2) !important; } .k-border-error { border-color: var(--kendo-color-error, #f31700); } .\!k-border-error { border-color: var(--kendo-color-error, #f31700) !important; } .k-border-error-emphasis { border-color: var(--kendo-color-error-emphasis, #fc8d83); } .\!k-border-error-emphasis { border-color: var(--kendo-color-error-emphasis, #fc8d83) !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, #f5f5f5); } .\!k-border-light { border-color: var(--kendo-color-light, #f5f5f5) !important; } .k-border-light-emphasis { border-color: var(--kendo-color-light-emphasis, #e0e0e0); } .\!k-border-light-emphasis { border-color: var(--kendo-color-light-emphasis, #e0e0e0) !important; } .k-border-dark-subtle { border-color: var(--kendo-color-dark-subtle, #c7c7c7); } .\!k-border-dark-subtle { border-color: var(--kendo-color-dark-subtle, #c7c7c7) !important; } .k-border-dark { border-color: var(--kendo-color-dark, #424242); } .\!k-border-dark { border-color: var(--kendo-color-dark, #424242) !important; } .k-border-dark-emphasis { border-color: var(--kendo-color-dark-emphasis, #9e9e9e); } .\!k-border-dark-emphasis { border-color: var(--kendo-color-dark-emphasis, #9e9e9e) !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.5rem); } .\!k-rounded-lg { border-radius: var(--kendo-border-radius-lg, 0.5rem) !important; } .k-rounded-xl { border-radius: var(--kendo-border-radius-xl, 0.75rem); } .\!k-rounded-xl { border-radius: var(--kendo-border-radius-xl, 0.75rem) !important; } .k-rounded-xxl { border-radius: var(--kendo-border-radius-xxl, 1rem); } .\!k-rounded-xxl { border-radius: var(--kendo-border-radius-xxl, 1rem) !important; } .k-rounded-xxxl { border-radius: var(--kendo-border-radius-xxxl, 1.25rem); } .\!k-rounded-xxxl { border-radius: var(--kendo-border-radius-xxxl, 1.25rem) !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.5rem); } .\!k-rounded-tl-lg { border-top-left-radius: var(--kendo-border-radius-lg, 0.5rem) !important; } .k-rounded-tl-xl { border-top-left-radius: var(--kendo-border-radius-xl, 0.75rem); } .\!k-rounded-tl-xl { border-top-left-radius: var(--kendo-border-radius-xl, 0.75rem) !important; } .k-rounded-tl-xxl { border-top-left-radius: var(--kendo-border-radius-xxl, 1rem); } .\!k-rounded-tl-xxl { border-top-left-radius: var(--kendo-border-radius-xxl, 1rem) !important; } .k-rounded-tl-xxxl { border-top-left-radius: var(--kendo-border-radius-xxxl, 1.25rem); } .\!k-rounded-tl-xxxl { border-top-left-radius: var(--kendo-border-radius-xxxl, 1.25rem) !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.5rem); } .\!k-rounded-tr-lg { border-top-right-radius: var(--kendo-border-radius-lg, 0.5rem) !important; } .k-rounded-tr-xl { border-top-right-radius: var(--kendo-border-radius-xl, 0.75rem); } .\!k-rounded-tr-xl { border-top-right-radius: var(--kendo-border-radius-xl, 0.75rem) !important; } .k-rounded-tr-xxl { border-top-right-radius: var(--kendo-border-radius-xxl, 1rem); } .\!k-rounded-tr-xxl { border-top-right-radius: var(--kendo-border-radius-xxl, 1rem) !important; } .k-rounded-tr-xxxl { border-top-right-radius: var(--kendo-border-radius-xxxl, 1.25rem); } .\!k-rounded-tr-xxxl { border-top-right-radius: var(--kendo-border-radius-xxxl, 1.25rem) !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.5rem); } .\!k-rounded-br-lg { border-bottom-right-radius: var(--kendo-border-radius-lg, 0.5rem) !important; } .k-rounded-br-xl { border-bottom-right-radius: var(--kendo-border-radius-xl, 0.75rem); } .\!k-rounded-br-xl { border-bottom-right-radius: var(--kendo-border-radius-xl, 0.75rem) !important; } .k-rounded-br-xxl { border-bottom-right-radius: var(--kendo-border-radius-xxl, 1rem); } .\!k-rounded-br-xxl { border-bottom-right-radius: var(--kendo-border-radius-xxl, 1rem) !important; } .k-rounded-br-xxxl { border-bottom-right-radius: var(--kendo-border-radius-xxxl, 1.25rem); } .\!k-rounded-br-xxxl { border-bottom-right-radius: var(--kendo-border-radius-xxxl, 1.25rem) !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.5rem); } .\!k-rounded-bl-lg { border-bottom-left-radius: var(--kendo-border-radius-lg, 0.5rem) !important; } .k-rounded-bl-xl { border-bottom-left-radius: var(--kendo-border-radius-xl, 0.75rem); } .\!k-rounded-bl-xl { border-bottom-left-radius: var(--kendo-border-radius-xl, 0.75rem) !important; } .k-rounded-bl-xxl { border-bottom-left-radius: var(--kendo-border-radius-xxl, 1rem); } .\!k-rounded-bl-xxl { border-bottom-left-radius: var(--kendo-border-radius-xxl, 1rem) !important; } .k-rounded-bl-xxxl { border-bottom-left-radius: var(--kendo-border-radius-xxxl, 1.25rem); } .\!k-rounded-bl-xxxl { border-bottom-left-radius: var(--kendo-border-radius-xxxl, 1.25rem) !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.5rem); border-top-right-radius: var(--kendo-border-radius-lg, 0.5rem); } .\!k-rounded-t-lg { border-top-left-radius: var(--kendo-border-radius-lg, 0.5rem) !important; border-top-right-radius: var(--kendo-border-radius-lg, 0.5rem) !important; } .k-rounded-t-xl { border-top-left-radius: var(--kendo-border-radius-xl, 0.75rem); border-top-right-radius: var(--kendo-border-radius-xl, 0.75rem); } .\!k-rounded-t-xl { border-top-left-radius: var(--kendo-border-radius-xl, 0.75rem) !important; border-top-right-radius: var(--kendo-border-radius-xl, 0.75rem) !important; } .k-rounded-t-xxl { border-top-left-radius: var(--kendo-border-radius-xxl, 1rem); border-top-right-radius: var(--kendo-border-radius-xxl, 1rem); } .\!k-rounded-t-xxl { border-top-left-radius: var(--kendo-border-radius-xxl, 1rem) !important; border-top-right-radius: var(--kendo-border-radius-xxl, 1rem) !important; } .k-rounded-t-xxxl { border-top-left-radius: var(--kendo-border-radius-xxxl, 1.25rem); border-top-right-radius: var(--kendo-border-radius-xxxl, 1.25rem); } .\!k-rounded-t-xxxl { border-top-left-radius: var(--kendo-border-radius-xxxl, 1.25rem) !important; border-top-right-radius: var(--kendo-border-radius-xxxl, 1.25rem) !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.5rem); border-bottom-right-radius: var(--kendo-border-radius-lg, 0.5rem); } .\!k-rounded-r-lg { border-top-right-radius: var(--kendo-border-radius-lg, 0.5rem) !important; border-bottom-right-radius: var(--kendo-border-radius-lg, 0.5rem) !important; } .k-rounded-r-xl { border-top-right-radius: var(--kendo-border-radius-xl, 0.75rem); border-bottom-right-radius: var(--kendo-border-radius-xl, 0.75rem); } .\!k-rounded-r-xl { border-top-right-radius: var(--kendo-border-radius-xl, 0.75rem) !important; border-bottom-right-radius: var(--kendo-border-radius-xl, 0.75rem) !important; } .k-rounded-r-xxl { border-top-right-radius: var(--kendo-border-radius-xxl, 1rem); border-bottom-right-radius: var(--kendo-border-radius-xxl, 1rem); } .\!k-rounded-r-xxl { border-top-right-radius: var(--kendo-border-radius-xxl, 1rem) !important; border-bottom-right-radius: var(--kendo-border-radius-xxl, 1rem) !important; } .k-rounded-r-xxxl { border-top-right-radius: var(--kendo-border-radius-xxxl, 1.25rem); border-bottom-right-radius: var(--kendo-border-radius-xxxl, 1.25rem); } .\!k-rounded-r-xxxl { border-top-right-radius: var(--kendo-border-radius-xxxl, 1.25rem) !important; border-bottom-right-radius: var(--kendo-border-radius-xxxl, 1.25rem) !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.5rem); border-bottom-right-radius: var(--kendo-border-radius-lg, 0.5rem); } .\!k-rounded-b-lg { border-bottom-left-radius: var(--kendo-border-radius-lg, 0.5rem) !important; border-bottom-right-radius: var(--kendo-border-radius-lg, 0.5rem) !important; } .k-rounded-b-xl { border-bottom-left-radius: var(--kendo-border-radius-xl, 0.75rem); border-bottom-right-radius: var(--kendo-border-radius-xl, 0.75rem); } .\!k-rounded-b-xl { border-bottom-left-radius: var(--kendo-border-radius-xl, 0.75rem) !important; border-bottom-right-radius: var(--kendo-border-radius-xl, 0.75rem) !important; } .k-rounded-b-xxl { border-bottom-left-radius: var(--kendo-border-radius-xxl, 1rem); border-bottom-right-radius: var(--kendo-border-radius-xxl, 1rem); } .\!k-rounded-b-xxl { border-bottom-left-radius: var(--kendo-border-radius-xxl, 1rem) !important; border-bottom-right-radius: var(--kendo-border-radius-xxl, 1rem) !important; } .k-rounded-b-xxxl { border-bottom-left-radius: var(--kendo-border-radius-xxxl, 1.25rem); border-bottom-right-radius: var(--kendo-border-radius-xxxl, 1.25rem); } .\!k-rounded-b-xxxl { border-bottom-left-radius: var(--kendo-border-radius-xxxl, 1.25rem) !important; border-bottom-right-radius: var(--kendo-border-radius-xxxl, 1.25rem) !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.5rem); border-bottom-left-radius: var(--kendo-border-radius-lg, 0.5rem); } .\!k-rounded-l-lg { border-top-left-radius: var(--kendo-border-radius-lg, 0.5rem) !important; border-bottom-left-radius: var(--kendo-border-radius-lg, 0.5rem) !important; } .k-rounded-l-xl { border-top-left-radius: var(--kendo-border-radius-xl, 0.75rem); border-bottom-left-radius: var(--kendo-border-radius-xl, 0.75rem); } .\!k-rounded-l-xl { border-top-left-radius: var(--kendo-border-radius-xl, 0.75rem) !important; border-bottom-left-radius: var(--kendo-border-radius-xl, 0.75rem) !important; } .k-rounded-l-xxl { border-top-left-radius: var(--kendo-border-radius-xxl, 1rem); border-bottom-left-radius: var(--kendo-border-radius-xxl, 1rem); } .\!k-rounded-l-xxl { border-top-left-radius: var(--kendo-border-radius-xxl, 1rem) !important; border-bottom-left-radius: var(--kendo-border-radius-xxl, 1rem) !important; } .k-rounded-l-xxxl { border-top-left-radius: var(--kendo-border-radius-xxxl, 1.25rem); border-bottom-left-radius: var(--kendo-border-radius-xxxl, 1.25rem); } .\!k-rounded-l-xxxl { border-top-left-radius: var(--kendo-border-radius-xxxl, 1.25rem) !important; border-bottom-left-radius: var(--kendo-border-radius-xxxl, 1.25rem) !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, #212121); } .\!k-outline-on-app-surface { outline-color: var(--kendo-color-on-app-surface, #212121) !important; } .k-outline-subtle { outline-color: var(--kendo-color-subtle, #757575); } .\!k-outline-subtle { outline-color: var(--kendo-color-subtle, #757575) !important; } .k-outline-surface { outline-color: var(--kendo-color-surface, #f5f5f5); } .\!k-outline-surface { outline-color: var(--kendo-color-surface, #f5f5f5) !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.12)); } .\!k-outline-border { outline-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important; } .k-outline-border-alt { outline-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)); } .\!k-outline-border-alt { outline-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)) !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, #adadad); } .\!k-outline-base-emphasis { outline-color: var(--kendo-color-base-emphasis, #adadad) !important; } .k-outline-primary-subtle { outline-color: var(--kendo-color-primary-subtle, #d1d5ee); } .\!k-outline-primary-subtle { outline-color: var(--kendo-color-primary-subtle, #d1d5ee) !important; } .k-outline-primary { outline-color: var(--kendo-color-primary, #3f51b5); } .\!k-outline-primary { outline-color: var(--kendo-color-primary, #3f51b5) !important; } .k-outline-primary-emphasis { outline-color: var(--kendo-color-primary-emphasis, #97a0d7); } .\!k-outline-primary-emphasis { outline-color: var(--kendo-color-primary-emphasis, #97a0d7) !important; } .k-outline-secondary-subtle { outline-color: var(--kendo-color-secondary-subtle, #fbcdd9); } .\!k-outline-secondary-subtle { outline-color: var(--kendo-color-secondary-subtle, #fbcdd9) !important; } .k-outline-secondary { outline-color: var(--kendo-color-secondary, #e51a5f); } .\!k-outline-secondary { outline-color: var(--kendo-color-secondary, #e51a5f) !important; } .k-outline-secondary-emphasis { outline-color: var(--kendo-color-secondary-emphasis, #f58da9); } .\!k-outline-secondary-emphasis { outline-color: var(--kendo-color-secondary-emphasis, #f58da9) !important; } .k-outline-tertiary-subtle { outline-color: var(--kendo-color-tertiary-subtle, #c9dbd8); } .\!k-outline-tertiary-subtle { outline-color: var(--kendo-color-tertiary-subtle, #c9dbd8) !important; } .k-outline-tertiary { outline-color: var(--kendo-color-tertiary, #00695c); } .\!k-outline-tertiary { outline-color: var(--kendo-color-tertiary, #00695c) !important; } .k-outline-tertiary-emphasis { outline-color: var(--kendo-color-tertiary-emphasis, #84aea7); } .\!k-outline-tertiary-emphasis { outline-color: var(--kendo-color-tertiary-emphasis, #84aea7) !important; } .k-outline-info-subtle { outline-color: var(--kendo-color-info-subtle, #c8d7fb); } .\!k-outline-info-subtle { outline-color: var(--kendo-color-info-subtle, #c8d7fb) !important; } .k-outline-info { outline-color: var(--kendo-color-info, #0058e9); } .\!k-outline-info { outline-color: var(--kendo-color-info, #0058e9) !important; } .k-outline-info-emphasis { outline-color: var(--kendo-color-info-emphasis, #80a5f4); } .\!k-outline-info-emphasis { outline-color: var(--kendo-color-info-emphasis, #80a5f4) !important; } .k-outline-success-subtle { outline-color: var(--kendo-color-success-subtle, #d7f0cc); } .\!k-outline-success-subtle { outline-color: var(--kendo-color-success-subtle, #d7f0cc) !important; } .k-outline-success { outline-color: var(--kendo-color-success, #37b400); } .\!k-outline-success { outline-color: var(--kendo-color-success, #37b400) !important; } .k-outline-success-emphasis { outline-color: var(--kendo-color-success-emphasis, #93d775); } .\!k-outline-success-emphasis { outline-color: var(--kendo-color-success-emphasis, #93d775) !important; } .k-outline-warning-subtle { outline-color: var(--kendo-color-warning-subtle, #fff0ce); } .\!k-outline-warning-subtle { outline-color: var(--kendo-color-warning-subtle, #fff0ce) !important; } .k-outline-warning { outline-color: var(--kendo-color-warning, #ffc000); } .\!k-outline-warning { outline-color: var(--kendo-color-warning, #ffc000) !important; } .k-outline-warning-emphasis { outline-color: var(--kendo-color-warning-emphasis, #ffdd8f); } .\!k-outline-warning-emphasis { outline-color: var(--kendo-color-warning-emphasis, #ffdd8f) !important; } .k-outline-error-subtle { outline-color: var(--kendo-color-error-subtle, #fcc7c2); } .\!k-outline-error-subtle { outline-color: var(--kendo-color-error-subtle, #fcc7c2) !important; } .k-outline-error { outline-color: var(--kendo-color-error, #f31700); } .\!k-outline-error { outline-color: var(--kendo-color-error, #f31700) !important; } .k-outline-error-emphasis { outline-color: var(--kendo-color-error-emphasis, #fc8d83); } .\!k-outline-error-emphasis { outline-color: var(--kendo-color-error-emphasis, #fc8d83) !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, #f5f5f5); } .\!k-outline-light { outline-color: var(--kendo-color-light, #f5f5f5) !important; } .k-outline-light-emphasis { outline-color: var(--kendo-color-light-emphasis, #e0e0e0); } .\!k-outline-light-emphasis { outline-color: var(--kendo-color-light-emphasis, #e0e0e0) !important; } .k-outline-dark-subtle { outline-color: var(--kendo-color-dark-subtle, #c7c7c7); } .\!k-outline-dark-subtle { outline-color: var(--kendo-color-dark-subtle, #c7c7c7) !important; } .k-outline-dark { outline-color: var(--kendo-color-dark, #424242); } .\!k-outline-dark { outline-color: var(--kendo-color-dark, #424242) !important; } .k-outline-dark-emphasis { outline-color: var(--kendo-color-dark-emphasis, #9e9e9e); } .\!k-outline-dark-emphasis { outline-color: var(--kendo-color-dark-emphasis, #9e9e9e) !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: 0.05; } .\!k-opacity-5 { opacity: 0.05 !important; } .k-opacity-10 { opacity: 0.1; } .\!k-opacity-10 { opacity: 0.1 !important; } .k-opacity-20 { opacity: 0.2; } .\!k-opacity-20 { opacity: 0.2 !important; } .k-opacity-30 { opacity: 0.3; } .\!k-opacity-30 { opacity: 0.3 !important; } .k-opacity-40 { opacity: 0.4; } .\!k-opacity-40 { opacity: 0.4 !important; } .k-opacity-50 { opacity: 0.5; } .\!k-opacity-50 { opacity: 0.5 !important; } .k-opacity-60 { opacity: 0.6; } .\!k-opacity-60 { opacity: 0.6 !important; } .k-opacity-70 { opacity: 0.7; } .\!k-opacity-70 { opacity: 0.7 !important; } .k-opacity-80 { opacity: 0.8; } .\!k-opacity-80 { opacity: 0.8 !important; } .k-opacity-90 { opacity: 0.9; } .\!k-opacity-90 { opacity: 0.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\.25 { transform: scale(1.25); } .\!k-scale-1\.25 { 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\.25 { transform: scaleX(1.25); } .\!k-scale-x-1\.25 { 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\.25 { transform: scaleY(1.25); } .\!k-scale-y-1\.25 { 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; appearance: none; } .\!k-appearance-none { -webkit-appearance: none !important; appearance: none !important; } .k-appearance-auto { -webkit-appearance: auto; appearance: auto; } .\!k-appearance-auto { -webkit-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: 0.125rem; } .\!k-scroll-m-0\.5 { scroll-margin: 0.125rem !important; } .k-scroll-m-1 { scroll-margin: 0.25rem; } .\!k-scroll-m-1 { scroll-margin: 0.25rem !important; } .k-scroll-m-1\.5 { scroll-margin: 0.375rem; } .\!k-scroll-m-1\.5 { scroll-margin: 0.375rem !important; } .k-scroll-m-2 { scroll-margin: 0.5rem; } .\!k-scroll-m-2 { scroll-margin: 0.5rem !important; } .k-scroll-m-2\.5 { scroll-margin: 0.625rem; } .\!k-scroll-m-2\.5 { scroll-margin: 0.625rem !important; } .k-scroll-m-3 { scroll-margin: 0.75rem; } .\!k-scroll-m-3 { scroll-margin: 0.75rem !important; } .k-scroll-m-3\.5 { scroll-margin: 0.875rem; } .\!k-scroll-m-3\.5 { scroll-margin: 0.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: 0.125rem; } .\!k-scroll-mt-0\.5 { scroll-margin-top: 0.125rem !important; } .k-scroll-mt-1 { scroll-margin-top: 0.25rem; } .\!k-scroll-mt-1 { scroll-margin-top: 0.25rem !important; } .k-scroll-mt-1\.5 { scroll-margin-top: 0.375rem; } .\!k-scroll-mt-1\.5 { scroll-margin-top: 0.375rem !important; } .k-scroll-mt-2 { scroll-margin-top: 0.5rem; } .\!k-scroll-mt-2 { scroll-margin-top: 0.5rem !important; } .k-scroll-mt-2\.5 { scroll-margin-top: 0.625rem; } .\!k-scroll-mt-2\.5 { scroll-margin-top: 0.625rem !important; } .k-scroll-mt-3 { scroll-margin-top: 0.75rem; } .\!k-scroll-mt-3 { scroll-margin-top: 0.75rem !important; } .k-scroll-mt-3\.5 { scroll-margin-top: 0.875rem; } .\!k-scroll-mt-3\.5 { scroll-margin-top: 0.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: 0.125rem; } .\!k-scroll-mr-0\.5 { scroll-margin-right: 0.125rem !important; } .k-scroll-mr-1 { scroll-margin-right: 0.25rem; } .\!k-scroll-mr-1 { scroll-margin-right: 0.25rem !important; } .k-scroll-mr-1\.5 { scroll-margin-right: 0.375rem; } .\!k-scroll-mr-1\.5 { scroll-margin-right: 0.375rem !important; } .k-scroll-mr-2 { scroll-margin-right: 0.5rem; } .\!k-scroll-mr-2 { scroll-margin-right: 0.5rem !important; } .k-scroll-mr-2\.5 { scroll-margin-right: 0.625rem; } .\!k-scroll-mr-2\.5 { scroll-margin-right: 0.625rem !important; } .k-scroll-mr-3 { scroll-margin-right: 0.75rem; } .\!k-scroll-mr-3 { scroll-margin-right: 0.75rem !important; } .k-scroll-mr-3\.5 { scroll-margin-right: 0.875rem; } .\!k-scroll-mr-3\.5 { scroll-margin-right: 0.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: 0.125rem; } .\!k-scroll-mb-0\.5 { scroll-margin-bottom: 0.125rem !important; } .k-scroll-mb-1 { scroll-margin-bottom: 0.25rem; } .\!k-scroll-mb-1 { scroll-margin-bottom: 0.25rem !important; } .k-scroll-mb-1\.5 { scroll-margin-bottom: 0.375rem; } .\!k-scroll-mb-1\.5 { scroll-margin-bottom: 0.375rem !important; } .k-scroll-mb-2 { scroll-margin-bottom: 0.5rem; } .\!k-scroll-mb-2 { scroll-margin-bottom: 0.5rem !important; } .k-scroll-mb-2\.5 { scroll-margin-bottom: 0.625rem; } .\!k-scroll-mb-2\.5 { scroll-margin-bottom: 0.625rem !important; } .k-scroll-mb-3 { scroll-margin-bottom: 0.75rem; } .\!k-scroll-mb-3 { scroll-margin-bottom: 0.75rem !important; } .k-scroll-mb-3\.5 { scroll-margin-bottom: 0.875rem; } .\!k-scroll-mb-3\.5 { scroll-margin-bottom: 0.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: 0.125rem; } .\!k-scroll-ml-0\.5 { scroll-margin-left: 0.125rem !important; } .k-scroll-ml-1 { scroll-margin-left: 0.25rem; } .\!k-scroll-ml-1 { scroll-margin-left: 0.25rem !important; } .k-scroll-ml-1\.5 { scroll-margin-left: 0.375rem; } .\!k-scroll-ml-1\.5 { scroll-margin-left: 0.375rem !important; } .k-scroll-ml-2 { scroll-margin-left: 0.5rem; } .\!k-scroll-ml-2 { scroll-margin-left: 0.5rem !important; } .k-scroll-ml-2\.5 { scroll-margin-left: 0.625rem; } .\!k-scroll-ml-2\.5 { scroll-margin-left: 0.625rem !important; } .k-scroll-ml-3 { scroll-margin-left: 0.75rem; } .\!k-scroll-ml-3 { scroll-margin-left: 0.75rem !important; } .k-scroll-ml-3\.5 { scroll-margin-left: 0.875rem; } .\!k-scroll-ml-3\.5 { scroll-margin-left: 0.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: 0.125rem; } .\!k-scroll-mx-0\.5 { scroll-margin-inline: 0.125rem !important; } .k-scroll-mx-1 { scroll-margin-inline: 0.25rem; } .\!k-scroll-mx-1 { scroll-margin-inline: 0.25rem !important; } .k-scroll-mx-1\.5 { scroll-margin-inline: 0.375rem; } .\!k-scroll-mx-1\.5 { scroll-margin-inline: 0.375rem !important; } .k-scroll-mx-2 { scroll-margin-inline: 0.5rem; } .\!k-scroll-mx-2 { scroll-margin-inline: 0.5rem !important; } .k-scroll-mx-2\.5 { scroll-margin-inline: 0.625rem; } .\!k-scroll-mx-2\.5 { scroll-margin-inline: 0.625rem !important; } .k-scroll-mx-3 { scroll-margin-inline: 0.75rem; } .\!k-scroll-mx-3 { scroll-margin-inline: 0.75rem !important; } .k-scroll-mx-3\.5 { scroll-margin-inline: 0.875rem; } .\!k-scroll-mx-3\.5 { scroll-margin-inline: 0.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: 0.125rem; } .\!k-scroll-my-0\.5 { scroll-margin-block: 0.125rem !important; } .k-scroll-my-1 { scroll-margin-block: 0.25rem; } .\!k-scroll-my-1 { scroll-margin-block: 0.25rem !important; } .k-scroll-my-1\.5 { scroll-margin-block: 0.375rem; } .\!k-scroll-my-1\.5 { scroll-margin-block: 0.375rem !important; } .k-scroll-my-2 { scroll-margin-block: 0.5rem; } .\!k-scroll-my-2 { scroll-margin-block: 0.5rem !important; } .k-scroll-my-2\.5 { scroll-margin-block: 0.625rem; } .\!k-scroll-my-2\.5 { scroll-margin-block: 0.625rem !important; } .k-scroll-my-3 { scroll-margin-block: 0.75rem; } .\!k-scroll-my-3 { scroll-margin-block: 0.75rem !important; } .k-scroll-my-3\.5 { scroll-margin-block: 0.875rem; } .\!k-scroll-my-3\.5 { scroll-margin-block: 0.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: 0.125rem; } .\!k-scroll-p-0\.5 { scroll-padding: 0.125rem !important; } .k-scroll-p-1 { scroll-padding: 0.25rem; } .\!k-scroll-p-1 { scroll-padding: 0.25rem !important; } .k-scroll-p-1\.5 { scroll-padding: 0.375rem; } .\!k-scroll-p-1\.5 { scroll-padding: 0.375rem !important; } .k-scroll-p-2 { scroll-padding: 0.5rem; } .\!k-scroll-p-2 { scroll-padding: 0.5rem !important; } .k-scroll-p-2\.5 { scroll-padding: 0.625rem; } .\!k-scroll-p-2\.5 { scroll-padding: 0.625rem !important; } .k-scroll-p-3 { scroll-padding: 0.75rem; } .\!k-scroll-p-3 { scroll-padding: 0.75rem !important; } .k-scroll-p-3\.5 { scroll-padding: 0.875rem; } .\!k-scroll-p-3\.5 { scroll-padding: 0.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: 0.125rem; } .\!k-scroll-pt-0\.5 { scroll-padding-top: 0.125rem !important; } .k-scroll-pt-1 { scroll-padding-top: 0.25rem; } .\!k-scroll-pt-1 { scroll-padding-top: 0.25rem !important; } .k-scroll-pt-1\.5 { scroll-padding-top: 0.375rem; } .\!k-scroll-pt-1\.5 { scroll-padding-top: 0.375rem !important; } .k-scroll-pt-2 { scroll-padding-top: 0.5rem; } .\!k-scroll-pt-2 { scroll-padding-top: 0.5rem !important; } .k-scroll-pt-2\.5 { scroll-padding-top: 0.625rem; } .\!k-scroll-pt-2\.5 { scroll-padding-top: 0.625rem !important; } .k-scroll-pt-3 { scroll-padding-top: 0.75rem; } .\!k-scroll-pt-3 { scroll-padding-top: 0.75rem !important; } .k-scroll-pt-3\.5 { scroll-padding-top: 0.875rem; } .\!k-scroll-pt-3\.5 { scroll-padding-top: 0.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: 0.125rem; } .\!k-scroll-pr-0\.5 { scroll-padding-right: 0.125rem !important; } .k-scroll-pr-1 { scroll-padding-right: 0.25rem; } .\!k-scroll-pr-1 { scroll-padding-right: 0.25rem !important; } .k-scroll-pr-1\.5 { scroll-padding-right: 0.375rem; } .\!k-scroll-pr-1\.5 { scroll-padding-right: 0.375rem !important; } .k-scroll-pr-2 { scroll-padding-right: 0.5rem; } .\!k-scroll-pr-2 { scroll-padding-right: 0.5rem !important; } .k-scroll-pr-2\.5 { scroll-padding-right: 0.625rem; } .\!k-scroll-pr-2\.5 { scroll-padding-right: 0.625rem !important; } .k-scroll-pr-3 { scroll-padding-right: 0.75rem; } .\!k-scroll-pr-3 { scroll-padding-right: 0.75rem !important; } .k-scroll-pr-3\.5 { scroll-padding-right: 0.875rem; } .\!k-scroll-pr-3\.5 { scroll-padding-right: 0.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: 0.125rem; } .\!k-scroll-pb-0\.5 { scroll-padding-bottom: 0.125rem !important; } .k-scroll-pb-1 { scroll-padding-bottom: 0.25rem; } .\!k-scroll-pb-1 { scroll-padding-bottom: 0.25rem !important; } .k-scroll-pb-1\.5 { scroll-padding-bottom: 0.375rem; } .\!k-scroll-pb-1\.5 { scroll-padding-bottom: 0.375rem !important; } .k-scroll-pb-2 { scroll-padding-bottom: 0.5rem; } .\!k-scroll-pb-2 { scroll-padding-bottom: 0.5rem !important; } .k-scroll-pb-2\.5 { scroll-padding-bottom: 0.625rem; } .\!k-scroll-pb-2\.5 { scroll-padding-bottom: 0.625rem !important; } .k-scroll-pb-3 { scroll-padding-bottom: 0.75rem; } .\!k-scroll-pb-3 { scroll-padding-bottom: 0.75rem !important; } .k-scroll-pb-3\.5 { scroll-padding-bottom: 0.875rem; } .\!k-scroll-pb-3\.5 { scroll-padding-bottom: 0.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: 0.125rem; } .\!k-scroll-pl-0\.5 { scroll-padding-left: 0.125rem !important; } .k-scroll-pl-1 { scroll-padding-left: 0.25rem; } .\!k-scroll-pl-1 { scroll-padding-left: 0.25rem !important; } .k-scroll-pl-1\.5 { scroll-padding-left: 0.375rem; } .\!k-scroll-pl-1\.5 { scroll-padding-left: 0.375rem !important; } .k-scroll-pl-2 { scroll-padding-left: 0.5rem; } .\!k-scroll-pl-2 { scroll-padding-left: 0.5rem !important; } .k-scroll-pl-2\.5 { scroll-padding-left: 0.625rem; } .\!k-scroll-pl-2\.5 { scroll-padding-left: 0.625rem !important; } .k-scroll-pl-3 { scroll-padding-left: 0.75rem; } .\!k-scroll-pl-3 { scroll-padding-left: 0.75rem !important; } .k-scroll-pl-3\.5 { scroll-padding-left: 0.875rem; } .\!k-scroll-pl-3\.5 { scroll-padding-left: 0.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: 0.125rem; } .\!k-scroll-px-0\.5 { scroll-padding-inline: 0.125rem !important; } .k-scroll-px-1 { scroll-padding-inline: 0.25rem; } .\!k-scroll-px-1 { scroll-padding-inline: 0.25rem !important; } .k-scroll-px-1\.5 { scroll-padding-inline: 0.375rem; } .\!k-scroll-px-1\.5 { scroll-padding-inline: 0.375rem !important; } .k-scroll-px-2 { scroll-padding-inline: 0.5rem; } .\!k-scroll-px-2 { scroll-padding-inline: 0.5rem !important; } .k-scroll-px-2\.5 { scroll-padding-inline: 0.625rem; } .\!k-scroll-px-2\.5 { scroll-padding-inline: 0.625rem !important; } .k-scroll-px-3 { scroll-padding-inline: 0.75rem; } .\!k-scroll-px-3 { scroll-padding-inline: 0.75rem !important; } .k-scroll-px-3\.5 { scroll-padding-inline: 0.875rem; } .\!k-scroll-px-3\.5 { scroll-padding-inline: 0.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: 0.125rem; } .\!k-scroll-py-0\.5 { scroll-padding-block: 0.125rem !important; } .k-scroll-py-1 { scroll-padding-block: 0.25rem; } .\!k-scroll-py-1 { scroll-padding-block: 0.25rem !important; } .k-scroll-py-1\.5 { scroll-padding-block: 0.375rem; } .\!k-scroll-py-1\.5 { scroll-padding-block: 0.375rem !important; } .k-scroll-py-2 { scroll-padding-block: 0.5rem; } .\!k-scroll-py-2 { scroll-padding-block: 0.5rem !important; } .k-scroll-py-2\.5 { scroll-padding-block: 0.625rem; } .\!k-scroll-py-2\.5 { scroll-padding-block: 0.625rem !important; } .k-scroll-py-3 { scroll-padding-block: 0.75rem; } .\!k-scroll-py-3 { scroll-padding-block: 0.75rem !important; } .k-scroll-py-3\.5 { scroll-padding-block: 0.875rem; } .\!k-scroll-py-3\.5 { scroll-padding-block: 0.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; user-select: none; } .\!k-user-select-none { -webkit-user-select: none !important; user-select: none !important; } .k-user-select-auto { -webkit-user-select: auto; user-select: auto; } .\!k-user-select-auto { -webkit-user-select: auto !important; user-select: auto !important; } .k-user-select-text { -webkit-user-select: text; user-select: text; } .\!k-user-select-text { -webkit-user-select: text !important; user-select: text !important; } .k-user-select-all { -webkit-user-select: all; user-select: all; } .\!k-user-select-all { -webkit-user-select: all !important; user-select: all !important; } .k-user-select-contain { -webkit-user-select: contain; user-select: contain; } .\!k-user-select-contain { -webkit-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: transparent; } .\!k-fill-transparent { fill: transparent !important; } .k-fill-black { fill: black; } .\!k-fill-black { fill: black !important; } .k-fill-white { fill: white; } .\!k-fill-white { fill: white !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: transparent; } .\!k-stroke-transparent { stroke: transparent !important; } .k-stroke-black { stroke: black; } .\!k-stroke-black { stroke: black !important; } .k-stroke-white { stroke: white; } .\!k-stroke-white { stroke: white !important; } .k-elevation-1 { box-shadow: var(--kendo-elevation-1, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14)); } .\!k-elevation-1 { box-shadow: var(--kendo-elevation-1, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14)) !important; } .k-elevation-2 { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .\!k-elevation-2 { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)) !important; } .k-elevation-3 { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .\!k-elevation-3 { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)) !important; } .k-elevation-4 { box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)); } .\!k-elevation-4 { box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)) !important; } .k-elevation-5 { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); } .\!k-elevation-5 { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)) !important; } .k-elevation-6 { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .\!k-elevation-6 { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)) !important; } .k-elevation-7 { box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)); } .\!k-elevation-7 { box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)) !important; } .k-elevation-8 { box-shadow: var(--kendo-elevation-8, 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14)); } .\!k-elevation-8 { box-shadow: var(--kendo-elevation-8, 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14)) !important; } .k-elevation-9 { box-shadow: var(--kendo-elevation-9, 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14)); } .\!k-elevation-9 { box-shadow: var(--kendo-elevation-9, 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14)) !important; } .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 12px; } .k-h1 { font-size: var(--kendo-h1-font-size, 96px); font-family: var(--kendo-h1-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h1-line-height, 112px); font-weight: var(--kendo-h1-font-weight, var(--kendo-font-weight-light, normal)); letter-spacing: var(--kendo-h1-letter-spacing, var(--kendo-letter-spacing-tighter, normal)); margin: var(--kendo-h1-margin, 0 0 12px); } .k-h2 { font-size: var(--kendo-h2-font-size, 60px); font-family: var(--kendo-h2-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h2-line-height, 72px); font-weight: var(--kendo-h2-font-weight, var(--kendo-font-weight-light, normal)); letter-spacing: var(--kendo-h2-letter-spacing, var(--kendo-letter-spacing-tight, normal)); margin: var(--kendo-h2-margin, 0 0 12px); } .k-h3 { font-size: var(--kendo-h3-font-size, 48px); font-family: var(--kendo-h3-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h3-line-height, 56px); font-weight: var(--kendo-h3-font-weight, var(--kendo-font-weight-normal, normal)); letter-spacing: var(--kendo-h3-letter-spacing, var(--kendo-letter-spacing-normal, normal)); margin: var(--kendo-h3-margin, 0 0 12px); } .k-h4 { font-size: var(--kendo-h4-font-size, 34px); font-family: var(--kendo-h4-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h4-line-height, 36px); font-weight: var(--kendo-h4-font-weight, var(--kendo-font-weight-normal, normal)); letter-spacing: var(--kendo-h4-letter-spacing, var(--kendo-letter-spacing-wider, normal)); margin: var(--kendo-h4-margin, 0 0 12px); } .k-h5 { font-size: var(--kendo-h5-font-size, 24px); font-family: var(--kendo-h5-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h5-line-height, 24px); font-weight: var(--kendo-h5-font-weight, var(--kendo-font-weight-normal, normal)); letter-spacing: var(--kendo-h5-letter-spacing, var(--kendo-letter-spacing-normal, normal)); margin: var(--kendo-h5-margin, 0 0 12px); } .k-h6 { font-size: var(--kendo-h6-font-size, 20px); font-family: var(--kendo-h6-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-h6-line-height, 24px); font-weight: var(--kendo-h6-font-weight, var(--kendo-font-weight-medium, normal)); letter-spacing: var(--kendo-h6-letter-spacing, var(--kendo-letter-spacing-wide, normal)); margin: var(--kendo-h6-margin, 0 0 12px); } .k-paragraph { font-size: var(--kendo-paragraph-font-size, 1rem); font-family: var(--kendo-paragraph-font-family, var(--kendo-font-family, inherit)); line-height: var(--kendo-paragraph-line-height, var(--kendo-line-height-lg, normal)); font-weight: var(--kendo-paragraph-font-weight, var(--kendo-font-weight-normal, normal)); letter-spacing: var(--kendo-paragraph-letter-spacing, 0.0313em); margin: var(--kendo-paragraph-margin, 0 0 12px); } .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, var(--kendo-line-height, normal)); 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: transparent; background-color: transparent; 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) * 9.5)); 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, var(--kendo-letter-spacing-tighter, normal)); } .k-display-2 { font-size: var(--kendo-display2-font-size, calc(var(--kendo-font-size, 0.875rem) * 8.75)); 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, var(--kendo-letter-spacing-tighter, normal)); } .k-display-3 { font-size: var(--kendo-display3-font-size, calc(var(--kendo-font-size, 0.875rem) * 8)); 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, var(--kendo-letter-spacing-tighter, normal)); } .k-display-4 { font-size: var(--kendo-display4-font-size, calc(var(--kendo-font-size, 0.875rem) * 7.25)); 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, var(--kendo-letter-spacing-tighter, normal)); } .k-body { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-app-surface, #ffffff); } .k-pre, .k-code { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-app-surface, #ffffff); } .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: calc( 16px * .75 ); height: calc( 16px * .75 ); } .k-svg-icon.k-icon-sm { width: calc( 16px * .875 ); height: calc( 16px * .875 ); } .k-svg-icon.k-icon-md { width: 16px; height: 16px; } .k-svg-icon.k-icon-lg { width: calc( 16px * 1.25 ); height: calc( 16px * 1.25 ); } .k-svg-icon.k-icon-xl { width: calc( 16px * 1.5 ); height: calc( 16px * 1.5 ); } .k-svg-icon.k-icon-xxl { width: calc( 16px * 2 ); height: calc( 16px * 2 ); } .k-svg-icon.k-icon-xxxl { width: calc( 16px * 3 ); height: calc( 16px * 3 ); } .k-flip-h.k-svg-icon, .k-svg-icon.k-flip-x, .k-flip-v.k-svg-icon, .k-svg-icon.k-flip-y, .k-flip-h.k-flip-v.k-svg-icon { transform: none; } .k-flip-h > svg, .k-flip-x > svg { transform: scaleX(-1); } .k-flip-v > svg, .k-flip-y > svg { transform: scaleY(-1); } .k-flip-h.k-flip-v > svg, .k-flip-v.k-flip-x > svg, .k-flip-h.k-flip-y > svg, .k-flip-x.k-flip-y > 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: "​"; 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: 0.25em; } .k-icon.k-icon-modifier { width: 1em; height: 1em; position: absolute; font-size: 0.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-badge { padding: 0; border-width: 1px; border-style: solid; border-color: transparent; box-sizing: border-box; color: inherit; background-color: transparent; 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 + calc( 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 + calc( 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 + calc( 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, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-badge-solid-secondary { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-badge-solid-tertiary { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-badge-solid-info { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-badge-solid-success { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-badge-solid-warning { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-badge-solid-error { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-badge-solid-dark { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-badge-solid-light { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-badge-solid-inverse { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-badge-outline { border-color: currentColor; background-color: transparent; } .k-badge-outline-primary { color: var(--kendo-color-primary, #3f51b5); } .k-badge-outline-secondary { color: var(--kendo-color-secondary, #e51a5f); } .k-badge-outline-tertiary { color: var(--kendo-color-tertiary, #00695c); } .k-badge-outline-info { color: var(--kendo-color-info, #0058e9); } .k-badge-outline-success { color: var(--kendo-color-success, #37b400); } .k-badge-outline-warning { color: var(--kendo-color-warning, #ffc000); } .k-badge-outline-error { color: var(--kendo-color-error, #f31700); } .k-badge-outline-dark { color: var(--kendo-color-dark, #424242); } .k-badge-outline-light { color: var(--kendo-color-light, #f5f5f5); } .k-badge-outline-inverse { color: var(--kendo-color-dark, #424242); } .k-button { box-sizing: border-box; border-width: 1px; border-style: solid; color: inherit; background: none; font-family: var(--kendo-font-size-sm, inherit); text-align: center; text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: var(--kendo-spacing-2, 0.5rem); vertical-align: middle; -webkit-user-select: none; user-select: none; cursor: pointer; outline: none; -webkit-appearance: none; position: relative; transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } .k-button *, .k-button *::before, .k-button *::after { box-sizing: border-box; } .k-button:disabled, .k-button.k-disabled { outline: none; cursor: default; color: var(--kendo-color-on-app-surface, #212121); opacity: 0.6; filter: grayscale(0.1); pointer-events: none; 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-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; } .k-button-sm.k-icon-button { padding: var(--kendo-spacing-1\.5, 0.375rem); } .k-button-sm.k-icon-button .k-button-icon { min-width: calc( var(--kendo-font-size, inherit) * 1.4285714286 ); min-height: calc( var(--kendo-font-size, inherit) * 1.4285714286 ); 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: calc( 16px * .75 ); height: calc( 16px * .75 ); } .k-button-sm.k-icon-button .k-button-icon.k-icon-sm > svg { width: calc( 16px * .875 ); height: calc( 16px * .875 ); } .k-button-sm.k-icon-button .k-button-icon.k-icon-lg > svg { width: calc( 16px * 1.25 ); height: calc( 16px * 1.25 ); } .k-button-sm.k-icon-button .k-button-icon.k-icon-xl > svg { width: calc( 16px * 1.5 ); height: calc( 16px * 1.5 ); } .k-button-sm.k-icon-button .k-button-icon.k-icon-xxl > svg { width: calc( 16px * 2 ); height: calc( 16px * 2 ); } .k-button-sm.k-icon-button .k-button-icon.k-icon-xxxl > svg { width: calc( 16px * 3 ); height: calc( 16px * 3 ); } .k-button-md { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; } .k-button-md.k-icon-button { padding: var(--kendo-spacing-2, 0.5rem); } .k-button-md.k-icon-button .k-button-icon { min-width: calc( var(--kendo-font-size, inherit) * 1.4285714286 ); min-height: calc( var(--kendo-font-size, inherit) * 1.4285714286 ); 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: calc( 16px * .75 ); height: calc( 16px * .75 ); } .k-button-md.k-icon-button .k-button-icon.k-icon-sm > svg { width: calc( 16px * .875 ); height: calc( 16px * .875 ); } .k-button-md.k-icon-button .k-button-icon.k-icon-lg > svg { width: calc( 16px * 1.25 ); height: calc( 16px * 1.25 ); } .k-button-md.k-icon-button .k-button-icon.k-icon-xl > svg { width: calc( 16px * 1.5 ); height: calc( 16px * 1.5 ); } .k-button-md.k-icon-button .k-button-icon.k-icon-xxl > svg { width: calc( 16px * 2 ); height: calc( 16px * 2 ); } .k-button-md.k-icon-button .k-button-icon.k-icon-xxxl > svg { width: calc( 16px * 3 ); height: calc( 16px * 3 ); } .k-button-lg { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-4, 1rem); font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; } .k-button-lg.k-icon-button { padding: var(--kendo-spacing-2\.5, 0.625rem); } .k-button-lg.k-icon-button .k-button-icon { min-width: calc( var(--kendo-font-size, inherit) * 1.4285714286 ); min-height: calc( var(--kendo-font-size, inherit) * 1.4285714286 ); 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: calc( 16px * .75 ); height: calc( 16px * .75 ); } .k-button-lg.k-icon-button .k-button-icon.k-icon-sm > svg { width: calc( 16px * .875 ); height: calc( 16px * .875 ); } .k-button-lg.k-icon-button .k-button-icon.k-icon-lg > svg { width: calc( 16px * 1.25 ); height: calc( 16px * 1.25 ); } .k-button-lg.k-icon-button .k-button-icon.k-icon-xl > svg { width: calc( 16px * 1.5 ); height: calc( 16px * 1.5 ); } .k-button-lg.k-icon-button .k-button-icon.k-icon-xxl > svg { width: calc( 16px * 2 ); height: calc( 16px * 2 ); } .k-button-lg.k-icon-button .k-button-icon.k-icon-xxxl > svg { width: calc( 16px * 3 ); height: calc( 16px * 3 ); } .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 { 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:disabled, .k-button-group[disabled], .k-button-group.k-disabled { opacity: 1; filter: none; } .k-button-group-stretched { width: 100%; } .k-button-group-stretched > * { flex: 1 0 0%; overflow: hidden; } .k-button-flat { border-color: transparent !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-outline { border-color: currentColor; color: inherit; background: none; } .k-button-link { border-color: transparent; color: inherit; text-decoration: none; background: none; } .k-button-link:hover, .k-button-link.k-hover { text-decoration: underline; } .k-button-clear { border-color: transparent !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 0.2s ease-in-out; } .k-button:hover::before, .k-button.k-hover::before { opacity: 0.08; } .k-button:focus::before, .k-button.k-focus::before { opacity: 0.12; } .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: 0.16; } .k-button.k-selected::before { opacity: 0.22; } .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 0.2s ease-in-out; } .k-button { text-transform: uppercase; font-weight: 500; } .k-button::before { display: block; transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .k-button::after { display: none !important; } .k-button:disabled, .k-button[disabled], .k-button.k-disabled { opacity: 1; filter: none; } .k-button-solid::before { display: none; } .k-button-outline { background-color: transparent !important; box-shadow: none !important; } .k-button-link:hover::before, .k-button-link.k-hover::before, .k-button-link:active::before, .k-button-link.k-active::before, .k-button-link.k-selected::before { opacity: 0; } .k-button-link:focus::before, .k-button-link.k-focus::before { opacity: 0.12; } .k-button-clear::before, .k-button.k-clear::before { display: none; } .k-button-clear:focus::before, .k-button-clear.k-focus::before, .k-button-clear:active::before, .k-button.k-clear:focus::before, .k-button.k-clear.k-focus::before, .k-button.k-clear:active::before { display: block; } .k-overflow-button.k-button-group, .k-overflow-group.k-button-group { line-height: inherit; } .k-button-solid-base { border-color: transparent; color: #1c75bc; background-color: transparent; box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-base:hover, .k-button-solid-base.k-hover { border-color: var(--kendo-color-base-hover, #ebebeb); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-button-solid-base:focus, .k-button-solid-base.k-focus { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-base:active, .k-button-solid-base.k-active { border-color: var(--kendo-color-base-active, #d6d6d6); background-color: var(--kendo-color-base-active, #d6d6d6); box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-base.k-selected { border-color: var(--kendo-color-base-active, #d6d6d6); background-color: var(--kendo-color-base-active, #d6d6d6); } .k-button-solid-base:disabled, .k-button-solid-base.k-disabled { border-color: transparent; color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); box-shadow: none; } .k-button-solid-primary { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-button-solid-primary:hover, .k-button-solid-primary.k-hover { border-color: var(--kendo-color-primary-hover, #3a4ba7); background-color: var(--kendo-color-primary-hover, #3a4ba7); } .k-button-solid-primary:active, .k-button-solid-primary.k-active { border-color: var(--kendo-color-primary-active, #354498); background-color: var(--kendo-color-primary-active, #354498); } .k-button-solid-primary.k-selected { border-color: var(--kendo-color-primary-active, #354498); background-color: var(--kendo-color-primary-active, #354498); } .k-button-solid-primary:disabled, .k-button-solid-primary.k-disabled { border-color: transparent; color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); box-shadow: none; } .k-button-solid-secondary { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-button-solid-secondary:hover, .k-button-solid-secondary.k-hover { border-color: var(--kendo-color-secondary-hover, #d31857); background-color: var(--kendo-color-secondary-hover, #d31857); } .k-button-solid-secondary:active, .k-button-solid-secondary.k-active { border-color: var(--kendo-color-secondary-active, #c01650); background-color: var(--kendo-color-secondary-active, #c01650); } .k-button-solid-secondary.k-selected { border-color: var(--kendo-color-secondary-active, #c01650); background-color: var(--kendo-color-secondary-active, #c01650); } .k-button-solid-secondary:disabled, .k-button-solid-secondary.k-disabled { border-color: transparent; color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); box-shadow: none; } .k-button-solid-tertiary { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-button-solid-tertiary:hover, .k-button-solid-tertiary.k-hover { border-color: var(--kendo-color-tertiary-hover, #006155); background-color: var(--kendo-color-tertiary-hover, #006155); } .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active { border-color: var(--kendo-color-tertiary-active, #00584d); background-color: var(--kendo-color-tertiary-active, #00584d); } .k-button-solid-tertiary.k-selected { border-color: var(--kendo-color-tertiary-active, #00584d); background-color: var(--kendo-color-tertiary-active, #00584d); } .k-button-solid-tertiary:disabled, .k-button-solid-tertiary.k-disabled { border-color: transparent; color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); box-shadow: none; } .k-button-solid-info { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-button-solid-info:hover, .k-button-solid-info.k-hover { border-color: var(--kendo-color-info-hover, #0251d6); background-color: var(--kendo-color-info-hover, #0251d6); } .k-button-solid-info:active, .k-button-solid-info.k-active { border-color: var(--kendo-color-info-active, #034ac3); background-color: var(--kendo-color-info-active, #034ac3); } .k-button-solid-info.k-selected { border-color: var(--kendo-color-info-active, #034ac3); background-color: var(--kendo-color-info-active, #034ac3); } .k-button-solid-info:disabled, .k-button-solid-info.k-disabled { border-color: transparent; color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); box-shadow: none; } .k-button-solid-success { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-button-solid-success:hover, .k-button-solid-success.k-hover { border-color: var(--kendo-color-success-hover, #33a600); background-color: var(--kendo-color-success-hover, #33a600); } .k-button-solid-success:active, .k-button-solid-success.k-active { border-color: var(--kendo-color-success-active, #2e9704); background-color: var(--kendo-color-success-active, #2e9704); } .k-button-solid-success.k-selected { border-color: var(--kendo-color-success-active, #2e9704); background-color: var(--kendo-color-success-active, #2e9704); } .k-button-solid-success:disabled, .k-button-solid-success.k-disabled { border-color: transparent; color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); box-shadow: none; } .k-button-solid-warning { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-button-solid-warning:hover, .k-button-solid-warning.k-hover { border-color: var(--kendo-color-warning-hover, #ebb201); background-color: var(--kendo-color-warning-hover, #ebb201); } .k-button-solid-warning:active, .k-button-solid-warning.k-active { border-color: var(--kendo-color-warning-active, #d6a202); background-color: var(--kendo-color-warning-active, #d6a202); } .k-button-solid-warning.k-selected { border-color: var(--kendo-color-warning-active, #d6a202); background-color: var(--kendo-color-warning-active, #d6a202); } .k-button-solid-warning:disabled, .k-button-solid-warning.k-disabled { border-color: transparent; color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); box-shadow: none; } .k-button-solid-error { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-button-solid-error:hover, .k-button-solid-error.k-hover { border-color: var(--kendo-color-error-hover, #e01701); background-color: var(--kendo-color-error-hover, #e01701); } .k-button-solid-error:active, .k-button-solid-error.k-active { border-color: var(--kendo-color-error-active, #cc1505); background-color: var(--kendo-color-error-active, #cc1505); } .k-button-solid-error.k-selected { border-color: var(--kendo-color-error-active, #cc1505); background-color: var(--kendo-color-error-active, #cc1505); } .k-button-solid-error:disabled, .k-button-solid-error.k-disabled { border-color: transparent; color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); box-shadow: none; } .k-button-solid-dark { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-button-solid-dark:hover, .k-button-solid-dark.k-hover { border-color: var(--kendo-color-dark-hover, #212121); background-color: var(--kendo-color-dark-hover, #212121); } .k-button-solid-dark:active, .k-button-solid-dark.k-active { border-color: var(--kendo-color-dark-active, #000000); background-color: var(--kendo-color-dark-active, #000000); } .k-button-solid-dark.k-selected { border-color: var(--kendo-color-dark-active, #000000); background-color: var(--kendo-color-dark-active, #000000); } .k-button-solid-dark:disabled, .k-button-solid-dark.k-disabled { border-color: transparent; color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); box-shadow: none; } .k-button-solid-light { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-button-solid-light:hover, .k-button-solid-light.k-hover { border-color: var(--kendo-color-light-hover, #ebebeb); background-color: var(--kendo-color-light-hover, #ebebeb); } .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-light:disabled, .k-button-solid-light.k-disabled { border-color: transparent; color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); box-shadow: none; } .k-button-solid-inverse { border-color: var(--kendo-color-inverse, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-inverse, #424242); } .k-button-solid-inverse:hover, .k-button-solid-inverse.k-hover { border-color: var(--kendo-color-inverse-hover, #212121); background-color: var(--kendo-color-inverse-hover, #212121); } .k-button-solid-inverse:active, .k-button-solid-inverse.k-active { border-color: var(--kendo-color-inverse-active, #000000); background-color: var(--kendo-color-inverse-active, #000000); } .k-button-solid-inverse.k-selected { border-color: var(--kendo-color-inverse-active, #000000); background-color: var(--kendo-color-inverse-active, #000000); } .k-button-solid-inverse:disabled, .k-button-solid-inverse.k-disabled { border-color: transparent; color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); box-shadow: none; } .k-button-outline-primary { box-shadow: none; border-color: currentColor; color: var(--kendo-color-primary-on-surface, #3f51b5); background-color: transparent; } .k-button-outline-primary:hover, .k-button-outline-primary.k-hover { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-button-outline-primary:active, .k-button-outline-primary.k-active { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-button-outline-primary.k-selected { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-button-outline-primary:disabled, .k-button-outline-primary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-secondary { box-shadow: none; border-color: currentColor; color: var(--kendo-color-secondary-on-surface, #ae1549); background-color: transparent; } .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-button-outline-secondary:active, .k-button-outline-secondary.k-active { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-button-outline-secondary.k-selected { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-button-outline-secondary:disabled, .k-button-outline-secondary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-tertiary { box-shadow: none; border-color: currentColor; color: var(--kendo-color-tertiary-on-surface, #054f46); background-color: transparent; } .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-button-outline-tertiary.k-selected { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-button-outline-tertiary:disabled, .k-button-outline-tertiary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-info { box-shadow: none; border-color: currentColor; color: var(--kendo-color-info-on-surface, #0443b0); background-color: transparent; } .k-button-outline-info:hover, .k-button-outline-info.k-hover { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-button-outline-info:active, .k-button-outline-info.k-active { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-button-outline-info.k-selected { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-button-outline-info:disabled, .k-button-outline-info.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-success { box-shadow: none; border-color: currentColor; color: var(--kendo-color-success-on-surface, #2b8906); background-color: transparent; } .k-button-outline-success:hover, .k-button-outline-success.k-hover { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-button-outline-success:active, .k-button-outline-success.k-active { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-button-outline-success.k-selected { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-button-outline-success:disabled, .k-button-outline-success.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-warning { box-shadow: none; border-color: currentColor; color: var(--kendo-color-warning-on-surface, #ffc000); background-color: transparent; } .k-button-outline-warning:hover, .k-button-outline-warning.k-hover { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-button-outline-warning:active, .k-button-outline-warning.k-active { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-button-outline-warning.k-selected { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-button-outline-warning:disabled, .k-button-outline-warning.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-error { box-shadow: none; border-color: currentColor; color: var(--kendo-color-error-on-surface, #b91406); background-color: transparent; } .k-button-outline-error:hover, .k-button-outline-error.k-hover { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-button-outline-error:active, .k-button-outline-error.k-active { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-button-outline-error.k-selected { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-button-outline-error:disabled, .k-button-outline-error.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-dark { box-shadow: none; border-color: currentColor; color: var(--kendo-color-dark-on-surface, #616161); background-color: transparent; } .k-button-outline-dark:hover, .k-button-outline-dark.k-hover { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-button-outline-dark:active, .k-button-outline-dark.k-active { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-button-outline-dark.k-selected { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-button-outline-dark:disabled, .k-button-outline-dark.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-light { box-shadow: none; border-color: currentColor; color: var(--kendo-color-light-on-surface, #ebebeb); background-color: transparent; } .k-button-outline-light:hover, .k-button-outline-light.k-hover { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-button-outline-light:active, .k-button-outline-light.k-active { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-button-outline-light.k-selected { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-button-outline-light:disabled, .k-button-outline-light.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-inverse { box-shadow: none; border-color: currentColor; color: var(--kendo-color-inverse-on-surface, #616161); background-color: transparent; } .k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-button-outline-inverse:active, .k-button-outline-inverse.k-active { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-button-outline-inverse.k-selected { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-button-outline-inverse:disabled, .k-button-outline-inverse.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-base { box-shadow: none; border-color: currentColor; color: var(--kendo-color-base-on-surface, #212121); background-color: transparent; } .k-button-outline-base:hover, .k-button-outline-base.k-hover { border-color: var(--kendo-color-on-base, #212121); color: var(--kendo-color-base, #ffffff); background-color: var(--kendo-color-on-base, #212121); } .k-button-outline-base:active, .k-button-outline-base.k-active { border-color: var(--kendo-color-on-base, #212121); color: var(--kendo-color-base, #ffffff); background-color: var(--kendo-color-on-base, #212121); } .k-button-outline-base.k-selected { border-color: var(--kendo-color-on-base, #212121); color: var(--kendo-color-base, #ffffff); background-color: var(--kendo-color-on-base, #212121); } .k-button-outline-base:disabled, .k-button-outline-base.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-flat-primary { color: var(--kendo-color-primary-on-surface, #3f51b5); } .k-button-flat-primary:disabled, .k-button-flat-primary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-flat-secondary { color: var(--kendo-color-secondary-on-surface, #ae1549); } .k-button-flat-secondary:disabled, .k-button-flat-secondary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-flat-tertiary { color: var(--kendo-color-tertiary-on-surface, #054f46); } .k-button-flat-tertiary:disabled, .k-button-flat-tertiary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-flat-info { color: var(--kendo-color-info-on-surface, #0443b0); } .k-button-flat-info:disabled, .k-button-flat-info.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-flat-success { color: var(--kendo-color-success-on-surface, #2b8906); } .k-button-flat-success:disabled, .k-button-flat-success.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-flat-warning { color: var(--kendo-color-warning-on-surface, #ffc000); } .k-button-flat-warning:disabled, .k-button-flat-warning.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-flat-error { color: var(--kendo-color-error-on-surface, #b91406); } .k-button-flat-error:disabled, .k-button-flat-error.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-flat-dark { color: var(--kendo-color-dark-on-surface, #616161); } .k-button-flat-dark:disabled, .k-button-flat-dark.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-flat-light { color: var(--kendo-color-light-on-surface, #ebebeb); } .k-button-flat-light:disabled, .k-button-flat-light.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-flat-inverse { color: var(--kendo-color-inverse-on-surface, #616161); } .k-button-flat-inverse:disabled, .k-button-flat-inverse.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-flat-base { color: inherit; } .k-button-flat-base:disabled, .k-button-flat-base.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-primary { color: var(--kendo-color-primary, #3f51b5); } .k-button-link-primary:hover, .k-button-link-primary.k-hover { color: var(--kendo-color-primary-hover, #3a4ba7); } .k-button-link-primary:active, .k-button-link-primary.k-active { color: var(--kendo-color-primary-active, #354498); } .k-button-link-primary.k-selected { color: var(--kendo-color-primary-active, #354498); } .k-button-link-primary:disabled, .k-button-link-primary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-secondary { color: var(--kendo-color-secondary, #e51a5f); } .k-button-link-secondary:hover, .k-button-link-secondary.k-hover { color: var(--kendo-color-secondary-hover, #d31857); } .k-button-link-secondary:active, .k-button-link-secondary.k-active { color: var(--kendo-color-secondary-active, #c01650); } .k-button-link-secondary.k-selected { color: var(--kendo-color-secondary-active, #c01650); } .k-button-link-secondary:disabled, .k-button-link-secondary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-tertiary { color: var(--kendo-color-tertiary, #00695c); } .k-button-link-tertiary:hover, .k-button-link-tertiary.k-hover { color: var(--kendo-color-tertiary-hover, #006155); } .k-button-link-tertiary:active, .k-button-link-tertiary.k-active { color: var(--kendo-color-tertiary-active, #00584d); } .k-button-link-tertiary.k-selected { color: var(--kendo-color-tertiary-active, #00584d); } .k-button-link-tertiary:disabled, .k-button-link-tertiary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-info { color: var(--kendo-color-info, #0058e9); } .k-button-link-info:hover, .k-button-link-info.k-hover { color: var(--kendo-color-info-hover, #0251d6); } .k-button-link-info:active, .k-button-link-info.k-active { color: var(--kendo-color-info-active, #034ac3); } .k-button-link-info.k-selected { color: var(--kendo-color-info-active, #034ac3); } .k-button-link-info:disabled, .k-button-link-info.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-success { color: var(--kendo-color-success, #37b400); } .k-button-link-success:hover, .k-button-link-success.k-hover { color: var(--kendo-color-success-hover, #33a600); } .k-button-link-success:active, .k-button-link-success.k-active { color: var(--kendo-color-success-active, #2e9704); } .k-button-link-success.k-selected { color: var(--kendo-color-success-active, #2e9704); } .k-button-link-success:disabled, .k-button-link-success.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-warning { color: var(--kendo-color-warning, #ffc000); } .k-button-link-warning:hover, .k-button-link-warning.k-hover { color: var(--kendo-color-warning-hover, #ebb201); } .k-button-link-warning:active, .k-button-link-warning.k-active { color: var(--kendo-color-warning-active, #d6a202); } .k-button-link-warning.k-selected { color: var(--kendo-color-warning-active, #d6a202); } .k-button-link-warning:disabled, .k-button-link-warning.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-error { color: var(--kendo-color-error, #f31700); } .k-button-link-error:hover, .k-button-link-error.k-hover { color: var(--kendo-color-error-hover, #e01701); } .k-button-link-error:active, .k-button-link-error.k-active { color: var(--kendo-color-error-active, #cc1505); } .k-button-link-error.k-selected { color: var(--kendo-color-error-active, #cc1505); } .k-button-link-error:disabled, .k-button-link-error.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-dark { color: var(--kendo-color-dark, #424242); } .k-button-link-dark:hover, .k-button-link-dark.k-hover { color: var(--kendo-color-dark-hover, #212121); } .k-button-link-dark:active, .k-button-link-dark.k-active { color: var(--kendo-color-dark-active, #000000); } .k-button-link-dark.k-selected { color: var(--kendo-color-dark-active, #000000); } .k-button-link-dark:disabled, .k-button-link-dark.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-light { color: var(--kendo-color-light, #f5f5f5); } .k-button-link-light:hover, .k-button-link-light.k-hover { color: var(--kendo-color-light-hover, #ebebeb); } .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-light:disabled, .k-button-link-light.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-inverse { color: var(--kendo-color-dark, #424242); } .k-button-link-inverse:hover, .k-button-link-inverse.k-hover { color: var(--kendo-color-inverse-hover, #212121); } .k-button-link-inverse:active, .k-button-link-inverse.k-active { color: var(--kendo-color-inverse-active, #000000); } .k-button-link-inverse.k-selected { color: var(--kendo-color-inverse-active, #000000); } .k-button-link-inverse:disabled, .k-button-link-inverse.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-base { color: var(--kendo-color-on-app-surface, #212121); } .k-button-link-base:hover, .k-button-link-base.k-hover { color: var(--kendo-color-on-app-surface, #212121); } .k-button-link-base:active, .k-button-link-base.k-active { color: var(--kendo-color-on-app-surface, #212121); } .k-button-link-base.k-selected { color: var(--kendo-color-on-app-surface, #212121); } .k-button-link-base:disabled, .k-button-link-base.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-clear-primary { color: var(--kendo-color-primary-on-surface, #3f51b5); } .k-button-clear-primary:focus::after, .k-button-clear-primary.k-focus::after, .k-button-clear-primary:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-primary:disabled, .k-button-clear-primary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-clear-secondary { color: var(--kendo-color-secondary-on-surface, #ae1549); } .k-button-clear-secondary:focus::after, .k-button-clear-secondary.k-focus::after, .k-button-clear-secondary:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-secondary:disabled, .k-button-clear-secondary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-clear-tertiary { color: var(--kendo-color-tertiary-on-surface, #054f46); } .k-button-clear-tertiary:focus::after, .k-button-clear-tertiary.k-focus::after, .k-button-clear-tertiary:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-tertiary:disabled, .k-button-clear-tertiary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-clear-info { color: var(--kendo-color-info-on-surface, #0443b0); } .k-button-clear-info:focus::after, .k-button-clear-info.k-focus::after, .k-button-clear-info:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-info:disabled, .k-button-clear-info.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-clear-success { color: var(--kendo-color-success-on-surface, #2b8906); } .k-button-clear-success:focus::after, .k-button-clear-success.k-focus::after, .k-button-clear-success:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-success:disabled, .k-button-clear-success.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .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: 0.155; display: block; } .k-button-clear-warning:disabled, .k-button-clear-warning.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-clear-error { color: var(--kendo-color-error-on-surface, #b91406); } .k-button-clear-error:focus::after, .k-button-clear-error.k-focus::after, .k-button-clear-error:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-error:disabled, .k-button-clear-error.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-clear-dark { color: var(--kendo-color-dark-on-surface, #616161); } .k-button-clear-dark:focus::after, .k-button-clear-dark.k-focus::after, .k-button-clear-dark:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-dark:disabled, .k-button-clear-dark.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-clear-light { color: var(--kendo-color-light-on-surface, #ebebeb); } .k-button-clear-light:focus::after, .k-button-clear-light.k-focus::after, .k-button-clear-light:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-light:disabled, .k-button-clear-light.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-clear-inverse { color: var(--kendo-color-inverse-on-surface, #616161); } .k-button-clear-inverse:focus::after, .k-button-clear-inverse.k-focus::after, .k-button-clear-inverse:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-inverse:disabled, .k-button-clear-inverse.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-clear-base { color: var(--kendo-color-base-on-surface, #212121); } .k-button-clear-base:focus::after, .k-button-clear-base.k-focus::after, .k-button-clear-base:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-base:disabled, .k-button-clear-base.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-solid-primary { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); border-color: var(--kendo-color-primary, #3f51b5); } .k-button-solid-primary:focus, .k-button-solid-primary.k-focus { background-color: var(--kendo-color-primary-hover, #3a4ba7); border-color: var(--kendo-color-primary-hover, #3a4ba7); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-primary:active, .k-button-solid-primary.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-primary:disabled, .k-button-solid-primary.k-disabled { box-shadow: none; } .k-button-solid-secondary { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); border-color: var(--kendo-color-secondary, #e51a5f); } .k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus { background-color: var(--kendo-color-secondary-hover, #d31857); border-color: var(--kendo-color-secondary-hover, #d31857); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-secondary:active, .k-button-solid-secondary.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-secondary:disabled, .k-button-solid-secondary.k-disabled { box-shadow: none; } .k-button-solid-tertiary { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); border-color: var(--kendo-color-tertiary, #00695c); } .k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus { background-color: var(--kendo-color-tertiary-hover, #006155); border-color: var(--kendo-color-tertiary-hover, #006155); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-tertiary:disabled, .k-button-solid-tertiary.k-disabled { box-shadow: none; } .k-button-solid-info { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); border-color: var(--kendo-color-info, #0058e9); } .k-button-solid-info:focus, .k-button-solid-info.k-focus { background-color: var(--kendo-color-info-hover, #0251d6); border-color: var(--kendo-color-info-hover, #0251d6); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-info:active, .k-button-solid-info.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-info:disabled, .k-button-solid-info.k-disabled { box-shadow: none; } .k-button-solid-success { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); border-color: var(--kendo-color-success, #37b400); } .k-button-solid-success:focus, .k-button-solid-success.k-focus { background-color: var(--kendo-color-success-hover, #33a600); border-color: var(--kendo-color-success-hover, #33a600); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-success:active, .k-button-solid-success.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-success:disabled, .k-button-solid-success.k-disabled { box-shadow: none; } .k-button-solid-warning { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); border-color: var(--kendo-color-warning, #ffc000); } .k-button-solid-warning:focus, .k-button-solid-warning.k-focus { background-color: var(--kendo-color-warning-hover, #ebb201); border-color: var(--kendo-color-warning-hover, #ebb201); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-warning:active, .k-button-solid-warning.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-warning:disabled, .k-button-solid-warning.k-disabled { box-shadow: none; } .k-button-solid-error { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); border-color: var(--kendo-color-error, #f31700); } .k-button-solid-error:focus, .k-button-solid-error.k-focus { background-color: var(--kendo-color-error-hover, #e01701); border-color: var(--kendo-color-error-hover, #e01701); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-error:active, .k-button-solid-error.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-error:disabled, .k-button-solid-error.k-disabled { box-shadow: none; } .k-button-solid-dark { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); border-color: var(--kendo-color-dark, #424242); } .k-button-solid-dark:focus, .k-button-solid-dark.k-focus { background-color: var(--kendo-color-dark-hover, #212121); border-color: var(--kendo-color-dark-hover, #212121); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-dark:active, .k-button-solid-dark.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-dark:disabled, .k-button-solid-dark.k-disabled { box-shadow: none; } .k-button-solid-light { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); border-color: var(--kendo-color-light, #f5f5f5); } .k-button-solid-light:focus, .k-button-solid-light.k-focus { background-color: var(--kendo-color-light-hover, #ebebeb); border-color: var(--kendo-color-light-hover, #ebebeb); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-light:active, .k-button-solid-light.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-light:disabled, .k-button-solid-light.k-disabled { box-shadow: none; } .k-button-solid-inverse { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-inverse, #424242); border-color: var(--kendo-color-inverse, #424242); } .k-button-solid-inverse:focus, .k-button-solid-inverse.k-focus { background-color: var(--kendo-color-inverse-hover, #212121); border-color: var(--kendo-color-inverse-hover, #212121); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-inverse:active, .k-button-solid-inverse.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-inverse:disabled, .k-button-solid-inverse.k-disabled { box-shadow: none; } .k-button-solid-base { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: #1c75bc; background-color: transparent; border-color: transparent; } .k-button-solid-base:focus, .k-button-solid-base.k-focus { background-color: var(--kendo-color-base-hover, #ebebeb); border-color: var(--kendo-color-base-hover, #ebebeb); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-base:active, .k-button-solid-base.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-base:disabled, .k-button-solid-base.k-disabled { box-shadow: none; } .k-button-outline-primary { color: var(--kendo-color-primary-on-surface, #3f51b5); } .k-button-outline-primary:hover, .k-button-outline-primary.k-hover, .k-button-outline-primary:focus, .k-button-outline-primary.k-focus, .k-button-outline-primary:active, .k-button-outline-primary.k-active, .k-button-outline-primary.k-selected { color: var(--kendo-color-primary-on-surface, #3f51b5); } .k-button-outline-primary:disabled, .k-button-outline-primary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-secondary { color: var(--kendo-color-secondary-on-surface, #ae1549); } .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover, .k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus, .k-button-outline-secondary:active, .k-button-outline-secondary.k-active, .k-button-outline-secondary.k-selected { color: var(--kendo-color-secondary-on-surface, #ae1549); } .k-button-outline-secondary:disabled, .k-button-outline-secondary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-tertiary { color: var(--kendo-color-tertiary-on-surface, #054f46); } .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover, .k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-focus, .k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active, .k-button-outline-tertiary.k-selected { color: var(--kendo-color-tertiary-on-surface, #054f46); } .k-button-outline-tertiary:disabled, .k-button-outline-tertiary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-info { color: var(--kendo-color-info-on-surface, #0443b0); } .k-button-outline-info:hover, .k-button-outline-info.k-hover, .k-button-outline-info:focus, .k-button-outline-info.k-focus, .k-button-outline-info:active, .k-button-outline-info.k-active, .k-button-outline-info.k-selected { color: var(--kendo-color-info-on-surface, #0443b0); } .k-button-outline-info:disabled, .k-button-outline-info.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-success { color: var(--kendo-color-success-on-surface, #2b8906); } .k-button-outline-success:hover, .k-button-outline-success.k-hover, .k-button-outline-success:focus, .k-button-outline-success.k-focus, .k-button-outline-success:active, .k-button-outline-success.k-active, .k-button-outline-success.k-selected { color: var(--kendo-color-success-on-surface, #2b8906); } .k-button-outline-success:disabled, .k-button-outline-success.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-warning { color: var(--kendo-color-warning-on-surface, #ffc000); } .k-button-outline-warning:hover, .k-button-outline-warning.k-hover, .k-button-outline-warning:focus, .k-button-outline-warning.k-focus, .k-button-outline-warning:active, .k-button-outline-warning.k-active, .k-button-outline-warning.k-selected { color: var(--kendo-color-warning-on-surface, #ffc000); } .k-button-outline-warning:disabled, .k-button-outline-warning.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-error { color: var(--kendo-color-error-on-surface, #b91406); } .k-button-outline-error:hover, .k-button-outline-error.k-hover, .k-button-outline-error:focus, .k-button-outline-error.k-focus, .k-button-outline-error:active, .k-button-outline-error.k-active, .k-button-outline-error.k-selected { color: var(--kendo-color-error-on-surface, #b91406); } .k-button-outline-error:disabled, .k-button-outline-error.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-dark { color: var(--kendo-color-dark-on-surface, #616161); } .k-button-outline-dark:hover, .k-button-outline-dark.k-hover, .k-button-outline-dark:focus, .k-button-outline-dark.k-focus, .k-button-outline-dark:active, .k-button-outline-dark.k-active, .k-button-outline-dark.k-selected { color: var(--kendo-color-dark-on-surface, #616161); } .k-button-outline-dark:disabled, .k-button-outline-dark.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-light { color: var(--kendo-color-light-on-surface, #ebebeb); } .k-button-outline-light:hover, .k-button-outline-light.k-hover, .k-button-outline-light:focus, .k-button-outline-light.k-focus, .k-button-outline-light:active, .k-button-outline-light.k-active, .k-button-outline-light.k-selected { color: var(--kendo-color-light-on-surface, #ebebeb); } .k-button-outline-light:disabled, .k-button-outline-light.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-inverse { color: var(--kendo-color-inverse-on-surface, #616161); } .k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover, .k-button-outline-inverse:focus, .k-button-outline-inverse.k-focus, .k-button-outline-inverse:active, .k-button-outline-inverse.k-active, .k-button-outline-inverse.k-selected { color: var(--kendo-color-inverse-on-surface, #616161); } .k-button-outline-inverse:disabled, .k-button-outline-inverse.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-outline-base { color: var(--kendo-color-base-on-surface, #212121); } .k-button-outline-base:hover, .k-button-outline-base.k-hover, .k-button-outline-base:focus, .k-button-outline-base.k-focus, .k-button-outline-base:active, .k-button-outline-base.k-active, .k-button-outline-base.k-selected { color: var(--kendo-color-base-on-surface, #212121); } .k-button-outline-base:disabled, .k-button-outline-base.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-primary:disabled, .k-button-link-primary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-secondary:disabled, .k-button-link-secondary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-tertiary:disabled, .k-button-link-tertiary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-info:disabled, .k-button-link-info.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-success:disabled, .k-button-link-success.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-warning:disabled, .k-button-link-warning.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-error:disabled, .k-button-link-error.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-dark:disabled, .k-button-link-dark.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-light:disabled, .k-button-link-light.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-inverse:disabled, .k-button-link-inverse.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-link-base:disabled, .k-button-link-base.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-button-group { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .k-button-group .k-button { box-shadow: none; } .k-button-group:disabled, .k-button-group[disabled], .k-button-group.k-disabled { box-shadow: none; } .k-button-group-flat, .k-button-group-link, .k-button-group-outline { box-shadow: none; } .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-size: var(--kendo-font-size, inherit); line-height: 1.2857142857; 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; 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 { padding-block: 0.5em; padding-inline: 0; margin-block: -0.5em; margin-inline: 0; min-width: 0; display: flex; flex-flow: row nowrap; align-items: center; overflow: hidden; flex: 1 1 auto; } .k-chip-content .k-icon-wrapper-host { display: initial; } .k-chip-content:first-child { margin-inline-start: var(--kendo-spacing-1, 0.25rem); } .k-chip-content:last-child { margin-inline-end: var(--kendo-spacing-1, 0.25rem); } .k-chip-text, .k-chip-label { 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.2857142857; } .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.2857142857; } .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.2857142857; } .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: #1c75bc; color: white; background-color: #1c75bc; } .k-chip-solid-base:focus, .k-chip-solid-base.k-focus { background-color: var(--kendo-color-base-subtle-active, #c2c2c2); } .k-chip-solid-base:hover, .k-chip-solid-base.k-hover { background-color: var(--kendo-color-base-subtle-hover, #d6d6d6); } .k-chip-solid-base.k-selected { background-color: var(--kendo-color-base-subtle-active, #c2c2c2); } .k-chip-solid-error { border-color: var(--kendo-color-error-emphasis, #fc8d83); color: var(--kendo-color-error-on-subtle, #550c07); background-color: var(--kendo-color-error-subtle, #fcc7c2); } .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, #f31700) 16%, transparent); } .k-chip-solid-error:hover, .k-chip-solid-error.k-hover { background-color: var(--kendo-color-error-subtle-hover, #feafa8); } .k-chip-solid-error.k-selected { background-color: var(--kendo-color-error-subtle-active, #fe9a91); } .k-chip-solid-info { border-color: var(--kendo-color-info-emphasis, #80a5f4); color: var(--kendo-color-info-on-subtle, #071f51); background-color: var(--kendo-color-info-subtle, #c8d7fb); } .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, #0058e9) 16%, transparent); } .k-chip-solid-info:hover, .k-chip-solid-info.k-hover { background-color: var(--kendo-color-info-subtle-hover, #a7c0f7); } .k-chip-solid-info.k-selected { background-color: var(--kendo-color-info-subtle-active, #8fb0f6); } .k-chip-solid-warning { border-color: var(--kendo-color-warning-emphasis, #ffdd8f); color: var(--kendo-color-warning-on-subtle, #59430a); background-color: var(--kendo-color-warning-subtle, #fff0ce); } .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, #ffc000) 16%, transparent); } .k-chip-solid-warning:hover, .k-chip-solid-warning.k-hover { background-color: var(--kendo-color-warning-subtle-hover, #ffe7b0); } .k-chip-solid-warning.k-selected { background-color: var(--kendo-color-warning-subtle-active, #ffe19c); } .k-chip-solid-success { border-color: var(--kendo-color-success-emphasis, #93d775); color: var(--kendo-color-success-on-subtle, #163f09); background-color: var(--kendo-color-success-subtle, #d7f0cc); } .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, #37b400) 16%, transparent); } .k-chip-solid-success:hover, .k-chip-solid-success.k-hover { background-color: var(--kendo-color-success-subtle-hover, #bae2ad); } .k-chip-solid-success.k-selected { background-color: var(--kendo-color-success-subtle-active, #a7db97); } .k-chip-outline-base { border-color: var(--kendo-color-base-on-surface, #212121); color: var(--kendo-color-base-on-surface, #212121); background-color: transparent; } .k-chip-outline-base:hover, .k-chip-outline-base.k-hover { color: var(--kendo-color-base-on-subtle, #212121); background-color: var(--kendo-color-base-subtle-hover, #d6d6d6); } .k-chip-outline-base.k-selected { color: var(--kendo-color-base-on-subtle, #212121); background-color: var(--kendo-color-base-subtle-active, #c2c2c2); } .k-chip-outline-error { border-color: var(--kendo-color-error-on-surface, #b91406); color: var(--kendo-color-error-on-surface, #b91406); background-color: transparent; } .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, #f31700) 16%, transparent); } .k-chip-outline-error:hover, .k-chip-outline-error.k-hover { border-color: var(--kendo-color-error-hover, #e01701); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error-hover, #e01701); } .k-chip-outline-error.k-selected { border-color: var(--kendo-color-error-active, #cc1505); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error-active, #cc1505); } .k-chip-outline-info { border-color: var(--kendo-color-info-on-surface, #0443b0); color: var(--kendo-color-info-on-surface, #0443b0); background-color: transparent; } .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, #0058e9) 16%, transparent); } .k-chip-outline-info:hover, .k-chip-outline-info.k-hover { border-color: var(--kendo-color-info-hover, #0251d6); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info-hover, #0251d6); } .k-chip-outline-info.k-selected { border-color: var(--kendo-color-info-active, #034ac3); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info-active, #034ac3); } .k-chip-outline-warning { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-app-surface, #212121); background-color: transparent; } .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, #ffc000) 16%, transparent); } .k-chip-outline-warning:hover, .k-chip-outline-warning.k-hover { color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-chip-outline-warning.k-selected { color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-chip-outline-success { border-color: var(--kendo-color-success-on-surface, #2b8906); color: var(--kendo-color-success-on-surface, #2b8906); background-color: transparent; } .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, #37b400) 16%, transparent); } .k-chip-outline-success:hover, .k-chip-outline-success.k-hover { border-color: var(--kendo-color-success-hover, #33a600); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success-hover, #33a600); } .k-chip-outline-success.k-selected { border-color: var(--kendo-color-success-active, #2e9704); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success-active, #2e9704); } .k-chip-solid { border-color: transparent; } .k-chip-solid-base:focus, .k-chip-solid-base.k-focus { box-shadow: none; } .k-chip-solid-error:focus, .k-chip-solid-error.k-focus { box-shadow: none; } .k-chip-solid-info:focus, .k-chip-solid-info.k-focus { box-shadow: none; } .k-chip-solid-warning:focus, .k-chip-solid-warning.k-focus { box-shadow: none; } .k-chip-solid-success:focus, .k-chip-solid-success.k-focus { box-shadow: none; } .k-chip-outline-base:focus, .k-chip-outline-base.k-focus { box-shadow: none; background-color: var(--kendo-color-base-subtle-active, #c2c2c2); } .k-chip-outline-error { color: var(--kendo-color-error-on-surface, #b91406); } .k-chip-outline-error:focus, .k-chip-outline-error.k-focus { box-shadow: none; color: var(--kendo-color-error-on-subtle, #550c07); background-color: var(--kendo-color-error-subtle-active, #fe9a91); } .k-chip-outline-error:hover, .k-chip-outline-error.k-hover { color: var(--kendo-color-error-on-subtle, #550c07); background-color: var(--kendo-color-error-subtle-hover, #feafa8); } .k-chip-outline-error.k-selected { color: var(--kendo-color-error-on-subtle, #550c07); background-color: var(--kendo-color-error-subtle-active, #fe9a91); } .k-chip-outline-info { color: var(--kendo-color-info-on-surface, #0443b0); } .k-chip-outline-info:focus, .k-chip-outline-info.k-focus { box-shadow: none; color: var(--kendo-color-info-on-subtle, #071f51); background-color: var(--kendo-color-info-subtle-active, #8fb0f6); } .k-chip-outline-info:hover, .k-chip-outline-info.k-hover { color: var(--kendo-color-info-on-subtle, #071f51); background-color: var(--kendo-color-info-subtle-hover, #a7c0f7); } .k-chip-outline-info.k-selected { color: var(--kendo-color-info-on-subtle, #071f51); background-color: var(--kendo-color-info-subtle-active, #8fb0f6); } .k-chip-outline-warning { color: var(--kendo-color-on-app-surface, #212121); } .k-chip-outline-warning:focus, .k-chip-outline-warning.k-focus { box-shadow: none; background-color: var(--kendo-color-warning-subtle-active, #ffe19c); } .k-chip-outline-warning:hover, .k-chip-outline-warning.k-hover { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-warning-subtle-hover, #ffe7b0); } .k-chip-outline-warning.k-selected { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-warning-subtle-active, #ffe19c); } .k-chip-outline-success { color: var(--kendo-color-success-on-surface, #2b8906); } .k-chip-outline-success:focus, .k-chip-outline-success.k-focus { box-shadow: none; color: var(--kendo-color-success-on-subtle, #163f09); background-color: var(--kendo-color-success-subtle-active, #a7db97); } .k-chip-outline-success:hover, .k-chip-outline-success.k-hover { color: var(--kendo-color-success-on-subtle, #163f09); background-color: var(--kendo-color-success-subtle-hover, #bae2ad); } .k-chip-outline-success.k-selected { color: var(--kendo-color-success-on-subtle, #163f09); background-color: var(--kendo-color-success-subtle-active, #a7db97); } .k-button { font-weight: 600; } .k-button.k-primary.k-flat.kpa-primary:not(.k-state-disabled) { border-color: #1c75bc !important; color: #1c75bc; background: #00ac69 !important; } .k-button.k-primary.k-flat.kpa-primary:not(.k-disabled) { border-color: #1c75bc !important; color: #1c75bc; background: #00ac69 !important; } .k-button-group.kpa-button-group { box-shadow: none; } .k-button-group.kpa-button-group > .k-button.k-outline { border-right-width: 1px; border-left-width: 0; padding-left: 1.75rem; } .k-button-group.kpa-button-group > .k-button.k-outline.k-group-start { padding-left: calc(0.75rem); border-left-width: 1px; } .k-button-group.kpa-button-group .k-button-flat-primary, .k-button-group.kpa-button-group .k-button-flat.k-primary, .k-button-group.kpa-button-group .k-button.k-flat.k-primary { border-color: #1c75bc !important; color: #1c75bc; background: #00ac69 !important; } .k-button-group.kpa-button-group .k-button-flat-primary:disabled, .k-button-group.kpa-button-group .k-button-flat-primary.k-state-disabled, .k-button-group.kpa-button-group .k-button-flat.k-primary:disabled, .k-button-group.kpa-button-group .k-button-flat.k-primary.k-state-disabled, .k-button-group.kpa-button-group .k-button.k-flat.k-primary:disabled, .k-button-group.kpa-button-group .k-button.k-flat.k-primary.k-state-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); box-shadow: none; opacity: 1; } .k-button-group.kpa-button-group .k-button-flat-primary.k-disabled, .k-button-group.kpa-button-group .k-button-flat.k-primary.k-disabled, .k-button-group.kpa-button-group .k-button.k-flat.k-primary.k-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); box-shadow: none; opacity: 1; } .k-button-group.kpa-button-group .k-button-flat-primary:active:not(.k-state-focused):not(:hover)::before, .k-button-group.kpa-button-group .k-button-flat-primary.k-state-active:not(.k-state-focused):not(:hover)::before, .k-button-group.kpa-button-group .k-button-flat.k-primary:active:not(.k-state-focused):not(:hover)::before, .k-button-group.kpa-button-group .k-button-flat.k-primary.k-state-active:not(.k-state-focused):not(:hover)::before, .k-button-group.kpa-button-group .k-button.k-flat.k-primary:active:not(.k-state-focused):not(:hover)::before, .k-button-group.kpa-button-group .k-button.k-flat.k-primary.k-state-active:not(.k-state-focused):not(:hover)::before { opacity: 0; } .k-dropdown-button.kpa-dropdown-button { direction: rtl; unicode-bidi: isolate; } .k-dropdown-button.kpa-dropdown-button .k-button-icontext { direction: rtl; unicode-bidi: isolate; } .k-dropdown-button.kpa-dropdown-button .k-button-icontext .k-icon { position: relative; padding: calc((var(--kendo-font-size, inherit) * 1.4285714286 - 14px) / 2 + 0.625rem - 1px); border-left: 1px solid #1c75bc; border-radius: 0 3px 3px 0; z-index: 10; } .k-dropdown-button.kpa-dropdown-button.k-state-focused .k-button-icontext .k-icon { color: white; background-color: #1c75bc; } .k-chip-solid .k-remove-icon, .k-chip-solid.k-chip-warning .k-remove-icon, .k-chip-solid.k-chip-error .k-remove-icon, .k-chip-solid.k-chip-success .k-remove-icon, .k-chip-solid.k-chip-info .k-remove-icon { color: white; } .k-chip-solid.k-chip-success:hover, .k-chip-solid.k-chip-success.k-chip-hover { background-color: #85c442; } .k-chip-solid.k-chip-success:focus, .k-chip-solid.k-chip-success.k-chip-focused { background-color: #85c442; } .k-chip-solid.k-chip-warning:hover, .k-chip-solid.k-chip-warning.k-chip-hover { background-color: #febc48; } .k-chip-solid.k-chip-warning:focus, .k-chip-solid.k-chip-warning.k-chip-focused { background-color: #febc48; } .k-chip-solid.k-chip-error:hover, .k-chip-solid.k-chip-error.k-chip-hover { background-color: #f06d57; } .k-chip-solid.k-chip-error:focus, .k-chip-solid.k-chip-error.k-chip-focused { background-color: #f06d57; } .k-chip-solid.k-chip-info:hover, .k-chip-solid.k-chip-info.k-chip-hover { background-color: #295d82; } .k-chip-solid.k-chip-info:focus, .k-chip-solid.k-chip-info.k-chip-focused { background-color: #295d82; } kendo-upload.item-upload { border: none !important; } kendo-upload.item-upload .k-upload-button { width: 100%; display: block; padding: 0px !important; opacity: 1; text-align: center; font-family: Open Sans, Arial, Helvetica, sans-serif !important; font-size: 14px; color: #1c75bc !important; background-color: #fff !important; font-weight: 600 !important; line-height: 2.8; } kendo-upload.item-upload .k-dropzone { padding: 0px !important; border-color: #dddddd !important; border-width: 2px; border-style: dotted; border-radius: 3px; } kendo-upload.item-upload .k-upload-files { display: none; } kendo-upload.item-upload .k-actions, kendo-upload.item-upload .k-form-buttons, kendo-upload.item-upload .k-edit-buttons, kendo-upload.item-upload .k-action-buttons, kendo-upload.item-upload .k-columnmenu-actions { display: none; } .full-width-upload-button kendo-upload .k-upload-button-wrap { width: 100%; } kendo-dialog.dialog-full .k-content { padding: 0px 20px !important; } kendo-dialog.dialog-full .panelbar-body .k-content { padding-left: 0px !important; padding-right: 0px !important; } .attachment-button .k-button { text-transform: capitalize !important; } .no-equipment-shadow .k-button { box-shadow: none; } .no-equipment-shadow.k-button { box-shadow: none; } .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-lg, inherit); line-height: 1.25; 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::placeholder, .k-picker::placeholder { color: var(--kendo-color-subtle, #757575); opacity: 1; -webkit-user-select: none; user-select: none; } input.k-input, textarea.k-textarea { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } input.k-input:disabled, input.k-input[disabled], textarea.k-textarea:disabled, textarea.k-textarea[disabled] { outline: none; cursor: default; color: var(--kendo-color-on-app-surface, #212121); opacity: 0.6; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } [disabled] input.k-input:disabled, .k-disabled input.k-input:disabled, [disabled] input.k-input[disabled], .k-disabled input.k-input[disabled], [disabled] textarea.k-textarea:disabled, .k-disabled textarea.k-textarea:disabled, [disabled] textarea.k-textarea[disabled], .k-disabled textarea.k-textarea[disabled] { opacity: 1; filter: grayscale(0); } textarea.k-textarea { overflow: auto; } .k-picker { cursor: pointer; } select.k-picker { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); -webkit-appearance: auto; appearance: auto; } select.k-picker:disabled, select.k-picker[disabled] { outline: none; cursor: default; color: var(--kendo-color-on-app-surface, #212121); opacity: 0.6; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } [disabled] select.k-picker:disabled, .k-disabled select.k-picker:disabled, [disabled] select.k-picker[disabled], .k-disabled select.k-picker[disabled] { opacity: 1; filter: grayscale(0); } .k-input-inner { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); 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::placeholder { color: var(--kendo-color-subtle, #757575); opacity: 1; -webkit-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: "​"; 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-2, 0.5rem); 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-2, 0.5rem); align-self: stretch; border-width: 1px 0 0; } .k-input-separator-vertical { height: auto; margin-block: var(--kendo-spacing-2, 0.5rem); align-self: stretch; border-width: 0 0 0 1px; } .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: calc( 16px * .75 ); height: calc( 16px * .75 ); } .k-input-icon.k-icon-sm > svg, .k-input-validation-icon.k-icon-sm > svg, .k-input-loading-icon.k-icon-sm > svg { width: calc( 16px * .875 ); height: calc( 16px * .875 ); } .k-input-icon.k-icon-lg > svg, .k-input-validation-icon.k-icon-lg > svg, .k-input-loading-icon.k-icon-lg > svg { width: calc( 16px * 1.25 ); height: calc( 16px * 1.25 ); } .k-input-icon.k-icon-xl > svg, .k-input-validation-icon.k-icon-xl > svg, .k-input-loading-icon.k-icon-xl > svg { width: calc( 16px * 1.5 ); height: calc( 16px * 1.5 ); } .k-input-icon.k-icon-xxl > svg, .k-input-validation-icon.k-icon-xxl > svg, .k-input-loading-icon.k-icon-xxl > svg { width: calc( 16px * 2 ); height: calc( 16px * 2 ); } .k-input-icon.k-icon-xxxl > svg, .k-input-validation-icon.k-icon-xxxl > svg, .k-input-loading-icon.k-icon-xxxl > svg { width: calc( 16px * 3 ); height: calc( 16px * 3 ); } .k-clear-value { outline: 0; flex: none; align-self: center; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.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: auto; 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: transparent; } .k-input-spinner { width: auto; 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: transparent !important; background-image: none !important; } .k-input-outline { background: none !important; } .k-input-sm, .k-picker-sm { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; } .k-input-sm .k-input-values, .k-picker-sm .k-input-values { padding: calc( var(--kendo-spacing-1\.5, 0.375rem) /2 ); gap: calc( var(--kendo-spacing-1\.5, 0.375rem) / 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-1\.5, 0.375rem) / 2 ) * -1); } .k-input-sm .k-input-inner, .k-picker-sm .k-input-inner { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); } .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-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-1, 0.25rem); } .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-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-1\.5, 0.375rem); box-sizing: content-box; } .k-input-sm .k-input-separator-horizontal, .k-picker-sm .k-input-separator-horizontal { margin-inline: var(--kendo-spacing-1\.5, 0.375rem); } .k-input-sm .k-input-separator-vertical, .k-picker-sm .k-input-separator-vertical { margin-block: var(--kendo-spacing-1\.5, 0.375rem); } .k-input-sm.k-icon-picker .k-input-inner, .k-picker-sm.k-icon-picker .k-input-inner { width: calc( 1.25 * 1em ); height: calc( 1.25 * 1em ); padding: var(--kendo-spacing-1\.5, 0.375rem); box-sizing: content-box; } .k-dropdown-operator.k-picker-sm .k-input-button { padding: var(--kendo-spacing-1\.5, 0.375rem); } select.k-picker-sm { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-input-md, .k-picker-md { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; } .k-input-md .k-input-values, .k-picker-md .k-input-values { padding: calc( var(--kendo-spacing-2, 0.5rem) /2 ); gap: calc( var(--kendo-spacing-2, 0.5rem) / 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-2, 0.5rem) / 2 ) * -1); } .k-input-md .k-input-inner, .k-picker-md .k-input-inner { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .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-2, 0.5rem); 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-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); box-sizing: content-box; } .k-input-md .k-input-separator-horizontal, .k-picker-md .k-input-separator-horizontal { margin-inline: var(--kendo-spacing-2, 0.5rem); } .k-input-md .k-input-separator-vertical, .k-picker-md .k-input-separator-vertical { margin-block: var(--kendo-spacing-2, 0.5rem); } .k-input-md.k-icon-picker .k-input-inner, .k-picker-md.k-icon-picker .k-input-inner { width: calc( 1.25 * 1em ); height: calc( 1.25 * 1em ); padding: var(--kendo-spacing-2, 0.5rem); box-sizing: content-box; } .k-dropdown-operator.k-picker-md .k-input-button { padding: var(--kendo-spacing-2, 0.5rem); } select.k-picker-md { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-input-lg, .k-picker-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.5; } .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-4, 1rem); } .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-1, 0.25rem); } .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( 1.5 * 1em ); height: calc( 1.5 * 1em ); padding: var(--kendo-spacing-2, 0.5rem); box-sizing: content-box; } .k-dropdown-operator.k-picker-lg .k-input-button { padding: var(--kendo-spacing-2, 0.5rem); } select.k-picker-lg { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .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, .k-picker-solid { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-width: 1px 0; border-top-color: transparent !important; } .k-input-solid .k-input-button, .k-input-solid .k-input-spinner .k-spinner-increase, .k-input-solid .k-input-spinner .k-spinner-decrease, .k-picker-solid .k-input-button, .k-picker-solid .k-input-spinner .k-spinner-increase, .k-picker-solid .k-input-spinner .k-spinner-decrease { background: none; border-color: transparent; } .k-input-flat .k-input-button, .k-input-flat .k-input-spinner .k-spinner-increase, .k-input-flat .k-input-spinner .k-spinner-decrease, .k-picker-flat .k-input-button, .k-picker-flat .k-input-spinner .k-spinner-increase, .k-picker-flat .k-input-spinner .k-spinner-decrease { background: none; border-color: transparent; } .k-input-flat:disabled, .k-input-flat[disabled], .k-input-flat.k-disabled, .k-picker-flat:disabled, .k-picker-flat[disabled], .k-picker-flat.k-disabled { border-bottom-style: dashed; } .k-input:disabled, .k-input[disabled], .k-input.k-disabled, .k-picker:disabled, .k-picker[disabled], .k-picker.k-disabled { opacity: 1; filter: none; } .k-input .k-input-button, .k-input .k-input-spinner .k-spinner-increase, .k-input .k-input-spinner .k-spinner-decrease, .k-input .k-input-values .k-chip, .k-picker .k-input-button, .k-picker .k-input-spinner .k-spinner-increase, .k-picker .k-input-spinner .k-spinner-decrease, .k-picker .k-input-values .k-chip { color: inherit; } .k-input-solid::after, .k-input-flat::after, .k-input-outline::after, .k-picker-solid::after, .k-picker-flat::after, .k-picker-outline::after { content: ""; border-width: 0 0 2px 0; border-style: solid; border-color: inherit; border-radius: inherit; display: block; position: absolute; z-index: 2; inset: -1px; opacity: 0; transform: scaleX(0); transition: opacity 0.3s, transform 0.3s; pointer-events: none; } .k-input-solid.k-focus::after, .k-input-flat.k-focus::after, .k-input-outline.k-focus::after, .k-picker-solid.k-focus::after, .k-picker-flat.k-focus::after, .k-picker-outline.k-focus::after { opacity: 1; transform: scaleX(1); } .k-input-solid:focus-within::after, .k-input-flat:focus-within::after, .k-input-outline:focus-within::after, .k-picker-solid:focus-within::after, .k-picker-flat:focus-within::after, .k-picker-outline:focus-within::after { opacity: 1; transform: scaleX(1); } .k-input-outline::after, .k-picker-outline::after { border-width: 2px; transform: none; } .k-input-outline.k-focus::after, .k-picker-outline.k-focus::after { transform: none; } .k-input-outline:focus-within::after, .k-picker-outline:focus-within::after { transform: none; } .k-input-solid { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface, #f5f5f5); } .k-input-solid:hover, .k-input-solid.k-hover { border-color: var(--kendo-color-on-app-surface, #212121); } .k-input-solid:focus, .k-input-solid.k-focus { border-color: var(--kendo-color-primary, #3f51b5); } .k-input-solid:focus-within { border-color: var(--kendo-color-primary, #3f51b5); } .k-input-solid:disabled, .k-input-solid[disabled], .k-input-solid.k-disabled { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 27%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, 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, #f31700); } .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, #f31700); } .k-input-solid .k-input-prefix { color: var(--kendo-color-subtle, #757575); } .k-input-solid .k-input-suffix { color: var(--kendo-color-subtle, #757575); } .k-input-solid .k-input-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-picker-solid { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface, #f5f5f5); } .k-picker-solid:hover, .k-picker-solid.k-hover { border-color: var(--kendo-color-on-app-surface, #212121); } .k-picker-solid:focus, .k-picker-solid.k-focus { border-color: var(--kendo-color-primary, #3f51b5); } .k-picker-solid:focus-within { border-color: var(--kendo-color-primary, #3f51b5); } .k-picker-solid:disabled, .k-picker-solid[disabled], .k-picker-solid.k-disabled { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 27%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, 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, #f31700); } .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, #f31700); } .k-input-outline { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); color: var(--kendo-color-on-app-surface, #212121); } .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: var(--kendo-color-on-app-surface, #212121); } .k-input-outline:focus, .k-input-outline.k-focus { border-color: var(--kendo-color-primary, #3f51b5); } .k-input-outline:focus-within { border-color: var(--kendo-color-primary, #3f51b5); } .k-input-outline:disabled, .k-input-outline[disabled], .k-input-outline.k-disabled { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 27%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, 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, #f31700); } .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, #f31700); } .k-input-outline .k-input-prefix { color: var(--kendo-color-subtle, #757575); } .k-input-outline .k-input-suffix { color: var(--kendo-color-subtle, #757575); } .k-input-outline .k-input-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-picker-outline { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); color: var(--kendo-color-on-app-surface, #212121); } .k-picker-outline:hover, .k-picker-outline.k-hover { border-color: var(--kendo-color-on-app-surface, #212121); } .k-picker-outline:focus, .k-picker-outline.k-focus { border-color: var(--kendo-color-primary, #3f51b5); background-color: nul; } .k-picker-outline:focus-within { border-color: var(--kendo-color-primary, #3f51b5); background-color: nul; } .k-picker-outline:disabled, .k-picker-outline[disabled], .k-picker-outline.k-disabled { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 27%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, 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, #f31700); } .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, #f31700); } .k-input-flat { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); color: var(--kendo-color-on-app-surface, #212121); } .k-input-flat:hover, .k-input-flat.k-hover { border-color: var(--kendo-color-on-app-surface, #212121); } .k-input-flat:focus, .k-input-flat.k-focus { border-color: var(--kendo-color-primary, #3f51b5); } .k-input-flat:focus-within { border-color: var(--kendo-color-primary, #3f51b5); } .k-input-flat:disabled, .k-input-flat[disabled], .k-input-flat.k-disabled { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 27%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, 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, #f31700); } .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, #f31700); } .k-input-flat .k-input-prefix { color: var(--kendo-color-subtle, #757575); } .k-input-flat .k-input-suffix { color: var(--kendo-color-subtle, #757575); } .k-input-flat .k-input-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-picker-flat { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); color: var(--kendo-color-on-app-surface, #212121); } .k-picker-flat:hover, .k-picker-flat.k-hover { border-color: var(--kendo-color-on-app-surface, #212121); } .k-picker-flat:focus, .k-picker-flat.k-focus { border-color: var(--kendo-color-primary, #3f51b5); } .k-picker-flat:focus-within { border-color: var(--kendo-color-primary, #3f51b5); } .k-picker-flat:disabled, .k-picker-flat[disabled], .k-picker-flat.k-disabled { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 27%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, 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, #f31700); } .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, #f31700); } .k-floating-label-container { padding-top: calc( 1.25 * var(--kendo-font-size-lg, 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-lg, inherit); line-height: 1.25; white-space: nowrap; text-overflow: ellipsis; position: absolute; top: var(--kendo-floating-label-offset-y, calc( calc( 1.25 * var(--kendo-font-size-lg, inherit) ) + 1px + var(--kendo-spacing-2, 0.5rem) )); left: var(--kendo-floating-label-offset-x, calc( var(--kendo-spacing-4, 1rem) + 1px )); overflow: hidden; cursor: text; transform-origin: left center; transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), top 0.15s cubic-bezier(0.4, 0, 0.2, 1), left 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .k-floating-label-container.k-empty > .k-floating-label { top: var(--kendo-floating-label-offset-y, calc( calc( 1.25 * var(--kendo-font-size-lg, inherit) ) + 1px + var(--kendo-spacing-2, 0.5rem) )); left: var(--kendo-floating-label-offset-x, calc( var(--kendo-spacing-4, 1rem) + 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, 0px); left: var(--kendo-floating-label-focus-offset-x, 0px); transform: scale(0.75); } .k-floating-label-container:focus-within > .k-floating-label { top: var(--kendo-floating-label-focus-offset-y, 0px); left: var(--kendo-floating-label-focus-offset-x, 0px); transform: scale(0.75); } .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder { color: transparent; } [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 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), top 0.15s cubic-bezier(0.4, 0, 0.2, 1), right 0.15s cubic-bezier(0.4, 0, 0.2, 1); } [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-4, 1rem) + 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, 0px); } [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, 0px); } .k-floating-label-container > .k-floating-label { transform-origin: left bottom; } [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 bottom; } .k-floating-label-container > .k-floating-label { color: var(--kendo-color-subtle, #757575); } .k-floating-label-container.k-focus > .k-floating-label { color: var(--kendo-color-primary, #3f51b5); } .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, #f31700); } .k-floating-label-container.k-invalid + .k-floating-label, .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, #f31700); } .k-form-field.kpa-required .k-floating-label-container, .k-form-field.kpa-required .k-floating-label-container:hover, .k-form-field.kpa-required .k-floating-label-container:focus-within { background-color: rgba(28, 117, 188, 0.08); } .k-form-field.k-form-field-error .k-floating-label-container, .k-form-field.k-form-field-error .k-floating-label-container:hover, .k-form-field.k-form-field-error .k-floating-label-container:focus-within, .k-form-field.k-form-field-error.kpa-required .k-floating-label-container, .k-form-field.k-form-field-error.kpa-required .k-floating-label-container:hover, .k-form-field.k-form-field-error.kpa-required .k-floating-label-container:focus-within { background-color: rgba(237, 81, 55, 0.08); } .k-form-field .k-floating-label-container { border-top-left-radius: 3px; border-top-right-radius: 3px; } .k-form-field .k-floating-label-container .k-label { overflow: inherit; } .k-form-field:not(.kpa-required):not(.k-form-field-error):not(.k-form-field-disabled) .k-floating-label-container:hover, .k-form-field:not(.kpa-required):not(.k-form-field-error):not(.k-form-field-disabled) .k-floating-label-container:focus-within { background-color: transparent; } .k-form-field .k-form-hint, .k-form-field .k-form-error { padding-left: 15px; padding-right: 15px; } .k-floating-label-container .k-input-prefix, .k-floating-label-container .k-input-suffix { position: relative; bottom: 8px; } kendo-floatinglabel { width: 100%; } kendo-floatinglabel label { padding-left: 5px; font-size: 14px !important; } kendo-floatinglabel.required-field.k-invalid, kendo-floatinglabel.required-field-error.k-invalid { background-color: rgba(237, 81, 55, 0.08) !important; border-bottom-color: rgba(237, 81, 55, 0.08) !important; border-width: 2px; } kendo-floatinglabel.required-field.k-invalid.k-focus, kendo-floatinglabel.required-field-error.k-invalid.k-focus { box-shadow: 0 0 0 1px #ed5137; border-top-left-radius: 5px; border-top-right-radius: 5px; } kendo-floatinglabel.k-focus:not(.k-invalid) textarea, kendo-floatinglabel.k-focus:not(.k-invalid) input { border-bottom-color: #1c75bc !important; border-bottom-width: 2px; } kendo-floatinglabel.k-focus:not(.k-invalid) label { color: #1c75bc !important; } kendo-floatinglabel.k-focus.small-label label, kendo-floatinglabel:not(.k-empty):not(.k-focus).small-label label, kendo-floatinglabel.k-focus:not(.k-invalid).small-label label { font-size: small; } kendo-floatinglabel.k-focus.medium-label label, kendo-floatinglabel:not(.k-empty):not(.k-focus).medium-label label, kendo-floatinglabel.k-focus:not(.k-invalid).medium-label label { font-size: medium; } kendo-floatinglabel.k-focus.large-label label, kendo-floatinglabel:not(.k-empty):not(.k-focus).large-label label, kendo-floatinglabel.k-focus:not(.k-invalid).large-label label { font-size: large; } .k-checkbox { margin: 0; padding: 0; line-height: initial; border-width: 2px; 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:checked, .k-checkbox.k-checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='none' stroke='var%28--kendo-color-on-primary, %23ffffff%29' stroke-width='3' d='M4.1,12.7 9,17.6 20.3,6.3'/%3e%3c/svg%3e"); } .k-checkbox:indeterminate, .k-checkbox.k-indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='var%28--kendo-color-on-primary, %23ffffff%29' stroke-width='3' d='M4 10h12'/%3e%3c/svg%3e"); } .k-checkbox:disabled, .k-checkbox.k-disabled { outline: none; cursor: default; color: var(--kendo-color-on-app-surface, #212121); opacity: 0.6; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .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: "​"; 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; 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-2, 0.5rem); 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: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); } .k-checkbox:indeterminate, .k-checkbox.k-indeterminate { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-checkbox:checked, .k-checkbox.k-checked { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-checkbox:disabled, .k-checkbox.k-disabled { border-color: var(--kendo-color-base-emphasis, #adadad); } .k-checkbox:checked:disabled, .k-checkbox:indeterminate:disabled, .k-checkbox.k-checked.k-disabled, .k-checkbox.k-indeterminate.k-disabled { border-color: var(--kendo-color-base-emphasis, #adadad); color: var(--kendo-color-on-base, #212121); background-color: var(--kendo-color-base-emphasis, #adadad); } .k-checkbox.k-invalid { border-color: var(--kendo-color-error, #f31700); } .k-checkbox.k-invalid + .k-checkbox-label { color: var(--kendo-color-error, #f31700); } .k-checkbox-wrap .k-ripple-blob { color: var(--kendo-color-primary, #3f51b5); opacity: 0.2; } .k-ripple-container .k-checkbox::after { background: var(--kendo-color-primary, #3f51b5); opacity: 0.2; } .k-checkbox:disabled + .k-checkbox-label { color: var(--kendo-color-subtle, #757575); opacity: 1; filter: none; } .k-radio { border-radius: 50%; margin: 0; padding: 0; line-height: initial; border-width: 2px; 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:checked, .k-radio.k-checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='50%25' cy='50%25' r='4' fill='var%28--kendo-color-primary, %233f51b5%29'/%3e%3c/svg%3e"); } .k-radio:disabled, .k-radio.k-disabled { outline: none; cursor: default; color: var(--kendo-color-on-app-surface, #212121); opacity: 0.6; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-radio:disabled:checked, .k-radio.k-disabled.k-checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='50%25' cy='50%25' r='4' fill='var%28--kendo-color-base-emphasis, %23adadad%29'/%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: "​"; 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; 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-2, 0.5rem); 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::before { transition: transform linear 280ms; transform-origin: 0 0; } .k-radio { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); } .k-radio.k-invalid, .k-radio.ng-invalid.ng-touched, .k-radio.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #f31700); } .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, #f31700); } .k-radio:checked, .k-radio.k-checked { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-primary, #3f51b5); } .k-radio:disabled, .k-radio.k-disabled { border-color: var(--kendo-color-base-emphasis, #adadad); } .k-radio:checked:disabled, .k-radio.k-checked.k-disabled { border-color: var(--kendo-color-base-emphasis, #adadad); color: var(--kendo-color-base-emphasis, #adadad); } .k-ripple-container .k-radio::after { background: var(--kendo-color-primary, #3f51b5); opacity: 0.2; } .k-radio:disabled + .k-radio-label { color: var(--kendo-color-subtle, #757575); opacity: 1; filter: none; } .k-textarea:has(.k-input-inner[style*=width]) { width: max-content; } .k-textarea { background-color: transparent; } .k-textarea:focus, .k-textarea:focus-within, .k-textarea.k-state-focus, .k-textarea.k-state-focused { box-shadow: none; } kendo-textbox-container.no-margin-bottom { margin-bottom: 0px !important; } .k-textbox { background: none; } .k-datepicker { background-color: transparent; } .k-autocomplete { background-color: transparent; } .k-maskedtextbox { background-color: transparent; } .k-numerictextbox { background-color: transparent; } .k-multiselect { background-color: transparent; } .k-multiselect.hide-clear-button span.k-clear-value { display: none; } textarea[kendoTextArea].hide-underline { border: none; /* Removes the underline (border) */ } kendo-maskedtextbox.hide-underline { border: none; /* Removes the visible border */ } .helper-text { width: 100%; font-family: Open Sans; font-size: 10px; color: #514e4b !important; font-weight: 400; line-height: 12px; margin-left: 10px; margin-right: 10px; margin-top: 3px; } .k-animation-container { position: absolute; overflow: hidden; z-index: 100; } .k-animation-container-fixed { position: fixed; } .k-animation-container-relative { position: relative; display: inline-block; } .k-animation-container { border-radius: 0 0 0.25rem 0.25rem; } .k-animation-container-shown { overflow: visible; } .k-popup { margin: 0; padding: 0; border-width: 0px; 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: transparent; box-shadow: none; } .k-popup.k-popup-flush { padding: 0; } .k-popup > .k-widget, .k-popup > .k-coloreditor { border-width: 0; } .k-shadow { box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)); } .k-popup { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)); } .k-animation-container { border-radius: 0 0 var(--kendo-border-radius-md, 0.25rem) var(--kendo-border-radius-md, 0.25rem); } .k-tooltip { border-radius: var(--kendo-border-radius-md, 0.25rem); margin: 0; padding-block: calc( var(--kendo-spacing-1, 0.25rem) * .75 ); padding-inline: calc( var(--kendo-spacing-4, 1rem) / 2 ); 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-sm, inherit); line-height: 1.4285714286; 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 { margin-inline-end: var(--kendo-spacing-2, 0.5rem); flex-shrink: 0; } .k-tooltip-title { margin-bottom: 0.25em; font-size: calc(var(--kendo-font-size-sm, 0.75rem) * 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 { margin-inline-start: var(--kendo-spacing-2, 0.5rem); flex-shrink: 0; } .k-tooltip-button .k-icon { color: inherit; vertical-align: top; } .k-callout { width: calc( 6px * 2); height: calc( 6px * 2); border-width: 6px; border-style: solid; border-color: transparent; position: absolute; pointer-events: none; } .k-callout-n { margin-left: calc( 6px * -1 ); border-bottom-color: currentColor; top: calc(( 6px * -1 ) * 2); left: 50%; pointer-events: none; } .k-callout-e { margin-top: calc( 6px * -1 ); border-left-color: currentColor; top: 50%; right: calc(( 6px * -1 ) * 2); pointer-events: none; } .k-callout-s { margin-left: calc( 6px * -1 ); border-top-color: currentColor; bottom: calc(( 6px * -1 ) * 2); left: 50%; pointer-events: none; } .k-callout-w { margin-top: calc( 6px * -1 ); border-right-color: currentColor; top: 50%; left: calc(( 6px * -1 ) * 2); pointer-events: none; } .k-tooltip { border-color: rgba(97, 97, 97, 0.9); color: #ffffff; background-color: rgba(97, 97, 97, 0.9); box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .k-tooltip .k-callout { color: rgba(97, 97, 97, 0.9); } .k-tooltip-inverse { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-tooltip-inverse .k-callout { color: var(--kendo-color-dark, #424242); } .k-tooltip-light { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-tooltip-light .k-callout { color: var(--kendo-color-light, #f5f5f5); } .k-tooltip-dark { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-tooltip-dark .k-callout { color: var(--kendo-color-dark, #424242); } .k-tooltip-error { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-tooltip-error .k-callout { color: var(--kendo-color-error, #f31700); } .k-tooltip-warning { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-tooltip-warning .k-callout { color: var(--kendo-color-warning, #ffc000); } .k-tooltip-success { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-tooltip-success .k-callout { color: var(--kendo-color-success, #37b400); } .k-tooltip-info { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-tooltip-info .k-callout { color: var(--kendo-color-info, #0058e9); } .k-tooltip-tertiary { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-tooltip-tertiary .k-callout { color: var(--kendo-color-tertiary, #00695c); } .k-tooltip-secondary { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-tooltip-secondary .k-callout { color: var(--kendo-color-secondary, #e51a5f); } .k-tooltip-primary { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-tooltip-primary .k-callout { color: var(--kendo-color-primary, #3f51b5); } .white-tooltip .k-tooltip { background-color: #f5f5f5; } .white-tooltip .k-tooltip .k-i-x.k-icon { color: #000000; } .k-tooltip-wrapper .k-tooltip { box-shadow: none; } .k-tooltip-wrapper .k-tooltip .k-callout { border: none; transform: none !important; } .k-tooltip-wrapper .k-tooltip .k-callout::before, .k-tooltip-wrapper .k-tooltip .k-callout::after { top: 0; left: 0; position: absolute; content: ""; width: 100%; height: 100%; display: block; } .k-tooltip-wrapper .k-tooltip .k-callout::before { background-color: #f5f5f5; z-index: 2; } .k-tooltip-wrapper .k-tooltip .k-callout::after { background-color: rgba(0, 0, 0, 0.1); filter: blur(4px); z-index: 1; } .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-n, .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-s { width: 17px; height: 16px; } .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-n { bottom: 100%; top: auto; } .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-n::before { clip-path: polygon(0% 100%, 50% 0%, 100% 100%); } .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-n::after { display: none; } .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-s { bottom: auto; top: 100%; } .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-s::before, .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-s::after { clip-path: polygon(0% 0%, 50% 100%, 100% 0%); } .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-s::after { top: 3px; } .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-e, .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-w { margin-top: -8.5px; width: 16px; height: 17px; } .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-e::after, .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-w::after { top: 3px; } .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-w { left: auto; right: 100%; margin-right: -0.5px; } .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-w::before, .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-w::after { clip-path: polygon(0% 50%, 100% 0%, 100% 100%); } .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-e { right: auto; left: 100%; } .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-e::before, .k-tooltip-wrapper .k-tooltip .k-callout.k-callout-e::after { clip-path: polygon(0% 0%, 100% 50%, 0% 100%); } .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; 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-optionlabel { border: 0; outline: none; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-2, 0.5rem); 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-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: "​"; width: 0px; overflow: hidden; } .k-list-optionlabel { -moz-column-gap: 0; column-gap: 0; } .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-2, 0.5rem); position: relative; } .k-list-item-group-label { padding-block: 0; padding-inline: 0.5em; font-size: 0.75em; 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-group-item, .k-virtual-content .k-list-item, .k-virtual-content .k-list-optionlabel, .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: var(--kendo-spacing-4, 1rem); box-sizing: border-box; flex: none; } .k-list-sm { font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; } .k-list-sm .k-list-group-sticky-header { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-sm .k-list-group-item { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-md { font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; } .k-list-md .k-list-group-sticky-header { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-md .k-list-item, .k-list-md .k-list-optionlabel { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-md .k-list-group-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.5; } .k-list-lg .k-list-group-sticky-header { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-lg .k-list-group-item { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-4, 1rem); } .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-list { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-list-group-sticky-header { border-color: inherit; } .k-list-item:hover, .k-list-optionlabel:hover, .k-list-item.k-hover, .k-hover.k-list-optionlabel { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-list-item.k-selected, .k-selected.k-list-optionlabel { color: var(--kendo-color-secondary, #e51a5f); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel { color: var(--kendo-color-secondary, #e51a5f); background-color: var(--kendo-color-primary-hover, #3a4ba7); } .k-list-optionlabel, .k-list-optionlabel.k-hover, .k-list-optionlabel:hover { color: var(--kendo-color-subtle, #757575); } .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, #212121); } .k-no-data, .k-nodata { color: var(--kendo-color-subtle, #757575); } .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel { background-color: var(--kendo-color-base-active, #d6d6d6); } .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: 1.4285714286; 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-6, 1.5rem); color: inherit; background: none; text-decoration: none; font-weight: 500; display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-2, 0.5rem); align-items: center; align-content: center; position: relative; -webkit-user-select: none; user-select: none; cursor: default; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.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: transparent; 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-3, 0.75rem); padding-inline: var(--kendo-spacing-6, 1.5rem); color: inherit; text-decoration: none; display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-2, 0.5rem); align-items: center; align-content: center; position: relative; -webkit-user-select: none; user-select: none; cursor: default; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link { padding-left: calc( var(--kendo-spacing-6, 1.5rem) * 1 ); } .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link { padding-left: calc( var(--kendo-spacing-6, 1.5rem) * 2 ); } .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link { padding-left: calc( var(--kendo-spacing-6, 1.5rem) * 3 ); } .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link { padding-left: calc( var(--kendo-spacing-6, 1.5rem) * 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 { 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 { margin-inline-end: calc( var(--kendo-spacing-6, 1.5rem) - var(--kendo-spacing-6, 1.5rem) ); } .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-6, 1.5rem); padding-right: calc( var(--kendo-spacing-6, 1.5rem) * 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-6, 1.5rem); padding-right: calc( var(--kendo-spacing-6, 1.5rem) * 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-6, 1.5rem); padding-right: calc( var(--kendo-spacing-6, 1.5rem) * 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-6, 1.5rem); padding-right: calc( var(--kendo-spacing-6, 1.5rem) * 4 ); } .k-panelbar { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-panelbar > .k-panelbar-header > .k-link { color: var(--kendo-color-secondary, #e51a5f); 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, #212121); } .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 { background-color: var(--kendo-color-base-active, #d6d6d6); } .k-panelbar > .k-panelbar-header > .k-link:focus:hover, .k-panelbar > .k-panelbar-header > .k-link.k-focus.k-hover { background-color: var(--kendo-color-base-active, #d6d6d6); } .k-panelbar > .k-panelbar-header > .k-link.k-selected { color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .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-secondary-hover, #d31857); } .k-panelbar > .k-panelbar-header > .k-link.k-selected:focus, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus { background-color: var(--kendo-color-secondary-active, #c01650); } .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover:focus, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover.k-focus { background-color: var(--kendo-color-secondary-active, #c01650); } .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 { background-color: var(--kendo-color-base-active, #d6d6d6); } .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus.k-hover { background-color: var(--kendo-color-base-active, #d6d6d6); } .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected { color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .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-secondary-hover, #d31857); } .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:focus, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus { background-color: var(--kendo-color-secondary-active, #c01650); } .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:focus:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus.k-hover { background-color: var(--kendo-color-secondary-active, #c01650); } .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: transparent; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; color: inherit; background-color: transparent; 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; } .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: 0px solid transparent; position: relative; flex-shrink: 0; display: flex; flex-direction: row; align-items: stretch; justify-items: stretch; outline: 0; } .k-tabstrip-items .k-tab-on-top { z-index: 1; } .k-tabstrip-items .k-link { padding-block: var(--kendo-spacing-3\.5, 0.875rem); padding-inline: var(--kendo-spacing-6, 1.5rem); color: inherit; cursor: pointer; display: inline-flex; vertical-align: middle; flex: 1 1 auto; flex-direction: row; align-content: center; align-items: center; } .k-tabstrip-items .k-item.k-disabled, .k-tabstrip-items .k-item[disabled] { opacity: 1; filter: none; } .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: 0px; 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 transparent; border-color: inherit; background: none; position: absolute; top: 0; left: 0; transition: width 0.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-button { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); width: auto; height: auto; flex: none; align-self: stretch; aspect-ratio: auto; } .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button .k-button-icon { min-width: auto; min-height: auto; } .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: 0px; border-top-right-radius: 0px; border-bottom-width: 0; } .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: transparent !important; } .k-tabstrip-top > .k-content, .k-tabstrip-top > .k-tabstrip-content { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; 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: 0px; border-bottom-left-radius: 0px; border-top-width: 0; } .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: transparent !important; } .k-tabstrip-bottom > .k-content, .k-tabstrip-bottom > .k-tabstrip-content { border-top-left-radius: 0px; border-top-right-radius: 0px; 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: 0px; border-bottom-left-radius: 0px; 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: transparent !important; } .k-tabstrip-left > .k-content, .k-tabstrip-left > .k-tabstrip-content { border-top-right-radius: 0px; border-bottom-right-radius: 0px; 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: 0px; border-bottom-right-radius: 0px; 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: transparent !important; } .k-tabstrip-right > .k-content, .k-tabstrip-right > .k-tabstrip-content { border-top-left-radius: 0px; border-bottom-left-radius: 0px; 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-tabstrip-items-wrapper .k-item::after { content: ""; border-width: 0; border-style: solid; display: none; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .k-tabstrip-items-wrapper .k-item.k-active::after { display: block; } .k-tabstrip-items-wrapper .k-item > .k-link { z-index: 1; } .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item::after { border-bottom-width: 2px; } .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item::after { border-top-width: 2px; } .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item::after { border-right-width: 2px; } .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item::after { border-left-width: 2px; } .k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging::after { display: none !important; } .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-items { text-transform: uppercase; } .k-tabstrip-left .k-tabstrip-items .k-link { justify-content: flex-end; } .k-tabstrip-items-wrapper { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-subtle, #757575); } .k-tabstrip-items-wrapper .k-item { color: var(--kendo-color-subtle, #757575); } .k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-hover { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected { color: var(--kendo-color-on-app-surface, #212121); } .k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-tabstrip-items-wrapper .k-item.k-disabled, .k-tabstrip-items-wrapper .k-item[disabled] { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } .k-tabstrip-content, .k-tabstrip > .k-content { background-color: transparent; } .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, #212121); } .k-tabstrip-items-wrapper .k-item.k-active::after { border-color: var(--kendo-color-primary, #3f51b5); } .k-tabstrip .k-tabstrip-items { text-transform: none; } .k-tabstrip .k-tabstrip-items > .k-item:not(.k-state-active) { opacity: 1; } .k-tabstrip .k-tabstrip-items .k-item { font-weight: 600; } .k-tabstrip .k-tabstrip-items .k-item.k-state-disabled { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } kendo-tabstrip.remove-padding .k-tabstrip-content { padding-left: 0px; padding-right: 0px; } .k-tabstrip-items-wrapper .k-item.k-active::after { border-color: #1c75bc !important; } .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items li .k-item.k-state-active { border-bottom: 4px solid; border-color: #1c75bc; } .k-tabstrip ul.k-tabstrip-items { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } ul.k-tabstrip-items li.k-item.k-active .k-link { color: #1c75bc; } ul.k-tabstrip-items li.k-item:hover { color: #1c75bc; } kendo-panelbar-item > .k-link, .panel-bar-title-items { font-size: 24px; padding-top: 12px; padding-bottom: 12px; font-weight: 600; } kendo-panelbar-item > .k-link, .panel-bar-title-items { color: #514e4b !important; background-color: #e3e3e3 !important; } kendo-panelbar-item.white-background > .k-link, .panel-bar-title-items { color: #514e4b !important; background-color: #ffffff !important; } kendo-panelbar-item > span { display: flex; padding-left: 20px; padding-right: 20px; } .k-panelbar-toggle { width: 16px; vertical-align: middle; height: 36px !important; font-family: Open Sans !important; font-weight: 600 !important; font-size: 24px !important; } .k-panelbar { border: none; } .k-panelbar > .k-item { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.3); border: 1px solid #1c75bc; } .k-panelbar > .k-item .kpa-item { padding: 30px; } .k-panelbar > .k-item .kpa-item > *:first-child { margin-top: 0; } .k-panelbar > .k-item .kpa-item > *:last-child { margin-bottom: 0; } .k-panelbar > .k-item .k-header > .k-icon[class*=k-panelbar]::before { font-family: "Font Awesome 5 Pro"; font-weight: 300; } .k-panelbar > .k-item .k-header > .k-icon[class*=k-panelbar].k-i-arrow-s::before { content: "\f078"; } .k-panelbar > .k-item .k-header > .k-icon[class*=k-panelbar].k-i-chevron-down::before { content: "\f078"; } .k-panelbar > .k-item .k-header > .k-icon[class*=k-panelbar].k-i-arrow-n::before { content: "\f077"; } .k-panelbar > .k-item .k-header > .k-icon[class*=k-panelbar].k-i-arrow-chevron-up::before { content: "\f077"; } .k-panelbar > .k-item .k-group { padding: 30px; } .k-panelbar > .k-item .k-group > .k-item { border: 1px solid #1c75bc; border-radius: 3px; } .k-panelbar > .k-item .k-group > .k-item + .k-item { margin-top: 30px; } .k-panelbar > .k-item + .k-item { margin-top: 34px; } .k-panelbar > .k-item .k-link, .k-panelbar > .k-item .k-link:hover, .k-panelbar > .k-item .k-link.k-state-selected, .k-panelbar > .k-item .k-group > .k-item > .k-link, .k-panelbar > .k-item .k-group > .k-item > .k-link:hover, .k-panelbar > .k-item .k-group > .k-item > .k-link.k-state-selected { padding-left: 20px; padding-right: 20px; background-color: #e3e3e3; color: #514e4b; } .k-panelbar > .k-item .k-link, .k-panelbar > .k-item .k-link:hover, .k-panelbar > .k-item .k-link.k-state-selected { font-size: 24px; padding-top: 12px; padding-bottom: 12px; font-weight: 600; } .k-panelbar > .k-item .k-group > .k-item > .k-link, .k-panelbar > .k-item .k-group > .k-item > .k-link:hover, .k-panelbar > .k-item .k-group > .k-item > .k-link.k-state-selected { font-size: 16px; padding-top: 10px; padding-bottom: 10px; font-weight: 700; } .k-panelbar > .k-item .k-panelbar .k-panelbar > .k-item, .k-panelbar > .k-item .k-card, .k-grid .k-panelbar .k-panelbar > .k-item, .k-grid .k-card, .k-card .k-panelbar .k-panelbar > .k-item, .k-card .k-card { box-shadow: none; } .k-breadcrumb-container { display: flex; flex-direction: row; gap: 5px; } .k-breadcrumb-container ol { list-style: none; } .k-breadcrumb-container li { list-style: none; } .k-breadcrumb-container .k-breadcrumb-root-link:not(.k-disabled) { cursor: pointer; color: #1c75bc; } .k-breadcrumb-container .k-breadcrumb-root-link:not(.k-disabled):hover { border: 1px solid #1c75bc; border-radius: 3px; color: #ffffff; background-color: #1c75bc; } .k-breadcrumb-container .k-breadcrumb-item-text { margin: 5px; } .k-expander .k-expander-header { display: flex; flex-direction: row; gap: 5px; cursor: pointer; margin-bottom: 5px; } .k-stepper { width: 100% !important; } .k-stepper .k-step-label { font-size: 12px; } .k-stepper .k-step-label .k-step-text { max-width: 100%; } .k-stepper .k-step-current .k-step-indicator { border-color: #1c75bc; background-color: #1c75bc; } .k-stepper .k-step-current:hover .k-step-indicator { border-color: #1c75bc; background-color: #1c75bc; } .k-stepper .k-step-done .k-step-indicator { border-color: #1c75bc; background-color: #1c75bc; } .k-stepper .k-step-done:hover .k-step-indicator { border-color: #1c75bc; background-color: #1c75bc; } .k-stepper .k-progressbar .k-selected { background-color: #1c75bc; } .k-step-list-horizontal .k-step-link { max-width: 15em; } kendo-panelbar.panelbar-margin-small { background-color: #fafafa; } kendo-panelbar.panelbar-margin-small .k-panelbar-item { margin-bottom: 20px; /* Adjust the value as needed for spacing */ } kendo-panelbar.grey-background kendo-panelbar-item .k-panelbar-content { background-color: #fafafa; } .k-dropdown-operator { width: min-content; flex: none; } .k-dropdown-operator .k-input-button { border-width: 0; 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; } .dropdown-ellipses-cutoff .k-popup kendo-button-list { max-width: 250px !important; } .k-popup .k-list .k-list-item.k-selected, .k-popup .k-list .k-selected.k-list-optionlabel { background-color: rgba(28, 117, 188, 0.16) !important; color: #000000 !important; } .k-popup .k-list .k-list-item.k-focus, .k-popup .k-list .k-focus.k-list-optionlabel { background-color: rgba(28, 117, 188, 0.16) !important; color: #000000 !important; } .k-popup kendo-button-list .k-item.k-menu-item { font-size: 14px; } .k-popup kendo-button-list .k-item.k-menu-item:hover { background-color: rgba(28, 117, 188, 0.16) !important; color: #000000 !important; } .k-popup kendo-button-list .k-item.k-menu-item:active { color: #000000 !important; background-color: rgba(28, 117, 188, 0.16) !important; } .k-popup kendo-button-list .k-item.k-menu-item .k-menu-link { white-space: normal; } .k-popup kendo-button-list .k-link:active { color: #000000 !important; background-color: rgba(28, 117, 188, 0.16) !important; } .k-popup kendo-list .k-item.k-menu-item { font-size: 14px; } .k-popup kendo-list .k-item.k-menu-item:hover { background-color: rgba(28, 117, 188, 0.16) !important; color: #000000 !important; } .k-popup kendo-list .k-item.k-menu-item:active { color: #000000 !important; background-color: rgba(28, 117, 188, 0.16) !important; } .k-popup kendo-list .k-link:active { color: #000000 !important; background-color: rgba(28, 117, 188, 0.16) !important; } .k-dropdown .k-select .k-icon.k-i-arrow-s::before { font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f078"; } .k-dropdown .k-select .k-icon.k-i-chevron-down::before { font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f078"; } .k-dropdown .k-button .k-icon.k-i-caret-alt-down::before { font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f078"; font-family: "Font Awesome 5 Pro"; font-size: 13px; font-weight: 300; color: #514e4b; font-size: small; position: absolute; float: right; cursor: pointer; } .k-form-field .k-floating-label-container .k-dropdown-wrap > .k-select { position: relative; bottom: 7.5px; } .k-multiselect .k-multiselect-wrap { padding-left: 15px; } .k-multiselect .k-multiselect-wrap .k-searchbar .k-input { padding-left: 0; } .k-multiselect .k-multiselect-wrap .k-button { font-size: 14px; font-weight: normal; } .k-multiselect .k-multiselect-wrap .k-button .k-select { height: 16px; width: 16px; align-self: center; margin-right: -0.5em; justify-content: center; } .k-multiselect .k-multiselect-wrap .k-button .k-select .k-icon { transform: scale(1); font-size: 14px; } .k-multiselect .k-multiselect-wrap .k-button, .k-multiselect .k-multiselect-wrap .k-button .k-select .k-icon { color: white; } .k-multiselect .k-multiselect-wrap .k-button:active, .k-multiselect .k-multiselect-wrap .k-button.k-state-active { box-shadow: none; } .k-multiselect .k-multiselect-wrap .k-button:hover::before { background: #408bc7; } .k-multiselect .k-multiselect-wrap .k-button:hover .k-select { color: white; background: transparent; } .k-multiselect .k-multiselect-wrap .k-button:hover .k-select:hover { background: white; } .k-multiselect .k-multiselect-wrap .k-button:hover .k-select:hover .k-icon { color: #408bc7; } .k-multiselect .k-multiselect-wrap .k-button.k-state-focused::before { background: #408bc7; } kendo-dropdownbutton.icon-right { width: 100% !important; } kendo-dropdownbutton.icon-right .k-button { display: flex !important; width: 100% !important; } kendo-dropdownbutton.icon-right .k-button .fa-ellipsis-v { order: 2 !important; } kendo-dropdownbutton.icon-right .k-button .fa-ellipsis-vertical { order: 2 !important; } kendo-dropdownbutton.icon-right .k-button .k-button-text { color: #1c75bc !important; order: 1 !important; flex: 11 !important; text-align: left !important; } tr.k-selected td div kendo-dropdownbutton.icon-right .k-button-text { color: #ffffff !important; } #grid_IncidentSearch_IncidentDateFilter .k-filtercell-wrapper::after { display: none !important; } kendo-dialog.view-item .k-dialog-titlebar { padding-bottom: 2px; } kendo-dropdownlist.hide-icon .k-i-arrow-s { display: none; } kendo-dropdownlist.hide-icon .k-i-chevron-down { display: none; } .content-details .card-solid { margin-bottom: 0px !important; margin-right: 5px !important; } .kendo-dropdown { background: none; } .k-dropdownlist { background-color: transparent; } .k-checkbox:checked { border-color: #1c75bc; color: white; background-color: #1c75bc; } .k-datepicker .k-select .k-icon.k-i-calendar::before { font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f783"; } .k-form-field .k-floating-label-container .k-picker-wrap > .k-select { position: relative; bottom: calc(var(--kendo-spacing-4, 1rem) / 2); } .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: 1.4285714286; 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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .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; 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 { 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 { display: block; position: absolute; transform: translate(-50%, -50%); } .k-switch-label-on, .k-switch-label-off { display: none; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; } .k-switch-sm { width: 26px; height: 12px; } .k-switch-sm .k-switch-track { width: 26px; height: 12px; } .k-switch-sm .k-switch-label-on { left: 0px; } .k-switch-sm .k-switch-label-off { right: 0px; } .k-switch-sm .k-switch-thumb { width: 16px; height: 16px; } .k-switch-sm.k-switch-on .k-switch-thumb-wrap { left: calc( 100% - 8px - -2px ); } .k-switch-sm.k-switch-off .k-switch-thumb-wrap { left: calc( 8px + -2px ); } .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: 0px; } .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: 0px; } .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: calc( 8px + -2px ); } .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% - 8px - -2px ); } .k-switch-md { width: 32px; height: 14px; } .k-switch-md .k-switch-track { width: 32px; height: 14px; } .k-switch-md .k-switch-label-on { left: 0px; } .k-switch-md .k-switch-label-off { right: 0px; } .k-switch-md .k-switch-thumb { width: 20px; height: 20px; } .k-switch-md.k-switch-on .k-switch-thumb-wrap { left: calc( 100% - 10px - -3px ); } .k-switch-md.k-switch-off .k-switch-thumb-wrap { left: calc( 10px + -3px ); } .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: 0px; } .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: 0px; } .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: calc( 10px + -3px ); } .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% - 10px - -3px ); } .k-switch-lg { width: 38px; height: 16px; } .k-switch-lg .k-switch-track { width: 38px; height: 16px; } .k-switch-lg .k-switch-label-on { left: 0px; } .k-switch-lg .k-switch-label-off { right: 0px; } .k-switch-lg .k-switch-thumb { width: 24px; height: 24px; } .k-switch-lg.k-switch-on .k-switch-thumb-wrap { left: calc( 100% - 12px - -4px ); } .k-switch-lg.k-switch-off .k-switch-thumb-wrap { left: calc( 12px + -4px ); } .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: 0px; } .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: 0px; } .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: calc( 12px + -4px ); } .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% - 12px - -4px ); } .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 .k-switch-thumb::before { content: ""; width: 200%; height: 200%; border-radius: 100%; display: none; opacity: 0; transform: translate(-50%, -50%); position: absolute; z-index: -1; top: 50%; left: 50%; pointer-events: none; } .k-switch:hover .k-switch-thumb::before, .k-switch.k-hover .k-switch-thumb::before { display: block; opacity: 0.04; } .k-switch:focus .k-switch-thumb::before, .k-switch.k-focus .k-switch-thumb::before { display: block; opacity: 0.12; } .k-switch-off .k-switch-track { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 38%, transparent); } .k-switch-off .k-switch-thumb { background-color: var(--kendo-color-app-surface, #ffffff); } .k-switch-off .k-switch-label-on { color: transparent; } .k-switch-on .k-switch-track { background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 44%, transparent); } .k-switch-on .k-switch-thumb { background-color: var(--kendo-color-primary, #3f51b5); } .k-switch-on .k-switch-label-off { color: transparent; } .k-switch .k-switch-thumb { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .k-switch.k-switch-on .k-switch-thumb::before { background-color: inherit; } .k-switch.k-switch-off .k-switch-thumb::before { background-color: var(--kendo-color-on-app-surface, #212121); } .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; user-select: none; } .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, 0.25rem); padding-inline: var(--kendo-spacing-4, 1rem); outline: 0; color: inherit; display: flex; flex-flow: row nowrap; flex: 1 1 auto; gap: var(--kendo-spacing-2, 0.5rem); 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 { margin-inline-end: calc( var(--kendo-spacing-2, 0.5rem) * -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 { margin-inline-start: var(--kendo-spacing-0\.5, 0.125rem); } .k-menu-horizontal > .k-separator { margin-block: 0; 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; } .k-menu-vertical > .k-menu-item + .k-menu-item { margin-top: var(--kendo-spacing-0\.5, 0.125rem); } .k-menu-vertical > .k-menu-item > .k-menu-link { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); padding-inline-end: calc( var(--kendo-spacing-4, 1rem) * 2 + 16px ); } .k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow { margin-inline-start: var(--kendo-spacing-4, 1rem); margin-inline-end: calc(-1 * (calc( var(--kendo-spacing-4, 1rem) * 2 + 16px ) - var(--kendo-spacing-4, 1rem)/2)); } .k-menu-vertical > .k-separator { margin-block: var(--kendo-spacing-1, 0.25rem); margin-inline: 0; height: 0; border-width: 1px 0 0; border-style: solid; border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); display: block; } .k-menu-popup { box-sizing: border-box; border-width: 0px; 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-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; border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); display: block; } .k-menu-popup .k-menu-group { position: relative; } .k-menu-group-sm { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; } .k-menu-group-sm .k-menu-item { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; } .k-menu-group-sm .k-menu-link { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); padding-inline-end: calc( var(--kendo-spacing-4, 1rem) * 2 + 16px ); } .k-menu-group-sm .k-menu-expand-arrow { margin-inline-start: var(--kendo-spacing-4, 1rem); margin-inline-end: calc(-1 * (calc( var(--kendo-spacing-4, 1rem) * 2 + 16px ) - var(--kendo-spacing-4, 1rem)/2)); } .k-menu-group-md { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; } .k-menu-group-md .k-menu-item { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; } .k-menu-group-md .k-menu-link { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); padding-inline-end: calc( var(--kendo-spacing-4, 1rem) * 2 + 16px ); } .k-menu-group-md .k-menu-expand-arrow { margin-inline-start: var(--kendo-spacing-4, 1rem); margin-inline-end: calc(-1 * (calc( var(--kendo-spacing-4, 1rem) * 2 + 16px ) - var(--kendo-spacing-4, 1rem)/2)); } .k-menu-group-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; } .k-menu-group-lg .k-menu-item { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; } .k-menu-group-lg .k-menu-link { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-4, 1rem); padding-inline-end: calc( var(--kendo-spacing-4, 1rem) * 2 + 16px ); } .k-menu-group-lg .k-menu-expand-arrow { margin-inline-start: var(--kendo-spacing-4, 1rem); margin-inline-end: calc(-1 * (calc( var(--kendo-spacing-4, 1rem) * 2 + 16px ) - var(--kendo-spacing-4, 1rem)/2)); } .k-popups-wrapper { position: relative; border: 0; margin: 0; padding: 0; } .k-context-menu { margin: 0; border-width: 0px; 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; } .k-menu-scroll-wrapper .k-menu { overflow: hidden; flex-wrap: nowrap; } .k-menu-scroll-wrapper .k-menu-scroll-button { border-radius: 0; padding: 0; border-width: 0; border-color: inherit; color: inherit; background: inherit; position: absolute; } .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-left { top: 0; inset-inline-start: 0; height: 100%; width: 16px; border-right-width: 1px; } .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-right { top: 0; inset-inline-end: 0; height: 100%; width: 16px; border-left-width: 1px; } .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-up { top: 0; inset-inline-start: 0; width: 100%; height: 16px; border-bottom-width: 1px; } .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-down { bottom: 0; inset-inline-start: 0; width: 100%; height: 16px; border-top-width: 1px; } .k-menu:not(.k-context-menu) > .k-menu-item { transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .k-menu-scroll-wrapper .k-menu-scroll-button { box-shadow: none; } .k-menu-scroll-wrapper.horizontal .k-menu-scroll-button { width: calc( calc( 2 * 1em ) + var(--kendo-spacing-1, 0.25rem)); } .k-menu-scroll-wrapper.vertical .k-menu-scroll-button { height: calc( calc( 2 * 1em ) + var(--kendo-spacing-1, 0.25rem)); } .k-menu:not(.k-context-menu) { color: var(--kendo-color-on-app-surface, #212121); background-color: transparent; } .k-menu:not(.k-context-menu) > .k-item { background-color: rgba(var(--kendo-color-on-app-surface, #212121), 0); } .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-menu:not(.k-context-menu) > .k-item:active, .k-menu:not(.k-context-menu) > .k-item.k-active { background-color: var(--kendo-color-base-active, #d6d6d6); } .k-menu-group, .k-menu.k-context-menu { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #212121); 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-secondary, #e51a5f); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-menu-scroll-wrapper .k-menu-scroll-button { border-color: transparent; color: var(--kendo-color-subtle, #757575); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-menu-scroll-wrapper .k-menu-scroll-button:hover { color: var(--kendo-color-on-app-surface, #212121); } .k-menu-scroll-wrapper .k-menu-scroll-button:hover::before { opacity: 0; } .k-menu:not(.k-context-menu) > .k-menu-item:focus, .k-menu:not(.k-context-menu) > .k-menu-item.k-focus { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-menu-group .k-menu-item:focus, .k-menu-group .k-menu-item.k-focus, .k-context-menu .k-menu-item:focus, .k-context-menu .k-menu-item.k-focus { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-menu-scroll-wrapper .k-menu-scroll-button .k-i-arrow-60-up::before { content: "\e013"; } .k-menu-scroll-wrapper .k-menu-scroll-button .k-i-arrow-60-right::before { content: "\e014"; } .k-menu-scroll-wrapper .k-menu-scroll-button .k-i-arrow-60-down::before { content: "\e015"; } .k-menu-scroll-wrapper .k-menu-scroll-button .k-i-arrow-60-left::before { content: "\e016"; } .k-toolbar { margin: 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: 1.4285714286; list-style: none; display: flex; flex-flow: row wrap; 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( 1.4285714286em + calc( 0.625rem * 2 ) + 2px ); } .k-toolbar.k-toolbar-resizable { flex-wrap: nowrap; } .k-toolbar > * { flex-shrink: 0; display: inline-flex; align-content: center; vertical-align: middle; } .k-toolbar > * > label { align-self: center; } .k-toolbar .k-input, .k-toolbar .k-picker { width: 10em; } .k-toolbar .k-color-picker, .k-toolbar .k-colorpicker { width: min-content; } .k-toolbar .k-toolbar-overflow-button { margin-inline-start: auto; } .k-toolbar .k-separator, .k-toolbar .k-toolbar-separator { width: 0; height: calc( 2 * 1em ); border-width: 0 0 0 1px; border-style: solid; align-self: center; } .k-toolbar .k-toolbar-spacer { height: calc( 2 * 1em ); flex: 1 0 0%; } .k-toolbar .k-toolbar-item:focus, .k-toolbar .k-toolbar-item.k-focus { text-decoration: none; outline: 0; } .k-toolbar-group { display: flex; flex-direction: inherit; flex-wrap: nowrap; gap: inherit; } .k-toolbar-renderer { display: inline-block; border-color: 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 { margin-inline-start: calc( var(--kendo-spacing-1\.5, 0.375rem) * -1 ); } .k-toolbar-sm > * > label { margin-inline-end: 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 { margin-inline-start: calc( var(--kendo-spacing-2, 0.5rem) * -1 ); } .k-toolbar-md > * > label { margin-inline-end: 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 { margin-inline-start: calc( var(--kendo-spacing-2\.5, 0.625rem) * -1 ); } .k-toolbar-lg > * > label { margin-inline-end: var(--kendo-spacing-2\.5, 0.625rem); } .k-toolbar-sm::before { height: calc( 1.4285714286em + calc( var(--kendo-spacing-1\.5, 0.375rem) * 2 ) + 2px ); } .k-toolbar-md::before { height: calc( 1.4285714286em + calc( var(--kendo-spacing-2, 0.5rem) * 2 ) + 2px ); } .k-toolbar-lg::before { height: calc( 1.4285714286em + calc( var(--kendo-spacing-2\.5, 0.625rem) * 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: 0; 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-lg, inherit); line-height: 1.25; } .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-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); width: 100%; height: auto; border-width: 0; border-radius: 0; aspect-ratio: auto; color: inherit; background-color: transparent; background-image: none; font: inherit; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-2, 0.5rem); 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-flat { border-width: 1px 0; border-top-color: transparent !important; border-bottom-color: inherit; color: inherit; background: none !important; box-shadow: none; } .k-toolbar .k-button { box-shadow: none; } .k-toolbar .k-button-group { box-shadow: none; } .k-toolbar .k-split-button { box-shadow: none; } .k-overflow-container .k-button { box-shadow: none; font-weight: normal; text-transform: unset; } .k-overflow-container .k-button::before { display: none; } .k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-disabled { opacity: 0.6; filter: grayscale(0.1); } .k-toolbar { color: var(--kendo-color-on-app-surface, #212121); background-color: #f5f5f5; box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)); } .k-toolbar .k-separator, .k-toolbar .k-toolbar-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-toolbar .k-toolbar-item:focus, .k-toolbar .k-toolbar-item.k-focus { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); } .k-floating-toolbar, .editorToolbarWindow.k-window-content { color: var(--kendo-color-on-app-surface, #212121); background-color: #f5f5f5; } .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-hover { color: var(--kendo-color-on-app-surface, #212121); background: var(--kendo-color-base-hover, #ebebeb); } .k-overflow-container .k-button:active, .k-overflow-container .k-button.k-active { color: var(--kendo-color-on-app-surface, #212121); background: var(--kendo-color-base-hover, #ebebeb); } .k-overflow-container .k-button.k-selected { color: var(--kendo-color-secondary, #e51a5f); background: var(--kendo-color-surface-alt, #ffffff); } .k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-disabled { color: inherit; } .k-toolbar .k-button-solid-base { background-color: var(--kendo-color-base-subtle, #ebebeb); border-color: var(--kendo-color-base-subtle, #ebebeb); } .k-toolbar .k-button-solid-base:hover, .k-toolbar .k-button-solid-base.k-hover { background-color: var(--kendo-color-base-subtle-hover, #d6d6d6); border-color: var(--kendo-color-base-subtle-hover, #d6d6d6); } .k-toolbar .k-button-solid-base:focus, .k-toolbar .k-button-solid-base.k-focus { background-color: var(--kendo-color-base-subtle-hover, #d6d6d6); border-color: var(--kendo-color-base-subtle-hover, #d6d6d6); } .k-toolbar .k-button-solid-base:active, .k-toolbar .k-button-solid-base.k-active { background-color: var(--kendo-color-base-subtle-active, #c2c2c2); border-color: var(--kendo-color-base-subtle-active, #c2c2c2); } .k-toolbar .k-button-solid-base.k-selected { background-color: var(--kendo-color-base-subtle-active, #c2c2c2); border-color: var(--kendo-color-base-subtle-active, #c2c2c2); } .k-toolbar .k-button-solid-base.k-input-button, .k-toolbar .k-button-solid-base.k-input-spinner .k-spinner-increase, .k-toolbar .k-button-solid-base.k-input-spinner .k-spinner-decrease { background: none; border-color: transparent; } .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; 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: 0.2em; } .k-grid-mobile .k-header a { -webkit-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: 0.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: 0.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; } .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar > ul > li, .k-pane-wrapper[dir=rtl] .k-scheduler-mobile .k-scheduler-toolbar > ul > li, [dir=rtl] .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar > ul > li { border: 0; } .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-task .k-i-reload, .k-pane-wrapper[dir=rtl] .k-scheduler-mobile .k-task .k-i-reload, [dir=rtl] .k-pane-wrapper .k-scheduler-mobile .k-task .k-i-reload { margin-left: 0.5em; margin-right: 0; } .k-pane-wrapper, .k-view { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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-app-surface, #ffffff); } .k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header { border-left-color: var(--kendo-color-on-app-surface, #212121); } .k-pane-wrapper .k-pane .k-grid-mobile .k-resize-handle-inner::before { background-color: var(--kendo-color-app-surface, #ffffff); } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current { color: var(--kendo-color-primary, #3f51b5); } .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, #757575); } .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-app-surface, #ffffff); } .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, #212121); } .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, #3f51b5); } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected { color: var(--kendo-color-primary, #3f51b5); background: none; } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected .k-link { color: inherit; } .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, 5px); 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(100% * 100 / 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, 5px); 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(100% * 100 / 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 0.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; } .k-progressbar { border-radius: 0; overflow: visible; } .k-progressbar .k-progress-status-wrap { font-size: 11px; } .k-progressbar-horizontal .k-progress-status-wrap { align-items: flex-start; } .k-progressbar-horizontal .k-progress-status { transform: translateY(-100%); } .k-progressbar-vertical .k-progress-status-wrap { align-items: flex-end; } .k-progressbar-vertical .k-progress-status { transform: translateX(100%); } .k-progressbar-indeterminate { overflow: hidden; } .k-progressbar-indeterminate::before, .k-progressbar-indeterminate::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; transform-origin: 0 0; } .k-progressbar-indeterminate.k-progressbar-horizontal::before { top: 0; left: -150%; animation: kendo-progressbar-primary-indeterminate-horizontal 2s infinite; } .k-progressbar-indeterminate.k-progressbar-horizontal::after { top: 0; left: -50%; animation: kendo-progressbar-secondary-indeterminate-horizontal 2s infinite; } .k-progressbar-indeterminate.k-progressbar-vertical::before { top: -150%; left: 0; animation: kendo-progressbar-primary-indeterminate-vertical 2s infinite; } .k-progressbar-indeterminate.k-progressbar-vertical::after { top: -50%; left: 0; animation: kendo-progressbar-secondary-indeterminate-vertical 2s infinite; } @keyframes kendo-progressbar-indeterminate-animation { from { background-position: 0 0; } to { background-position: 5px 0; } } .k-progressbar { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-primary-subtle, #d1d5ee); } .k-progressbar .k-selected { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-chunk-progressbar { background-color: transparent; } .k-progressbar-chunk { background-color: var(--kendo-color-primary-subtle, #d1d5ee); } .k-progressbar-chunk .k-selected { background-color: var(--kendo-color-primary, #3f51b5); } .k-progressbar-indeterminate { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-primary-subtle, #d1d5ee); background-image: linear-gradient(45deg, color-mix(in srgb, var(--kendo-color-base-emphasis, #adadad) 55%, transparent) 25%, transparent 25%, transparent 50%, color-mix(in srgb, var(--kendo-color-base-emphasis, #adadad) 55%, transparent) 50%, color-mix(in srgb, var(--kendo-color-base-emphasis, #adadad) 55%, transparent) 75%, transparent 75%, transparent); background-size: 5px 5px; animation: kendo-progressbar-indeterminate-animation; } .k-circular-progressbar-scale { stroke: var(--kendo-color-primary-subtle, #d1d5ee); } .k-circular-progressbar-arc { stroke: var(--kendo-color-primary, #3f51b5); transition: stroke 0.5s ease; } @keyframes kendo-progressbar-primary-indeterminate-horizontal { 0% { transform: translateX(0) scaleX(0); } 20% { transform: translateX(0) scaleX(0.08); animation-timing-function: cubic-bezier(0.4, 0.08, 0.75, 0.8); } 60% { transform: translateX(83%) scaleX(0.75); animation-timing-function: cubic-bezier(0.21, 0.25, 0.58, 0.98); } 100% { transform: translateX(250%) scaleX(0.08); } } @keyframes kendo-progressbar-secondary-indeterminate-horizontal { 0% { transform: translateX(0) scaleX(0.08); animation-timing-function: cubic-bezier(0.18, 0, 0.54, 0.42); } 22% { transform: translateX(34%) scaleX(0.45); animation-timing-function: cubic-bezier(0.22, 0.25, 0.7, 0.9); } 46% { transform: translateX(82%) scaleX(0.75); animation-timing-function: cubic-bezier(0.33, 0.3, 0.4, 1.2); } 100% { transform: translateX(160%) scaleX(0.08); } } @keyframes kendo-progressbar-primary-indeterminate-vertical { 0% { transform: translateY(0) scaleY(0); } 20% { transform: translateY(0) scaleY(0.08); animation-timing-function: cubic-bezier(0.4, 0.08, 0.75, 0.8); } 60% { transform: translateY(83%) scaleY(0.75); animation-timing-function: cubic-bezier(0.21, 0.25, 0.58, 0.98); } 100% { transform: translateY(250%) scaleY(0.08); } } @keyframes kendo-progressbar-secondary-indeterminate-vertical { 0% { transform: translateY(0) scaleY(0.08); animation-timing-function: cubic-bezier(0.18, 0, 0.54, 0.42); } 22% { transform: translateY(34%) scaleY(0.45); animation-timing-function: cubic-bezier(0.22, 0.25, 0.7, 0.9); } 46% { transform: translateY(82%) scaleY(0.75); animation-timing-function: cubic-bezier(0.33, 0.3, 0.4, 1.2); } 100% { transform: translateY(160%) scaleY(0.08); } } .k-progressbar-indeterminate { background-image: none; } .k-progressbar-indeterminate::before, .k-progressbar-indeterminate::after { background: var(--kendo-color-primary, #3f51b5); } .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-stretched > * { flex: 1 0 0%; } .k-actions-horizontal { width: 100%; flex-flow: row nowrap; } .k-actions-vertical { flex-flow: column nowrap; } .k-actions .k-button, .k-form-buttons .k-button, .k-edit-buttons .k-button, .k-action-buttons .k-button, .k-columnmenu-actions .k-button { box-shadow: none; } .k-actions .k-button-group, .k-form-buttons .k-button-group, .k-edit-buttons .k-button-group, .k-action-buttons .k-button-group, .k-columnmenu-actions .k-button-group { box-shadow: none; } .k-actions .k-split-button, .k-form-buttons .k-split-button, .k-edit-buttons .k-split-button, .k-action-buttons .k-split-button, .k-columnmenu-actions .k-split-button { box-shadow: none; } .k-actions .k-button-solid-base, .k-form-buttons .k-button-solid-base, .k-edit-buttons .k-button-solid-base, .k-action-buttons .k-button-solid-base, .k-columnmenu-actions .k-button-solid-base { background-color: var(--kendo-color-base-subtle, #ebebeb); border-color: var(--kendo-color-base-subtle, #ebebeb); } .k-validator-tooltip { margin-top: calc( 6px + 0px ); width: auto; white-space: normal; display: flex; align-items: center; z-index: 9999; } .k-grid .k-validator-tooltip { max-width: 300px; } .k-calendar { inline-size: var(--INTERNAL--kendo-calendar-width, min-content); block-size: var(--INTERNAL--kendo-calendar-height, min-content); 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: 1.4285714286; position: relative; overflow: hidden; display: inline-flex; flex-flow: column nowrap; -webkit-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-4, 1rem); height: 36px; box-sizing: border-box; text-transform: none; text-align: start; font-weight: bold; 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, 36px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 36px); font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height, normal); text-transform: uppercase; } .k-calendar-td { border-radius: 100px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, min-content); block-size: var(--INTERNAL--kendo-calendar-cell-size, min-content); border-color: transparent; } .k-calendar-td.k-alt { font-size: 0.75rem; } .k-calendar .k-calendar-cell-inner, .k-calendar .k-link { border-radius: 100px; 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: 0px; 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: 288px; 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: 288px; inline-size: var(--INTERNAL--kendo-calendar-view-width, 288px); min-height: 252px; box-sizing: content-box; gap: var(--kendo-spacing-4, 1rem); position: relative; z-index: 1; overflow: hidden; } .k-calendar-view .k-today { font-weight: bold; } .k-month-calendar .k-calendar-td, .k-calendar-monthview .k-calendar-td { width: 36px; height: 36px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 36px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 36px); } .k-year-calendar .k-calendar-td, .k-calendar-yearview .k-calendar-td { width: 72px; height: 72px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 72px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 72px); } .k-decade-calendar .k-calendar-td, .k-calendar-decadeview .k-calendar-td { width: 72px; height: 72px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 72px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 72px); } .k-century-calendar .k-calendar-td, .k-calendar-centuryview .k-calendar-td { width: 72px; height: 72px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 72px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 72px); } .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: 256px; --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, 32px ); } .k-calendar-sm.k-year-calendar, .k-calendar-sm .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-year-cell-size, 64px ); } .k-calendar-sm.k-decade-calendar, .k-calendar-sm .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-decade-cell-size, 64px ); } .k-calendar-sm.k-century-calendar, .k-calendar-sm .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-century-cell-size, 64px ); } .k-calendar-md { --INTERNAL--kendo-calendar-view-width: 288px; --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, 36px ); } .k-calendar-md.k-year-calendar, .k-calendar-md .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-year-cell-size, 72px ); } .k-calendar-md.k-decade-calendar, .k-calendar-md .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-decade-cell-size, 72px ); } .k-calendar-md.k-century-calendar, .k-calendar-md .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-century-cell-size, 72px ); } .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-1, 0.25rem) ); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-lg-cell-padding-y, var(--kendo-spacing-1, 0.25rem) ); 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: 324px; 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: "​"; height: 0; line-height: 0; z-index: 1; width: 150%; left: -25%; box-shadow: 0 0 36px 18px 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: "​"; height: 0; line-height: 0; z-index: 1; width: 200%; left: -50%; box-shadow: 0 0 6em 3em var(--kendo-color-surface, #f5f5f5); } .k-calendar-navigation::before { top: 0; } .k-calendar-navigation::after { bottom: 0; } .k-calendar-navigation .k-content, .k-calendar-navigation .k-calendar-content { background: transparent; 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-full, 9999px) 0 0 var(--kendo-border-radius-full, 9999px); } .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-full, 9999px) var(--kendo-border-radius-full, 9999px) 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-full, 9999px); } .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-full, 9999px) var(--kendo-border-radius-full, 9999px) 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-full, 9999px) 0 0 var(--kendo-border-radius-full, 9999px); } .k-calendar .k-title, .k-calendar .k-calendar-title { font-weight: 500; text-transform: none; } .k-calendar .k-calendar-caption, .k-calendar .k-calendar-view th, .k-calendar .k-calendar-view .k-calendar-th, .k-calendar .k-meta-header, .k-calendar .k-month-header { font-weight: 500; } .k-calendar .k-calendar-view tbody th, .k-calendar .k-calendar-view .k-calendar-tbody .k-calendar-th { font-weight: 700; } .k-calendar { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-calendar .k-header { border-color: inherit; color: var(--kendo-color-on-app-surface, #212121); } .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, #757575); } .k-calendar .k-calendar-view .k-today { color: var(--kendo-color-primary, #3f51b5); } .k-calendar .k-other-month { color: var(--kendo-color-subtle, #757575); } .k-calendar .k-alt { background-color: transparent; color: var(--kendo-color-subtle, #757575); } .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.12)); color: var(--kendo-color-on-app-surface, #212121); 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-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .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, #3a4ba7); } .k-calendar .k-calendar-navigation { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface, #f5f5f5); box-shadow: inset -1px 0 var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-calendar .k-calendar-navigation li:hover, .k-calendar .k-calendar-navigation li.k-hover { color: var(--kendo-color-secondary-hover, #d31857); } .k-calendar .k-calendar-navigation-highlight { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-calendar[dir=rtl] .k-calendar-navigation, .k-rtl .k-calendar .k-calendar-navigation { box-shadow: inset 1px 0 var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .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, #f31700); } .k-scheduler .k-calendar .k-other-month { color: var(--kendo-color-subtle, #757575); background-color: transparent; } .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, #3f51b5) 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, #3f51b5); } .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, 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, #3f51b5) 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, #3f51b5) 25%, transparent), transparent 100%); } .k-calendar .k-focus .k-link { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-calendar .k-selected.k-focus .k-link { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .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: 1.4285714286; position: relative; overflow: hidden; display: flex; flex-flow: column nowrap; -webkit-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: 0.625rem; padding-inline: 1.75rem; 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-form-buttons, .k-time-fast-selection.k-edit-buttons, .k-time-fast-selection.k-action-buttons, .k-time-fast-selection.k-columnmenu-actions { 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) * 1.4285714286 ) + ( var(--kendo-spacing-2, 0.5rem) * 2 )); border-width: 1px 0px; border-style: solid; box-sizing: border-box; position: absolute; top: calc( 50% + calc( 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: "​"; position: absolute; width: 100%; left: 0; pointer-events: none; height: calc( 50% - calc(( var(--kendo-font-size, inherit) * 1.4285714286 ) + ( var(--kendo-spacing-2, 0.5rem) * 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: "​"; 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-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-time-separator { width: 0; height: calc(( var(--kendo-font-size, inherit) * 1.4285714286 ) + ( var(--kendo-spacing-2, 0.5rem) * 2 )); align-self: center; display: inline-flex; justify-content: center; align-items: center; position: relative; z-index: 11; top: calc( 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: 1.4285714286; } .k-timeselector-sm .k-time-highlight, .k-timeselector-sm .k-time-list-highlight { height: calc(( var(--kendo-font-size, inherit) * 1.4285714286 ) + ( var(--kendo-spacing-1\.5, 0.375rem) * 2 )); } .k-timeselector-sm .k-time-separator { height: calc(( var(--kendo-font-size, inherit) * 1.4285714286 ) + ( var(--kendo-spacing-1\.5, 0.375rem) * 2 )); } .k-timeselector-sm .k-time-list-item, .k-timeselector-sm .k-time-list .k-item { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-timeselector-md { font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; } .k-timeselector-md .k-time-highlight, .k-timeselector-md .k-time-list-highlight { height: calc(( var(--kendo-font-size, inherit) * 1.4285714286 ) + ( var(--kendo-spacing-2, 0.5rem) * 2 )); } .k-timeselector-md .k-time-separator { height: calc(( var(--kendo-font-size, inherit) * 1.4285714286 ) + ( var(--kendo-spacing-2, 0.5rem) * 2 )); } .k-timeselector-md .k-time-list-item, .k-timeselector-md .k-time-list .k-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-timeselector-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.5; } .k-timeselector-lg .k-time-highlight, .k-timeselector-lg .k-time-list-highlight { height: calc(( var(--kendo-font-size-lg, inherit) * 1.5 ) + ( var(--kendo-spacing-2, 0.5rem) * 2 )); } .k-timeselector-lg .k-time-separator { height: calc(( var(--kendo-font-size-lg, inherit) * 1.5 ) + ( 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-4, 1rem); } .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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-time-header .k-time-now, .k-time-selector-header .k-time-now { color: var(--kendo-color-secondary, #e51a5f); } .k-time-header .k-time-now:hover, .k-time-selector-header .k-time-now:hover { color: var(--kendo-color-secondary-hover, #d31857); } .k-time-list-wrapper .k-title { color: var(--kendo-color-subtle, #757575); } .k-time-list-wrapper.k-focus .k-title { color: var(--kendo-color-on-app-surface, #212121); } .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, #3f51b5); } .k-time-container { background: transparent; } .k-time-highlight { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-time-list .k-item:hover { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-datetime-selector { display: flex; transition: transform 0.2s; } .k-datetime-wrap { width: calc(( 36px * 8 ) + ( 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(( 36px * 8 ) + ( var(--kendo-spacing-4, 1rem) * 2 )); } .k-date-tab .k-datetime-selector { transform: translateX(0); } .k-time-tab .k-datetime-selector { transform: translateX(-100%); } .k-time-tab .k-datetime-selector.k-rtl, .k-time-tab .k-datetime-selector[dir=rtl], .k-rtl .k-time-tab .k-datetime-selector, [dir=rtl] .k-time-tab .k-datetime-selector { transform: translateX(100%); } .k-overlay { width: 100%; height: 100%; opacity: 0.32; position: fixed; top: 0; left: 0; z-index: 10001; } .k-overlay { background-color: #000000; } .k-overlay-primary { background-color: var(--kendo-color-primary, #3f51b5); } .k-overlay-secondary { background-color: var(--kendo-color-secondary, #e51a5f); } .k-overlay-tertiary { background-color: var(--kendo-color-tertiary, #00695c); } .k-overlay-info { background-color: var(--kendo-color-info, #0058e9); } .k-overlay-success { background-color: var(--kendo-color-success, #37b400); } .k-overlay-warning { background-color: var(--kendo-color-warning, #ffc000); } .k-overlay-error { background-color: var(--kendo-color-error, #f31700); } .k-overlay-dark { background-color: var(--kendo-color-dark, #424242); } .k-overlay-light { background-color: var(--kendo-color-light, #f5f5f5); } .k-overlay-inverse { background-color: var(--kendo-color-dark, #424242); } .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-4, 1rem) 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-color-on-app-surface, #212121); opacity: 0.6; filter: grayscale(0.1); 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-4, 1rem); } .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: normal; } .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-6, 1.5rem) 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( ( 100% - 25% ) - 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-4, 1rem); } .k-form-md .k-form-field, .k-form-md .k-form-buttons { margin-top: var(--kendo-spacing-6, 1.5rem); } .k-form-lg .k-form-field, .k-form-lg .k-form-buttons { margin-top: var(--kendo-spacing-7, 1.75rem); } .k-form-inline { padding: calc( var(--kendo-spacing-4, 1rem) * 2 ); } .k-form-inline fieldset { border-width: 1px 0 0; border-style: solid; margin: calc( calc( var(--kendo-spacing-4, 1rem) * 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-4, 1rem) 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: calc( var(--kendo-spacing-1, 0.25rem) + 1px ) 0; padding-right: var(--kendo-spacing-6, 1.5rem); 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) -var(--kendo-spacing-6, 1.5rem) -var(--kendo-spacing-2, 0.5rem); } .k-edit-label { margin: 0 0 var(--kendo-spacing-4, 1rem) 0; padding: calc( var(--kendo-spacing-2, 0.5rem) + 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) 0; width: 65%; float: right; clear: right; position: relative; } .k-edit-field.k-no-editor { padding: calc( var(--kendo-spacing-2, 0.5rem) + 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: 0.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 0.4ex 0 1ex; } .k-edit-label { padding: 0; margin: 0; width: auto; font-size: var(--kendo-font-size-sm, inherit); line-height: 1; text-align: inherit; display: block; float: none; } .k-edit-field { width: auto; float: none; display: flex; flex-direction: row; } .k-edit-field > div { width: auto; flex: 1 1 auto; display: flex; flex-direction: row; } .k-edit-field .k-upload { flex-wrap: wrap; } .k-edit-field .k-validator-tooltip { bottom: 0; transform: translateY(100%) translateY(6px); } .k-form, .k-form-inline { color: var(--kendo-color-on-app-surface, #212121); } .k-form .k-form-legend, .k-form-inline .k-form-legend { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-form .k-field-info, .k-form-inline .k-field-info { color: var(--kendo-color-subtle, #757575); } .k-form .k-alert-error, .k-form-inline .k-alert-error { color: var(--kendo-color-error, #f31700); } .k-form-error, .k-text-error, .k-form-field-error .k-label { color: var(--kendo-color-error, #f31700); } .k-form-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-window { border-radius: 4px; 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: 1.4285714286; 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: 4px; border-top-right-radius: 4px; padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-6, 1.5rem); border-width: 0px; 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: 0.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-lg, normal); text-overflow: ellipsis; overflow: hidden; cursor: default; flex: 1; display: flex; flex-flow: row nowrap; } .k-window-title::before { content: "​"; } .k-window-titlebar-actions { margin-block: -5em; margin-inline: 0; margin-inline-end: calc( var(--kendo-spacing-4, 1rem) - var(--kendo-spacing-6, 1.5rem) ); 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-2, 0.5rem); padding-inline: var(--kendo-spacing-6, 1.5rem); 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-2, 0.5rem)/2; } .k-window-content:first-child { padding-top: clamp( var(--kendo-spacing-2, 0.5rem), var(--kendo-spacing-4, 1rem), var(--kendo-spacing-4, 1rem) ); } .k-window-content:last-child { padding-bottom: clamp( var(--kendo-spacing-2, 0.5rem), var(--kendo-spacing-4, 1rem), var(--kendo-spacing-4, 1rem) ); } .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: 4px; border-bottom-left-radius: 4px; padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 0px 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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-8, 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14)); } .k-window:focus, .k-window.k-focus { box-shadow: var(--kendo-elevation-9, 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14)); } .k-window-primary .k-window-titlebar { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-window-light .k-window-titlebar { color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-window-dark .k-window-titlebar { color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .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: 4px; border-bottom-left-radius: 4px; 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-content.k-scroll { border-width: 1px 0; border-style: solid; padding-top: var(--kendo-spacing-2, 0.5rem)/2; padding-bottom: var(--kendo-spacing-2, 0.5rem)/2; } .k-dialog-primary .k-dialog-titlebar { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-dialog-light .k-dialog-titlebar { color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-dialog-dark .k-dialog-titlebar { color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-dialog-content.k-scroll { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .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; 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-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-disabled.k-pager-nav { color: inherit; } .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-nav + .k-pager-nav, .k-pager-nav + .k-pager-numbers-wrap, .k-pager-numbers-wrap + .k-pager-nav { margin-left: var(--kendo-spacing-0, 0px); } .k-rtl .k-pager-nav + .k-pager-nav, [dir=rtl] .k-pager-nav + .k-pager-nav, .k-rtl .k-pager-nav + .k-pager-numbers-wrap, [dir=rtl] .k-pager-nav + .k-pager-numbers-wrap, .k-rtl .k-pager-numbers-wrap + .k-pager-nav, [dir=rtl] .k-pager-numbers-wrap + .k-pager-nav { margin-left: 0; margin-right: var(--kendo-spacing-0, 0px); } .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 { 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-1\.5, 0.375rem); } .k-pager-sm .k-pager-numbers-wrap .k-button { min-width: calc( 1.4285714286em + calc( var(--kendo-spacing-1\.5, 0.375rem) * 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 { margin-inline-start: var(--kendo-spacing-1\.5, 0.375rem); margin-inline-end: var(--kendo-spacing-1\.5, 0.375rem); } .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-2, 0.5rem); } .k-pager-md .k-pager-numbers-wrap .k-button { min-width: calc( 1.4285714286em + calc( var(--kendo-spacing-2, 0.5rem) * 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 { margin-inline-start: var(--kendo-spacing-2, 0.5rem); margin-inline-end: var(--kendo-spacing-2, 0.5rem); } .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-2\.5, 0.625rem); } .k-pager-lg .k-pager-numbers-wrap .k-button { min-width: calc( 1.4285714286em + calc( var(--kendo-spacing-2\.5, 0.625rem) * 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 { margin-inline-start: var(--kendo-spacing-2\.5, 0.625rem); margin-inline-end: var(--kendo-spacing-2\.5, 0.625rem); } .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 .k-pager-numbers-wrap .k-button { border-radius: 5em; } .k-pager-numbers .k-button { padding-inline: 0.625rem; } .k-pager { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: #514e4b; background-color: #f5f5f5; } .k-pager:focus, .k-pager.k-focus { background-color: var(--kendo-color-surface, #f5f5f5); } .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: "​"; } .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 0.5s infinite; } @keyframes k-skeleton-pulse { 0% { opacity: 1; } 50% { opacity: 0.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 0.5s infinite; } .k-skeleton, .k-placeholder-line { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 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-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 1px 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 { 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: "​"; 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: 0.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 { 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\.5, 0.625rem); } .k-table-sm .k-table-list .k-table-group-td > span { padding-block: 0; padding-inline: calc( var(--kendo-spacing-2\.5, 0.625rem) / 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\.5, 0.625rem); padding-inline: var(--kendo-spacing-6, 1.5rem); } .k-table-md .k-table-list .k-table-group-td > span { padding-block: 0; padding-inline: calc( var(--kendo-spacing-6, 1.5rem) / 2 ); } .k-table-md .k-table-list .k-table-group-row::before { padding-block: var(--kendo-spacing-2\.5, 0.625rem); 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-6, 1.5rem); } .k-table-lg .k-table-list .k-table-group-td > span { padding-block: 0; padding-inline: calc( var(--kendo-spacing-6, 1.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 td:focus, .k-table td.k-focus, .k-table th:focus, .k-table th.k-focus { position: relative; } .k-table td:focus::after, .k-table td.k-focus::after, .k-table th:focus::after, .k-table th.k-focus::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; } .k-table td.k-grid-content-sticky, .k-table td.k-grid-header-sticky { position: sticky; } .k-table, .k-data-table { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-table-thead, .k-table-header, .k-table-group-sticky-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-subtle, #757575); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-table-tfoot, .k-table-footer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-subtle, #757575); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-table-group-row { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-subtle, #757575); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-table-group-td > span { color: var(--kendo-color-surface-alt, #ffffff); background-color: var(--kendo-color-on-app-surface, #212121); } .k-table-alt-row { background-color: 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 { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 8%, transparent); } .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, #3f51b5) 12%, transparent); } .k-table .k-table-tbody td:focus::after, .k-table .k-table-tbody td.k-focus::after, .k-table .k-table-tbody th:focus::after, .k-table .k-table-tbody th.k-focus::after { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 8%, transparent); } .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: 1px; 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; font-size: var(--kendo-font-size-sm, inherit); } .k-grid .k-grid-header .k-table { margin-bottom: -1px; } .k-grid .k-grid-header.k-grid-draggable-header { -webkit-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-3\.5, 0.875rem); 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; margin-inline-start: var(--kendo-spacing-1, 0.25rem); } .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-2, 0.5rem) / 2 ); margin-inline-start: calc( calc( var(--kendo-spacing-2, 0.5rem) / 2 ) * -1 ); } .k-grid .k-grid-header .k-filterable > .k-cell-inner .k-link { 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 { 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; margin-inline-end: var(--kendo-spacing-3\.5, 0.875rem); } .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: 0px; } .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 { margin-inline-start: calc( 8px - var(--kendo-spacing-6, 1.5rem) ); 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\.5, 0.625rem); 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: transparent; 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: 48px; } .k-grid .k-drag-cell { cursor: move; } .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( 1.2857142857em + calc( 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: calc(( calc( 1.2857142857em + calc( var(--kendo-spacing-1, 0.25rem) * 2 ) + 2px ) + calc( var(--kendo-spacing-2, 0.5rem) * 2 ) - calc( 1.2857142857em + calc( var(--kendo-spacing-1, 0.25rem) * 2 ) + 2px ) ) / 2); 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: transparent; border-right-color: transparent; border-bottom-color: transparent; top: 0; } .k-grouping-dropclue::after { width: 2px; height: calc(100% - 6px); top: 6px; inset-inline-start: calc( 6px - 1px ); } .k-grid-header-wrap, .k-grid-footer-wrap { 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 { margin-inline-end: 0; } .k-grid-header, .k-grid-footer { padding-inline-start: 0; 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: 0.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: calc( 2 * 1em ); } .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: 250px; 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 { margin-inline-end: var(--kendo-spacing-2, 0.5rem); vertical-align: middle; } .k-grid .k-command-cell > .k-button:last-child { 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: 20px; 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 { 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 { 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-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .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\.5, 0.625rem); } .k-grid .k-grid-sm .k-grouping-header, .k-grid-sm .k-grouping-header { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-1\.5, 0.375rem); gap: var(--kendo-spacing-1\.5, 0.375rem); } .k-grid .k-grid-sm .k-grouping-header::before, .k-grid-sm .k-grouping-header::before { margin-inline-start: calc( var(--kendo-spacing-1\.5, 0.375rem) * -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-2\.5, 0.625rem) * -1 ); margin-inline: calc( var(--kendo-spacing-2\.5, 0.625rem) * -1 ); padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .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-1\.5, 0.375rem); width: calc( 1.4285714286em + calc( var(--kendo-spacing-1\.5, 0.375rem) * 2 ) + 2px ); height: calc( 1.4285714286em + calc( var(--kendo-spacing-1\.5, 0.375rem) * 2 ) + 2px ); bottom: calc( var(--kendo-spacing-2\.5, 0.625rem) + calc( 2 * 1em )/2 - calc( 1.4285714286em + calc( 0.625rem * 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-2\.5, 0.625rem) * -1 ); margin-inline: calc( var(--kendo-spacing-2\.5, 0.625rem) * -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-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .k-grid .k-grid-sm .k-grouping-row .k-icon, .k-grid-sm .k-grouping-row .k-icon { margin-inline-start: calc( 8px - var(--kendo-spacing-2\.5, 0.625rem) ); } .k-grid .k-grid-sm .k-grouping-dropclue, .k-grid-sm .k-grouping-dropclue { height: calc( calc( 1.2857142857em + calc( var(--kendo-spacing-0\.5, 0.125rem) * 2 ) + 2px ) + 6px); } .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-1, 0.25rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .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-2, 0.5rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .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%; padding-block-start: calc( var(--kendo-spacing-1, 0.25rem) - var(--kendo-spacing-0\.5, 0.125rem) ); padding-block-end: var(--kendo-spacing-1, 0.25rem); 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: 6px; padding-inline: var(--kendo-spacing-6, 1.5rem); } .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\.5, 0.625rem); padding-inline: var(--kendo-spacing-6, 1.5rem); } .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 { 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( 6px * -1 ); margin-inline: calc( var(--kendo-spacing-6, 1.5rem) * -1 ); padding-block: 6px; padding-inline: var(--kendo-spacing-6, 1.5rem); } .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-2, 0.5rem); width: calc( 1.4285714286em + calc( var(--kendo-spacing-2, 0.5rem) * 2 ) + 2px ); height: calc( 1.4285714286em + calc( var(--kendo-spacing-2, 0.5rem) * 2 ) + 2px ); bottom: calc( 6px + calc( 2 * 1em )/2 - calc( 1.4285714286em + calc( 0.625rem * 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( 6px * -1 ); margin-inline: calc( var(--kendo-spacing-6, 1.5rem) * -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: 6px; padding-inline: var(--kendo-spacing-6, 1.5rem); } .k-grid .k-grid-md .k-grouping-row .k-icon, .k-grid-md .k-grouping-row .k-icon { margin-inline-start: calc( 8px - var(--kendo-spacing-6, 1.5rem) ); } .k-grid .k-grid-md .k-grouping-dropclue, .k-grid-md .k-grouping-dropclue { height: calc( 1.2857142857em + calc( var(--kendo-spacing-1, 0.25rem) * 2 ) + 2px ); } .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\.5, 0.625rem); 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: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-6, 1.5rem); } .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\.5, 0.625rem); padding-inline: var(--kendo-spacing-6, 1.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\.5, 0.625rem) / 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%; padding-block-start: calc( var(--kendo-spacing-1\.5, 0.375rem) - var(--kendo-spacing-0\.5, 0.125rem) ); padding-block-end: var(--kendo-spacing-1\.5, 0.375rem); 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: 250px; 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: 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: 250px; max-width: 320px; } .k-popup .k-multicheck-wrap { margin: 0; padding: 0; max-height: 300px; white-space: nowrap; overflow: auto; list-style: none; } .k-popup .k-multicheck-wrap .k-item, .k-popup .k-multicheck-wrap .k-check-all-wrap { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); 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: 250px; 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-tabbed { border-radius: 0px 0px 0 0; } .k-column-menu-tabbed .k-tabstrip-items { margin: 0px 0px 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; max-height: 200px; overflow-x: hidden; overflow-y: auto; } .k-column-chooser-title, .k-column-list-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .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-2, 0.5rem); padding-inline: var(--kendo-spacing-0, 0px); } .k-columnmenu-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); outline: 0; cursor: pointer; } .k-columnmenu-item > .k-icon, .k-columnmenu-item > .k-expander-indicator { margin-inline-end: var(--kendo-spacing-2, 0.5rem); } .k-columnmenu-item-wrapper + .k-columnmenu-item-wrapper { border-top: 1px solid; border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-columnmenu-item-content { overflow: hidden; } .k-column-menu-group-header { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); display: flex; flex: 0 0 auto; position: relative; -webkit-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 .k-group-footer td, .k-grid .k-group-footer .k-table-td { border-top-width: 0; } .k-grid .k-command-cell .k-button { box-shadow: none; } .k-grid-header .k-table-th { font-weight: 700; } .k-grid-header .k-table-th .k-grid-filter { font-weight: normal; } .k-grid-header .k-grid-filter { border-radius: 50%; } .k-grid-header .k-header-column-menu, .k-grid-header .k-grid-header-menu { border-radius: 50%; } .k-grid-header .k-resizable-columns .k-table-th:not(.k-group-cell) { border-right-width: 1px; border-right-style: solid; } .k-grid-header .k-resizable-columns .k-resize-handle .k-resize-handle-inner { width: 1px; height: 100%; cursor: col-resize; } .k-cell-inner .k-grid-filter, .k-cell-inner .k-header-column-menu, .k-cell-inner .k-grid-header-menu, .k-cell-inner .k-hierarchy-cell .k-icon { line-height: normal; } .k-grouping-dropclue { width: 0; height: calc( 1.2857142857em + calc( var(--kendo-spacing-1, 0.25rem) * 2 ) + 2px ); top: calc(( calc( 1.2857142857em + calc( var(--kendo-spacing-1, 0.25rem) * 2 ) + 2px ) + calc( var(--kendo-spacing-2, 0.5rem) * 2 ) - calc( 1.2857142857em + calc( var(--kendo-spacing-1, 0.25rem) * 2 ) + 2px ) ) / 2); border-style: solid; border-width: 0 2px 0 0; } .k-grouping-dropclue::before { border-width: 0; } .k-resize-handle:hover .k-resize-handle-inner { width: 1px; height: 100%; } .k-column-resizer:hover::after { display: block; content: ""; height: 100%; border-right: 2px solid currentColor; } .k-reorder-cue { margin-left: -1px; width: 2px; } .k-column-menu .k-menu:not(.k-context-menu) .k-item > .k-link::before { content: none; } .k-column-menu .k-menu:not(.k-context-menu).k-menu-vertical > .k-item + .k-item { margin-top: 0; } .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.12)); } .k-grid-header, .k-grouping-header, .k-grid-add-row, .k-grid-footer { color: #514e4b; background-color: #f5f5f5; } .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: #514e4b; background-color: transparent; } .k-grouping-dropclue::before { border-color: #514e4b transparent transparent; } .k-grouping-dropclue::after { background-color: #514e4b; } .k-grid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: #514e4b; background-color: var(--kendo-color-surface-alt, #ffffff); } .k-grid .k-table-row.k-table-alt-row { background-color: 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, #212121) 8%, 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: rgba(28, 117, 188, 0.16); } .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: #514e4b; } .k-grid .k-grouping-row { background-color: transparent; } .k-grid .k-grouping-row .k-icon { color: #514e4b; } .k-grid .k-grouping-row .k-grid-content-sticky { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-grid .k-grid-header-locked, .k-grid .k-grid-content-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 { border-color: rgba(0, 0, 0, 0.12); } .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.12)); } .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.12)); } .k-grid .k-grid-content-locked .k-selected td, .k-grid .k-grid-content-locked .k-selected .k-table-td { background-color: rgba(28, 117, 188, 0.16); } .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: rgba(28, 117, 188, 0.16); } .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, #3f51b5) 12%, transparent); } .k-grid .k-grid-header-locked .k-table-th { border-bottom-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } col.k-sorted, .k-table-th.k-sorted { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 5%, transparent); } .k-grid-header .k-sort-icon, .k-grid-header .k-sort-order { color: #514e4b; } .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, 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-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .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: #514e4b; background-color: var(--kendo-color-surface-alt, #ffffff); border-right-color: rgba(0, 0, 0, 0.12); border-left-color: rgba(0, 0, 0, 0.12); } .k-grid-footer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-subtle, #757575); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-grid-footer .k-grid-footer-sticky { border-left-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); border-right-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-selection-aggregates { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: #514e4b; background-color: #f5f5f5; } .k-master-row .k-grid-content-sticky { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-master-row .k-grid-row-sticky { border-top-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); 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 { background-color: var(--kendo-color-surface-alt, #ffffff); } .k-master-row.k-table-row.k-selected td.k-grid-content-sticky, .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-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: rgba(28, 117, 188, 0.16); } .k-master-row.k-selected.k-table-alt-row td.k-grid-content-sticky, .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-surface-alt, #ffffff); } .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-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: rgba(28, 117, 188, 0.16); } .k-master-row:hover .k-grid-content-sticky, .k-master-row:hover .k-grid-row-sticky, .k-master-row.k-hover .k-grid-content-sticky, .k-master-row.k-hover .k-grid-row-sticky { 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.k-hover td.k-grid-content-sticky, .k-master-row.k-selected.k-hover .k-table-td.k-grid-row-sticky, .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.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: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, #3f51b5) 12%, transparent); } kendo-grid.k-grid .k-grid-content-sticky { border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); border-left-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); border-right-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); background-color: var(--kendo-color-surface-alt, #ffffff); } kendo-grid.k-grid .k-grid-content-sticky:hover, kendo-grid.k-grid .k-grid-content-sticky.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb); } kendo-grid.k-grid .k-grid-row-sticky td, kendo-grid.k-grid .k-grid-row-sticky .k-table-td { border-top-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); background-color: var(--kendo-color-surface-alt, #ffffff); } kendo-grid.k-grid .k-grid-row-sticky:hover td, kendo-grid.k-grid .k-grid-row-sticky.k-hover td, kendo-grid.k-grid .k-grid-row-sticky:hover .k-table-td, kendo-grid.k-grid .k-grid-row-sticky.k-hover .k-table-td { background-color: var(--kendo-color-base-hover, #ebebeb); } kendo-grid.k-grid .k-table-alt-row .k-grid-content-sticky, kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row td, kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row .k-table-td { background-color: var(--kendo-color-surface-alt, #ffffff); } kendo-grid.k-grid .k-table-row.k-selected .k-grid-content-sticky, kendo-grid.k-grid .k-selected.k-grid-row-sticky td, kendo-grid.k-grid .k-grid-row-sticky td.k-selected, kendo-grid.k-grid .k-selected.k-grid-row-sticky .k-table-td, kendo-grid.k-grid .k-grid-row-sticky .k-table-td.k-selected, kendo-grid.k-grid .k-selected.k-grid-content-sticky { background-color: var(--kendo-color-surface-alt, #ffffff); } kendo-grid.k-grid .k-table-row.k-selected .k-grid-content-sticky::before, kendo-grid.k-grid .k-selected.k-grid-row-sticky td::before, kendo-grid.k-grid .k-grid-row-sticky td.k-selected::before, kendo-grid.k-grid .k-selected.k-grid-row-sticky .k-table-td::before, kendo-grid.k-grid .k-grid-row-sticky .k-table-td.k-selected::before, kendo-grid.k-grid .k-selected.k-grid-content-sticky::before { background-color: rgba(28, 117, 188, 0.16); } kendo-grid.k-grid .k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky td, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td, kendo-grid.k-grid .k-table-alt-row .k-selected.k-grid-content-sticky { background-color: var(--kendo-color-surface-alt, #ffffff); } kendo-grid.k-grid .k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky::before, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky td::before, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td::before, kendo-grid.k-grid .k-table-alt-row .k-selected.k-grid-content-sticky::before { background-color: rgba(28, 117, 188, 0.16); } kendo-grid.k-grid .k-table-row:hover .k-grid-content-sticky, kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky, kendo-grid.k-grid .k-grid-row-sticky:hover td, kendo-grid.k-grid .k-grid-row-sticky.k-hover td, kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row:hover td, kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row.k-hover td, kendo-grid.k-grid .k-grid-row-sticky:hover .k-table-td, kendo-grid.k-grid .k-grid-row-sticky.k-hover .k-table-td, kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row:hover .k-table-td, kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row.k-hover .k-table-td, kendo-grid.k-grid .k-table-alt-row:hover .k-grid-content-sticky, kendo-grid.k-grid .k-table-alt-row.k-hover .k-grid-content-sticky { background-color: var(--kendo-color-base-hover, #ebebeb); } kendo-grid.k-grid .k-table-row.k-selected:hover .k-grid-content-sticky, kendo-grid.k-grid .k-table-row.k-selected.k-hover .k-grid-content-sticky, kendo-grid.k-grid .k-selected.k-grid-row-sticky:hover td, kendo-grid.k-grid .k-selected.k-grid-row-sticky.k-hover td, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky:hover td, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky.k-hover td, kendo-grid.k-grid .k-selected.k-grid-row-sticky:hover .k-table-td, kendo-grid.k-grid .k-selected.k-grid-row-sticky.k-hover .k-table-td, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky:hover .k-table-td, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky.k-hover .k-table-td, kendo-grid.k-grid .k-table-row.k-selected.k-table-alt-row:hover .k-grid-content-sticky, kendo-grid.k-grid .k-table-row.k-selected.k-table-alt-row.k-hover .k-grid-content-sticky, kendo-grid.k-grid .k-grid-row-sticky:hover td.k-selected, kendo-grid.k-grid .k-grid-row-sticky.k-hover td.k-selected, kendo-grid.k-grid .k-grid-row-sticky:hover .k-table-td.k-selected, kendo-grid.k-grid .k-grid-row-sticky.k-hover .k-table-td.k-selected, kendo-grid.k-grid .k-table-row:hover .k-grid-content-sticky.k-selected, kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected { background-color: var(--kendo-color-base-hover, #ebebeb); } kendo-grid.k-grid .k-table-row.k-selected:hover .k-grid-content-sticky::before, kendo-grid.k-grid .k-table-row.k-selected.k-hover .k-grid-content-sticky::before, kendo-grid.k-grid .k-selected.k-grid-row-sticky:hover td::before, kendo-grid.k-grid .k-selected.k-grid-row-sticky.k-hover td::before, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky:hover td::before, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky.k-hover td::before, kendo-grid.k-grid .k-selected.k-grid-row-sticky:hover .k-table-td::before, kendo-grid.k-grid .k-selected.k-grid-row-sticky.k-hover .k-table-td::before, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky:hover .k-table-td::before, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky.k-hover .k-table-td::before, kendo-grid.k-grid .k-table-row.k-selected.k-table-alt-row:hover .k-grid-content-sticky::before, kendo-grid.k-grid .k-table-row.k-selected.k-table-alt-row.k-hover .k-grid-content-sticky::before, kendo-grid.k-grid .k-grid-row-sticky:hover td.k-selected::before, kendo-grid.k-grid .k-grid-row-sticky.k-hover td.k-selected::before, kendo-grid.k-grid .k-grid-row-sticky:hover .k-table-td.k-selected::before, kendo-grid.k-grid .k-grid-row-sticky.k-hover .k-table-td.k-selected::before, kendo-grid.k-grid .k-table-row:hover .k-grid-content-sticky.k-selected::before, kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected::before { background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 12%, transparent); } .k-grouping-row .k-grid-content-sticky { background-color: var(--kendo-color-surface-alt, #ffffff); } .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, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-columnmenu-item.k-selected { color: var(--kendo-color-secondary, #e51a5f); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-column-menu .k-menu:not(.k-context-menu) { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #212121); 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-secondary, #e51a5f); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-column-menu-tabbed { background-color: var(--kendo-color-app-surface, #ffffff); } .k-column-menu-group-header-text { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); } .k-check-all-wrap { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-grid-norecords-template { background-color: var(--kendo-color-surface-alt, #ffffff); border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-resizer-wrap.k-hover .k-row-resizer { background-color: color-mix(in srgb, var(--kendo-color-on-base, #212121) 20%, transparent); } .k-resizer-wrap.k-active .k-row-resizer { background-color: var(--kendo-color-primary, #3f51b5); } .k-grid .k-table td:focus::after, .k-grid .k-table td.k-focus::after, .k-grid .k-table th:focus::after, .k-grid .k-table th.k-focus::after { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 8%, transparent); } .k-grid .k-grid-pager:focus, .k-grid .k-grid-pager.k-focus { color: inherit; } .k-grid .k-table-th, .k-grid td, .k-grid .k-table-td { border-inline-start-color: transparent; } .k-grid .k-grid-header-locked, .k-grid .k-grid-content-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 { border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); border-bottom-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-grid .k-grid-header-locked .k-group-footer:hover td, .k-grid .k-grid-header-locked .k-group-footer.k-hover td, .k-grid .k-grid-header-locked .k-group-footer:hover .k-table-td, .k-grid .k-grid-header-locked .k-group-footer.k-hover .k-table-td, .k-grid .k-grid-content-locked .k-group-footer:hover td, .k-grid .k-grid-content-locked .k-group-footer.k-hover td, .k-grid .k-grid-content-locked .k-group-footer:hover .k-table-td, .k-grid .k-grid-content-locked .k-group-footer.k-hover .k-table-td, .k-grid .k-grid-header-locked .k-table-th .k-group-footer:hover td, .k-grid .k-grid-header-locked .k-table-th .k-group-footer.k-hover td, .k-grid .k-grid-header-locked .k-table-th .k-group-footer:hover .k-table-td, .k-grid .k-grid-header-locked .k-table-th .k-group-footer.k-hover .k-table-td, .k-grid .k-grid-content-locked td .k-group-footer:hover td, .k-grid .k-grid-content-locked td .k-group-footer.k-hover td, .k-grid .k-grid-content-locked td .k-group-footer:hover .k-table-td, .k-grid .k-grid-content-locked td .k-group-footer.k-hover .k-table-td, .k-grid .k-grid-content-locked .k-table-td .k-group-footer:hover td, .k-grid .k-grid-content-locked .k-table-td .k-group-footer.k-hover td, .k-grid .k-grid-content-locked .k-table-td .k-group-footer:hover .k-table-td, .k-grid .k-grid-content-locked .k-table-td .k-group-footer.k-hover .k-table-td { color: inherit; background-color: var(--kendo-color-surface-alt, #ffffff); } .k-grid .k-master-row .k-grid-content-sticky { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); border-bottom-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-grid .k-master-row .k-grid-row-sticky { border-top-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } kendo-grid .k-grid-content-sticky { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); border-bottom-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } kendo-grid .k-grid-row-sticky td, kendo-grid .k-grid-row-sticky .k-table-td { border-top-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } .k-grid-header .k-sorted, .k-grid-header .k-link:hover { color: #514e4b; } .k-grid-header .k-sorted > .k-icon, .k-grid-header .k-link:hover > .k-icon { color: inherit; } .k-grid-header .k-grid-filter:hover, .k-grid-header .k-table-th-column-menu:hover, .k-grid-header .k-grid-header-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover { color: #514e4b; background-color: transparent; } .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-focus, .k-grid-header .k-table-th-column-menu:focus, .k-grid-header .k-table-th-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 { color: #514e4b; background-color: rgba(0, 0, 0, 0.12); box-shadow: none; } .k-grid-header .k-grid-filter.k-active, .k-grid-header .k-table-th-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, #3f51b5); } .k-grid-header .k-table-thead > .k-table-row:not(:only-child) > .k-table-th, .k-grid-header .k-table-thead > .k-table-row:not(:only-child) > .k-table-td { border-inline-start-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-grid-header .k-table-thead > .k-table-row:not(:only-child) > .k-table-th.k-grid-header-sticky, .k-grid-header .k-table-thead > .k-table-row:not(:only-child) > .k-table-td.k-grid-header-sticky { border-inline-color: rgba(0, 0, 0, 0.12); } .k-grid-header .k-grid-header-locked .k-table-thead .k-table-row .k-table-th { border-inline-color: rgba(0, 0, 0, 0.12); } .k-group-footer td, .k-group-footer .k-table-td, .k-group-footer .k-grid-footer-sticky { background: var(--kendo-color-surface-alt, #ffffff); } .k-group-footer:hover td, .k-group-footer.k-hover td, .k-group-footer:hover .k-table-td, .k-group-footer.k-hover .k-table-td { background-color: var(--kendo-color-surface-alt, #ffffff); } .k-grouping-dropclue, .k-reorder-cue { border-color: var(--kendo-color-primary, #3f51b5); } .k-grouping-dropclue::before, .k-reorder-cue::before { border-color: transparent; } .k-grouping-dropclue::after, .k-reorder-cue::after { border-color: transparent; background-color: transparent; } .k-resize-handle:hover .k-resize-handle-inner { background-color: var(--kendo-color-primary, #3f51b5); } .k-column-resizer:hover { color: var(--kendo-color-primary, #3f51b5); } .k-reorder-cue { background-color: var(--kendo-color-primary, #3f51b5); } .k-columnmenu-item.k-selected { color: var(--kendo-color-secondary, #e51a5f); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-column-list-item:focus, .k-column-list-item.k-focus, .k-columnmenu-item:focus, .k-columnmenu-item.k-focus { background: var(--kendo-color-base-hover, #ebebeb); } .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected { background: var(--kendo-color-base-hover, #ebebeb); } .k-grid { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.3); } .k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked { box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.1); } .k-grid .k-grid-content-locked { z-index: 1; } .k-grid .k-grid-header th { font-weight: 600; } .k-grid .k-grid-header td { background-color: #f5f5f5; color: #514e4b; } .k-grid .k-grid-header tr { background-color: #f5f5f5; color: #514e4b; } .k-grid .k-grid-content .k-table td, .k-grid .k-grid-content-locked .k-table td { background-color: #ffffff !important; color: #514e4b; } .k-grid .k-grid-content .k-table tr.k-selected td, .k-grid .k-grid-content-locked .k-table tr.k-selected td { background-color: rgba(28, 117, 188, 0.16) !important; color: #000000; } .k-grid .k-filter-row > td { border-left-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-grid .k-grid-pager { justify-content: flex-end; } .k-grid .k-grid-pager .k-pager-info { text-align: left; justify-content: flex-start; order: -1; } .k-grid .k-grid-pager .k-pager-sizes > select { width: auto; background: transparent; border-radius: 0; border-top: none; border-left: none; border-right: none; border-bottom: #514e4b 1px solid; font-size: inherit; color: inherit; } .k-grid .k-grid-pager .k-pager-nav { color: #514e4b; } .k-grid .k-grid-pager .k-pager-nav .k-icon::before { font-family: "Font Awesome 5 Pro"; font-weight: 300; } .k-grid .k-grid-pager .k-pager-nav .k-i-seek-w::before { content: "\f053"; padding-left: 2px; border-left: 1px solid currentColor; } .k-grid .k-grid-pager .k-pager-nav .k-i-caret-alt-to-left::before { content: "\f053"; padding-left: 2px; border-left: 1px solid currentColor; } .k-grid .k-grid-pager .k-pager-nav .k-i-arrow-w::before { content: "\f053"; } .k-grid .k-grid-pager .k-pager-nav .k-i-caret-alt-left::before { content: "\f053"; } .k-grid .k-grid-pager .k-pager-nav .k-i-seek-e::before { content: "\f054"; padding-right: 2px; border-right: 1px solid currentColor; } .k-grid .k-grid-pager .k-pager-nav .k-i-caret-alt-to-right::before { content: "\f054"; padding-right: 2px; border-right: 1px solid currentColor; } .k-grid .k-grid-pager .k-pager-nav .k-i-arrow-e::before { content: "\f054"; } .k-grid .k-grid-pager .k-pager-nav .k-i-caret-alt-right::before { content: "\f054"; } .k-grid .k-grid-pager .k-pager-nav.k-button.k-selected { background-color: #1c75bc !important; color: #ffffff !important; } .k-grid-header-menu .k-i-more-vertical { color: black; } .k-filtercell .k-i-calendar { color: black !important; } .k-panelbar .k-grid, .k-card .k-grid, .k-grid .k-grid { box-shadow: none; } kendo-grid-date-filter-cell.hide-search-icon .k-filtercell-wrapper::after { display: none; } .checkbox-cell.kpa-grid-select-cell { text-align: center; } .k-grid-table tr.k-grid-norecords > td { text-align: left !important; } .widget-03, .widget-06, .widget-13 { display: flex; flex-direction: column; height: 100%; } .widget-03 .widget-gauge, .widget-06 .widget-gauge, .widget-13 .widget-gauge { display: flex; justify-content: center; height: 100%; position: relative; top: 28%; } .widget-03 .widget-gauge kendo-arcgauge, .widget-06 .widget-gauge kendo-arcgauge, .widget-13 .widget-gauge kendo-arcgauge { height: 100px; } .widget-03 .widget-gauge kendo-arcgauge .k-arcgauge-label, .widget-06 .widget-gauge kendo-arcgauge .k-arcgauge-label, .widget-13 .widget-gauge kendo-arcgauge .k-arcgauge-label { color: #514e4b; font-size: 54px; } .full { height: 100%; width: 100%; } .primary-category { text-anchor: middle; } .primary-value { text-anchor: middle; font-weight: normal; font-size: 50px; } .secondary-category { text-anchor: start; font-weight: bold; font-size: 8pt; } .secondary-value { text-anchor: end; font-weight: bold; font-size: 8pt; } .location-summary .k-column-title, .grid .k-column-title { white-space: normal !important; } .location-summary .k-filter-row, .grid .k-filter-row { display: none; } .grid .k-column-title { white-space: normal !important; } .grid .k-filter-row { display: none; } .grid .k-progress-status { left: 0 !important; top: 15px; position: absolute; } .grid .small-value .k-progress-status { color: #424242 !important; } .grid .large-value .k-progress-status { color: #fff !important; } .grid .k-selected { border-color: #6ebc2e; color: #6ebc2e; background-color: #6ebc2e; } .grid .k-progressbar { background-color: #f5f5f5 !important; } .k-chip-solid-base { border-color: #ebebeb; color: #ebebeb !important; background-color: #1c75bc !important; border-radius: 5em; max-width: 70%; } .dynamic-form .widget-donut-percent { color: #5d5b58 !important; } .dynamic-form .k-tilelayout .k-card { border-width: 0px; } .dynamic-form .field { padding-right: 0px !important; width: 100% !important; } .dynamic-form .field-container { padding-right: 0px !important; } .client-location-details-screen .k-dropzone .k-dropzone-hint { display: none !important; } .client-location-details-screen .k-dropzone::after { content: "Drag or drop files here to upload"; display: block !important; text-align: center !important; padding: 15px !important; font-size: 12px !important; color: #333 !important; } .client-location-details-screen .hide-action-items .k-actions, .client-location-details-screen .hide-action-items .k-edit-buttons, .client-location-details-screen .hide-action-items .k-action-buttons, .client-location-details-screen .hide-action-items .k-columnmenu-actions, .client-location-details-screen .hide-action-items .k-form-buttons { display: none; } .client-location-details-screen .validationMessage { color: red; padding-left: 12px; } .no-paging .k-grid-pager { display: none; } .no-paging .k-pager { display: none; } kendo-grid my-dropdown-filter kendo-multiselect { min-width: auto !important; } .k-switch-on .k-switch-thumb.k-rounded-full { background-color: #1c75bc; } .k-switch-on .k-switch-track.k-rounded-full { background-color: rgba(28, 117, 188, 0.54); } .k-switch-off .k-switch-thumb.k-rounded-full { background-color: #ffffff; } .k-switch-off .k-switch-track.k-rounded-full { background-color: rgba(0, 0, 0, 0.38); } .k-messagebox { margin: 0 0 var(--kendo-spacing-4, 1rem) 0; padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-4, 1rem); 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: normal; text-decoration: underline; } .k-messagebox-primary { border-color: var(--kendo-color-primary-emphasis, #97a0d7); color: var(--kendo-color-primary-on-subtle, #161c3f); background-color: var(--kendo-color-primary-subtle, #d1d5ee); } .k-messagebox-secondary { border-color: var(--kendo-color-secondary-emphasis, #f58da9); color: var(--kendo-color-secondary-on-subtle, #500c22); background-color: var(--kendo-color-secondary-subtle, #fbcdd9); } .k-messagebox-tertiary { border-color: var(--kendo-color-tertiary-emphasis, #84aea7); color: var(--kendo-color-tertiary-on-subtle, #002520); background-color: var(--kendo-color-tertiary-subtle, #c9dbd8); } .k-messagebox-info { border-color: var(--kendo-color-info-emphasis, #80a5f4); color: var(--kendo-color-info-on-subtle, #071f51); background-color: var(--kendo-color-info-subtle, #c8d7fb); } .k-messagebox-success { border-color: var(--kendo-color-success-emphasis, #93d775); color: var(--kendo-color-success-on-subtle, #163f09); background-color: var(--kendo-color-success-subtle, #d7f0cc); } .k-messagebox-warning { border-color: var(--kendo-color-warning-emphasis, #ffdd8f); color: var(--kendo-color-warning-on-subtle, #59430a); background-color: var(--kendo-color-warning-subtle, #fff0ce); } .k-messagebox-error { border-color: var(--kendo-color-error-emphasis, #fc8d83); color: var(--kendo-color-error-on-subtle, #550c07); background-color: var(--kendo-color-error-subtle, #fcc7c2); } .k-messagebox-dark { border-color: var(--kendo-color-dark-emphasis, #9e9e9e); color: var(--kendo-color-dark-on-subtle, #212121); background-color: var(--kendo-color-dark-subtle, #c7c7c7); } .k-messagebox-light { border-color: var(--kendo-color-light-emphasis, #e0e0e0); color: var(--kendo-color-light-on-subtle, #212121); background-color: var(--kendo-color-light-subtle, #fafafa); } .k-messagebox-inverse { border-color: var(--kendo-color-dark-hover, #212121); color: var(--kendo-color-dark-on-subtle, #212121); background-color: var(--kendo-color-dark-subtle, #c7c7c7); } .k-drag-clue { border-radius: 9999px; padding-block: calc( var(--kendo-spacing-4, 1rem) / 2 ); padding-inline: var(--kendo-spacing-4, 1rem); box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: 1.4285714286; 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: 0.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: transparent; } .k-drop-hint-line { flex-grow: 1; background-color: var(--kendo-color-primary, #3f51b5); } .k-drop-hint-h .k-drop-hint-start { border-left-width: 6.9282032304px; border-left-color: var(--kendo-color-primary, #3f51b5); 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, #3f51b5); 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, #3f51b5); 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, #3f51b5); 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 transparent; 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 { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-subtle, #ebebeb); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .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: 0.1; background-color: currentColor; } .k-primary .k-ripple-blob { opacity: 0.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-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-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%; 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, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-avatar-solid-secondary { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-avatar-solid-tertiary { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-avatar-solid-info { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-avatar-solid-success { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-avatar-solid-warning { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-avatar-solid-error { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-avatar-solid-dark { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-avatar-solid-light { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-avatar-solid-inverse { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-avatar-outline { border-color: currentColor; } .k-avatar-outline-primary { color: var(--kendo-color-primary, #3f51b5); } .k-avatar-outline-secondary { color: var(--kendo-color-secondary, #e51a5f); } .k-avatar-outline-tertiary { color: var(--kendo-color-tertiary, #00695c); } .k-avatar-outline-info { color: var(--kendo-color-info, #0058e9); } .k-avatar-outline-success { color: var(--kendo-color-success, #37b400); } .k-avatar-outline-warning { color: var(--kendo-color-warning, #ffc000); } .k-avatar-outline-error { color: var(--kendo-color-error, #f31700); } .k-avatar-outline-dark { color: var(--kendo-color-dark, #424242); } .k-avatar-outline-light { color: var(--kendo-color-light, #f5f5f5); } .k-avatar-outline-inverse { color: var(--kendo-color-dark, #424242); } .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: calc( 16px - 2px ); 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: #ffffff; 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, %23f31700%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.12)); } .k-color-preview:hover, .k-color-preview.k-hover { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .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: -0.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( calc( var(--kendo-spacing-1, 0.25rem) * 4 ) - var(--kendo-spacing-1, 0.25rem) ); height: calc( calc( 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( calc( var(--kendo-spacing-2, 0.5rem) * 4 ) - var(--kendo-spacing-2, 0.5rem) ); height: calc( calc( 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( calc( var(--kendo-spacing-4, 1rem) * 4 ) - var(--kendo-spacing-4, 1rem) ); height: calc( calc( 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: 0.32; } .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: 0.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: transparent; box-sizing: border-box; color: currentColor; } .k-i-loading::before, .k-i-loading::after { box-sizing: border-box; } .k-i-loading::before, .k-i-loading::after, .k-loading-image::before, .k-loading-image::after { position: absolute; top: 50%; left: 50%; display: inline-block; content: ""; box-sizing: inherit; border-radius: 50%; border-width: 0.05em; border-style: solid; border-color: currentColor; border-top-color: transparent; border-bottom-color: transparent; background-color: transparent; } .k-icon.k-i-loading::before, .k-icon.k-i-loading::after { content: ""; } .k-i-loading::before, .k-loading-image::before { margin-top: -0.5em; margin-left: -0.5em; width: 1em; height: 1em; animation: k-loading-animation 0.7s linear infinite; } .k-i-loading::after, .k-loading-image::after { margin-top: -0.25em; margin-left: -0.25em; width: 0.5em; height: 0.5em; animation: k-loading-animation reverse 1.4s linear infinite; } .k-loading-image::before, .k-loading-image::after { content: ""; border-width: 1px; border-width: clamp(0.015em, 1px, 1px); font-size: 4em; } @keyframes k-loading-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .k-loader-primary { color: var(--kendo-color-primary, #3f51b5); } .k-loader-secondary { color: #000000; } .k-loader-tertiary { color: var(--kendo-color-tertiary, #00695c); } .k-loader-info { color: var(--kendo-color-info, #0058e9); } .k-loader-success { color: var(--kendo-color-success, #37b400); } .k-loader-warning { color: var(--kendo-color-warning, #ffc000); } .k-loader-error { color: var(--kendo-color-error, #f31700); } .k-loader-dark { color: var(--kendo-color-dark, #424242); } .k-loader-light { color: var(--kendo-color-light, #f5f5f5); } .k-loader-inverse { color: var(--kendo-color-dark, #424242); } .k-loader-container-panel { background-color: #ffffff; border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-loader-container-inner .k-text-secondary, .k-loader-container-inner .\!k-text-secondary { color: #000000 !important; } .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: transparent; border: 4px solid transparent; } .k-current-time { background: #ff0000; } .k-current-time.k-current-time-arrow-left { border-right-color: #ff0000; } .k-current-time.k-current-time-arrow-right { border-left-color: #ff0000; } .k-current-time.k-current-time-arrow-down { border-top-color: #ff0000; } .k-split-button .k-split-button-arrow { padding-block: 0.625rem; 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-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-1, 0.25rem); } .k-split-button .k-split-button-arrow.k-button-md { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-1, 0.25rem); } .k-split-button .k-split-button-arrow.k-button-lg { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-1, 0.25rem); } .k-split-button .k-split-button-arrow .k-button-icon { min-width: 0; } .k-split-button:focus, .k-split-button.k-focus { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .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 { margin-inline-start: calc( var(--kendo-spacing-1, 0.25rem) * -1 ); margin-inline-end: calc( 1.75rem * -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 { margin-inline-start: 0; margin-inline-end: calc( 0.625rem * -1 ); } .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: 1.4285714286; vertical-align: top; background-color: transparent; display: inline-flex; gap: var(--kendo-spacing-3, 0.75rem); -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: transparent; } .k-listbox .k-drop-hint { border-top-width: 2px; border-top-style: solid; } .k-listbox .k-ghost { opacity: 0.5; } .k-item { cursor: default; } .k-listbox .k-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-listbox .k-list-scroller { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-listbox .k-drop-hint { border-top-color: var(--kendo-color-primary, #3f51b5); } .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: 0.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: transparent; 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: min-content; height: min-content; gap: calc( 14px / 2 ); } .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; 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 .k-slider-track, .k-slider-horizontal .k-slider-selection { height: 2px; left: 0; margin-top: -1px; top: 50%; } .k-slider-vertical .k-slider-track, .k-slider-vertical .k-slider-selection { bottom: 0; left: 50%; margin-left: -1px; width: 2px; } .k-draghandle { background-color: transparent; background-repeat: no-repeat; border-style: solid; border-width: 0px; outline: 0; position: absolute; text-align: center; text-decoration: none; width: 14px; height: 14px; } .k-slider-transitions.k-slider-horizontal .k-draghandle { transition: inset-inline-start 0.3s ease-out, background-color 0.3s ease-out, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .k-slider-transitions.k-slider-vertical .k-draghandle { transition: bottom 0.3s ease-out, background-color 0.3s ease-out, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .k-draghandle.k-pressed { transition: none; } .k-slider-transitions.k-slider-horizontal .k-slider-selection { transition: width 0.3s ease-out; } .k-slider-transitions.k-slider-vertical .k-slider-selection { transition: height 0.3s ease-out; } .k-slider-selection.k-pressed { transition: none; } .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 { margin-inline-start: -3px; } .k-slider-tooltip .k-callout-w, .k-slider-tooltip .k-callout-e { margin-top: -3px; } .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 .k-tick { margin: 0; } .k-slider .k-tick::after { content: ""; position: absolute; z-index: 1; height: 2px; width: 2px; top: 50%; left: 50%; margin: -1px 0 0 -1px; } .k-slider .k-draghandle { z-index: 2; } .k-slider-horizontal .k-tick.k-first::after { left: 0; } .k-slider-horizontal .k-tick.k-last::after { left: auto; right: 0; } .k-slider-vertical .k-tick.k-last::after { top: 0; } .k-slider-vertical .k-tick.k-first::after { top: auto; bottom: 0; } .k-slider { color: var(--kendo-color-on-app-surface, #212121); } .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-primary-subtle, #d1d5ee); } .k-slider .k-slider-selection { background-color: var(--kendo-color-primary, #3f51b5); } .k-slider .k-draghandle { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); border-radius: 50%; } .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-focus { box-shadow: 0 0 0 11px color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 25%, transparent); } .k-slider.k-focus .k-draghandle { box-shadow: 0 0 0 11px color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 25%, transparent); } .k-slider.k-disabled { opacity: 0.65; } .k-slider { cursor: pointer; } .k-slider .k-slider-track, .k-slider .k-slider-selection { border-radius: 0; } .k-slider .k-tick::after { background-color: var(--kendo-color-on-app-surface, #212121); } .k-slider .k-draghandle { box-sizing: border-box; } .k-slider .k-draghandle:focus { box-shadow: 0 0 0 11px color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 25%, transparent); } .k-slider.k-disabled { opacity: 1; } .k-slider.k-disabled .k-slider-track, .k-slider.k-disabled .k-slider-selection, .k-slider.k-disabled .k-draghandle { background-color: var(--kendo-color-primary-subtle, #d1d5ee); } .k-slider.k-disabled .k-draghandle { border: 2px solid inherit; } .k-captcha { width: 335px; 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; 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-tile:focus, .k-colorpalette-tile.k-focus { box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.5); } .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover { box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.8); } .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px white; } .k-colorgradient { border-radius: var(--kendo-border-radius-md, 0.25rem); width: 294px; 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; user-select: none; } .k-colorgradient-canvas .k-hsv-gradient { border-radius: var(--kendo-border-radius-md, 0.25rem); height: 180px; } .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 .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: 180px; 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-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: var(--kendo-spacing-1, 0.25rem); } .k-colorgradient-inputs .k-numerictextbox { width: 50px; } .k-colorgradient-inputs .k-input-inner { padding-inline-start: 2px; padding-inline-end: 2px; text-align: center; text-overflow: clip; } .k-colorgradient-color-contrast > div { display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-2, 0.5rem); } .k-colorgradient-color-contrast .k-contrast-ratio { margin-bottom: var(--kendo-spacing-2, 0.5rem); } .k-colorgradient-color-contrast .k-contrast-ratio-text { font-weight: var(--kendo-font-weight-medium, normal); } .k-colorgradient-color-contrast .k-contrast-validation { display: inline-flex; align-items: center; gap: calc( var(--kendo-spacing-2, 0.5rem) / 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 { 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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-colorgradient:focus, .k-colorgradient.k-focus { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .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: rgba(255, 255, 255, 0.8); background-color: transparent; outline-color: #000000; box-shadow: rgba(0, 0, 0, 0.5); } .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-focus { border-color: #ffffff; background-color: transparent; outline-color: #000000; box-shadow: rgba(0, 0, 0, 0.5); } .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-hover, .k-colorgradient .k-draghandle.k-active, .k-colorgradient .k-draghandle:active { border-color: #ffffff; background-color: transparent; outline-color: #000000; } .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, #757575); } .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: 294px; 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-1, 0.25rem); position: relative; z-index: 1; } .k-coloreditor-preview .k-color-preview { width: 32px; height: 12px; } .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: 2px; border-radius: 0; } .k-coloreditor-views .k-colorpalette { align-self: center; } .k-coloreditor-views .k-colorpalette-tile { width: var(--kendo-color-preview-width, var(--kendo-spacing-6, 1.5rem)); height: var(--kendo-color-preview-height, var(--kendo-spacing-6, 1.5rem)); } .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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-coloreditor:focus, .k-coloreditor.k-focus { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-coloreditor .k-colorgradient:focus, .k-coloreditor .k-colorgradient.k-focus { box-shadow: none; outline-color: rgba(0, 0, 0, 0.3); } .k-color-picker, .k-colorpicker { width: min-content; } .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-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-lg, inherit); line-height: 1.25; 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 { 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-2, 0.5rem); } .k-treeview .k-checkbox-wrap, .k-treeview .k-checkbox-wrapper { align-self: center; } .k-treeview-leaf { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); border: 0px solid transparent; 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-2, 0.5rem); } .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-2, 0.5rem); } .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-2, 0.5rem); } .k-treeview-sm { font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; } .k-treeview-sm .k-treeview-leaf { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); } .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: 1.4285714286; } .k-treeview-md .k-treeview-leaf { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .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: 1.5; } .k-treeview-lg .k-treeview-leaf { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-treeview-lg .k-checkbox-wrap { padding-inline: var(--kendo-spacing-1, 0.25rem); } .k-treeview { color: var(--kendo-color-on-app-surface, #212121); } .k-treeview-leaf:hover, .k-treeview-leaf.k-hover { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 7%, transparent); } .k-treeview-leaf.k-selected { color: var(--kendo-color-secondary, #e51a5f); } .k-treeview .k-treeview-load-more-button { color: inherit; background-color: transparent; } .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-hover { color: inherit; background-color: transparent; } .k-treeview .k-treeview-load-more-button:focus, .k-treeview .k-treeview-load-more-button.k-focus { color: inherit; background-color: transparent; } .k-treeview-leaf:hover, .k-treeview-leaf.k-hover { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 7%, transparent); } .k-treeview-leaf:focus, .k-treeview-leaf.k-focus { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 7%, transparent); } .k-treeview-leaf.k-selected { color: var(--kendo-color-secondary, #e51a5f); } .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: "​"; 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: calc( var(--kendo-spacing-2, 0.5rem) / 2 ); } .k-rating-container .k-rating-item { display: inline-flex; position: relative; padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: calc( var(--kendo-spacing-2, 0.5rem) / 2 ); 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: calc( var(--kendo-spacing-2, 0.5rem) / 2 ); 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: 1.5; 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: calc( var(--kendo-spacing-2, 0.5rem) / 2 ); } .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, #212121); } .k-rating:focus .k-rating-item > .k-icon, .k-rating.k-focus .k-rating-item > .k-icon { filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1)); } .k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-selected > .k-icon { filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1)); } .k-rating-item { color: var(--kendo-color-subtle, #757575); } .k-rating-item.k-selected { color: var(--kendo-color-primary-active, #354498); } .k-rating-item.k-selected:focus, .k-rating-item.k-selected.k-focus { color: var(--kendo-color-primary-active, #354498); } .k-rating-item:hover, .k-rating-item.k-hover { color: var(--kendo-color-primary-active, #354498); cursor: pointer; } .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: 1.4285714286; 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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-subtle, #ebebeb); } .k-dropzone-inner .k-icon, .k-dropzone-inner .k-dropzone-icon { color: var(--kendo-color-subtle, #757575); } .k-dropzone-inner .k-dropzone-note { color: var(--kendo-color-subtle, #757575); } .k-external-dropzone-hover .k-icon, .k-external-dropzone-hover .k-dropzone-icon { color: var(--kendo-color-primary, #3f51b5); } .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: 1.4285714286; 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: transparent; } .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 { margin-inline-end: var(--kendo-spacing-2, 0.5rem); } .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-4, 1rem) var(--kendo-spacing-4, 1rem) calc(var(--kendo-spacing-4, 1rem) + 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-2, 0.5rem); font-weight: normal; vertical-align: middle; } .k-upload .k-upload-files ~ .k-clear-selected, .k-upload .k-upload-files ~ .k-upload-selected { margin-top: -var(--kendo-spacing-1, 0.25rem); 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: calc( 16px * 2 ); display: block; overflow: hidden; flex: 1 0 0; } .k-upload .k-multiple-files-wrapper, .k-upload .k-file-single > .k-file-info { margin-inline-start: var(--kendo-spacing-4, 1rem); min-height: calc( 16px * 2 ); 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-4, 1rem); right: var(--kendo-spacing-4, 1rem); bottom: calc( var(--kendo-spacing-4, 1rem) / 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.12)); color: var(--kendo-color-on-app-surface, #212121); 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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-app-surface, #ffffff); } .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, #757575); } .k-upload .k-upload-files, .k-upload .k-file { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-upload .k-file.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13); } .k-upload .k-file .k-upload-action.k-focus { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13); } .k-upload .k-upload-status { color: var(--kendo-color-subtle, #757575); } .k-upload .k-file-progress .k-progressbar .k-selected { background-color: var(--kendo-color-info, #0058e9); } .k-upload .k-file-success .k-file-validation-message { color: var(--kendo-color-success, #37b400); } .k-upload .k-file-success .k-progressbar .k-selected { background-color: var(--kendo-color-success, #37b400); } .k-upload .k-file-error .k-file-validation-message { color: var(--kendo-color-error, #f31700); } .k-upload .k-file-error .k-progressbar .k-selected { background-color: var(--kendo-color-error, #f31700); } .k-upload .k-file-icon-wrapper { color: var(--kendo-color-subtle, #757575); border-color: var(--kendo-color-subtle, #757575); } .k-upload .k-file-size, .k-upload .k-file-validation-message, .k-upload .k-file-summary { color: var(--kendo-color-subtle, #757575); } .k-upload .k-multiple-files-wrapper .k-file-summary { color: var(--kendo-color-on-app-surface, #212121); } .k-upload.k-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #f31700); } .k-upload .k-upload-button { box-shadow: none; background-color: var(--kendo-color-base-subtle, #ebebeb); } .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: 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, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)); } .k-appbar-bottom { box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)); } .k-appbar-primary { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-appbar-secondary { color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-appbar-tertiary { color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-appbar-info { color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-appbar-success { color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-appbar-warning { color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-appbar-error { color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-appbar-dark { color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-appbar-light { color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-appbar-inverse { color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-fab { padding: 0; border-width: 0; border-style: solid; border-color: transparent; box-sizing: border-box; color: inherit; background-color: transparent; font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; 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) { margin-inline-end: calc( var(--kendo-spacing-1, 0.25rem) * 1.5 ); margin-inline-start: calc( calc( var(--kendo-spacing-1, 0.25rem) * 1.5 ) * -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 { margin-block-end: 0; } .k-fab-items-top { flex-direction: column-reverse; } .k-fab-items-top .k-fab-item:first-child { margin-block-end: 0; } .k-fab-item { list-style-type: none; 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: var(--kendo-line-height-sm, normal); } .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-text { text-transform: uppercase; } .k-fab-solid-primary { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-fab-solid-secondary { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-fab-solid-tertiary { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-fab-solid-info { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-fab-solid-success { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-fab-solid-warning { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-fab-solid-error { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-fab-solid-dark { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-fab-solid-light { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-fab-solid-inverse { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-hover.k-fab-solid-primary, .k-fab-solid-primary:hover { border-color: var(--kendo-color-primary-hover, #3a4ba7); background-color: var(--kendo-color-primary-hover, #3a4ba7); } .k-hover.k-fab-solid-secondary, .k-fab-solid-secondary:hover { border-color: var(--kendo-color-secondary-hover, #d31857); background-color: var(--kendo-color-secondary-hover, #d31857); } .k-hover.k-fab-solid-tertiary, .k-fab-solid-tertiary:hover { border-color: var(--kendo-color-tertiary-hover, #006155); background-color: var(--kendo-color-tertiary-hover, #006155); } .k-hover.k-fab-solid-info, .k-fab-solid-info:hover { border-color: var(--kendo-color-info-hover, #0251d6); background-color: var(--kendo-color-info-hover, #0251d6); } .k-hover.k-fab-solid-success, .k-fab-solid-success:hover { border-color: var(--kendo-color-success-hover, #33a600); background-color: var(--kendo-color-success-hover, #33a600); } .k-hover.k-fab-solid-warning, .k-fab-solid-warning:hover { border-color: var(--kendo-color-warning-hover, #ebb201); background-color: var(--kendo-color-warning-hover, #ebb201); } .k-hover.k-fab-solid-error, .k-fab-solid-error:hover { border-color: var(--kendo-color-error-hover, #e01701); background-color: var(--kendo-color-error-hover, #e01701); } .k-hover.k-fab-solid-dark, .k-fab-solid-dark:hover { border-color: var(--kendo-color-dark-hover, #212121); background-color: var(--kendo-color-dark-hover, #212121); } .k-hover.k-fab-solid-light, .k-fab-solid-light:hover { border-color: var(--kendo-color-light-hover, #ebebeb); background-color: var(--kendo-color-light-hover, #ebebeb); } .k-hover.k-fab-solid-inverse, .k-fab-solid-inverse:hover { border-color: var(--kendo-color-inverse-hover, #212121); background-color: var(--kendo-color-inverse-hover, #212121); } .k-focus.k-fab-solid-primary, .k-fab-solid-primary:focus { border-color: var(--kendo-color-primary-active, #354498); background-color: var(--kendo-color-primary-active, #354498); } .k-focus.k-fab-solid-secondary, .k-fab-solid-secondary:focus { border-color: var(--kendo-color-secondary-active, #c01650); background-color: var(--kendo-color-secondary-active, #c01650); } .k-focus.k-fab-solid-tertiary, .k-fab-solid-tertiary:focus { border-color: var(--kendo-color-tertiary-active, #00584d); background-color: var(--kendo-color-tertiary-active, #00584d); } .k-focus.k-fab-solid-info, .k-fab-solid-info:focus { border-color: var(--kendo-color-info-active, #034ac3); background-color: var(--kendo-color-info-active, #034ac3); } .k-focus.k-fab-solid-success, .k-fab-solid-success:focus { border-color: var(--kendo-color-success-active, #2e9704); background-color: var(--kendo-color-success-active, #2e9704); } .k-focus.k-fab-solid-warning, .k-fab-solid-warning:focus { border-color: var(--kendo-color-warning-active, #d6a202); background-color: var(--kendo-color-warning-active, #d6a202); } .k-focus.k-fab-solid-error, .k-fab-solid-error:focus { border-color: var(--kendo-color-error-active, #cc1505); background-color: var(--kendo-color-error-active, #cc1505); } .k-focus.k-fab-solid-dark, .k-fab-solid-dark:focus { border-color: var(--kendo-color-dark-active, #000000); background-color: var(--kendo-color-dark-active, #000000); } .k-focus.k-fab-solid-light, .k-fab-solid-light:focus { border-color: var(--kendo-color-light-active, #d6d6d6); background-color: var(--kendo-color-light-active, #d6d6d6); } .k-focus.k-fab-solid-inverse, .k-fab-solid-inverse:focus { border-color: var(--kendo-color-inverse-active, #000000); background-color: var(--kendo-color-inverse-active, #000000); } .k-active.k-fab-solid-primary, .k-selected.k-fab-solid-primary, .k-fab-solid-primary:active { border-color: var(--kendo-color-primary-active, #354498); background-color: var(--kendo-color-primary-active, #354498); box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)); } .k-active.k-fab-solid-secondary, .k-selected.k-fab-solid-secondary, .k-fab-solid-secondary:active { border-color: var(--kendo-color-secondary-active, #c01650); background-color: var(--kendo-color-secondary-active, #c01650); box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)); } .k-active.k-fab-solid-tertiary, .k-selected.k-fab-solid-tertiary, .k-fab-solid-tertiary:active { border-color: var(--kendo-color-tertiary-active, #00584d); background-color: var(--kendo-color-tertiary-active, #00584d); box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)); } .k-active.k-fab-solid-info, .k-selected.k-fab-solid-info, .k-fab-solid-info:active { border-color: var(--kendo-color-info-active, #034ac3); background-color: var(--kendo-color-info-active, #034ac3); box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)); } .k-active.k-fab-solid-success, .k-selected.k-fab-solid-success, .k-fab-solid-success:active { border-color: var(--kendo-color-success-active, #2e9704); background-color: var(--kendo-color-success-active, #2e9704); box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)); } .k-active.k-fab-solid-warning, .k-selected.k-fab-solid-warning, .k-fab-solid-warning:active { border-color: var(--kendo-color-warning-active, #d6a202); background-color: var(--kendo-color-warning-active, #d6a202); box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)); } .k-active.k-fab-solid-error, .k-selected.k-fab-solid-error, .k-fab-solid-error:active { border-color: var(--kendo-color-error-active, #cc1505); background-color: var(--kendo-color-error-active, #cc1505); box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)); } .k-active.k-fab-solid-dark, .k-selected.k-fab-solid-dark, .k-fab-solid-dark:active { border-color: var(--kendo-color-dark-active, #000000); background-color: var(--kendo-color-dark-active, #000000); box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)); } .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); box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)); } .k-active.k-fab-solid-inverse, .k-selected.k-fab-solid-inverse, .k-fab-solid-inverse:active { border-color: var(--kendo-color-inverse-active, #000000); background-color: var(--kendo-color-inverse-active, #000000); box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)); } .k-disabled.k-fab-solid-primary, .k-fab-solid-primary:disabled { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: transparent; background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); opacity: 1; } .k-disabled.k-fab-solid-secondary, .k-fab-solid-secondary:disabled { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: transparent; background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); opacity: 1; } .k-disabled.k-fab-solid-tertiary, .k-fab-solid-tertiary:disabled { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: transparent; background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); opacity: 1; } .k-disabled.k-fab-solid-info, .k-fab-solid-info:disabled { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: transparent; background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); opacity: 1; } .k-disabled.k-fab-solid-success, .k-fab-solid-success:disabled { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: transparent; background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); opacity: 1; } .k-disabled.k-fab-solid-warning, .k-fab-solid-warning:disabled { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: transparent; background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); opacity: 1; } .k-disabled.k-fab-solid-error, .k-fab-solid-error:disabled { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: transparent; background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); opacity: 1; } .k-disabled.k-fab-solid-dark, .k-fab-solid-dark:disabled { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: transparent; background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); opacity: 1; } .k-disabled.k-fab-solid-light, .k-fab-solid-light:disabled { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: transparent; background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); opacity: 1; } .k-disabled.k-fab-solid-inverse, .k-fab-solid-inverse:disabled { box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); border-color: transparent; background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); opacity: 1; } .k-fab-item-text { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); } .k-fab-item-icon { border-color: transparent; color: #1c75bc; background-color: transparent; box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); } .k-fab-item.k-hover .k-fab-item-icon, .k-fab-item:hover .k-fab-item-icon { border-color: var(--kendo-color-base-hover, #ebebeb); background-color: var(--kendo-color-base-hover, #ebebeb); color: var(--kendo-color-on-base, #212121); } .k-fab-item:focus .k-fab-item-icon, .k-fab-item.k-focus .k-fab-item-icon { border-color: var(--kendo-color-base-active, #d6d6d6); background-color: var(--kendo-color-base-active, #d6d6d6); color: var(--kendo-color-on-base, #212121); } .k-fab-item.k-active .k-fab-item-icon, .k-fab-item:active .k-fab-item-icon { box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)); border-color: var(--kendo-color-base, #ffffff); background-color: var(--kendo-color-base, #ffffff); } .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, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)); background-color: color-mix(in srgb, var(--kendo-color-base, #ffffff) 60%, transparent); color: color-mix(in srgb, var(--kendo-color-on-base, #212121) 60%, transparent); } .k-fab-popup { box-shadow: none; } .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; border-color: transparent; box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: 1.4285714286; overflow: hidden; position: relative; } .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-width: 0; border-style: solid; border-color: transparent; font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; 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; } .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: 0.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); display: flex; flex-flow: column nowrap; } .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); border-bottom-width: 1px; } .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-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%); } .k-actionsheet { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)); } .k-actionsheet-subtitle { color: var(--kendo-color-subtle, #757575); } .k-actionsheet-item:hover, .k-actionsheet-item.k-hover { background-color: rgba(0, 0, 0, 0.04); } .k-actionsheet-item:focus, .k-actionsheet-item.k-focus { background-color: rgba(0, 0, 0, 0.12); } .k-actionsheet-item-description { color: var(--kendo-color-subtle, #757575); } .k-actionsheet .k-hr { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-adaptive-actionsheet .k-actionsheet-titlebar, .k-adaptive-actionsheet .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-adaptive-actionsheet .k-actionsheet-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .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: 0; list-style: none; display: flex; flex-direction: column; align-items: stretch; } .k-drawer-item { padding-block: var(--kendo-spacing-3, 0.75rem); 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); display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-4, 1rem); cursor: pointer; } .k-drawer-item > .k-drawer-link { margin-block: calc( var(--kendo-spacing-3, 0.75rem) * -1 ); margin-inline: calc( var(--kendo-spacing-4, 1rem) * -1 ); padding-block: var(--kendo-spacing-3, 0.75rem); 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 { margin-inline-start: auto; cursor: pointer; display: flex; } .k-drawer-item.k-level-1 { padding-inline-start: calc(( 1 + 1) * var(--kendo-spacing-4, 1rem)); } .k-drawer-item.k-level-2 { padding-inline-start: calc(( 2 + 1) * var(--kendo-spacing-4, 1rem)); } .k-drawer-item.k-level-3 { padding-inline-start: calc(( 3 + 1) * var(--kendo-spacing-4, 1rem)); } .k-drawer-item.k-level-4 { padding-inline-start: calc(( 4 + 1) * var(--kendo-spacing-4, 1rem)); } .k-drawer-item.k-level-5 { padding-inline-start: calc(( 5 + 1) * var(--kendo-spacing-4, 1rem)); } .k-drawer-separator { padding: 0; height: 1px; } .k-drawer-mini .k-drawer-wrapper { width: calc(2 * var(--kendo-spacing-4, 1rem) + 16px); } .k-drawer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-drawer-wrapper { scrollbar-color: rgba(156, 156, 156, 0.7) #dedede; } .k-drawer-wrapper::-webkit-scrollbar-track { background: #dedede; } .k-drawer-wrapper::-webkit-scrollbar-thumb { background: rgba(156, 156, 156, 0.7); } .k-drawer-wrapper::-webkit-scrollbar-thumb:hover { background: rgb(156, 156, 156); } .k-drawer-item:hover, .k-drawer-item.k-hover { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-drawer-item:focus, .k-drawer-item.k-focus { background-color: var(--kendo-color-base-hover, #ebebeb); box-shadow: none; } .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, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-drawer-item.k-selected { color: var(--kendo-color-secondary, #e51a5f); } .k-drawer-item.k-selected:hover, .k-drawer-item.k-selected.k-hover { color: var(--kendo-color-secondary, #e51a5f); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-drawer-separator { background-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-drawer-item.k-selected:focus, .k-drawer-item.k-selected.k-focus { background-color: var(--kendo-color-base-hover, #ebebeb); box-shadow: none; } .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-spacing-1, 0.25rem); padding-block: var(--kendo-spacing-3\.5, 0.875rem); padding-inline: var(--kendo-spacing-4, 1rem); 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: 1.4285714286; cursor: default; position: relative; display: flex; align-items: center; justify-content: center; gap: var(--kendo-spacing-2, 0.5rem); -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-actions { flex: none; display: flex; gap: var(--kendo-spacing-2, 0.5rem); 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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)); } .k-notification-inverse { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-notification-light { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-notification-dark { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-notification-error { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-notification-warning { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-notification-success { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-notification-info { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-notification-tertiary { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-notification-secondary { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-notification-primary { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } kendo-card, kendo-card-header, kendo-card-body, kendo-card-actions, kendo-card-footer { display: block; } .k-card { border-radius: var(--kendo-border-radius-md, 0.25rem); 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: 1.4285714286; 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-md, 0.25rem) - 0px ); 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-3, 0.75rem); } .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 12px; } .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; object-fit: cover; } .k-card-title { margin: 0 0 var(--kendo-spacing-3, 0.75rem); font-size: 24px; font-family: var(--kendo-font-family, inherit); line-height: 1.25; font-weight: 500; } .k-card-subtitle { margin: 0 0 var(--kendo-spacing-3, 0.75rem); font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: 1.4285714286; font-weight: 500; } .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: 50%; flex: 0 0 auto; position: absolute; z-index: 1; } .k-card-deck-scrollwrap > .k-button:first-child { left: calc( var(--kendo-spacing-4, 1rem) / 2 ); } .k-card-deck-scrollwrap > .k-button:last-child { right: calc( var(--kendo-spacing-4, 1rem) / 2 ); } .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 { margin-inline-start: 0px; } .k-card-group .k-card.k-first { border-top-left-radius: var(--kendo-border-radius-md, 0.25rem); border-bottom-left-radius: var(--kendo-border-radius-md, 0.25rem); } .k-card-group .k-card.k-last { border-top-right-radius: var(--kendo-border-radius-md, 0.25rem); border-bottom-right-radius: var(--kendo-border-radius-md, 0.25rem); } .k-card-group .k-card.k-only { border-radius: var(--kendo-border-radius-md, 0.25rem); } .k-card-with-callout { overflow: visible; } .k-card-callout { margin: 0; width: 20px; height: 20px; border-width: 0px; 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-solid { box-shadow: var(--kendo-elevation-1, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14)); } .k-card-flat { box-shadow: none; } .k-card { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-1, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14)); } .k-card .k-card-inner { background-color: inherit; border-color: inherit; } .k-card:focus, .k-card.k-focus { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-card.k-selected { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-card-actions { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-card-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-card-footer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-card-separator, .k-card .k-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-card-subtitle { color: var(--kendo-color-subtle, #757575); } .k-card-primary { background-color: var(--kendo-color-primary-subtle, #d1d5ee); color: var(--kendo-color-primary-on-subtle, #161c3f); border-color: var(--kendo-color-primary-emphasis, #97a0d7); } .k-card-primary .k-card-subtitle { color: inherit; } .k-card-secondary { background-color: var(--kendo-color-secondary-subtle, #fbcdd9); color: var(--kendo-color-secondary-on-subtle, #500c22); border-color: var(--kendo-color-secondary-emphasis, #f58da9); } .k-card-secondary .k-card-subtitle { color: inherit; } .k-card-tertiary { background-color: var(--kendo-color-tertiary-subtle, #c9dbd8); color: var(--kendo-color-tertiary-on-subtle, #002520); border-color: var(--kendo-color-tertiary-emphasis, #84aea7); } .k-card-tertiary .k-card-subtitle { color: inherit; } .k-card-info { background-color: var(--kendo-color-info-subtle, #c8d7fb); color: var(--kendo-color-info-on-subtle, #071f51); border-color: var(--kendo-color-info-emphasis, #80a5f4); } .k-card-info .k-card-subtitle { color: inherit; } .k-card-success { background-color: var(--kendo-color-success-subtle, #d7f0cc); color: var(--kendo-color-success-on-subtle, #163f09); border-color: var(--kendo-color-success-emphasis, #93d775); } .k-card-success .k-card-subtitle { color: inherit; } .k-card-warning { background-color: var(--kendo-color-warning-subtle, #fff0ce); color: var(--kendo-color-warning-on-subtle, #59430a); border-color: var(--kendo-color-warning-emphasis, #ffdd8f); } .k-card-warning .k-card-subtitle { color: inherit; } .k-card-error { background-color: var(--kendo-color-error-subtle, #fcc7c2); color: var(--kendo-color-error-on-subtle, #550c07); border-color: var(--kendo-color-error-emphasis, #fc8d83); } .k-card-error .k-card-subtitle { color: inherit; } .k-card-dark { background-color: var(--kendo-color-dark-subtle, #c7c7c7); color: var(--kendo-color-dark-on-subtle, #212121); border-color: var(--kendo-color-dark-emphasis, #9e9e9e); } .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, #212121); border-color: var(--kendo-color-light-emphasis, #e0e0e0); } .k-card-light .k-card-subtitle { color: inherit; } .k-card-inverse { background-color: var(--kendo-color-inverse-subtle, #c7c7c7); color: var(--kendo-color-inverse-on-subtle, #212121); border-color: var(--kendo-color-inverse-emphasis, #9e9e9e); } .k-card-inverse .k-card-subtitle { color: inherit; } .k-card-wrap:focus > .k-card, .k-card-wrap.k-focus > .k-card, .k-card-wrap.k-selected > .k-card { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-card-callout { border-color: inherit; background-color: inherit; box-shadow: inherit; } .k-popover { border-radius: var(--kendo-border-radius-md, 0.25rem); 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: 1.4285714286; 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-md, 0.25rem); border-top-right-radius: var(--kendo-border-radius-md, 0.25rem); 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-1, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14)); border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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.12)); } .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-0, 0px); padding-inline: var(--kendo-spacing-0, 0px); width: 100%; border-width: 0; border-style: solid; border-color: transparent; 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: 0.2px; display: flex; flex-flow: row nowrap; white-space: nowrap; gap: var(--kendo-spacing-0, 0px); 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, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)); } .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 + calc( var(--kendo-spacing-2, 0.5rem) * 2 ) - calc( var(--kendo-spacing-0, 0px) * 2 ) ); border-width: 0; 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, .k-bottom-nav.k-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, #3f51b5); } .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, #e51a5f); } .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, #00695c); } .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, #0058e9); } .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, #37b400); } .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, #000000) 65%, transparent); background-color: var(--kendo-color-warning, #ffc000); } .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, #000000) 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, #000000); } .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, #f31700); } .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, #424242); } .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, #f5f5f5); } .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, #424242); } .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.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #212121) 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, #3f51b5); } .k-bottom-nav-flat-secondary, .k-bottom-nav-flat.k-bottom-nav-secondary { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #212121) 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, #e51a5f); } .k-bottom-nav-flat-tertiary, .k-bottom-nav-flat.k-bottom-nav-tertiary { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #212121) 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, #00695c); } .k-bottom-nav-flat-info, .k-bottom-nav-flat.k-bottom-nav-info { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #212121) 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, #0058e9); } .k-bottom-nav-flat-success, .k-bottom-nav-flat.k-bottom-nav-success { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #212121) 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, #37b400); } .k-bottom-nav-flat-warning, .k-bottom-nav-flat.k-bottom-nav-warning { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #212121) 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, #ffc000); } .k-bottom-nav-flat-error, .k-bottom-nav-flat.k-bottom-nav-error { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #212121) 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, #f31700); } .k-bottom-nav-flat-dark, .k-bottom-nav-flat.k-bottom-nav-dark { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #212121) 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, #424242); } .k-bottom-nav-flat-light, .k-bottom-nav-flat.k-bottom-nav-light { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #212121) 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, #f5f5f5); } .k-bottom-nav-flat-inverse, .k-bottom-nav-flat.k-bottom-nav-inverse { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #212121) 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, #424242); } .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, #212121) 6%, transparent); } .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, #212121) 6%, transparent); } .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, #212121) 6%, transparent); } .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, #212121) 6%, transparent); } .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, #212121) 6%, transparent); } .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, #212121) 6%, transparent); } .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, #212121) 6%, transparent); } .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, #212121) 6%, transparent); } .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, #212121) 6%, transparent); } .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, #212121) 6%, transparent); } .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 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .k-breadcrumb-link > .k-image, .k-breadcrumb-icontext-link .k-icon { margin-inline-end: var(--kendo-spacing-2, 0.5rem); } .k-breadcrumb-delimiter, .k-breadcrumb-delimiter-icon { color: inherit; opacity: 0.6; } .k-breadcrumb-input-container { width: 100%; } .k-breadcrumb-input-container .k-breadcrumb-input-container { border-color: transparent; } .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-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .k-breadcrumb-sm .k-breadcrumb-icon-link { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); } .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, 0.25rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .k-breadcrumb-md .k-breadcrumb-icon-link { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .k-breadcrumb-lg { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); } .k-breadcrumb-lg .k-breadcrumb-link, .k-breadcrumb-lg .k-breadcrumb-root-link { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .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.12)); color: var(--kendo-color-on-app-surface, #212121); 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, 0.06); } .k-breadcrumb-link { color: var(--kendo-color-primary, #3f51b5); } .k-breadcrumb-link:hover, .k-breadcrumb-link.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-breadcrumb-link:focus, .k-breadcrumb-link.k-focus { background-color: var(--kendo-color-base-active, #d6d6d6); } .k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-focus { background-color: var(--kendo-color-base-active, #d6d6d6); } .k-stepper { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; 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: 0.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: calc( -1 * calc( 1px + 3px ) ); right: calc( -1 * calc( 1px + 3px ) ); bottom: calc( -1 * calc( 1px + 3px ) ); left: calc( -1 * calc( 1px + 3px ) ); 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: 15px; 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-2, 0.5rem))); flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .k-stepper .k-step-label .k-icon { margin-left: var(--kendo-spacing-2, 0.5rem); } .k-stepper .k-step-current .k-step-label { font-weight: bold; } .k-stepper .k-step-label-optional { flex-basis: 100%; font-size: var(--kendo-font-size-sm, inherit); } .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: calc(8px - 3px); } .k-step-list-horizontal ~ .k-progressbar { width: 100%; height: 2px; top: calc(((28px + 2 * 2px) / 2) + 2px / 2); } .k-step-list-vertical { flex-direction: column; } .k-step-list-vertical .k-step { min-height: calc((28px + 2 * 1px + 2 * 2px) + 20px); } .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: calc((28px + 2 * 1px + 2 * 2px) / 2); } .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-2, 0.5rem); } .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: calc((28px + 2 * 1px + 2 * 2px) / 2); } .k-step-current .k-step-label { font-weight: 400; } .k-stepper { color: var(--kendo-color-on-app-surface, #212121); } .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.12)); } .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, #212121) 32%, 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, #212121) 32%, transparent); } .k-stepper .k-step-indicator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-stepper .k-step-done .k-step-indicator { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .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, #3a4ba7); } .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, #3f51b5) 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, #3f51b5) 60%, transparent); } .k-stepper .k-step-current .k-step-indicator { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .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, #3a4ba7); } .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, #3f51b5) 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, #3f51b5) 60%, transparent); } .k-stepper .k-step-success .k-step-label .k-icon { color: var(--kendo-color-success, #37b400); } .k-stepper .k-step-error .k-step-label { color: var(--kendo-color-error, #f31700); } .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, #f31700); } .k-stepper .k-step-label-optional { color: var(--kendo-color-subtle, #757575); } .k-wizard { padding-block: calc( var(--kendo-spacing-4, 1rem) * 1.25 ); padding-inline: calc( var(--kendo-spacing-4, 1rem) * 1.25 ); 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(calc( var(--kendo-spacing-4, 1rem) * 2 )/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-4, 1rem) * 2 ); 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-4, 1rem) * 2 ); 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-6, 1.5rem); 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-6, 1.5rem); padding-inline: var(--kendo-spacing-6, 1.5rem); } .k-expander + .k-expander.k-expanded, .k-expander.k-expanded + .k-expander { margin-top: var(--kendo-spacing-3, 0.75rem); } .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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-expander.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08); } .k-expander-header { color: var(--kendo-color-on-app-surface, #212121); background-color: transparent; outline: none; } .k-expander-header:hover, .k-expander-header.k-hover { background-color: rgba(0, 0, 0, 0.04); } .k-expander-header.k-focus { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); } .k-expander-title { color: var(--kendo-color-secondary, #e51a5f); } .k-expander-sub-title { color: var(--kendo-color-subtle, #757575); } .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); border-color: var(--kendo-component-border, var(--kendo-color-border, rgba(0, 0, 0, 0.12))); color: var(--kendo-component-text, var(--kendo-color-on-app-surface, #212121)); background-color: var(--kendo-component-bg, var(--kendo-color-surface-alt, #ffffff)); 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-component-border, var(--kendo-color-border, rgba(0, 0, 0, 0.12))); color: var(--kendo-component-text, var(--kendo-color-on-app-surface, #212121)); background-color: var(--kendo-component-bg, var(--kendo-color-surface-alt, #ffffff)); } :where(.k-content) { border-color: var(--kendo-component-border, var(--kendo-color-border, rgba(0, 0, 0, 0.12))); color: var(--kendo-component-text, var(--kendo-color-on-app-surface, #212121)); background-color: var(--kendo-component-bg, var(--kendo-color-surface-alt, #ffffff)); } .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: 1; 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-pane > .k-splitter { border-width: 0; 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; user-select: 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: calc( var(--kendo-spacing-3\.5, 0.875rem) / 2 ); } .k-splitbar-horizontal .k-collapse-next { margin-top: calc( var(--kendo-spacing-3\.5, 0.875rem) / 2 ); } .k-splitbar-vertical .k-collapse-prev { margin-right: calc( var(--kendo-spacing-3\.5, 0.875rem) / 2 ); } .k-splitbar-vertical .k-collapse-next { margin-left: calc( var(--kendo-spacing-3\.5, 0.875rem) / 2 ); } .k-splitbar-draggable-vertical .k-resize-handle { width: 20px; height: 2px; position: static; z-index: 1; } .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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-splitbar { color: var(--kendo-color-subtle, #757575); background-color: var(--kendo-color-base-subtle, #ebebeb); } .k-splitbar:hover, .k-splitbar.k-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover { color: var(--kendo-color-subtle, #757575); 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, #3f51b5); } .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-md, 0.25rem); 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, #f5f5f5); } .k-tilelayout-item:focus, .k-tilelayout-item.k-focus { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-layout-item-hint { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); background-color: rgba(255, 255, 255, 0.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: calc( 2 * 1em ); 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-1, 0.25rem); padding-inline: var(--kendo-spacing-6, 1.5rem); 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-6, 1.5rem); padding-inline: var(--kendo-spacing-6, 1.5rem); 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-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; } .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-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.12)); } .k-dock-manager-splitter .k-pane-header, .k-dock-manager-unpinned-container .k-pane-header { background-color: var(--kendo-color-surface-alt, #ffffff); } .k-dock-manager-unpinned-container { background-color: #ffffff; box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.04), 2px 0px 4px 0px rgba(0, 0, 0, 0.03); } .k-docking-preview { background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 16%, transparent); border-color: var(--kendo-color-primary, #3f51b5); } .k-dock-indicator { color: var(--kendo-color-primary, #3f51b5); background-color: var(--kendo-color-app-surface, #ffffff); outline-color: var(--kendo-color-primary, #3f51b5); 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-hover, #3a4ba7); color: #ffffff; } .k-barcode { display: inline-block; } .k-barcode > div { height: 150px; } .k-var--chart-font { font-size: var(--kendo-font-size, inherit); } .k-var--chart-title-font { font-size: 1.143em; } .k-var--chart-pane-title-font { font-size: 0.857em; font-weight: var(--kendo-font-weight-normal, normal); } .k-var--chart-label-font { font-size: 0.857em; } .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 { 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 { padding: 0; border-width: 0; background: transparent; } .k-chart-tooltip table { border-spacing: 0; border-collapse: collapse; } .k-chart-tooltip { border-radius: var(--kendo-border-radius-md, 0.25rem); font-size: calc( 0.875rem * .929); line-height: var(--kendo-line-height, normal); padding-block: calc( var(--kendo-spacing-1, 0.25rem) * .75 ); padding-inline: calc( var(--kendo-spacing-4, 1rem) / 2 ); } .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-2, 0.5rem); 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; 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 transparent; 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-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-2, 0.5rem); 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-2, 0.5rem); padding-inline: var(--kendo-spacing-0\.5, 0.125rem); width: calc( 2 * 1em ); 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-2, 0.5rem); } .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, #3f51b5); } .k-var--primary-contrast { background-color: var(--kendo-color-on-primary, #ffffff); } .k-var--base { background-color: var(--kendo-color-app-surface, #ffffff); } .k-var--background { background-color: var(--kendo-color-surface-alt, #ffffff); } .k-var--border-radius { background-color: var(--kendo-border-radius-md, 0.25rem); } .k-var--normal-background { background-color: var(--kendo-color-app-surface, #ffffff); } .k-var--normal-text-color { background-color: var(--kendo-color-on-app-surface, #212121); } .k-var--hover-background { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-var--hover-text-color { background-color: var(--kendo-color-on-app-surface, #212121); } .k-var--selected-background { background-color: var(--kendo-color-secondary, #e51a5f); } .k-var--selected-text-color { background-color: var(--kendo-color-on-secondary, #ffffff); } .k-var--success { background-color: var(--kendo-color-success, #37b400); } .k-var--info { background-color: var(--kendo-color-info, #0058e9); } .k-var--warning { background-color: var(--kendo-color-warning, #ffc000); } .k-var--error { background-color: var(--kendo-color-error, #f31700); } .k-var--series-a { background-color: var(--kendo-color-series-a, #9c27b0); } .k-var--series-b { background-color: var(--kendo-color-series-b, #2196f3); } .k-var--series-c { background-color: var(--kendo-color-series-c, #009688); } .k-var--series-d { background-color: var(--kendo-color-series-d, #ffeb3b); } .k-var--series-e { background-color: var(--kendo-color-series-e, #f44336); } .k-var--series-f { background-color: var(--kendo-color-series-f, #4caf50); } .k-var--series-1 { background-color: var(--kendo-color-series-a, #9c27b0); } .k-var--series-2 { background-color: var(--kendo-color-series-b, #2196f3); } .k-var--series-3 { background-color: var(--kendo-color-series-c, #009688); } .k-var--series-4 { background-color: var(--kendo-color-series-d, #ffeb3b); } .k-var--series-5 { background-color: var(--kendo-color-series-e, #f44336); } .k-var--series-6 { background-color: var(--kendo-color-series-f, #4caf50); } .k-var--series-7 { background-color: var(--kendo-color-series-a-subtle, #b55dc4); } .k-var--series-8 { background-color: var(--kendo-color-series-b-subtle, #59b0f6); } .k-var--series-9 { background-color: var(--kendo-color-series-c-subtle, #40b0a6); } .k-var--series-10 { background-color: var(--kendo-color-series-d-subtle, #fff06c); } .k-var--series-11 { background-color: var(--kendo-color-series-e-subtle, #f77268); } .k-var--series-12 { background-color: var(--kendo-color-series-f-subtle, #79c37c); } .k-var--series-13 { background-color: var(--kendo-color-series-a-bold, #751d84); } .k-var--series-14 { background-color: var(--kendo-color-series-b-bold, #1971b6); } .k-var--series-15 { background-color: var(--kendo-color-series-c-bold, #007166); } .k-var--series-16 { background-color: var(--kendo-color-series-d-bold, #bfb02c); } .k-var--series-17 { background-color: var(--kendo-color-series-e-bold, #b73229); } .k-var--series-18 { background-color: var(--kendo-color-series-f-bold, #39833c); } .k-var--series-19 { background-color: var(--kendo-color-series-a-subtler, #cd93d7); } .k-var--series-20 { background-color: var(--kendo-color-series-b-subtler, #90cbf9); } .k-var--series-21 { background-color: var(--kendo-color-series-c-subtler, #80cbc4); } .k-var--series-22 { background-color: var(--kendo-color-series-d-subtler, #fff59d); } .k-var--series-23 { background-color: var(--kendo-color-series-e-subtler, #faa19b); } .k-var--series-24 { background-color: var(--kendo-color-series-f-subtler, #a6d7a8); } .k-var--series-25 { background-color: var(--kendo-color-series-a-bolder, #4e1458); } .k-var--series-26 { background-color: var(--kendo-color-series-b-bolder, #114b7a); } .k-var--series-27 { background-color: var(--kendo-color-series-c-bolder, #004b44); } .k-var--series-28 { background-color: var(--kendo-color-series-d-bolder, #80761e); } .k-var--series-29 { background-color: var(--kendo-color-series-e-bolder, #7a221b); } .k-var--series-30 { background-color: var(--kendo-color-series-f-bolder, #265828); } .k-var--gauge-pointer { background-color: var(--kendo-color-primary, #3f51b5); } .k-var--gauge-track { background-color: var(--kendo-color-base-emphasis, #adadad); } .k-var--chart-inactive { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } .k-var--chart-major-lines { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 8%, transparent); } .k-var--chart-minor-lines { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 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, #212121) 50%, transparent); } .k-var--chart-notes-border { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } .k-var--chart-notes-lines { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } .k-var--chart-crosshair-background { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } .k-var--chart-error-bars-background { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } .k-chart, .k-sparkline, .k-stockchart { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: transparent; } .k-chart .k-popup, .k-sparkline .k-popup, .k-stockchart .k-popup { background: transparent; } .k-chart-tooltip { color: #ffffff; } .k-chart-tooltip-inverse { color: #000000; } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-subtle, #ebebeb); border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 8%, transparent); } .k-selection { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 8%, transparent); box-shadow: inset 0 1px 7px color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 15%, transparent); } .k-selection-bg { background-color: transparent; } .k-handle { cursor: e-resize; border-color: transparent; color: #1c75bc; background-color: transparent; } .k-handle:hover { border-color: var(--kendo-color-base-hover, #ebebeb); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-handle div { background-color: transparent; } .k-mask { background-color: var(--kendo-color-surface-alt, #ffffff); opacity: 0.8; } .k-treemap { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-treemap .k-treemap-title { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-app-surface, #ffffff); } .k-treemap .k-leaf { color: var(--kendo-color-surface-alt, #ffffff); } .k-treemap .k-leaf.k-inverse { color: var(--kendo-color-on-app-surface, #212121); } .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.12)); } .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: transparent; } .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-flex-row::after, .k-listview-content.k-d-flex-col::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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-listview-content > .k-focus { background-color: var(--kendo-color-base-active, #d6d6d6); } .k-listview-content > .k-selected { background-color: var(--kendo-color-base-active, #d6d6d6); } .k-listview-item { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-listview-content > .k-selected.k-focus { background-color: var(--kendo-color-base-active, #d6d6d6); } .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-none, 0px); } .k-chart-types-wrapper { display: flex; flex-direction: column; gap: var(--kendo-spacing-6, 1.5rem); } .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: 0; } .k-chart-wizard .k-icon-text-wrapper.k-selected { color: var(--kendo-color-primary, #3f51b5); } .k-chart-wizard .k-icon-text-wrapper.k-selected .k-icon-background-area { box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #3f51b5); } .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, #97a0d7); } .k-chart-wizard .k-icon-background-area { color: var(--kendo-color-primary, #3f51b5); background-color: var(--kendo-color-primary-subtle, #d1d5ee); } .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-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-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); line-height: 1.25; 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: transparent; } .k-spreadsheet-formula-list { min-width: 100px; } .k-spreadsheet-formula-list .k-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .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 { 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: transparent; 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; 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 transparent; 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: transparent !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; } .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 + calc( 2 * var(--kendo-spacing-1, 0.25rem) ) ); } .k-spreadsheet-filter-menu > .k-menu .k-icon, .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon { margin-left: calc(-1 * ( 16px + var(--kendo-spacing-1, 0.25rem) )); margin-right: var(--kendo-spacing-1, 0.25rem); } .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-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); 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: 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 { margin-block-end: var(--kendo-spacing-2, 0.5rem); } .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.5rem); 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-quick-access-toolbar { padding: var(--kendo-spacing-1, 0.25rem); } .k-spreadsheet-quick-access-toolbar .k-button { border-radius: 50%; color: inherit; background: none; box-shadow: none; } .k-spreadsheet-tabstrip { padding-top: 0; } .k-spreadsheet-tabstrip .k-tabstrip-items-wrapper { border-width: 0; } .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-bar-add { margin: var(--kendo-spacing-1, 0.25rem); border-radius: 50%; color: inherit; background: none; box-shadow: none; } .k-spreadsheet .k-selection-full::after, .k-spreadsheet .k-selection-partial::after { display: block; } .k-spreadsheet { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-spreadsheet-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-spreadsheet-top-corner, .k-spreadsheet-row-header, .k-spreadsheet-column-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: whitesmoke; } .k-spreadsheet-cell-editor { color: var(--kendo-color-on-app-surface, #212121); 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: rgba(0, 0, 0, 0.04); } .k-spreadsheet-selection { border-color: var(--kendo-color-primary, #3f51b5); background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 25%, transparent); box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #3f51b5); } .k-spreadsheet-selection-highlight { border-color: var(--kendo-color-primary, #3f51b5); } .k-spreadsheet .k-single-selection::after { border-color: var(--kendo-color-surface-alt, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-spreadsheet-active-cell { background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #3f51b5); } .k-spreadsheet .k-auto-fill { border-color: var(--kendo-color-primary, #3f51b5); background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 25%, transparent); box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #3f51b5); } .k-spreadsheet .k-auto-fill-punch { background-color: color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 50%, transparent); } .k-spreadsheet .k-resize-handle, .k-spreadsheet .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-marker { background-color: var(--kendo-color-primary, #3f51b5); } .k-spreadsheet-has-comment::after { border-block-color: var(--kendo-color-primary, #3f51b5) transparent; border-inline-color: transparent var(--kendo-color-primary, #3f51b5); } .k-spreadsheet-cell .k-dirty { border-block-color: var(--kendo-color-error, #f31700) transparent; border-inline-color: var(--kendo-color-error, #f31700) transparent; } .k-spreadsheet .k-filter-range { border-color: var(--kendo-color-primary, #3f51b5); } .k-spreadsheet-filter { border-color: transparent; color: #1c75bc; background-color: transparent; box-shadow: inset 0 0 0 1px transparent; } .k-spreadsheet-filter:hover { border-color: var(--kendo-color-base-hover, #ebebeb); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-spreadsheet-filter.k-active { border-color: var(--kendo-color-base-active, #d6d6d6); 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, #212121); 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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-spreadsheet-insert-image-dialog { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .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, 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, #3f51b5); } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle { border-color: var(--kendo-color-primary, #3f51b5); background-color: var(--kendo-color-primary, #3f51b5); } .k-spreadsheet-drawing-anchor-cell { background: color-mix(in srgb, var(--kendo-color-secondary, #e51a5f) 25%, transparent); } .k-syntax-ref { color: #ff8822; } .k-syntax-num { color: #0099ff; } .k-syntax-str { color: #38b714; } .k-syntax-error { color: red; } .k-syntax-bool { color: #a9169c; } .k-syntax-paren-match { background-color: #caf200; } .k-spreadsheet > .k-tabstrip-wrapper .k-tabstrip-items-wrapper { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-spreadsheet > .k-tabstrip-wrapper .k-tabstrip-items .k-item { color: inherit; } .k-spreadsheet > .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-active::after { border-color: var(--kendo-color-on-primary, #ffffff); } .k-spreadsheet-quick-access-toolbar { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-spreadsheet .k-selection-full::after, .k-spreadsheet .k-selection-partial::after { border-color: var(--kendo-color-secondary, #e51a5f); } .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 { padding-inline-start: 0; 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\.5, 0.625rem); padding-inline: var(--kendo-spacing-6, 1.5rem); text-overflow: ellipsis; white-space: nowrap; vertical-align: top; overflow: hidden; } .k-pivotgrid-cell:focus { outline: none; } .k-pivotgrid-cell .k-icon { cursor: pointer; 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: var(--kendo-spacing-4, 1rem); 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; user-select: none; } .k-flex-row .k-pivotgrid-configurator-button, .k-d-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-d-flex-row .k-pivotgrid-configurator-button .k-icon, .k-flex-row-reverse .k-pivotgrid-configurator-button .k-icon { vertical-align: baseline; } .k-flex-row-reverse .k-pivotgrid-configurator-button > span { transform: rotate(-180deg); } .k-flex-col .k-pivotgrid-configurator-button, .k-d-flex-col .k-pivotgrid-configurator-button, .k-flex-column .k-pivotgrid-configurator-button, .k-flex-col-reverse .k-pivotgrid-configurator-button, .k-flex-column-reverse .k-pivotgrid-configurator-button { text-align: center; } .k-pivotgrid-configurator-overlay { position: absolute; overflow: hidden; z-index: 2; } .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay { right: calc(( var(--kendo-line-height, normal) * 1em ) + ( var(--kendo-spacing-1, 0.25rem) * 2 ) + ( 1px * 2 )); } .k-flex-row-reverse .k-pivotgrid-configurator-overlay { left: calc(( var(--kendo-line-height, normal) * 1em ) + ( var(--kendo-spacing-1, 0.25rem) * 2 ) + ( 1px * 2 )); } .k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay { bottom: calc(( var(--kendo-line-height, normal) * 1em ) + ( var(--kendo-spacing-1, 0.25rem) * 2 ) + ( 1px * 2 )); } .k-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay { top: calc(( var(--kendo-line-height, normal) * 1em ) + ( var(--kendo-spacing-1, 0.25rem) * 2 ) + ( 1px * 2 )); } .k-pivotgrid-configurator-header { padding-block: calc( var(--kendo-spacing-4, 1rem) * .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, 0px); 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 { 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: var(--kendo-spacing-4, 1rem); 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-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-d-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-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-d-flex-col .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-column .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, .k-flex-column-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 { 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-pivot-rowheaders .k-grid tr .k-grid-footer { border-bottom-width: 0; } .k-pivot .k-grid th, .k-pivot .k-grid td { border-left-color: inherit; } .k-pivotgrid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 2%, transparent); } .k-pivotgrid-empty-cell { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)); } .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.15)); } .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.15)); } .k-pivotgrid-header-total, .k-pivotgrid-total { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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.k-selected, .k-pivotgrid-row.k-selected > .k-pivotgrid-cell { background-color: color-mix(in srgb, var(--kendo-color-base-active, #d6d6d6) 25%, transparent); } .k-pivotgrid-configurator-button, .k-pivotgrid-configurator-panel { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-pivotgrid-configurator-header { color: var(--kendo-color-on-app-surface, #212121); } .k-pivotgrid-configurator-content .k-fields-list-wrapper { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-calculated-field { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-calculated-field-header { color: var(--kendo-color-on-app-surface, #212121); } .k-filter-menu .k-calculated-item { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-pivotgrid-configurator-content .k-form-field-wrapper { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-flex-row-reverse .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-pivot { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-pivot-table { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-pivot-rowheaders { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 2%, transparent); } .k-pivot-toolbar { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 2%, transparent); } .k-pivot-toolbar .k-empty { color: var(--kendo-color-subtle, #757575); } .k-pivot .k-alt { background-color: #f5f5f5; } .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.12)); } .k-pivot-layout .k-grid-footer { color: #514e4b; background-color: #f5f5f5; } .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, #ffc000); } .k-i-kpi-status-deny { color: var(--kendo-color-error, #f31700); } .k-i-kpi-status-open { color: var(--kendo-color-success, #37b400); } .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-pivotgrid-cell:focus, .k-pivotgrid-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 { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-treelist.k-grid-display-block.k-grid-lockedcolumns { display: block; } .k-treelist .k-status { padding-block: 0.4em; padding-inline: 0.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; } .k-treelist-scrollable[dir=rtl] thead.k-grid-header, .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: 0.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-template td { border-width: 1px 0; } .k-treelist tr.k-footer td, .k-treelist tr.k-footer-template + tr.k-footer-template td { border-width: 0 0 1px 0; } .k-treelist-scrollable tr.k-group-footer td { border-bottom-width: 1px; } .k-treelist tr.k-footer, .k-treelist tr.k-footer-template { background-color: rgba(28, 117, 188, 0.16); } .k-treelist tr.k-footer:hover, .k-treelist tr.k-footer-template:hover { background-color: rgba(28, 117, 188, 0.16); } .k-treelist-scrollable .k-grid-toolbar, .k-treelist-scrollable .k-grid-header, .k-treelist-scrollable .k-grid-header tr:hover { background-color: inherit; } .k-treelist-scrollable .k-group-footer td, .k-treelist-scrollable .k-grouping-row td, .k-treelist-scrollable tbody .k-group-cell { background-color: rgba(28, 117, 188, 0.16); } .k-filter { box-sizing: border-box; border-width: 0; display: inline-block; background-color: transparent; } .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 { margin-block-end: 2.1em; } .k-filter .k-filter-lines, .k-filter .k-filter-item { padding-inline-start: var(--kendo-spacing-2, 0.5rem); } .k-filter .k-filter-toolbar { display: inline-flex; position: relative; padding-block: var(--kendo-spacing-2, 0.5rem); 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-2, 0.5rem) * -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( calc( var(--kendo-spacing-2, 0.5rem) * -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, #212121); } .k-filter .k-filter-preview-field { color: var(--kendo-color-primary, #3f51b5); } .k-filter .k-filter-preview-operator { color: var(--kendo-color-subtle, #757575); } .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.12)); } .k-filter .k-toolbar:focus, .k-filter .k-toolbar.k-focus { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); } .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-2, 0.5rem); 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 ) + ( calc( 16px * 3 ) * 2 ) + ( 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-2, 0.5rem); } .k-filemanager { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-filemanager-toolbar { background-color: var(--kendo-color-surface, #f5f5f5); } .k-filemanager-breadcrumb { background-color: var(--kendo-color-surface, #f5f5f5); } .k-filemanager-listview .k-listview-item .k-file-icon { color: var(--kendo-color-subtle, #757575); } .k-filemanager-listview .k-listview-item.k-selected .k-file-icon { border-color: transparent; color: inherit; background-color: transparent; } .k-filemanager-preview .k-file-icon { color: var(--kendo-color-subtle, #757575); } .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) * .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) * .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: calc( var(--kendo-spacing-4, 1rem) / 2 ); padding-inline: calc( var(--kendo-spacing-4, 1rem) / 2 ); } .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: transparent; background-color: var(--kendo-color-surface, #f5f5f5); } .k-taskboard-column:focus, .k-taskboard-column.k-focus { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)); } .k-taskboard-column-header { color: var(--kendo-color-on-app-surface, #212121); } .k-taskboard-pane { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-taskboard-pane-header { color: var(--kendo-color-on-app-surface, #212121); } .k-taskboard-card { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: none; } .k-taskboard-card .k-card-title { color: var(--kendo-color-primary, #3f51b5); } .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus { color: var(--kendo-color-primary-active, #354498); } .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover { color: var(--kendo-color-primary-active, #354498); } .k-taskboard-card:focus, .k-taskboard-card.k-focus { box-shadow: none; border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)); } .k-taskboard-card:hover, .k-taskboard-card.k-hover { border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)); } .k-taskboard-card.k-selected { border-color: #7986cb; box-shadow: none; } .k-taskboard-card.k-disabled { outline: none; cursor: default; color: var(--kendo-color-on-app-surface, #212121); opacity: 0.6; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-taskboard-drag-placeholder { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); background-color: rgba(255, 255, 255, 0.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-2, 0.5rem); border: 1px solid transparent; 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-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: transparent; } .ProseMirror-hideselection *::selection, .ProseMirror-hideselection *::-moz-selection { background: transparent; } .k-editor-toolbar { border-width: 0 0 0 0; flex-shrink: 0; } .k-editor-toolbar .k-editor-export .k-icon { margin-right: 0.5em; } .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-4, 1rem); 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, #757575); float: left; opacity: 1; cursor: text; -webkit-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-2, 0.5rem); margin-inline: -var(--kendo-spacing-6, 1.5rem); padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-6, 1.5rem); } .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: 0.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: transparent; 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 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) 0; padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-4, 1rem); 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-4, 1rem); 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: transparent; } .k-filebrowser .k-tile-empty strong { opacity: 0.5; font-size: 3em; font-weight: 400; } .k-filebrowser .k-thumb { float: left; margin-right: var(--kendo-spacing-2, 0.5rem); } .k-filebrowser .k-breadcrumbs-wrap { position: absolute; left: var(--kendo-spacing-4, 1rem); top: var(--kendo-spacing-2, 0.5rem); } .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-2, 0.5rem); } .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: 0.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: 0.8; } .k-ct-popup { line-height: normal; } .k-ct-popup .k-status { line-height: var(--kendo-line-height, inherit); } .k-editor-export { text-transform: uppercase; font-size: var(--kendo-font-size, inherit); } .k-editor-export .k-icon { margin-left: 0.5em; } .k-editor { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #212121); } .k-editor-inline .k-table, .k-editor-inline .k-table td { border-color: #cccccc; } .k-editor-inline .k-element-resize-handle-wrapper { background-color: #ffffff; border-color: #000000; } .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.12)); } .k-editor-resize-handle { background-color: #ffffff; border-color: #000000; } .ProseMirror-selectednode { outline-color: #88ccff; } .k-ct-popup .k-selected { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-editor-content .k-text-selected, .k-editor-content::selection { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-editor-content .k-text-highlighted { background-color: var(--kendo-color-primary-subtle, #d1d5ee); } .k-editor-content td, .k-editor-content th { border-color: #dddddd; } .k-editor-content .selectedCell::after { background-color: rgba(200, 200, 255, 0.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: 0; } .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: calc(240px + 1px); 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.12)); color: var(--kendo-color-on-app-surface, #212121); 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)), white; background-repeat: repeat, repeat; background-position: 0px 0px, calc( 10px / 2 ) calc( 10px / 2 ); 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-alt, #ffffff); } .k-imageeditor-crop { border-color: white; } .k-imageeditor-crop-overlay { background-color: rgba(0, 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( calc( 2 * 1em ) + calc( 6px * 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( calc( 2 * 1em ) + calc( var(--kendo-spacing-2\.5, 0.625rem) * 2 ) + 1px ); } .k-gantt.k-gantt-planned .k-grid-content tr { height: calc( calc( 2 * 1em ) * 1.7 + calc( var(--kendo-spacing-2\.5, 0.625rem) * 2 ) + 1px ); } .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: 6px; padding-inline: var(--kendo-spacing-6, 1.5rem); border-width: 0 0 1px 1px; white-space: nowrap; } .k-gantt .k-treelist-scrollable tr.k-selected > td:last-child { background: transparent; } .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; 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: transparent; 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 0; flex-shrink: 0; z-index: 6; } .k-gantt-footer { border-width: 0 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: 0.625rem; width: calc( 1.4285714286em + calc( 0.625rem * 2 ) + 2px ); height: calc( 1.4285714286em + calc( 0.625rem * 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( calc( 2 * 1em ) * 2 + calc( 6px * 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( calc( 2 * 1em ) + calc( 6px * 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: 6px; padding-inline: var(--kendo-spacing-6, 1.5rem); 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: 0.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 transparent; 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: "​"; } .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 + calc( var(--kendo-spacing-1, 0.25rem) * 2 ) ); height: calc( 8px + calc( 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 transparent; border-top-width: 0; border-bottom-color: inherit; position: absolute; bottom: 0; cursor: e-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 transparent; 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: 0.5; z-index: 2; visibility: hidden; } .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-4, 1rem); 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: calc( 16px * 2 ); } .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: 0.7em; } .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.85em; } .k-gantt-planned .k-summary-wrap.k-drag-hint { top: 1.35em; } .k-gantt-planned .k-milestone-wrap.k-drag-hint { top: 1.15em; } .k-task-planned { margin: 0 0 0.35em; line-height: 0.75em; display: flex; align-items: center; } .k-task-planned .k-task-moment { border-width: 2px; border-radius: calc(( 4px + 6px ) / 2); 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: calc( 1px - calc(( 4px + 6px ) / 2) ); } .k-task-planned:hover .k-task-duration { height: calc( 2px + 1px ); } .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: 0.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: 0.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-rtl .k-gantt-timeline-pane .k-header { border-width: 0 1px 1px 0; } .k-gantt { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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-primary, #3f51b5); background-color: var(--kendo-color-primary, #3f51b5); } .k-gantt .k-treelist-scrollable .k-task-milestone.k-selected .k-task-milestone-content { border-color: var(--kendo-color-secondary, #e51a5f); background-color: var(--kendo-color-secondary, #e51a5f); } .k-gantt .k-gantt-dependencies-svg polyline { fill: none; stroke: var(--kendo-color-subtle, #757575); } .k-gantt .k-gantt-dependencies-svg polyline.k-selected { stroke: var(--kendo-color-secondary, #e51a5f); } .k-gantt-footer { box-shadow: none; } .k-gantt-treelist .k-treelist, .k-gantt-treelist .k-grid-content { background-color: transparent; } .k-gantt .k-nonwork-hour { background-color: color-mix(in srgb, var(--kendo-color-on-base, #212121) 3%, transparent); } .k-task-dot::before { background-color: var(--kendo-color-on-app-surface, #212121); } .k-task-dot:hover::before, .k-task-dot.k-hover::before { border-color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-task-milestone { border-color: var(--kendo-color-primary, #3f51b5); background-color: var(--kendo-color-primary, #3f51b5); } .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, #f31700) 2px, var(--kendo-color-error, #f31700) 4px); } .k-task-milestone.k-task-advanced { background-color: var(--kendo-color-success, #37b400); } .k-task-milestone.k-selected { background-image: none; border-color: var(--kendo-color-secondary, #e51a5f); background-color: var(--kendo-color-secondary, #e51a5f); } .k-task-summary { color: var(--kendo-color-primary-emphasis, #97a0d7); } .k-task-summary.k-task-delayed { color: var(--kendo-color-error-emphasis, #fc8d83); } .k-task-summary.k-task-advanced { color: var(--kendo-color-success-emphasis, #93d775); } .k-task-summary-complete { color: var(--kendo-color-primary, #3f51b5); } .k-task-delayed .k-task-summary-complete { color: var(--kendo-color-error, #f31700); } .k-task-advanced .k-task-summary-complete { color: var(--kendo-color-success, #37b400); } .k-task-summary.k-selected { color: var(--kendo-color-secondary-subtle-active, #f79bb3); } .k-task-summary.k-selected .k-task-summary-complete { color: var(--kendo-color-secondary, #e51a5f); } .k-task-single { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary-emphasis, #97a0d7); } .k-task-single.k-task-delayed { background-color: var(--kendo-color-error-emphasis, #fc8d83); } .k-task-single.k-task-advanced { background-color: var(--kendo-color-success-emphasis, #93d775); } .k-task-single .k-task-complete { background-color: var(--kendo-color-primary, #3f51b5); } .k-task-delayed .k-task-complete { background-color: var(--kendo-color-error, #f31700); } .k-task-advanced .k-task-complete { background-color: var(--kendo-color-success, #37b400); } .k-task-single.k-selected { color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary-subtle-active, #f79bb3); } .k-task-single.k-selected .k-task-complete { background-color: var(--kendo-color-secondary, #e51a5f); } .k-gantt-line { color: var(--kendo-color-subtle, #757575); } .k-gantt-line.k-selected { color: var(--kendo-color-secondary, #e51a5f); } .k-task-planned .k-task-moment { border-color: var(--kendo-color-primary, #3f51b5); background-color: transparent; } .k-task-planned .k-task-duration { background-color: var(--kendo-color-primary, #3f51b5); } .k-task-planned:hover .k-task-moment { background-color: var(--kendo-color-primary, #3f51b5); } .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, #f31700) 2px, var(--kendo-color-error, #f31700) 4px); } .k-task-offset .k-resize-e::before { border-color: #000000; } .k-task-offset .k-task-actions { color: #000000; } .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, #fc8d83) 2px, var(--kendo-color-error-emphasis, #fc8d83) 4px); } .k-pdf-export .k-task-offset { background-color: var(--kendo-color-error, #f31700); } .k-offset-tooltip-delayed { background-color: var(--kendo-color-error, #f31700); } .k-planned-tooltip { background-color: var(--kendo-color-primary, #3f51b5); } .k-gantt-tooltip-validation::before { background-color: #656565; } .k-gantt-tooltip-valid::before { background-color: var(--kendo-color-success, #37b400); } .k-gantt-tooltip-invalid::before { background-color: var(--kendo-color-error, #f31700); } .k-gantt-timeline-pane tbody > tr:not(:only-child) > .k-header { border-left-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-rtl .k-gantt-timeline-pane .k-grid-header tbody > tr:not(:only-child) > .k-header { border-right-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .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: calc(var(--kendo-line-height, normal) * 1rem); 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: 0; 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-2, 0.5rem); 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: 0; 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: transparent; } .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 { 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: 12rem; } .k-scheduler-timecolumn { width: 11rem; 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; padding-right: var(--kendo-spacing-4, 1rem); } 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 - (2 * var(--kendo-spacing-0\.5, 0.125rem)) ); padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-4, 1rem); } kendo-scheduler .k-event .k-event-time, .k-event .k-event-time { padding-bottom: 0; font-size: 0.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-4, 1rem); z-index: 2; } kendo-scheduler .k-event .k-event-actions .k-event-delete, .k-event .k-event-actions .k-event-delete { opacity: 0.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) 0.4ex 0 var(--kendo-spacing-2, 0.5rem); 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: 0.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: 0.5em; top: 0; } kendo-scheduler .k-event .k-resize-s, .k-event .k-resize-s { height: 0.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: 0.5em; left: 0; } kendo-scheduler .k-event .k-resize-e, .k-event .k-resize-e { width: 0.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: 0.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: 0.75em; position: absolute; } .k-scheduler-marquee .k-label-top { left: var(--kendo-spacing-2, 0.5rem); top: var(--kendo-spacing-0\.5, 0.125rem); } .k-scheduler-marquee .k-label-bottom { right: var(--kendo-spacing-2, 0.5rem); 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: transparent; border-bottom-color: transparent; } .k-scheduler-marquee.k-last::after { bottom: 0; right: 0; border-left-color: transparent; border-top-color: transparent; } .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: 0.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: 0.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 0.2em 0 0; font-size: 3em; line-height: 1; font-weight: 400; float: left; } .k-scheduler-agendaweek { display: block; margin: 0.4em 0 0; line-height: 1; font-style: normal; } .k-scheduler-agendadate { font-size: 0.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-5, 1.25rem); padding-inline: var(--kendo-spacing-5, 1.25rem); 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-5, 1.25rem); } .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( 36px - (0.25em * 2)); 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-2, 0.5rem); } .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-2, 0.5rem); 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-2, 0.5rem); } .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-4, 1rem); } .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-2, 0.5rem) 0 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: 0.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 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-2, 0.5rem); } .k-safari .k-scheduler-yearview .k-calendar-view .k-month { margin-block: 0; margin-inline: var(--kendo-spacing-5, 1.25rem)/2; } .k-scheduler-footer { border-top-width: 1px; } .k-scheduler-header { text-align: start; } .k-scheduler-header th, .k-scheduler-header td { font-size: var(--kendo-font-size-sm, inherit); } .k-scheduler-times { font-size: var(--kendo-font-size-sm, inherit); } kendo-scheduler .k-event.k-selected::before, .k-event.k-selected::before { display: block; } kendo-scheduler .k-event .k-event-template, .k-event .k-event-template { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem); } kendo-scheduler .k-event .k-event-actions, .k-event .k-event-actions { right: var(--kendo-spacing-2, 0.5rem); } .k-event .k-event-delete { border-radius: 50%; display: inline-block; font-size: var(--kendo-font-size-sm, inherit); line-height: normal; } .k-event .k-event-delete .k-icon { padding: calc(var(--kendo-font-size, 0.875rem) - var(--kendo-font-size-sm, 0.75rem)); box-sizing: content-box; vertical-align: unset; } .k-event .k-resize-handle { opacity: 1; } .k-event .k-resize-handle::before { border-width: 0; } .k-event .k-resize-n::before { height: 2px; align-self: flex-start; border-radius: 0 0 1px 1px; } .k-event .k-resize-s::before { height: 2px; align-self: flex-end; border-radius: 1px 1px 0 0; } .k-event .k-resize-e::before { width: 2px; border-radius: 0 1px 1px 0; } .k-event .k-resize-w::before { width: 2px; border-radius: 1px 0 0 1px; } .k-more-events { border-width: 0; box-shadow: none; } .k-scheduler-layout-flex .k-scheduler-cell { min-height: calc( 2 * 1em ); } .k-scheduler-monthview .k-scheduler-table td { height: 85px; } .k-scheduler-edit-form .k-edit-label { width: auto; margin-bottom: 0.5em; } .k-scheduler-edit-form .k-edit-label label { margin-bottom: 0; } .k-scheduler-edit-form .k-edit-field { width: auto; align-items: center; } .k-edit-field .k-reset { width: 100%; } .k-edit-field .k-widget { font-size: inherit; } .k-edit-field .k-reset .k-widget { margin-right: 0; } .k-scheduler-timezones .k-edit-field > div { width: 100%; } .k-scheduler-timezones .k-edit-field .k-widget { width: 45%; } .k-scheduler { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-scheduler-toolbar { background-color: var(--kendo-color-surface, #f5f5f5); } .k-scheduler-footer { background-color: var(--kendo-color-surface, #f5f5f5); } .k-scheduler-header { background-color: var(--kendo-color-app-surface, #ffffff); } .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-surface, #f5f5f5); } .k-scheduler-other-month, .k-scheduler .k-other-month { background-color: var(--kendo-color-surface, #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, #3f51b5) 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, #3f51b5); } .k-event.k-selected { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary-active, #354498); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-event.k-event-inverse { color: var(--kendo-color-on-app-surface, #212121); } .k-event.k-event-ongoing { box-shadow: inset 0px 0px 0px 1px #ff0000; } .k-scheduler-marquee::before, .k-scheduler-marquee::after { border-color: var(--kendo-color-primary, #3f51b5); } .k-scheduler-edit-dialog .k-dialog-actions { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .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.12)); color: var(--kendo-color-on-app-surface, #212121); 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.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #3f51b5) 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, #3f51b5); } .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, #212121); background-color: var(--kendo-color-on-primary, #ffffff); box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .k-tooltip.k-scheduler-tooltip .k-callout { color: var(--kendo-color-on-primary, #ffffff); } .k-scheduler-layout td.k-selected, .k-scheduler-layout .k-scheduler-cell.k-selected { background-color: color-mix(in srgb, var(--kendo-color-secondary, #e51a5f) 25%, transparent); } .k-scheduler-agendaview .k-scheduler-content tr.k-selected { background-color: color-mix(in srgb, var(--kendo-color-secondary, #e51a5f) 25%, transparent); } .k-event .k-event-actions .k-link { color: var(--kendo-color-primary, #3f51b5); background-color: var(--kendo-color-on-primary, #ffffff); } .k-event .k-resize-handle::before { background-color: var(--kendo-color-on-primary, #ffffff); } .k-scheduler-edit-form .k-edit-label { color: var(--kendo-color-subtle, #757575); } .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 { 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 { 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 0.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 0.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 0.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: 1.4285714286; 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) { padding-inline-start: calc( 32px + var(--kendo-spacing-2, 0.5rem) ); } .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) { 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; margin-inline-end: var(--kendo-spacing-2, 0.5rem); 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: 1.4285714286; cursor: pointer; -webkit-user-select: none; user-select: none; display: inline-block; flex: 0 0 auto; transition-property: color, background-color, border-color; transition-duration: 0.2s; transition-timing-function: ease-in-out; outline: none; } .k-scrollable-quick-replies { margin-inline-start: -var(--kendo-spacing-4, 1rem); margin-inline-end: -var(--kendo-spacing-4, 1rem); padding-inline-start: 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 { 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; margin-inline-start: 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: 0.4; } .k-typing-indicator span:nth-of-type(1) { animation: 1s k-animation-blink infinite 0.3333s; } .k-typing-indicator span:nth-of-type(2) { animation: 1s k-animation-blink infinite 0.6666s; } .k-typing-indicator span:nth-of-type(3) { animation: 1s k-animation-blink infinite 0.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 .k-quick-reply { position: relative; } .k-chat .k-quick-reply::before { border-radius: inherit; content: ""; background: currentColor; opacity: 0; display: block; pointer-events: none; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; z-index: 0; transition: opacity 0.2s ease-in-out; } .k-chat .k-quick-reply:focus::before, .k-chat .k-quick-reply.k-focus::before { opacity: 0.12; } .k-chat { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-app-surface, #ffffff); } .k-chat .k-timestamp { color: var(--kendo-color-subtle, #757575); } .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, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-1, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14)); transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; order: -1; } .k-chat .k-chat-bubble a { color: var(--kendo-color-secondary, #e51a5f); } .k-chat .k-chat-bubble a:hover { color: var(--kendo-color-secondary-hover, #d31857); } .k-chat .k-chat-bubble:hover { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .k-chat .k-selected .k-chat-bubble { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-chat .k-alt .k-chat-bubble { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); box-shadow: var(--kendo-elevation-1, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14)); } .k-chat .k-alt .k-chat-bubble:hover { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .k-chat .k-alt .k-selected .k-chat-bubble { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-chat .k-quick-reply { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-primary, #3f51b5); background-color: transparent; } .k-chat .k-quick-reply:hover, .k-chat .k-quick-reply.k-hover { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-chat .k-quick-reply:focus, .k-chat .k-quick-reply.k-focus { box-shadow: 0 0 color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 0%, transparent); } .k-chat-toolbar, .k-chat .k-toolbar-box { border-color: inherit; color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface, #f5f5f5); } .k-chat .k-quick-reply:focus, .k-chat .k-quick-reply.k-focus { color: var(--kendo-color-primary-on-surface, #3f51b5); } .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.12)); color: var(--kendo-color-on-app-surface, #212121); 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, #212121) 70%, transparent), color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 0%, transparent)); text-shadow: 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 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: transparent; -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: 0.625rem; padding-inline: 1.75rem; border-radius: var(--kendo-border-radius-md, 0.25rem); line-height: 1.4285714286; min-width: 80px; max-width: calc(80px + 2 * var(--kendo-spacing-10, 2.5rem)); 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(calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2) + 50px); } .k-timeline-vertical.k-timeline-dates-hidden { padding-left: calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2); } .k-timeline-vertical::after { height: 100%; width: 6px; transform: translateX(-50%); border-radius: var(--kendo-border-radius-lg, 0.5rem); } .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: calc(2 * (36px - 0px)); width: 400px; max-width: 100%; } .k-timeline-vertical .k-timeline-card .k-card .k-card-header { border-radius: var(--kendo-border-radius-md, 0.25rem); } .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-2, 0.5rem) * -1 ); margin-inline: 0; transform: rotate(90deg); transition: transform 0.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\.5, 1.125rem); } .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: 18px 0; } .k-timeline-horizontal .k-timeline-track-wrap::after { top: auto; bottom: calc(18px + 3px); left: calc(36px - 2 * 1px); right: calc(36px - 2 * 1px); transform: translateY(-50%); height: 6px; } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track { overflow: hidden; margin-block: 0; margin-inline: 36px; 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(6px + 2 * 1px + 4px + 10px); 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: 3px; display: flex; outline: 0; } .k-timeline-arrow { width: 36px; height: 36px; border-radius: 50%; position: absolute; bottom: calc(6px + 3px + 2 * 1px); 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 + 2 * var(--kendo-spacing-4, 1rem)); } .k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap { display: none; } .k-timeline-mobile.k-timeline-vertical { padding-left: calc(calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2) + 50px); } .k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden { padding-left: calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 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-horizontal .k-timeline-card { padding: 0 5px 5px; } .k-timeline-card .k-timeline-card-callout.k-callout-s { bottom: 5px; } .k-timeline-track-item:hover .k-timeline-circle::before, .k-timeline-track-item.k-hover .k-timeline-circle::before { opacity: 0.08; } .k-timeline-track-item.k-focus .k-timeline-circle::before { opacity: 0.12; } .k-timeline .k-timeline-flag { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-timeline .k-timeline-circle { background-color: var(--kendo-color-primary, #3f51b5); } .k-timeline .k-timeline-card .k-card-header { background-color: var(--kendo-color-surface-alt, #ffffff); color: var(--kendo-color-on-app-surface, #212121); } .k-timeline .k-timeline-card .k-card-body { scrollbar-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) 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.12)); } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb:hover { background: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-timeline .k-timeline-date { color: var(--kendo-color-on-app-surface, #212121); } .k-timeline .k-timeline-arrow.k-disabled { opacity: 1; color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); border-color: transparent; } .k-timeline-vertical::after, .k-timeline-horizontal .k-timeline-track-wrap::after { background-color: var(--kendo-color-base-subtle, #ebebeb); border-color: var(--kendo-color-base-subtle, #ebebeb); } .k-timeline-horizontal .k-timeline-flag::after { background-color: var(--kendo-color-primary, #3f51b5); } .k-timeline-track-item.k-focus .k-timeline-circle { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .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 .k-canvas { display: flex; flex-direction: column; flex: 1 1 auto; outline: none; } .k-pdf-viewer .k-canvas.k-enable-text-select { -webkit-user-select: text; user-select: text; cursor: text; } .k-pdf-viewer .k-canvas.k-enable-panning { cursor: grab; } .k-pdf-viewer .k-canvas.k-enable-panning span::selection { background-color: transparent; } .k-pdf-viewer .k-pdf-viewer-pages { flex: 1 1 auto; } .k-pdf-viewer .k-page { position: relative; margin-block: var(--kendo-spacing-7\.5, 1.875rem); margin-inline: auto; } .k-pdf-viewer .k-page canvas { direction: ltr; } .k-pdf-viewer .k-page .k-text-layer { position: absolute; top: 0; left: 0; opacity: 0.2; overflow: hidden; } .k-pdf-viewer .k-page .k-text-layer > span { position: absolute; line-height: 1.2; transform-origin: 0% 0%; color: transparent; } .k-pdf-viewer .k-page .k-text-layer .k-search-highlight-mark { color: transparent; } .k-pdf-viewer .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 .k-blank-page .k-upload, .k-pdf-viewer .k-blank-page .k-dropzone, .k-pdf-viewer .k-blank-page .k-dropzone-inner { border: 0; background: none; } .k-pdf-viewer-canvas > .k-search-panel { width: max-content; margin-top: calc((calc( 1.4285714286em + calc( 0.625rem * 2 ) + 2px ) + ( 2 * 1px ) + ( 2 * calc( var(--kendo-spacing-2, 0.5rem) * 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: var(--kendo-spacing-1, 0.25rem); 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-2, 0.5rem); } .k-pdf-viewer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-pdf-viewer .k-toolbar { background-color: var(--kendo-color-surface, #f5f5f5); } .k-pdf-viewer .k-canvas { background-color: var(--kendo-color-app-surface, #ffffff); } .k-pdf-viewer .k-page { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: white; box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-pdf-viewer .k-blank-page > .k-icon { color: var(--kendo-color-subtle, #757575); } .k-pdf-viewer .k-search-highlight { background-color: var(--kendo-color-on-app-surface, #212121); } .k-pdf-viewer .k-search-highlight-mark { background-color: yellow; } .k-pdf-viewer-canvas > .k-search-panel { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-8, 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14)); } .km-scrollview, .km-scroll-container { -webkit-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: 0.4em; width: 0.4em; opacity: 0; transform-origin: 0 0; transition: opacity 0.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: #333333; } .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; user-select: none; } .k-scrollview-wrap.k-scrollview-animate { width: calc(var(--kendo-scrollview-views, 1) * 100%); transition-duration: 0.3s; transition-timing-function: ease-in-out; transform: translateX(calc(-100% / var(--kendo-scrollview-views, 1) * (var(--kendo-scrollview-current, 1) - 1))); } [dir=rtl] .k-scrollview-wrap.k-scrollview-animate, .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-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)); } .k-scrollview-nav-wrap { padding: 0; margin: 0; position: absolute; left: 0; right: 0; bottom: 0; height: calc( 10px + 0px + calc( 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; 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: 0.3s; transition-timing-function: ease-in-out; } .k-scrollview { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); 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, 0.4); } .k-scrollview.k-scrollview-dark .k-scrollview-next, .k-scrollview.k-scrollview-dark .k-scrollview-prev { color: rgba(0, 0, 0, 0.4); } .k-scrollview.k-scrollview-light kendo-scrollview-pager, .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap { background-color: rgba(255, 255, 255, 0.4); } .k-scrollview:focus, .k-scrollview-wrap:focus { outline: none; } .k-scrollview-elements { color: white; } .k-scrollview-next, .k-scrollview-prev { color: white; background-color: rgba(0, 0, 0, 0); text-shadow: rgba(0, 0, 0, 0.3) 0 0 15px; opacity: 0.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: white; 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, 0.13); } .k-scrollview-next:hover, .k-scrollview-next.k-hover, .k-scrollview-prev:hover, .k-scrollview-prev.k-hover { color: white; opacity: 1; } .k-scrollview-nav > .k-link { background: transparent; border: transparent; } .k-scrollview-nav > .k-link.k-primary { background: var(--kendo-color-primary, #3f51b5); border: var(--kendo-color-primary, #3f51b5); } .k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus { box-shadow: 0 0 0 2px rgba(0, 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, 0.13); } .k-prompt { display: flex; flex-direction: column; position: relative; overflow: hidden; } .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.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-prompt-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-prompt-content { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-app-surface, #ffffff); } .k-prompt-suggestion { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-app-surface, #ffffff); box-shadow: var(--kendo-elevation-1, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14)); } .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; 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-2, 0.5rem); border-width: 0; font-size: calc( var(--kendo-font-size, inherit) * .75 ); z-index: 1000; } .k-map-controls { position: absolute; display: flex; align-items: center; } .k-navigator { margin: var(--kendo-spacing-4, 1rem); width: calc(( 16px * 3) + ( var(--kendo-spacing-0\.5, 0.125rem) * 2 )); height: calc(( 16px * 3) + ( var(--kendo-spacing-0\.5, 0.125rem) * 2 )); border-width: 1px; border-style: solid; box-sizing: border-box; border-radius: 50%; position: relative; } .k-pdf-export .k-navigator { display: none; } .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-zoom-control { display: none; } .k-map { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-map .k-navigator { border-color: transparent; color: #1c75bc; background-color: transparent; box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .k-map .k-marker { color: var(--kendo-color-primary, #3f51b5); } .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) / 4 ); font-size: var(--kendo-font-size-xl, 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: 25px; } .k-orgchart-button { z-index: 1; } .k-orgchart { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-orgchart-card { box-shadow: none; } .k-orgchart-card .k-card-body { border-color: transparent; } .k-orgchart-card:focus, .k-orgchart-card.k-focus { box-shadow: 0 2px 4px -1px color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 20%, transparent), 0 4px 5px 0 color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 14%, transparent), 0 1px 10px 0 color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 12%, transparent); } .k-orgchart-node-group-container { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface, #f5f5f5); } .k-orgchart-node-group-container:focus, .k-orgchart-node-group-container.k-focus { box-shadow: 0 2px 4px -1px color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 20%, transparent), 0 4px 5px 0 color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 14%, transparent), 0 1px 10px 0 color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 12%, transparent); } .k-orgchart-node-group-subtitle { color: rgba(0, 0, 0, 0.54); } .k-orgchart-line-h, .k-orgchart-line-v { color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-signature { width: 246px; min-height: 108px; 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: min-content; 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% - 2 * var(--kendo-spacing-0\.5, 0.125rem) ); } .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% - 2 * var(--kendo-spacing-1, 0.25rem) ); } .k-signature-lg { padding-inline: var(--kendo-spacing-1\.5, 0.375rem); padding-block: var(--kendo-spacing-1\.5, 0.375rem); } .k-signature-lg .k-signature-line { width: calc( 100% - 2 * var(--kendo-spacing-1\.5, 0.375rem) ); } .k-signature-lg { min-height: 110px; } .k-signature .k-signature-line { border-bottom-color: color-mix(in srgb, var(--kendo-color-info, #0058e9) 24%, transparent); } body { font-size: 14px; color: #514e4b; } body a, body a:link, body a:visited { color: #1c75bc; text-decoration: none; } body a:hover, body a:active { color: #1c75bc; text-decoration: underline; } body ::selection { color: white !important; background-color: #1c75bc !important; } .k-dialog-content { white-space: pre-wrap; } .hide-embedded-messaging .embedded-messaging { display: none !important; } .hide-embedded-messaging .embeddedMessagingFrame { display: none !important; } .hide-embedded-messaging .embeddedMessagingFilePreviewFrame { display: none !important; } kpa-dashboard-widget-tile kendo-dropdownbutton button { box-shadow: none !important; padding: 0px !important; } .report-viewer .k-listview-item, .trv-search .k-listview-item { margin: 5px; } .report-viewer .k-icon, .trv-search .k-icon { color: #1c75bc !important; } .report-viewer .\!k-bg-primary, .trv-search .\!k-bg-primary { background-color: #1c75bc !important; } .report-viewer .\!k-bg-primary .k-icon, .trv-search .\!k-bg-primary .k-icon { color: #fff !important; } .report-viewer .trv-nav, .trv-search .trv-nav { background-color: rgba(28, 117, 188, 0.1019607843) !important; } .report-viewer .k-widget ul, .trv-search .k-widget ul { margin-left: 100px; } .report-viewer .k-chip-list:after, .trv-search .k-chip-list:after { position: initial; } .report-viewer .k-scrollable, .trv-search .k-scrollable { overflow: hidden; } .report-viewer .trv-parameters-area.preview .trv-parameters-area-content, .trv-search .trv-parameters-area.preview .trv-parameters-area-content { bottom: 5em; } .report-viewer .trv-parameters-area.preview .trv-parameters-area-footer, .trv-search .trv-parameters-area.preview .trv-parameters-area-footer { display: flex; justify-content: center; align-items: center; height: 5em; } .report-viewer .trv-parameters-area.preview .trv-parameters-area-footer button, .trv-search .trv-parameters-area.preview .trv-parameters-area-footer button { flex: 1 1; justify-self: anchor-center; } .report-viewer .k-i-arrow-s:before, .trv-search .k-i-arrow-s:before { content: "\f078" !important; font-weight: 300 !important; font-family: "Font Awesome 5 Pro"; } .report-viewer .k-i-x-circle:before, .trv-search .k-i-x-circle:before { content: "\f057" !important; font-weight: 300 !important; font-family: "Font Awesome 5 Pro"; color: white; } .report-viewer .trv-nav .k-i-arrow-s:before, .trv-search .trv-nav .k-i-arrow-s:before { font-weight: 900 !important; color: #1c75bc; } .report-viewer .k-link, .trv-search .k-link { color: #1c75bc !important; } .report-viewer .trv-error-message, .trv-search .trv-error-message { border: 1px solid #1c75bc; padding: 15px; font-size: 14px; text-align: left; font-weight: 700; max-width: 300px; } .report-viewer .trv-error-message ul, .trv-search .trv-error-message ul { margin-left: 0cm; font-weight: 400; } .report-viewer .k-window-title, .trv-search .k-window-title { font-size: 18px; } .report-viewer .k-menu-link, .trv-search .k-menu-link { padding-inline: 0px; } .report-viewer .k-input-solid, .trv-search .k-input-solid { background-color: transparent; } .k-button.k-state-disabled { background-color: #cccccc !important; color: #878787 !important; } .k-button.k-state-disabled.k-outline { background-color: #fff !important; color: #878787 !important; border-color: #878787 !important; } .k-button.k-disabled:not(.k-pager-nav) { background-color: #cccccc !important; color: #878787 !important; border-color: #cccccc !important; } .k-button.k-disabled.k-outline { background-color: #fff !important; color: #878787 !important; border-color: #878787 !important; } .k-dialog-button-layout-stretched { padding: 0; align-items: flex-end; } .mat-button-wrapper { line-height: 40px; height: 40px; } /* Global Card-Legend Styles */ .card-legend { border: 1px solid #e9e9e9; box-shadow: none; padding: 20px; } .card-legend-text { font-size: 14px; color: #514e4b; margin-bottom: 0; } /* Global Down Arrow Icon Styles */ .k-i-arrow-60-down::before, .k-i-arrow-n::before, .k-i-sarrow-n::before, .k-i-expand-n::before, .k-i-arrow-s::before, .k-i-sarrow-s::before, .k-i-collapse::before, .k-i-expand-s::before, .k-i-arrow-chevron-up::before, .k-i-chevron-down::before { content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 600; color: #514e4b; font-size: small; } .k-i-arrow-60-up::before, .k-i-arrow-n::before, .k-i-sarrow-n::before, .k-i-expand-n::before, .k-i-arrow-chevron-up::before { content: "\f077"; font-family: "Font Awesome 5 Pro"; font-weight: 600; color: #514e4b; font-size: small; } /* Global Calendar Icon Styles */ .k-i-calendar { font-family: "Font Awesome 5 Pro"; font-weight: 300; color: #514e4b; } .k-i-calendar::before { content: "\f133"; } /* Global Input Styles */ .k-textbox-container { padding-top: 18px; width: 100%; } .k-picker-wrap .k-select, .k-picker-wrap:hover .k-select, .k-dropdown-wrap .k-select, .k-dropdown-wrap:hover .k-select { opacity: 1; } .k-datepicker { width: 100%; } .k-grid-header-wrap { border-right-width: 0; } .k-animation-container-shown, .k-animation-container > .k-popup { box-shadow: none; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); } .k-popup, .k-list, .k-reset, .k-list-scroller, .k-animation-container-shown { margin: 0; padding: 0; } .k-list .k-item { padding: 8px 10px !important; } .k-textbox.ng-invalid.ng-touched, .k-textbox.ng-invalid.ng-dirty { border-color: #ed5137; } .k-textbox-container .ng-invalid.ng-touched + .k-label, .k-textbox-container .ng-invalid.ng-dirty + .k-label { color: #ed5137; } /* Input Floating Labels and Bottom Border Animation */ /* Legacy relic no longer required in latest Kendo control version */ .k-dropdown { width: 100%; } /* Labels */ .dp-container, .k-form-field { position: relative; } .dd-label, .dp-label { display: block; text-overflow: ellipsis; position: absolute; top: 24px; left: 15px; font-size: 14px; color: #514e4b; transform: scale(1); transform-origin: top left; transition-property: top, transform; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); } .dd-dirty .dd-label, .dp-dirty .dp-label, .dp-focus .dp-label { transform: scale(0.75); top: 3px; } .dd-focus .dd-label, .dp-focus .dp-label { color: #1c75bc; } .required-field-error .dd-label, .required-field-error .dp-label { color: #ed5137; } .dp-container .k-dateinput, .kendo-dropdown { padding-top: 17px; } .dp-container .k-dateinput, .kendo-dropdown.no-top-padding { padding-top: 0px; } .dd-border, .dp-border { line-height: 2px; height: 2px; width: 100%; display: block; margin: -2px auto 0 auto; background: white no-repeat; background-image: linear-gradient(to bottom, #1c75bc, #1c75bc), linear-gradient(to bottom, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.42)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 200%; transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); } .dd-focus .dd-border, .dp-focus .dp-border { background-size: 100% 2px, 100% 1px; } /* Borders */ .dd-border, .dp-border { line-height: 2px; height: 2px; width: 100%; display: block; margin: -2px auto 0 auto; background: white no-repeat; background-image: linear-gradient(to bottom, #1c75bc, #1c75bc), linear-gradient(to bottom, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.42)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 200%; transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); } .dd-focus .dd-border, .dp-focus .dp-border { background-size: 100% 2px, 100% 1px; } .k-textbox-container, .k-form-field, .dp-container { margin-bottom: 30px; } .k-textbox-container input, .k-dropdown-wrap .k-input, .k-dateinput-wrap .k-input, .k-picker-wrap .k-input, .k-textbox, .k-textarea, .k-input.k-textbox { color: #514e4b; } .k-autocomplete:hover, .k-autocomplete.k-state-hover, .k-dateinput-wrap:hover, .k-dateinput-wrap.k-state-hover, .k-dropdown-wrap:hover, .k-dropdown-wrap.k-state-hover, .k-picker-wrap:hover, .k-picker-wrap.k-state-hover, .k-multiselect-wrap:hover, .k-multiselect-wrap.k-state-hover, .k-numeric-wrap:hover, .k-numeric-wrap.k-state-hover { border-color: #514e4b; } .k-textbox:hover, .k-textbox.k-state-hover, .k-textarea:hover, .k-textarea.k-state-hover, .k-input.k-textbox:hover, .k-input.k-textbox.k-state-hover { border-color: #514e4b; } .kpa-spinner-wrap .k-dialog-wrapper { outline: none !important; z-index: 2; } .k-dialog-wrapper { z-index: 10002 !important; } .kpa-spinner-wrap .k-dialog-wrapper .k-overlay { width: calc(100% - 280px) !important; height: calc(100% - 40px) !important; top: 40px !important; left: 280px !important; background-color: #fff; opacity: 0.9 !important; z-index: 2; } .kpa-spinner-wrap .k-dialog-wrapper .k-window { box-shadow: none !important; border: 1px solid #e9e9e9; } .kpa-employee-search .k-grid-content-locked .k-button { overflow-y: hidden; } *::-ms-backdrop, .kpa-employee-search .k-grid-content-locked .k-button .fa-ellipsis-v { margin-top: 3px; } .kpa-employee-search .k-grid-content-locked .k-button .fa-ellipsis-vertical { margin-top: 3px; } .k-grid-content { overflow-y: auto; } .k-dropdown-wrap .k-input { padding-top: 12px; } .kpa-error-card .fal::before, .kpa-status-card .fal::before { font-size: 23px; margin-right: 11px; font-weight: 300; vertical-align: middle; } .k-panelbar > .k-item > .k-link:hover, .k-panelbar > .k-item > .k-link.k-state-hover, .k-panelbar > .k-item > .k-link.k-state-focused { background-color: #ffffff !important; } .k-panelbar .k-group > .k-item > .k-link:hover, .k-panelbar .k-group > .k-item > .k-link.k-state-hover, .k-panelbar .k-group > .k-item > .k-link.k-state-focused { background-color: #ffffff !important; } .k-chip-list:after { content: "\f078" !important; font-family: "Font Awesome 5 Pro"; font-size: 13px; font-weight: 300; color: #514e4b; font-size: small; position: absolute; float: right; width: 16px; height: 16px; top: 7px; right: 12px; cursor: pointer; } .k-multiselect .k-clear-value { display: none !important; } .k-multiselect-wrap .k-clear-value { display: none !important; } .k-filtercell .k-multiselect .k-chip-list:after { content: "\f078" !important; font-family: "Font Awesome 5 Pro"; font-size: 13px; font-weight: 300; color: #514e4b; font-size: small; position: absolute; float: right; width: 16px; height: 16px; top: 7px; right: 12px; cursor: pointer; } kendo-upload .k-button:not(.k-icon-button) { background-color: transparent !important; border: 2px solid #1c75bc !important; color: #1c75bc; } kendo-upload.no-border .k-button { background-color: transparent !important; color: #1c75bc; } kpa-item-attachment-list kendo-upload-action-buttons { display: none !important; } kpa-item-attachment-list kendo-upload.read-only .k-dropzone { display: none !important; } kpa-item-attachment-list kendo-upload-status-total { display: none !important; } kpa-item-attachment-list .k-upload .k-dropzone { width: auto; } .mat-snack-bar-container { background: none; box-shadow: none; } .grid .k-grid-content { overflow-y: auto; overflow-x: hidden; } /*!*************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/highlight.js/styles/github-dark-dimmed.css ***! \*************************************************************************************************************************************************************************************************************************************************/ pre code.hljs { display: block; overflow-x: auto; padding: 1em } code.hljs { padding: 3px 5px } /*! Theme: GitHub Dark Dimmed Description: Dark dimmed theme as seen on github.com Author: github.com Maintainer: @Hirse Updated: 2021-05-15 Colors taken from GitHub's CSS */ .hljs { color: #adbac7; background: #22272e } .hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language_ { /* prettylights-syntax-keyword */ color: #f47067 } .hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ { /* prettylights-syntax-entity */ color: #dcbdfb } .hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-variable, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id { /* prettylights-syntax-constant */ color: #6cb6ff } .hljs-regexp, .hljs-string, .hljs-meta .hljs-string { /* prettylights-syntax-string */ color: #96d0ff } .hljs-built_in, .hljs-symbol { /* prettylights-syntax-variable */ color: #f69d50 } .hljs-comment, .hljs-code, .hljs-formula { /* prettylights-syntax-comment */ color: #768390 } .hljs-name, .hljs-quote, .hljs-selector-tag, .hljs-selector-pseudo { /* prettylights-syntax-entity-tag */ color: #8ddb8c } .hljs-subst { /* prettylights-syntax-storage-modifier-import */ color: #adbac7 } .hljs-section { /* prettylights-syntax-markup-heading */ color: #316dca; font-weight: bold } .hljs-bullet { /* prettylights-syntax-markup-list */ color: #eac55f } .hljs-emphasis { /* prettylights-syntax-markup-italic */ color: #adbac7; font-style: italic } .hljs-strong { /* prettylights-syntax-markup-bold */ color: #adbac7; font-weight: bold } .hljs-addition { /* prettylights-syntax-markup-inserted */ color: #b4f1b4; background-color: #1b4721 } .hljs-deletion { /* prettylights-syntax-markup-deleted */ color: #ffd8d3; background-color: #78191b } .hljs-char.escape_, .hljs-link, .hljs-params, .hljs-property, .hljs-punctuation, .hljs-tag { /* purposely ignored */ } /*!**********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************/ pre { display: flex; margin-top: 0; margin-bottom: 0; word-wrap: break-word; code { flex: 1; line-height: 1.8em; font-size: 14px; min-height: 100%; padding: 1em 1.2em; overflow-x: unset; overflow-y: unset; } .hljs.hljs-line-numbers { padding: 0 !important; } pre .hljs { border: none; transition: border ease 1s; } .hljs-ln { tr { &:first-child td { padding-top: 10px !important; } &:last-child td { padding-bottom: 10px !important; } } } table, tbody, tr, td { background: inherit; } table { border-collapse: separate; border-spacing: 0; background: inherit; } /* for block of numbers */ td.hljs-ln-numbers { position: sticky; left: 0; -webkit-user-select: none; user-select: none; text-align: center; color: #cccccc6b; border-right: 1px solid #cccccc1c; vertical-align: top; padding-right: 10px !important; padding-left: 10px !important; } /* for block of code */ td.hljs-ln-code { padding-left: 10px !important; } } /* Master Styles */ h1, h2, h3, h4, h5 { color: #514e4b; font-family: Open Sans, Arial, Helvetica, sans-serif !important; margin: 0 0 16px 0; } h1, h2, h3, h5 { font-weight: 600; /* Semi-Bold */ } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 16px; font-weight: bold; } h5 { font-size: 14px; } .form-input > .k-label, .form-input.k-state-empty.k-state-focused > .k-label { color: #000 !important; font-weight: bold !important; transform: translate(0, -6px) translate(-1px, -1.03125em) translate(-12.5%, -9.375%) scale(0.85) !important; } .form-input.k-state-empty > .k-label { transform: translate(0, 0) scale(1) !important; } .indent-30 { margin-left: 30px; } .indent-60 { margin-left: 60px; } body { margin: 0; background-color: #fafafa; font-size: 14px; } /* everywhere else */ * { font-family: Open Sans, Arial, Helvetica, sans-serif; } .inactiveData { color: gray; } /* Main View Wrapper */ .kpa-viewwrap { margin: 0px -10px 40px -10px; } .no-scroll { .k-content { overflow-x: hidden; } } /* Default Anchor Tag Styles */ a { cursor: pointer; cursor: hand; color: #1c75bc; text-decoration: none; } a:hover { color: #1c75bc; text-decoration: underline; } a:focus { color: #1c75bc; } a:visited { color: #1c75bc; } a i { margin-right: 8px; margin-left: 8px; } a svg { margin-right: 8px; margin-left: 8px; } /* Paragraph Tag Styling */ p { margin-top: 0; margin-bottom: 20px; } /* Form Tag Styling */ form { padding: 0 !important; } /* Navigation link styles */ nav a { padding: 5px 10px; text-decoration: none; margin-right: 10px; margin-top: 10px; display: inline-block; background-color: #eee; border-radius: 4px; } /* bug 69771 We need to look into the use of a:link here because it's causing some links, not yet visisted, to be rendered the same as visited links. */ nav a:visited, nav a:link { color: #607d8b; } nav a:hover { color: #039be5; background-color: #cfd8dc; } nav a.active { color: #039be5; } * { font-family: 'Open Sans', Arial, Helvetica, sans-serif; } .ui-messages-detail span { font-weight: bold; } div.ui-messages { margin-bottom: 20px; margin-top: 0; } .kpa-dialog-button-wrap .k-button { color: #1c75bc; border-radius: 3px !important; font-size: 13px !important; margin-left: 10px; } .kpa-dialog-button-wrap .k-primary { color: #fff; } .kpa-dialog-button-wrap .kpa-primary { color: #fff; } .search-button .k-primary { width: 157px !important; } .standAloneBtn { min-width: 160px; padding-left: 30px !important; padding-right: 30px !important; } button.k-button-icontext span { margin-right: 10px; } button.k-button-icontext svg.svg-inline--fa { margin-right: 10px; } button.k-button .no-margin svg.svg-inline--fa { margin-right: 0px; } button.k-button-icontext:hover .k-button-icontext::before { background: transparent !important; } /* Rounded Blue Button -- Active State */ .k-button-group button.k-state-active { background-color: #1c75bc !important; color: #fff !important; } /* Rounded Blue Button -- Active State */ .k-button-group button.k-selected { background-color: #1c75bc !important; color: #fff !important; } .k-button-group, .k-split-button { box-shadow: none !important; } .k-split-button .k-button { min-height: 40px; width: 170px; border: 1px solid #1c75bc; color: #1c75bc; } .k-split-button .k-button-icon { border-radius: 0 3px 3px 0 !important; border-left-width: 0 !important; width: 40px; background-color: #1c75bc !important; background-size: cover; } .k-split-button .k-button:first-child { border-radius: 3px 0 0 3px !important; background-color: #fff !important; border-color: #1c75bc !important; color: #1c75bc !important; border-width: 1px !important; } .k-split-button { color: #fff !important; } /* This needs to be moved out of this file to allow individual components to control their own layouts */ .card-foot .k-button, .button-row .k-button { margin-left: 20px; } /* CARDS */ .card { padding: 30px; border-radius: 3px; background-color: #ffffff; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0, 0, 0, 0.3); margin-bottom: 20px !important; } .card h1 { font-weight: 700 !important; margin-top: 0 !important; margin-bottom: 20px !important; } /* bug 69775 This needs to be moved out of this file to allow individual components to control their own layouts. Not every instance kpa-card makes use of card-foot. This blanket application of 20px will cause all instances of kpa-card that doesn't make use of card-foot to have an extra 20 pixels of empty space at the bottom of the card on top of the bottom padding that already exists on kpa-card itself. */ .card-foot { margin-top: 20px; } .card h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0 !important; } .card-list-wrap { border-radius: 3px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); margin-bottom: 20px !important; } .card-list-wrap .card { box-shadow: none; border-radius: 0 !important; border-top: 0; margin-bottom: 0 !important; } .card-list-wrap .card:first-child { border-top: 1px solid #ddd; border-radius: 3px 3px 0 0 !important; } .card-list-wrap .card:last-child { border-radius: 0 0 3px 3px !important; } .card-foot { margin-top: 20px; } .card-foot .k-button, .button-row .k-button { margin-left: 20px; } /* GRID */ .card-grid { padding: 0 !important; } .kpa-dialog-button-wrap { text-align: right; margin-right: 0; } .k-window { border-radius: 3px !important; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 0px 25px 8px rgba(0, 0, 0, 0.3) !important; } .k-overlay { opacity: 0.75 !important; } .k-i-filter-clear::before { content: '\f00d' !important; font-family: 'Font Awesome 5 Pro'; font-weight: 300; } .k-filtercell-operator .k-dropdown-operator { display: none; } .k-filtercell-wrapper { position: relative; } /* BADGES */ .kpa-badge-mini, .kpa-badge { border-radius: 40px; color: #fff; padding: 3px 11px 2px 9px; font-size: 14px; font-weight: 600; display: table; vertical-align: middle; margin-bottom: 3px; } .kpa-badge-mini { padding: 3px 5px 2px 3px; font-weight: 700; min-width: 26px; min-height: 26px; text-align: center; box-sizing: border-box; } .kpa-badge i { font-size: 21px; vertical-align: middle; font-weight: 300 !important; margin: 0 4px 0 -5px; min-height: 22px; } .kpa-badge svg { font-size: 21px; vertical-align: middle; font-weight: 300 !important; margin: 0 4px 0 -5px; min-height: 22px; } .kpa-badge-mini-green, .kpa-badge-green { background-color: #6eb91e; } .kpa-badge-mini-orange, .kpa-badge-orange { background-color: #ff7e0a; } .kpa-badge-mini-gray, .kpa-badge-gray { background-color: #e3e3e3; color: #514e4b; } /* Wide Grid Scroll Fix */ .grid-wide .k-grid-aria-root { overflow-x: scroll !important; } .grid-wide .k-grid-header, .grid-wide .k-grid-container { min-width: 1500px; } #gridClientLocationDetails.grid-wide .k-grid-aria-root { overflow-x: auto !important; } #gridClientLocationDetails.grid-wide .k-grid-header { min-width: 600px; } #gridClientLocationDetails.grid-wide .k-grid-container { min-width: 600px; height: 500px; } #gridClientLocationDetails.grid-wide .k-grid-header .k-header { border-left-width: 0px; } #gridClientLocationDetails .k-grid td { padding: 0px !important; } .grid-wide .k-grid-content { overflow-y: auto !important; } /* OTHER */ .layout-content { background: #fafafa; } .k-form-field { width: 100%; } .k-tabstrip .k-content { padding: 25px 0 20px 0 !important; } li.k-item:focus { /* CSS fix for Chrom(e|ium) accessibility selector https://blog.chromium.org/2020/03/updates-to-form-controls-and-focus.html */ outline: none; } .k-checkbox:checked + .k-checkbox-label::after, .k-checkbox:indeterminate + .k-checkbox-label::after { background-color: #1c75bc !important; border-color: #1c75bc !important; } .k-checkbox:checked + .k-checkbox-label::before { background-color: #1c75bc !important; border-color: #1c75bc !important; } .k-pager-wrap { background-color: #f5f5f5 !important; } .k-i-filter-clear::before { content: '\f00d' !important; font-family: 'Font Awesome 5 Pro'; font-weight: 900; } .k-filtercell-operator .k-dropdown-operator { display: none; } .k-filtercell-wrapper { position: relative; } .k-filtercell:not(kendo-grid-date-filter-cell) .k-filtercell-wrapper::after { content: '\f002' !important; font-family: 'Font Awesome 5 Pro'; font-size: 19px; font-weight: 900; height: 36px; position: absolute; right: 0; text-align: center; width: 36px; z-index: 1; } .k-filtercell .k-i-calendar { color: black; } .kpa-upload { position: relative; } .kpa-upload kendo-upload { height: 100%; width: 100%; z-index: 2; background: transparent; } .k-upload .k-dropzone { position: relative; height: 100%; width: 100%; background: transparent; } .kpa-upload .k-upload .k-upload-button { margin: 0; height: 100%; width: 100%; background: transparent; opacity: 0; } .k-widget.k-upload.k-header { border-width: 0px; } .k-widget.k-upload .k-action-buttons { display: none !important; } .k-pager-info { order: 8; } .k-pager-sizes { order: 9; } .k-notification-group { z-index: 100; } .k-notification-wrap > .k-notification-content { font-family: Open Sans; font-size: 14px; color: #ffffff; font-weight: 700; -webkit-text-decoration: none solid rgb(255, 255, 255); text-decoration: none solid rgb(255, 255, 255); } .k-notification-success { border-color: #6eb91e !important; border-radius: 3px; background-color: #6fba1e !important; background-size: cover; } .k-icon { font-size: 15px; } .k-notification-wrap > .k-icon { margin-right: 11px !important; } .platform-logo { background-image: url('/assets/kpa-menu-logo.png'); } .kpa-nav .mat-tree-node-icon { width: 26px !important; min-width: 19px !important; } .k-dateinput + .k-select, .k-input + .k-select { margin-right: 8px; } #dg_AccessListLocations .card-grid { box-shadow: none !important; } .k-dropdown[disabled=''] { pointer-events: auto !important; } .kpa-dropdown-btn-menu { width: 100%; text-align: right; } .kpa-dropdown-btn-menu .k-split-button .k-button { background-color: #fff; border: 1px solid #1c75bc; color: #1c75bc !important; } .kpa-dropdown-btn-menu .k-split-button .k-button:first-child { padding: 7px 14px !important; font-size: 14px; font-weight: bold !important; display: inline-block; width: auto; } .kpa-dropdown-btn-menu .k-split-button .k-button:last-of-type { background-color: #1c75bc; border: 1px solid #1c75bc; color: #fff !important; max-width: 40px; } .kpa-dropdown-btn-menu .k-split-button .k-button-icon .k-icon::before { color: #fff !important; } .kpa-manage-employee-dropdown { min-width: 200px; } .kpa-grid tr.k-grid-norecords { display: table-row; } .kpa-grid tr.k-grid-norecords > td { text-align: left; } .k-grid-ignore-click { pointer-events: none !important; } .required-field:not(.k-invalid) { background-color: #e8f5ff !important; } .required-field:not(.required-field > .required-field) { background-color: #e8f5ff !important; } .required-field-error:not(.required-field-error > .required-field-error), .required-field.k-state-invalid:not(.required-field > .required-field) { background-color: rgba(237, 81, 55, 0.08) !important; } .noBorderShaddowCard { box-shadow: none !important; border: 1px solid #dddddd !important; } /* new changes for theming */ .k-grid .k-grid-header .k-filter-row .k-filtercell .k-filtercell-operator { margin-left: 0; width: 0; } .k-grid .k-grid-header .k-filter-row .k-filtercell:not(kendo-grid-date-filter-cell) .k-filtercell-wrapper::after { content: '\f002'; font-family: 'Font Awesome 5 Pro'; font-size: 20px; font-weight: 300; line-height: 36px; position: absolute; right: 0; text-align: center; width: 30px; } .k-grid .k-grid-header .k-filter-row .k-filtercell .k-filtercell-wrapper > .k-textbox { padding-right: 36px; } .k-grid .k-grid-header .k-filter-row .k-filtercell .k-filtercell-operator > .k-button { position: absolute; right: 0; width: 30px; height: 30px; background-color: #1c75bc; z-index: 2; } .k-filtercell-operator { align-items: center; display: flex; position: absolute; right: 0; width: 30px; height: 30px; background-color: #1c75bc; z-index: 2; } .k-filtercell-operator > .k-button { background-color: #1c75bc; border: 1px solid #1c75bc; } .k-svg-i-filter-clear { color: #ffffff; } .k-grid .k-grid-header .k-filter-row .k-button .k-icon.k-i-filter-clear { color: white; } .k-grid .k-grid-header .kpa-grid-select-header { overflow: visible; } .k-grid .k-grid-header .kpa-grid-select-header .k-checkbox { position: absolute; top: calc(100% + 28px); left: 50%; margin-top: -9px; margin-left: -9px; } .k-grid .k-grid-content .kpa-grid-select-cell { text-align: center; } .k-panelbar > .k-item { border: none !important; box-shadow: none !important; } .dp-container:hover .k-picker-wrap, .dp-container:focus-within .k-picker-wrap { background-color: inherit !important; } .k-grid .k-grid-header .k-filter-row .k-filtercell .k-multiselect-wrap { flex-wrap: nowrap; } .k-grid .k-grid-header .k-filter-row .k-filtercell .k-multiselect-wrap > :first-child { display: block; flex-basis: 0px; max-width: calc(100% - 25px); } .k-grid .k-grid-header .k-filter-row .k-filtercell .k-multiselect-wrap > .k-searchbar { float: none; flex-basis: 25px; } .k-grid .k-grid-header .k-filter-row .k-filtercell .k-multiselect-wrap .k-button { max-width: 100%; } .k-grid .k-grid-header .k-filter-row .k-filtercell .k-multiselect-wrap .k-button > span:first-child { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .k-checkbox-label::before { top: 1px !important; } .k-textbox-container.k-textarea-wrapper.k-state-empty > .k-label:not(.k-state-focused .k-label) { top: 15.875px; } .contacts { .k-textbox-container.k-textarea-wrapper.k-state-empty > .k-label:not(.k-state-focused .k-label) { top: 0px !important; } } .vendor-management, .contacts-form { .invalid-feedback { margin-top: 5px !important; } } .text-yellow { color: #feb433; color: #feb433; } .notifications-container { .k-grid th { border-left-color: transparent; text-align: center; } .actions > button { margin-right: 12px; } .k-icon.k-clear-value.k-i-close { display: none !important; } .k-multiselect .k-multiselect-wrap .k-button { color: white !important; background-color: #1c75bc !important; font-size: 14px !important; } .k-grid-header { padding: 0px !important; } .textCenter { display: block !important; text-align: center !important; } kendo-pager { display: none; } } /*# sourceMappingURL=styles.11b070cea38f03c4.css.map*/