/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/styles/themes/dyna-brand-2026a-light.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&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/styles/themes/dyna-brand-2026a-light.scss?ngGlobalStyle (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&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/styles/themes/dyna-brand-2026a-light.scss?ngGlobalStyle (2) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css);
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.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;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}

.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .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, .cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/styles/themes/dyna-brand-2026a-light.scss?ngGlobalStyle (3) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* primitive / white */
/* primitive / black */
/* primitive / color / blue */
/* primitive / color / brand */
/* primitive / color / dynatron */
/* primitive / color / fushia */
/* primitive / color / gray */
/* primitive / color / green */
/* primitive / color / orange */
/* primitive / color / red */
/* Font Size */
/* Font Weight */
/* Line Height */
/* Letter Spacing */
/* primitive / white */
/* primitive / black */
/* primitive / color / blue */
/* primitive / color / brand */
/* primitive / color / dynatron */
/* primitive / color / fushia */
/* primitive / color / gray */
/* primitive / color / green */
/* primitive / color / orange */
/* primitive / color / red */
/* Font Size */
/* Font Weight */
/* Line Height */
/* Letter Spacing */
.dyna-button > .k-button,
.dyna-button-menu > .k-button {
  text-transform: none;
  width: 100%;
}
.dyna-button > .k-button.k-button-md,
.dyna-button-menu > .k-button.k-button-md {
  min-height: 37px;
}
.dyna-button > .k-button:focus::before, .dyna-button > .k-button:hover::before, .dyna-button > .k-button:active::before, .dyna-button > .k-button:disabled::before,
.dyna-button-menu > .k-button:focus::before,
.dyna-button-menu > .k-button:hover::before,
.dyna-button-menu > .k-button:active::before,
.dyna-button-menu > .k-button:disabled::before {
  opacity: 0;
}
.dyna-button > .k-button:focus-visible,
.dyna-button-menu > .k-button:focus-visible {
  outline: 1px solid #2755f3;
  outline-offset: 2px;
}
.dyna-button > .k-button.dyna-button-icon,
.dyna-button-menu > .k-button.dyna-button-icon {
  min-height: 37px;
  padding-inline: 8px;
}
.dyna-button > .k-button .dyna-button-icon-left,
.dyna-button-menu > .k-button .dyna-button-icon-left {
  margin-right: 8px;
  font-size: 1rem;
}
.dyna-button > .k-button .dyna-button-icon-right,
.dyna-button-menu > .k-button .dyna-button-icon-right {
  margin-left: 8px;
  font-size: 1rem;
}
.dyna-button > .k-button .dyna-button-icon-center,
.dyna-button-menu > .k-button .dyna-button-icon-center {
  display: flex;
  font-size: 1rem;
  width: 1em;
  justify-content: center;
}
.dyna-button > .k-button.dyna-button-primary,
.dyna-button-menu > .k-button.dyna-button-primary {
  background-color: #2755f3;
  border-color: #2755f3;
  color: #fff;
}
.dyna-button > .k-button.dyna-button-primary:hover,
.dyna-button-menu > .k-button.dyna-button-primary:hover {
  background-color: #1e46d9;
  border-color: #1e46d9;
}
.dyna-button > .k-button.dyna-button-primary:active,
.dyna-button-menu > .k-button.dyna-button-primary:active {
  background-color: #193bb5;
  border-color: #193bb5;
}
.dyna-button > .k-button.dyna-button-primary:disabled,
.dyna-button-menu > .k-button.dyna-button-primary:disabled {
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  color: #9a9a9a;
}
.dyna-button > .k-button.dyna-button-secondary,
.dyna-button-menu > .k-button.dyna-button-secondary {
  background-color: #fff;
  border: 1px solid #2755f3;
  color: #2755f3;
}
.dyna-button > .k-button.dyna-button-secondary:hover,
.dyna-button-menu > .k-button.dyna-button-secondary:hover {
  background-color: #f4f7ff;
}
.dyna-button > .k-button.dyna-button-secondary:active,
.dyna-button-menu > .k-button.dyna-button-secondary:active {
  background-color: #e9eefe;
}
.dyna-button > .k-button.dyna-button-secondary:disabled,
.dyna-button-menu > .k-button.dyna-button-secondary:disabled {
  border-color: #b9b9b9;
  color: #9a9a9a;
}
.dyna-button > .k-button.dyna-button-destructive,
.dyna-button-menu > .k-button.dyna-button-destructive {
  background-color: #fff;
  border: 1px solid #a11815;
  color: #a11815;
}
.dyna-button > .k-button.dyna-button-destructive:hover,
.dyna-button-menu > .k-button.dyna-button-destructive:hover {
  background-color: #851411;
  border-color: #851411;
  color: #fff;
}
.dyna-button > .k-button.dyna-button-destructive:active,
.dyna-button-menu > .k-button.dyna-button-destructive:active {
  background-color: #6a100e;
}
.dyna-button > .k-button .k-button-text,
.dyna-button-menu > .k-button .k-button-text {
  display: inline-flex;
  align-items: center;
}
.dyna-button > .k-button.dyna-button-active,
.dyna-button-menu > .k-button.dyna-button-active {
  color: #2755f3;
  background-color: #f4f7ff;
  border-color: #2755f3;
}
.dyna-button > .k-button.dyna-button-active:hover,
.dyna-button-menu > .k-button.dyna-button-active:hover {
  background-color: #f4f7ff;
}
.dyna-button > .k-button.dyna-button-active:active,
.dyna-button-menu > .k-button.dyna-button-active:active {
  background-color: #e9eefe;
}
.dyna-button > .k-button.dyna-button-ghost,
.dyna-button-menu > .k-button.dyna-button-ghost {
  background-color: transparent;
  border: 1px solid transparent;
  color: #5b5b5b;
}
.dyna-button > .k-button.dyna-button-ghost:hover,
.dyna-button-menu > .k-button.dyna-button-ghost:hover {
  background-color: #e8e8e8;
  border-color: #8a8a8a;
}
.dyna-button > .k-button.dyna-button-ghost:active,
.dyna-button-menu > .k-button.dyna-button-ghost:active {
  background-color: #d8d8d8;
  border-color: #8a8a8a;
}
.dyna-button > .k-button.dyna-button-ghost:disabled,
.dyna-button-menu > .k-button.dyna-button-ghost:disabled {
  background-color: transparent;
  border-color: transparent;
  color: #9a9a9a;
}
.dyna-button > .k-button .dyna-button-loader,
.dyna-button-menu > .k-button .dyna-button-loader {
  padding-right: 8px;
  color: inherit;
}

.dyna-button-group.dyna-form-control-disabled, .dyna-button-group.dyna-form-control-readonly {
  opacity: unset;
}
.dyna-button-group .dyna-validation-messages {
  margin-top: 4px;
}
.dyna-button-group .k-button-group {
  border-radius: 8px;
  box-shadow: none;
  outline: 1px solid #b9b9b9;
}
.dyna-button-group .k-button-group > .k-button:first-child {
  border-radius: 8px 0 0 8px;
}
.dyna-button-group .k-button-group > .k-button:last-child {
  border-radius: 0 8px 8px 0;
}
.dyna-button-group .k-button {
  min-height: 37px;
  padding: 8px 16px;
  text-transform: none;
  color: #3c3c3c;
  background-color: #fff;
  border: none;
}
.dyna-button-group .k-button:hover, .dyna-button-group .k-button:focus-visible {
  background-color: #e8e8e8 !important;
}
.dyna-button-group .k-button.active {
  background-color: #2755f3 !important;
  color: #fff;
}
.dyna-button-group .k-button:before {
  background: none;
}
.dyna-button-group .k-button:active {
  color: #fff;
  background-color: #2755f3;
}

.dyna-popup-button-list.k-menu-popup {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #b9b9b9;
  border-radius: 4px;
}
.dyna-popup-button-list.k-menu-popup .k-menu-item > .k-menu-link {
  padding: 8px 16px;
  color: #3c3c3c;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.dyna-popup-button-list.k-menu-popup .k-menu-item > .k-menu-link:hover {
  background-color: #f7f7f7;
  color: #3c3c3c;
}
.dyna-popup-button-list.k-menu-popup .k-menu-item > .k-menu-link:active {
  color: #2755f3;
  background-color: #f4f7ff;
}

.button-reset {
  all: unset;
  display: inherit;
  width: 100%;
  cursor: pointer;
  pointer-events: auto;
}

.dyna-card {
  display: flex;
  outline: solid 1px #b9b9b9;
  background-color: #fff;
  border-radius: 4px;
}
.dyna-card-container {
  display: flex;
  padding: 16px;
  border-radius: 4px;
  flex-grow: 1;
}
.dyna-card-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  line-height: 1.5;
}
.dyna-card-prefix, .dyna-card-suffix {
  align-content: center;
}
.dyna-card-suffix:not(:empty) {
  padding-left: 16px;
}
.dyna-card-prefix:not(:empty) {
  padding-right: 16px;
}
.dyna-card-info {
  font-size: 0.875rem;
}
.dyna-card-info .dyna-card-title {
  font-weight: 700;
}
.dyna-card-info .dyna-card-detail {
  font-weight: 500;
}
.dyna-card-info-base {
  outline-color: #c8c8c8;
  background-color: #f7f7f7;
  color: #3c3c3c;
}
.dyna-card-info-warning {
  color: #946a03;
  background-color: #fffaf0;
  outline-color: #fcd675;
}
.dyna-card-info-brand {
  color: #2755f3;
  background-color: #f4f7ff;
  outline-color: #95b0fd;
}
.dyna-card-info-success {
  color: #368039;
  background-color: #f4faf4;
  outline-color: #b2dfb4;
}
.dyna-card-info-error {
  color: #a11815;
  background-color: #fdf2f1;
  outline-color: #ef8583;
}
.dyna-card-button .dyna-card-suffix {
  display: none;
  color: #3c3c3c;
}
.dyna-card-button:hover, .dyna-card-button:focus-within {
  background-color: #f7f7f7;
}
.dyna-card-button:hover .dyna-card-suffix, .dyna-card-button:focus-within .dyna-card-suffix {
  display: block;
}
.dyna-card-button .dyna-card-container:active {
  background-color: #e8e8e8;
}
.dyna-card-button {
  font-weight: 500;
}
.dyna-card-button .dyna-card-title {
  font-size: 1rem;
  color: #3c3c3c;
}
.dyna-card-button .dyna-card-detail {
  font-size: 0.75rem;
  padding-top: 8px;
  color: #6b6b6b;
}

.dyna-icon [class~="!k-color-neutral"] {
  color: #9a9a9a !important;
}
.dyna-icon [class~="!k-color-success"] {
  color: #70c374 !important;
}
.dyna-icon [class~="!k-color-warning"] {
  color: #fbba19 !important;
}
.dyna-icon [class~="!k-color-error"] {
  color: #e84f4b !important;
}
.dyna-icon [class~="!k-color-info"] {
  color: #2755f3 !important;
}

.dyna-badge kendo-badge.dyna-badge-number {
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border: none;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.dyna-badge kendo-badge.dyna-badge-inline {
  position: relative;
  z-index: inherit;
}
.dyna-badge kendo-badge:has(.dyna-badge-icon-left) {
  padding-left: 4px;
}
.dyna-badge kendo-badge:has(.dyna-badge-icon-right) {
  padding-right: 4px;
}
.dyna-badge kendo-badge .dyna-badge-icon-left {
  margin-right: 8px;
  font-size: 1rem;
}
.dyna-badge kendo-badge .dyna-badge-icon-right {
  margin-left: 8px;
  font-size: 1rem;
}
.dyna-badge kendo-badge .dyna-badge-text {
  font-weight: 500;
}
.dyna-badge kendo-badge.dyna-badge-success-solid {
  background-color: #368039;
  color: #f7f7f7;
  border-color: #368039;
}
.dyna-badge kendo-badge.dyna-badge-success-subtle {
  background-color: #def1df;
  color: #235425;
  border-color: #def1df;
}
.dyna-badge kendo-badge.dyna-badge-success-outline {
  background-color: transparent;
  color: #235425;
  border-color: #235425;
}
.dyna-badge kendo-badge.dyna-badge-brand-solid {
  background-color: #2755f3;
  color: #f7f7f7;
  border-color: #2755f3;
}
.dyna-badge kendo-badge.dyna-badge-brand-subtle {
  background-color: #e9eefe;
  color: #071133;
  border-color: #e9eefe;
}
.dyna-badge kendo-badge.dyna-badge-brand-outline {
  background-color: transparent;
  color: #071133;
  border-color: #071133;
}
.dyna-badge kendo-badge.dyna-badge-neutral-solid {
  background-color: #3c3c3c;
  color: #f7f7f7;
  border-color: #3c3c3c;
}
.dyna-badge kendo-badge.dyna-badge-neutral-subtle {
  background-color: #d8d8d8;
  color: #2c2c2c;
  border-color: #d8d8d8;
}
.dyna-badge kendo-badge.dyna-badge-neutral-outline {
  background-color: transparent;
  color: #2c2c2c;
  border-color: #2c2c2c;
}
.dyna-badge kendo-badge.dyna-badge-error-solid {
  background-color: #d9201c;
  color: #f7f7f7;
  border-color: #d9201c;
}
.dyna-badge kendo-badge.dyna-badge-error-subtle {
  background-color: #fad7d6;
  color: #6a100e;
  border-color: #fad7d6;
}
.dyna-badge kendo-badge.dyna-badge-error-outline {
  background-color: transparent;
  color: #6a100e;
  border-color: #6a100e;
}
.dyna-badge kendo-badge.dyna-badge-warning-solid {
  background-color: #946a03;
  color: #f7f7f7;
  border-color: #946a03;
}
.dyna-badge kendo-badge.dyna-badge-warning-subtle {
  background-color: #fee8b3;
  color: #563e02;
  border-color: #fee8b3;
}
.dyna-badge kendo-badge.dyna-badge-warning-outline {
  background-color: transparent;
  color: #563e02;
  border-color: #563e02;
}
.dyna-badge kendo-badge.dyna-badge-info-solid {
  background-color: #104f87;
  color: #f7f7f7;
  border-color: #104f87;
}
.dyna-badge kendo-badge.dyna-badge-info-subtle {
  background-color: #d5e9fa;
  color: #092e4f;
  border-color: #d5e9fa;
}
.dyna-badge kendo-badge.dyna-badge-info-outline {
  background-color: transparent;
  color: #092e4f;
  border-color: #092e4f;
}
.dyna-badge kendo-badge.dyna-badge-category-solid {
  background-color: #7d2096;
  color: #f7f7f7;
  border-color: #7d2096;
}
.dyna-badge kendo-badge.dyna-badge-category-subtle {
  background-color: #f1d9f7;
  color: #3d0f49;
  border-color: #f1d9f7;
}
.dyna-badge kendo-badge.dyna-badge-category-outline {
  background-color: transparent;
  color: #3d0f49;
  border-color: #3d0f49;
}

:root {
  --d-color-brand: #2755f3;
  --d-color-border: #b9b9b9;
  --d-color-border-old: #d8e0ec;
  --d-color-breadcrumbs-breadcrumb-bg-hover: #d4defd;
  --d-color-badge-bg-subtle: #d8d8d8;
  --d-color-badge-text-subtle: #2c2c2c;
  --d-color-badge-bg-solid: #3c3c3c;
  --d-color-badge-text-solid: #f7f7f7;
  --d-color-badge-text-outline: #2c2c2c;
  --d-color-badge-bg-success-subtle: #def1df;
  --d-color-badge-text-success-subtle: #235425;
  --d-color-badge-bg-success-solid: #368039;
  --d-color-badge-text-success-outline: #235425;
  --d-color-badge-bg-error-subtle: #fad7d6;
  --d-color-badge-text-error-subtle: #6a100e;
  --d-color-badge-bg-error-solid: #d9201c;
  --d-color-badge-text-error-outline: #6a100e;
  --d-color-badge-bg-warning-subtle: #fee8b3;
  --d-color-badge-text-warning-subtle: #563e02;
  --d-color-badge-bg-warning-solid: #946a03;
  --d-color-badge-text-warning-outline: #563e02;
  --d-color-badge-bg-info-subtle: #d5e9fa;
  --d-color-badge-text-info-subtle: #092e4f;
  --d-color-badge-bg-info-solid: #104f87;
  --d-color-badge-text-info-outline: #092e4f;
  --d-color-badge-bg-brand-subtle: #e9eefe;
  --d-color-badge-text-brand-subtle: #071133;
  --d-color-badge-bg-brand-solid: #2755f3;
  --d-color-badge-text-brand-outline: #071133;
  --d-color-badge-bg-category-subtle: #f1d9f7;
  --d-color-badge-text-category-subtle: #3d0f49;
  --d-color-badge-bg-category-solid: #7d2096;
  --d-color-badge-text-category-outline: #3d0f49;
  --d-color-btn-destructive-bg-pressed: #6a100e;
  --d-color-btn-destructive-bg-hover: #851411;
  --d-color-btn-destructive-text-hover: #fff;
  --d-color-btn-destructive-border: #a11815;
  --d-color-btn-ghost-text: #5b5b5b;
  --d-color-btn-ghost-border: #8a8a8a;
  --d-color-btn-ghost-bg-hover: #e8e8e8;
  --d-color-btn-ghost-bg-pressed: #d8d8d8;
  --d-color-btn-primary-bg: #2755f3;
  --d-color-button-primary-bg-hover: #1e46d9;
  --d-color-button-primary-bg-pressed: #193bb5;
  --d-color-btn-primary-bg-disabled: #e8e8e8;
  --d-color-btn-primary-text: #fff;
  --d-color-btn-primary-text-disabled: #9a9a9a;
  --d-color-btn-secondary-bg: #fff;
  --d-color-btn-secondary-bg-hover: #f4f7ff;
  --d-color-btn-secondary-bg-pressed: #e9eefe;
  --d-color-btn-secondary-text: #2755f3;
  --d-color-btn-secondary-text-active: #2755f3;
  --d-color-btn-secondary-bg-active: #f4f7ff;
  --d-color-btn-secondary-border: #2755f3;
  --d-color-btn-secondary-border-disabled: #b9b9b9;
  --d-color-btn-secondary-border-active: #2755f3;
  --d-color-btn-secondary-icon: #2755f3;
  --d-color-card-bg: #fff;
  --d-color-card-bg-hover: #f7f7f7;
  --d-color-card-bg-pressed: #e8e8e8;
  --d-color-card-complete-bg: #f7f7f7;
  --d-color-card-complete-bg-hover: #e8e8e8;
  --d-color-card-complete-bg-pressed: #d8d8d8;
  --d-color-card-border-hover: #2755f3;
  --d-color-context-bar-bg: #f7f7f7;
  --d-color-icon: #9a9a9a;
  --d-color-icon-warning: #fbba19;
  --d-color-icon-error: #e84f4b;
  --d-color-icon-success: #70c374;
  --d-color-icon-info: #2755f3;
  --d-color-info-card-bg: #f7f7f7;
  --d-color-info-card-bg-success: #f4faf4;
  --d-color-info-card-bg-warning: #fffaf0;
  --d-color-info-card-bg-info: #f4f7ff;
  --d-color-info-card-bg-error: #fdf2f1;
  --d-color-info-card-border: #c8c8c8;
  --d-color-info-card-border-success: #b2dfb4;
  --d-color-info-card-border-warning: #fcd675;
  --d-color-info-card-border-info: #95b0fd;
  --d-color-info-card-border-error: #ef8583;
  --d-color-info-card-title-bg: #fff;
  --d-color-modeswitch-modeswitch-bg: #c8c8c8;
  --d-color-modeswitch-modeswitch-bg-active: #fff;
  --d-color-modeswitch-modeswitch-icon: #9a9a9a;
  --d-color-modeswitch-modeswitch-icon-active: #2755f3;
  --d-color-navigation-nav-bg: #f7f7f7;
  --d-color-navigation-nav-border: #b9b9b9;
  --d-color-navigation-navitem-bg-default: #f7f7f7;
  --d-color-navigation-navitem-bg-hover: #e8e8e8;
  --d-color-navigation-navitem-bg-active: #e9eefe;
  --d-color-navigation-navitem-border-active: #2755f3;
  --d-color-navigation-navitem-chevron: #9a9a9a;
  --d-color-navigation-navitem-chevron-active: #2755f3;
  --d-color-navigation-navitem-text-default: #3c3c3c;
  --d-color-navigation-navitem-text-active: #2755f3;
  --d-color-navigation-navitem-lefticon: #3c3c3c;
  --d-color-navigation-navitem-lefticon-active: #2755f3;
  --d-color-navigation-navitem-righticon: #a9a9a9;
  --d-color-navigation-navitem-secondary-bg: #f7f7f7;
  --d-color-navigation-navitem-secondary-bg-hover: #f4f7ff;
  --d-color-navigation-navitem-secondary-bg-active: #e9eefe;
  --d-color-checkbox-bg-unchecked: #fff;
  --d-color-checkbox-bg-unchecked-hover: #e8e8e8;
  --d-color-checkbox-bg-checked: #2755f3;
  --d-color-checkbox-bg-checked-hover: #1e46d9;
  --d-color-checkbox-border-unchecked: #b9b9b9;
  --d-color-checkbox-border-unchecked-hover: #9a9a9a;
  --d-color-checkbox-icon-checked: #fff;
  --d-color-tab-bg: #e8e8e8;
  --d-color-tab-bg-active: #fff;
  --d-color-tab-bg-hover: #e8e8e8;
  --d-color-pill-tab-bg-inactive: #fff;
  --d-color-pill-tab-bg-active: #2755f3;
  --d-color-pill-tab-bg-hover: #e8e8e8;
  --d-color-pill-tab-border: #b9b9b9;
  --d-color-pill-tab-text-active: #fff;
  --d-color-radio-bg-unchecked: #fff;
  --d-color-radio-bg-unchecked-hover: #e8e8e8;
  --d-color-radio-bg-checked: #2755f3;
  --d-color-radio-bg-checked-hover: #1e46d9;
  --d-color-radio-border-unchecked: #b9b9b9;
  --d-color-radio-border-unchecked-hover: #9a9a9a;
  --d-color-switch-bg: #e8e8e8;
  --d-color-switch-handle-bg: #b9b9b9;
  --d-color-switch-bg-active: #e9eefe;
  --d-color-switch-handle-bg-active: #2755f3;
  --d-color-surface-app-bg: #f7f7f7;
  --d-color-surface-app-fg: #fff;
  --d-color-surface-app-skeleton: #e8e8e8;
  --d-color-tooltip-bg: #fff;
  --d-color-tooltip-text: #6b6b6b;
  --d-color-input-bg: #fff;
  --d-color-input-bg-hover: #f7f7f7;
  --d-color-input-bg-disabled: #e8e8e8;
  --d-color-input-bg-read-only: #f7f7f7;
  --d-color-input-bg-error: #fdf2f1;
  --d-color-input-bg-focus: #f4f7ff;
  --d-color-input-border: #b9b9b9;
  --d-color-input-border-hover: #9a9a9a;
  --d-color-input-border-disabled: #d8d8d8;
  --d-color-input-border-read-only: #b9b9b9;
  --d-color-input-border-error: #e84f4b;
  --d-color-input-text: #3c3c3c;
  --d-color-input-text-placeholder: #6b6b6b;
  --d-color-input-text-disabled: #9a9a9a;
  --d-color-input-text-read-only: #6b6b6b;
  --d-color-input-text-error: #a11815;
  --d-color-input-label: #4b4b4b;
  --d-color-input-label-disabled: #a9a9a9;
  --d-color-input-label-error: #a11815;
  --d-color-input-label-focus: #143092;
  --d-color-input-helper-text: #9a9a9a;
  --d-color-input-helper-text-error: #a11815;
  --d-color-input-shadow-error: #e84f4b;
  --d-color-text-editor-control: #f7f7f7;
  --d-color-text-editor-icon: #2c2c2c;
  --d-color-text-editor-icon-disabled: #b9b9b9;
  --d-color-text-editor-selected: #d8d8d8;
  --d-color-text-editor: #f7f7f7;
  --d-color-text-info: #2755f3;
  --d-color-text-link: #2755f3;
  --d-color-text-primary: #3c3c3c;
  --d-color-text-secondary: #6b6b6b;
  --d-color-text-tertiary: #8a8a8a;
  --d-color-text-on-brand: #f7f7f7;
  --d-color-text-success: #368039;
  --d-color-text-body-text: #3c3c3c;
  --d-color-text-error: #a11815;
  --d-color-text-warning: #946a03;
  --d-color-text-category: #7d2096;
  --d-color-topbar-topbar-bg: #f7f7f7;
  --d-color-userprofile-bg-hover: #e9eefe;
  --d-color-calendar-day-bg-hover: #f7f7f7;
  --d-color-calendar-day-border-active: #2755f3;
  --d-color-calendar-day-border-selected: #e84f4b;
  --d-color-calendar-day-bg-selected: rgba(232, 79, 75, 0.2);
  --d-color-calendar-day-bg-disabled: #f7f7f7;
  --d-color-calendar-day-text-holiday: #fff;
  --d-color-calendar-day-bg-holiday: #6b6b6b;
  --d-color-chip-bg: #e8e8e8;
  --d-color-chip-text: #3c3c3c;
  --d-color-chip-text-info: #092e4f;
  --d-color-chip-bg-info: #d4defd;
  --d-color-grouped-list-group-header-bg: #f7f7f7;
  --d-color-checkbox-card-bg: #fff;
  --d-color-checkbox-card-border: #b9b9b9;
  --d-color-checkbox-card-bg-hover: #f7f7f7;
  --d-color-checkbox-card-border-hover: #9a9a9a;
  --d-color-checkbox-card-bg-disabled: #e8e8e8;
  --d-color-checkbox-card-border-disabled: #d8d8d8;
  --d-color-checkbox-card-text-disabled: #9a9a9a;
  --d-color-checkbox-card-bg-active: #f4f7ff;
  --d-color-checkbox-card-border-active: #2755f3;
  --d-color-checkbox-card-bg-active-hover: #e9eefe;
  --d-color-checkbox-card-border-active-hover: #1e46d9;
  --d-color-checkbox-card-bg-active-disabled: #f4f7ff;
  --d-color-checkbox-card-border-active-disabled: #95b0fd;
  --d-color-checkbox-card-icon: #8a8a8a;
  --d-color-modal-bg: #fff;
  --d-color-modal-footer-bg: #f7f7f7;
  --d-color-grid-bg: #fff;
  --d-color-grid-border: #d8d8d8;
  --d-color-grid-header-bg: #f7f7f7;
  --d-color-grid-text: #2c2c2c;
  --d-color-grid-row-bg: #fff;
  --d-color-grid-row-hover-bg: #f7f7f7;
  --d-color-grid-text-link: #2755f3;
  --d-color-grid-row-selected-bg: #e9eefe;
  --d-color-grid-row-active-bg: #d4defd;
  --d-color-grid-cell-error-bg: #fad7d6;
  --d-color-grid-cell-warning-bg: #fee8b3;
  --d-color-grid-cell-success-bg: #def1df;
  --d-color-grid-cell-info-bg: #e9eefe;
  --d-color-grid-cell-disabled-bg: #d8d8d8;
  --d-color-grid-header-sorted-bg: #bfcffe;
  --d-color-grid-bg-empty: #e8e8e8;
  --d-color-grid-bg-alternate1: #fff;
  --d-color-grid-bg-alternate2: #fff;
  --d-color-stepper-bg: #e8e8e8;
  --d-color-stepper-active: #e8e8e8;
  --d-color-stepper-bg-active: #2755f3;
  --d-color-stepper-bg-hover: #1e46d9;
  --d-color-stepper-bg-complete: #def1df;
  --d-color-stepper-icon: #6b6b6b;
  --d-color-stepper-icon-active: #fff;
  --d-color-stepper-icon-complete: #70c374;
  --d-color-stepper-icon-connector-bg: #d8d8d8;
  --d-color-stepper-connector-bg-progress: #e9eefe;
  --d-color-stepper-connector-bg-complete: #c8e8c9;
  --d-color-stepper-bg-error: #fad7d6;
  --d-color-slider-bg: #f7f7f7;
  --d-color-slider-progress-bg: #2c2c2c;
}

.d-color-error {
  color: #a11815;
}
.d-color-primary {
  color: #3c3c3c;
}
.d-color-secondary {
  color: #6b6b6b;
}
.d-color-success {
  color: #368039;
}
.d-color-warning {
  color: #946a03;
}
.d-color-brand {
  color: #2755f3;
}
.d-color-info {
  color: #2755f3;
}
.d-color-link {
  color: #2755f3;
}
.d-icon-default {
  color: #9a9a9a;
}
.d-icon-warning {
  color: #fbba19;
}
.d-icon-success {
  color: #70c374;
}
.d-icon-error {
  color: #e84f4b;
}
.d-icon-info {
  color: #2755f3;
}
.d-surface-bg {
  background-color: #f7f7f7;
}
.d-surface-fg {
  background-color: #fff;
}
.d-brand-bg {
  background-color: #2755f3;
}
.d-navitem-bg {
  background-color: #f7f7f7;
}
.d-navitem-bg-hover {
  background-color: #e8e8e8;
}
.d-navitem-bg-active {
  background-color: #e9eefe;
}
.d-infocard-bg {
  background-color: #f7f7f7;
}
.d-grid-cols-auto-xs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  width: 100%;
}
.d-grid-cols-auto-sm {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  width: 100%;
}
.d-grid-cols-auto-md {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  width: 100%;
}
.d-grid-cols-auto-lg {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  width: 100%;
}
.d-grid-cols-auto-xl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  width: 100%;
}
.d-grid-cols-1 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
}
.d-grid-cols-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}
.d-grid-cols-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}
.d-grid-cols-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
}
.d-grid-cols-5 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
}
.d-grid-cols-6 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  width: 100%;
}
.d-grid-cols-7 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  width: 100%;
}
.d-grid-cols-8 {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  width: 100%;
}
.d-grid-cols-9 {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  width: 100%;
}
.d-grid-cols-10 {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  width: 100%;
}
.d-grid-cols-11 {
  display: grid;
  grid-template-columns: repeat(11, minmax(0, 1fr));
  width: 100%;
}
.d-grid-cols-12 {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  width: 100%;
}
.d-col-span-1 {
  grid-column: span 1/span 1;
}
.d-col-span-2 {
  grid-column: span 2/span 2;
}
.d-col-span-3 {
  grid-column: span 3/span 3;
}
.d-col-span-4 {
  grid-column: span 4/span 4;
}
.d-col-span-5 {
  grid-column: span 5/span 5;
}
.d-col-span-6 {
  grid-column: span 6/span 6;
}
.d-col-span-7 {
  grid-column: span 7/span 7;
}
.d-col-span-8 {
  grid-column: span 8/span 8;
}
.d-col-span-9 {
  grid-column: span 9/span 9;
}
.d-col-span-10 {
  grid-column: span 10/span 10;
}
.d-col-span-11 {
  grid-column: span 11/span 11;
}
.d-col-span-12 {
  grid-column: span 12/span 12;
}
.d-flex {
  display: flex;
}
.d-flex-row {
  display: flex;
  flex: 1;
}
.d-flex-col {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.d-flex-wrap {
  flex-wrap: wrap;
}
.d-flex-balance {
  flex-wrap: balance;
}
.d-align-items-end {
  align-items: flex-end;
}
.d-align-self-end {
  align-self: flex-end;
}
.d-place-self-end {
  place-self: flex-end;
}
.d-align-items-center {
  align-items: center;
}
.d-align-self-center {
  align-self: center;
}
.d-place-items-center {
  place-items: center;
}
.d-place-self-center {
  place-self: center;
}
.d-justify-space-between {
  justify-content: space-between;
}
.d-text-center {
  text-align: center;
}
.d-justify-end {
  justify-content: end;
}
.d-place-content-center {
  place-content: center;
}
.d-ws-nowrap {
  white-space: nowrap;
}
.d-w-full {
  width: 100%;
}
.d-w-25 {
  width: 25%;
}
.d-w-33 {
  width: 33.333%;
}
.d-w-50 {
  width: 50%;
}
.d-w-67 {
  width: 66.667%;
}
.d-w-75 {
  width: 75%;
}
.d-w-100 {
  width: 100%;
}
.d-w-sm {
  width: 240px;
}
.d-w-md {
  width: 360px;
}
.d-w-lg {
  width: 480px;
}
.d-p-0 {
  padding: 0;
}
.d-pr-0 {
  padding-right: 0;
}
.d-pl-0 {
  padding-left: 0;
}
.d-pt-0 {
  padding-top: 0;
}
.d-pb-0 {
  padding-bottom: 0;
}
.d-px-0 {
  padding-right: 0;
  padding-left: 0;
}
.d-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.d-gap-0 {
  gap: 0;
}
.d-col-gap-0 {
  column-gap: 0;
}
.d-row-gap-0 {
  row-gap: 0;
}
.d-m-0 {
  margin: 0;
}
.d-mt-0 {
  margin-top: 0;
}
.d-mr-0 {
  margin-right: 0;
}
.d-mb-0 {
  margin-bottom: 0;
}
.d-ml-0 {
  margin-left: 0;
}
.d-mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.d-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.d-p-1 {
  padding: 2px;
}
.d-pr-1 {
  padding-right: 2px;
}
.d-pl-1 {
  padding-left: 2px;
}
.d-pt-1 {
  padding-top: 2px;
}
.d-pb-1 {
  padding-bottom: 2px;
}
.d-px-1 {
  padding-right: 2px;
  padding-left: 2px;
}
.d-py-1 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.d-gap-1 {
  gap: 2px;
}
.d-col-gap-1 {
  column-gap: 2px;
}
.d-row-gap-1 {
  row-gap: 2px;
}
.d-m-1 {
  margin: 2px;
}
.d-mt-1 {
  margin-top: 2px;
}
.d-mr-1 {
  margin-right: 2px;
}
.d-mb-1 {
  margin-bottom: 2px;
}
.d-ml-1 {
  margin-left: 2px;
}
.d-mx-1 {
  margin-left: 2px;
  margin-right: 2px;
}
.d-my-1 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.d-p-2 {
  padding: 4px;
}
.d-pr-2 {
  padding-right: 4px;
}
.d-pl-2 {
  padding-left: 4px;
}
.d-pt-2 {
  padding-top: 4px;
}
.d-pb-2 {
  padding-bottom: 4px;
}
.d-px-2 {
  padding-right: 4px;
  padding-left: 4px;
}
.d-py-2 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.d-gap-2 {
  gap: 4px;
}
.d-col-gap-2 {
  column-gap: 4px;
}
.d-row-gap-2 {
  row-gap: 4px;
}
.d-m-2 {
  margin: 4px;
}
.d-mt-2 {
  margin-top: 4px;
}
.d-mr-2 {
  margin-right: 4px;
}
.d-mb-2 {
  margin-bottom: 4px;
}
.d-ml-2 {
  margin-left: 4px;
}
.d-mx-2 {
  margin-left: 4px;
  margin-right: 4px;
}
.d-my-2 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.d-p-3 {
  padding: 8px;
}
.d-pr-3 {
  padding-right: 8px;
}
.d-pl-3 {
  padding-left: 8px;
}
.d-pt-3 {
  padding-top: 8px;
}
.d-pb-3 {
  padding-bottom: 8px;
}
.d-px-3 {
  padding-right: 8px;
  padding-left: 8px;
}
.d-py-3 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.d-gap-3 {
  gap: 8px;
}
.d-col-gap-3 {
  column-gap: 8px;
}
.d-row-gap-3 {
  row-gap: 8px;
}
.d-m-3 {
  margin: 8px;
}
.d-mt-3 {
  margin-top: 8px;
}
.d-mr-3 {
  margin-right: 8px;
}
.d-mb-3 {
  margin-bottom: 8px;
}
.d-ml-3 {
  margin-left: 8px;
}
.d-mx-3 {
  margin-left: 8px;
  margin-right: 8px;
}
.d-my-3 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.d-p-4 {
  padding: 12px;
}
.d-pr-4 {
  padding-right: 12px;
}
.d-pl-4 {
  padding-left: 12px;
}
.d-pt-4 {
  padding-top: 12px;
}
.d-pb-4 {
  padding-bottom: 12px;
}
.d-px-4 {
  padding-right: 12px;
  padding-left: 12px;
}
.d-py-4 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.d-gap-4 {
  gap: 12px;
}
.d-col-gap-4 {
  column-gap: 12px;
}
.d-row-gap-4 {
  row-gap: 12px;
}
.d-m-4 {
  margin: 12px;
}
.d-mt-4 {
  margin-top: 12px;
}
.d-mr-4 {
  margin-right: 12px;
}
.d-mb-4 {
  margin-bottom: 12px;
}
.d-ml-4 {
  margin-left: 12px;
}
.d-mx-4 {
  margin-left: 12px;
  margin-right: 12px;
}
.d-my-4 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.d-p-5 {
  padding: 16px;
}
.d-pr-5 {
  padding-right: 16px;
}
.d-pl-5 {
  padding-left: 16px;
}
.d-pt-5 {
  padding-top: 16px;
}
.d-pb-5 {
  padding-bottom: 16px;
}
.d-px-5 {
  padding-right: 16px;
  padding-left: 16px;
}
.d-py-5 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.d-gap-5 {
  gap: 16px;
}
.d-col-gap-5 {
  column-gap: 16px;
}
.d-row-gap-5 {
  row-gap: 16px;
}
.d-m-5 {
  margin: 16px;
}
.d-mt-5 {
  margin-top: 16px;
}
.d-mr-5 {
  margin-right: 16px;
}
.d-mb-5 {
  margin-bottom: 16px;
}
.d-ml-5 {
  margin-left: 16px;
}
.d-mx-5 {
  margin-left: 16px;
  margin-right: 16px;
}
.d-my-5 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.d-p-6 {
  padding: 20px;
}
.d-pr-6 {
  padding-right: 20px;
}
.d-pl-6 {
  padding-left: 20px;
}
.d-pt-6 {
  padding-top: 20px;
}
.d-pb-6 {
  padding-bottom: 20px;
}
.d-px-6 {
  padding-right: 20px;
  padding-left: 20px;
}
.d-py-6 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.d-gap-6 {
  gap: 20px;
}
.d-col-gap-6 {
  column-gap: 20px;
}
.d-row-gap-6 {
  row-gap: 20px;
}
.d-m-6 {
  margin: 20px;
}
.d-mt-6 {
  margin-top: 20px;
}
.d-mr-6 {
  margin-right: 20px;
}
.d-mb-6 {
  margin-bottom: 20px;
}
.d-ml-6 {
  margin-left: 20px;
}
.d-mx-6 {
  margin-left: 20px;
  margin-right: 20px;
}
.d-my-6 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.d-p-7 {
  padding: 24px;
}
.d-pr-7 {
  padding-right: 24px;
}
.d-pl-7 {
  padding-left: 24px;
}
.d-pt-7 {
  padding-top: 24px;
}
.d-pb-7 {
  padding-bottom: 24px;
}
.d-px-7 {
  padding-right: 24px;
  padding-left: 24px;
}
.d-py-7 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.d-gap-7 {
  gap: 24px;
}
.d-col-gap-7 {
  column-gap: 24px;
}
.d-row-gap-7 {
  row-gap: 24px;
}
.d-m-7 {
  margin: 24px;
}
.d-mt-7 {
  margin-top: 24px;
}
.d-mr-7 {
  margin-right: 24px;
}
.d-mb-7 {
  margin-bottom: 24px;
}
.d-ml-7 {
  margin-left: 24px;
}
.d-mx-7 {
  margin-left: 24px;
  margin-right: 24px;
}
.d-my-7 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.d-p-8 {
  padding: 32px;
}
.d-pr-8 {
  padding-right: 32px;
}
.d-pl-8 {
  padding-left: 32px;
}
.d-pt-8 {
  padding-top: 32px;
}
.d-pb-8 {
  padding-bottom: 32px;
}
.d-px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.d-py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.d-gap-8 {
  gap: 32px;
}
.d-col-gap-8 {
  column-gap: 32px;
}
.d-row-gap-8 {
  row-gap: 32px;
}
.d-m-8 {
  margin: 32px;
}
.d-mt-8 {
  margin-top: 32px;
}
.d-mr-8 {
  margin-right: 32px;
}
.d-mb-8 {
  margin-bottom: 32px;
}
.d-ml-8 {
  margin-left: 32px;
}
.d-mx-8 {
  margin-left: 32px;
  margin-right: 32px;
}
.d-my-8 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.d-p-9 {
  padding: 40px;
}
.d-pr-9 {
  padding-right: 40px;
}
.d-pl-9 {
  padding-left: 40px;
}
.d-pt-9 {
  padding-top: 40px;
}
.d-pb-9 {
  padding-bottom: 40px;
}
.d-px-9 {
  padding-right: 40px;
  padding-left: 40px;
}
.d-py-9 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.d-gap-9 {
  gap: 40px;
}
.d-col-gap-9 {
  column-gap: 40px;
}
.d-row-gap-9 {
  row-gap: 40px;
}
.d-m-9 {
  margin: 40px;
}
.d-mt-9 {
  margin-top: 40px;
}
.d-mr-9 {
  margin-right: 40px;
}
.d-mb-9 {
  margin-bottom: 40px;
}
.d-ml-9 {
  margin-left: 40px;
}
.d-mx-9 {
  margin-left: 40px;
  margin-right: 40px;
}
.d-my-9 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.d-p-10 {
  padding: 48px;
}
.d-pr-10 {
  padding-right: 48px;
}
.d-pl-10 {
  padding-left: 48px;
}
.d-pt-10 {
  padding-top: 48px;
}
.d-pb-10 {
  padding-bottom: 48px;
}
.d-px-10 {
  padding-right: 48px;
  padding-left: 48px;
}
.d-py-10 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.d-gap-10 {
  gap: 48px;
}
.d-col-gap-10 {
  column-gap: 48px;
}
.d-row-gap-10 {
  row-gap: 48px;
}
.d-m-10 {
  margin: 48px;
}
.d-mt-10 {
  margin-top: 48px;
}
.d-mr-10 {
  margin-right: 48px;
}
.d-mb-10 {
  margin-bottom: 48px;
}
.d-ml-10 {
  margin-left: 48px;
}
.d-mx-10 {
  margin-left: 48px;
  margin-right: 48px;
}
.d-my-10 {
  margin-top: 48px;
  margin-bottom: 48px;
}
.d-p-11 {
  padding: 64px;
}
.d-pr-11 {
  padding-right: 64px;
}
.d-pl-11 {
  padding-left: 64px;
}
.d-pt-11 {
  padding-top: 64px;
}
.d-pb-11 {
  padding-bottom: 64px;
}
.d-px-11 {
  padding-right: 64px;
  padding-left: 64px;
}
.d-py-11 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.d-gap-11 {
  gap: 64px;
}
.d-col-gap-11 {
  column-gap: 64px;
}
.d-row-gap-11 {
  row-gap: 64px;
}
.d-m-11 {
  margin: 64px;
}
.d-mt-11 {
  margin-top: 64px;
}
.d-mr-11 {
  margin-right: 64px;
}
.d-mb-11 {
  margin-bottom: 64px;
}
.d-ml-11 {
  margin-left: 64px;
}
.d-mx-11 {
  margin-left: 64px;
  margin-right: 64px;
}
.d-my-11 {
  margin-top: 64px;
  margin-bottom: 64px;
}
.d-p-12 {
  padding: 80px;
}
.d-pr-12 {
  padding-right: 80px;
}
.d-pl-12 {
  padding-left: 80px;
}
.d-pt-12 {
  padding-top: 80px;
}
.d-pb-12 {
  padding-bottom: 80px;
}
.d-px-12 {
  padding-right: 80px;
  padding-left: 80px;
}
.d-py-12 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.d-gap-12 {
  gap: 80px;
}
.d-col-gap-12 {
  column-gap: 80px;
}
.d-row-gap-12 {
  row-gap: 80px;
}
.d-m-12 {
  margin: 80px;
}
.d-mt-12 {
  margin-top: 80px;
}
.d-mr-12 {
  margin-right: 80px;
}
.d-mb-12 {
  margin-bottom: 80px;
}
.d-ml-12 {
  margin-left: 80px;
}
.d-mx-12 {
  margin-left: 80px;
  margin-right: 80px;
}
.d-my-12 {
  margin-top: 80px;
  margin-bottom: 80px;
}
.d-p-13 {
  padding: 96px;
}
.d-pr-13 {
  padding-right: 96px;
}
.d-pl-13 {
  padding-left: 96px;
}
.d-pt-13 {
  padding-top: 96px;
}
.d-pb-13 {
  padding-bottom: 96px;
}
.d-px-13 {
  padding-right: 96px;
  padding-left: 96px;
}
.d-py-13 {
  padding-top: 96px;
  padding-bottom: 96px;
}
.d-gap-13 {
  gap: 96px;
}
.d-col-gap-13 {
  column-gap: 96px;
}
.d-row-gap-13 {
  row-gap: 96px;
}
.d-m-13 {
  margin: 96px;
}
.d-mt-13 {
  margin-top: 96px;
}
.d-mr-13 {
  margin-right: 96px;
}
.d-mb-13 {
  margin-bottom: 96px;
}
.d-ml-13 {
  margin-left: 96px;
}
.d-mx-13 {
  margin-left: 96px;
  margin-right: 96px;
}
.d-my-13 {
  margin-top: 96px;
  margin-bottom: 96px;
}
.d-m-auto {
  margin: auto;
}
.d-mt-auto {
  margin-top: auto;
}
.d-mr-auto {
  margin-right: auto;
}
.d-mb-auto {
  margin-bottom: auto;
}
.d-ml-auto {
  margin-left: auto;
}
.d-mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.d-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.d-br-none {
  border-radius: 0;
}
.d-br-sm {
  border-radius: 2px;
}
.d-br-md {
  border-radius: 4px;
}
.d-br-lg {
  border-radius: 8px;
}
.d-br-full {
  border-radius: 9999px;
}
.d-border {
  border: 1px solid #b9b9b9;
}
.d-border-bot {
  border-bottom: 1px solid #b9b9b9;
}
.d-border-top {
  border-top: 1px solid #b9b9b9;
}
.d-border-left {
  border-left: 1px solid #b9b9b9;
}
.d-border-right {
  border-right: 1px solid #b9b9b9;
}
.d-outline {
  outline: 1px solid #b9b9b9;
}
.d-cursor-pointer {
  cursor: pointer;
}
.d-cursor-not-allowed {
  cursor: not-allowed;
}
.d-font-normal {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: unset;
  line-height: 1.5rem;
}
.d-font-numeric {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: unset;
  line-height: 1.3125rem;
}
.d-font-small {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: unset;
  line-height: 1.3125rem;
}
.d-font-helper {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: unset;
  line-height: 1.125rem;
}
.d-font-heading-xs {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  letter-spacing: -0.01px;
  line-height: 1.2;
}
.d-font-heading-sm {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: -0.01px;
  line-height: 1.2rem;
}
.d-font-heading-md {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: -0.01px;
  line-height: 1.8rem;
}
.d-font-heading-lg {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: -0.01px;
  line-height: 2.4rem;
}
.d-font-nav-active {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  letter-spacing: unset;
  line-height: unset;
}
.d-font-nav {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: unset;
  line-height: unset;
}
.d-font-size-xxl {
  font-size: 2.5rem;
}
.d-font-size-xl {
  font-size: 2rem;
}
.d-font-size-lg {
  font-size: 1.5rem;
}
.d-font-size-reg {
  font-size: 1rem;
}
.d-font-size-sm {
  font-size: 0.875rem;
}
.d-font-size-xs {
  font-size: 0.75rem;
}
.d-font-weight-normal {
  font-weight: 400;
}
.d-font-weight-medium {
  font-weight: 500;
}
.d-font-weight-bold {
  font-weight: 700;
}

.d-page-container {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.d-page-container .d-page-body {
  background-color: #fff;
  border-radius: 8px;
  padding: 16px 12px 12px 12px;
  display: flex;
  flex-direction: column;
}
.d-page-container .d-page-toolbar {
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 4px 4px 16px;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 1rem;
  min-height: 30px;
}
.d-page-container .d-page-toolbar .d-page-toolbar-actions {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  gap: 8px;
  padding-left: 24px;
}

.dyna-dialog .k-window,
.dyna-dialog .k-window-content {
  background-color: #fff;
}
.dyna-dialog .k-window-content,
.dyna-dialog .k-dialog-actions {
  padding: 12px;
}
.dyna-dialog .k-window-titlebar {
  padding: 16px 24px;
}

@media (max-width: 768px) {
  .k-dialog-wrapper > .k-dialog {
    width: 100vw !important;
    height: 100dvh !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    max-height: 100dvh !important;
    border-radius: 0;
  }
  .k-dialog-wrapper > .k-dialog > .k-dialog-content {
    max-height: none !important;
  }
}
.dyna-switch {
  display: flex;
  align-items: center;
}
.dyna-switch .dyna-switch-text {
  display: flex;
  flex-direction: column;
  padding-left: 8px;
}
.dyna-switch .dyna-switch-text .dyna-hint-text {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: unset;
  line-height: 1.125rem;
}
.dyna-switch .dyna-switch-text .dyna-switch-label {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: unset;
  line-height: 1.3125rem;
}
.dyna-switch .dyna-switch-text .dyna-hint-text {
  position: relative;
  color: #6b6b6b;
}
.dyna-switch .dyna-switch-text .dyna-switch-label {
  color: #3c3c3c;
}
.dyna-switch .k-switch {
  margin-right: 3px;
}
.dyna-switch .k-switch.k-switch-on .k-switch-thumb::before, .dyna-switch .k-switch.k-switch-off .k-switch-thumb::before {
  display: none;
}
.dyna-switch .k-switch.k-switch-off .k-switch-thumb {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}
.dyna-switch .k-switch.k-switch-on .k-switch-thumb {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 0 1px 0 rgba(0, 0, 0, 0.12);
}
.dyna-switch .k-switch.k-switch-on:focus-visible::before, .dyna-switch .k-switch.k-switch-off:focus-visible::before {
  content: "";
  position: absolute;
  inset: -5px -4px;
  border-radius: 1px;
  border: solid 1px rgba(78, 170, 193, 0.4);
  pointer-events: none;
  z-index: -1;
}

.dyna-scheduler {
  background-color: #fff;
  display: block;
}
.dyna-scheduler .schedule-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.dyna-scheduler .schedule-header h2 {
  margin: 0px;
  font-family: Roboto;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.01px;
}
.dyna-scheduler {
  /* Weekday headers */
}
.dyna-scheduler .schedule-weekday-headers {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 16px;
}
.dyna-scheduler .schedule-weekday-header {
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  font-size: 0.875rem;
  text-align: center;
  color: #3c3c3c;
  background-color: #f7f7f7;
  border-radius: 4px;
}
.dyna-scheduler .k-scheduler {
  border: 0;
  margin-inline: -16px;
  background-color: transparent;
}
.dyna-scheduler .k-scheduler .k-scheduler-head,
.dyna-scheduler .k-scheduler .k-scheduler-header,
.dyna-scheduler .k-scheduler .k-scheduler-toolbar {
  display: none;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-header {
  display: none;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-table {
  border-collapse: separate;
  border-spacing: 16px;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-table .k-scheduler-cell {
  border: 1px solid #b9b9b9;
  border-radius: 4px;
  text-align: start;
  padding: 0px;
  cursor: pointer;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-table .k-scheduler-cell .day-slot-container {
  display: flex;
  flex-direction: column;
  min-height: 90px;
  padding: 12px;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: inherit;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-table .k-scheduler-cell .day-slot-container .day-slot-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-table .k-scheduler-cell .day-slot-container .day-slot-header .k-nav-day {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-table .k-scheduler-cell .day-slot-container .day-slot-header .day-edit-icon {
  opacity: 0;
  color: #9a9a9a;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-table .k-scheduler-cell .day-slot-container .slot-events {
  flex: 1;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-table .k-scheduler-cell .day-slot-container .slot-events .custom-event {
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: inherit;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-table .k-scheduler-cell:not(.k-other-month):hover {
  background-color: #f7f7f7;
  color: #3c3c3c;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-table .k-scheduler-cell:not(.k-other-month):hover .day-slot-container .day-edit-icon {
  opacity: 1;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-table .k-other-month {
  background-color: #f7f7f7;
  border: none;
  cursor: not-allowed;
  pointer-events: none;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-table .k-current-day {
  border: 1px solid #2755f3;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-table .k-selected-day {
  border: 2px solid #e84f4b;
  background-color: rgba(232, 79, 75, 0.2);
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-table :not(.custom-event).dealer-closed {
  background-color: #6b6b6b;
  color: #fff;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-body .k-event {
  display: none !important;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-body .k-more-events {
  display: none !important;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-body .k-scheduler-content .k-event {
  background-color: transparent;
  box-shadow: none;
  padding: 0px;
}
.dyna-scheduler .k-scheduler .k-scheduler-monthview .k-scheduler-body .k-scheduler-content .k-event .k-event-template {
  padding: 4px 12px;
  border-radius: 4px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  cursor: pointer;
}

kendo-calendar-viewlist .k-content {
  background-color: #fff;
}

.dyna-input .dyna-textbox-prefix-container:not(:empty) {
  padding: 8px 0 8px 8px;
}
.dyna-input .dyna-textbox-suffix-container:not(:empty) {
  padding: 8px 8px 8px 0;
}
.dyna-input #inputSearchIcon {
  padding: 0 0 0 8px;
  color: #6b6b6b;
}
.dyna-input #inputSearchIcon.focused {
  color: #143092;
}
.dyna-input-fill {
  color: #3c3c3c;
  border-color: #b9b9b9;
  background-color: #fff;
  font-weight: 500;
}
.dyna-input-fill.k-input, .dyna-input-fill.k-picker {
  font-weight: 500;
  box-shadow: 0 0 0 3px transparent;
}
.dyna-input-fill input::placeholder,
.dyna-input-fill textarea::placeholder, .dyna-input-fill.placeholder {
  font-weight: 400;
  color: #6b6b6b;
}
.dyna-input-fill:hover {
  background-color: #f7f7f7;
  border-color: #9a9a9a;
}
.dyna-input-fill:focus-within:not([aria-expanded=true]) {
  box-shadow: 0 0 0 3px #2755f3;
  background-color: #f4f7ff;
}
.dyna-input-fill button.k-input-button {
  border: none;
  padding: 8px;
}
.dyna-input-fill button.k-input-button kendo-svgicon.k-button-icon {
  min-width: 16px;
  min-height: 16px;
}
.dyna-input-fill.k-datepicker .k-input-button {
  padding: 8px 8px 8px;
}
.dyna-input-fill.k-input .k-input-button, .dyna-input-fill.k-picker .k-input-button {
  color: #2755f3;
}
.dyna-input-fill .k-button-overlay, .dyna-input-fill .k-button::before {
  background: none;
}
.dyna-input-label {
  color: #4b4b4b;
}
.dyna-input-label label {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: unset;
  line-height: 1.3125rem;
}
.dyna-input-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.dyna-input-label.focused {
  color: #143092;
}
.dyna-input .dyna-input-helper {
  position: relative;
  display: flex;
  gap: 8px;
}
.dyna-input .dyna-input-helper .dyna-hint-text {
  color: #9a9a9a;
  margin-top: 4px;
}
.dyna-input .dyna-input-helper .dyna-validation-messages {
  margin-top: 4px;
}
.dyna-input.dyna-form-control-invalid .dyna-input-fill.k-input .k-input-button, .dyna-input.dyna-form-control-invalid .dyna-input-fill.k-picker .k-input-button {
  color: #a11815;
}
.dyna-input.dyna-form-control-invalid .dyna-input-label {
  color: #a11815;
}
.dyna-input.dyna-form-control-invalid #inputSearchIcon {
  color: #a11815;
}
.dyna-input.dyna-form-control-invalid #inputSearchIcon.focused {
  color: #a11815;
}
.dyna-input.dyna-form-control-invalid .dyna-input-fill,
.dyna-input.dyna-form-control-invalid .dyna-input-fill:focus-within,
.dyna-input.dyna-form-control-invalid .dyna-input-fill:hover {
  color: #a11815;
  border-color: #e84f4b;
  background-color: #fdf2f1;
}
.dyna-input.dyna-form-control-invalid .dyna-input-fill:focus-within {
  box-shadow: 0 0 0 3px #e84f4b;
}
.dyna-input.dyna-textarea {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.dyna-input.dyna-form-control-disabled {
  opacity: unset;
}
.dyna-input.dyna-form-control-disabled input {
  cursor: not-allowed;
  pointer-events: all;
}
.dyna-input.dyna-form-control-disabled .dyna-input-label {
  color: #a9a9a9;
}
.dyna-input.dyna-form-control-disabled .dyna-input-fill {
  color: #9a9a9a;
  border-color: #d8d8d8;
  background-color: #e8e8e8;
}
.dyna-input.dyna-form-control-readonly {
  opacity: unset;
}
.dyna-input.dyna-form-control-readonly input {
  cursor: text;
  pointer-events: all;
}
.dyna-input.dyna-form-control-readonly .dyna-input-fill {
  color: #6b6b6b;
  border-color: #b9b9b9;
  background-color: #f7f7f7;
  box-shadow: 0 0 0 3px transparent;
}
.dyna-input.dyna-form-control-readonly .dyna-input-label.focused {
  color: #4b4b4b;
}
.dyna-input.dyna-multiselect .k-input-values {
  flex-flow: nowrap;
}
.dyna-input.dyna-multiselect .k-chip {
  background-color: #e8e8e8;
  border: none;
  outline: none;
}
.dyna-input.dyna-multiselect .k-chip .k-svg-icon {
  color: #6b6b6b;
}
.dyna-input .dyna-character-count {
  margin-left: auto;
  text-align: right;
}

@media (max-width: 768px) {
  .dyna-input-fill.k-input,
  .dyna-input-fill.k-picker {
    font-size: 1rem;
  }
  input:not([type=checkbox],
  [type=radio],
  [type=range],
  [type=color],
  [type=file],
  [type=button],
  [type=submit],
  [type=reset],
  [type=image],
  [type=hidden]),
  textarea,
  select,
  [contenteditable]:not([contenteditable=false]) {
    font-size: 1rem !important;
  }
}
.dyna-options-placeholder {
  font-weight: 400;
  color: #6b6b6b;
}

.dyna-popup-list {
  margin-top: 4px !important;
}

.k-popup,
kendo-popup .k-popup,
.dyna-popup-list {
  background-color: #fff;
  padding-block: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #b9b9b9;
  border-radius: 4px;
}
.k-popup .k-list-item, .k-popup .k-list-optionlabel,
kendo-popup .k-popup .k-list-item,
.dyna-popup-list .k-list-item,
.dyna-popup-list .k-list-optionlabel {
  background-color: #fff;
  padding: 8px 16px;
  color: #3c3c3c;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  border: 2px solid transparent;
}
.k-popup .k-list-item .k-checkbox, .k-popup .k-list-optionlabel .k-checkbox,
kendo-popup .k-popup .k-list-item .k-checkbox,
.dyna-popup-list .k-list-item .k-checkbox,
.dyna-popup-list .k-list-optionlabel .k-checkbox {
  border-radius: 2px;
}
.k-popup .k-list-item .k-checkbox:checked, .k-popup .k-list-optionlabel .k-checkbox:checked,
kendo-popup .k-popup .k-list-item .k-checkbox:checked,
.dyna-popup-list .k-list-item .k-checkbox:checked,
.dyna-popup-list .k-list-optionlabel .k-checkbox:checked {
  border-width: 0;
}
.k-popup .k-list-item:hover, .k-popup .k-list-optionlabel:hover,
kendo-popup .k-popup .k-list-item:hover,
.dyna-popup-list .k-list-item:hover,
.dyna-popup-list .k-list-optionlabel:hover {
  background-color: #f7f7f7;
  color: #3c3c3c;
}
.k-popup .k-list-item.k-focus, .k-popup .k-focus.k-list-optionlabel,
kendo-popup .k-popup .k-list-item.k-focus,
.dyna-popup-list .k-list-item.k-focus,
.dyna-popup-list .k-focus.k-list-optionlabel {
  border: 2px solid #2755f3;
}
.k-popup .k-list-item.k-selected, .k-popup .k-selected.k-list-optionlabel, .k-popup .k-list-item:has(input:checked), .k-popup .k-list-optionlabel:has(input:checked),
kendo-popup .k-popup .k-list-item.k-selected,
kendo-popup .k-popup .k-list-item:has(input:checked),
.dyna-popup-list .k-list-item.k-selected,
.dyna-popup-list .k-selected.k-list-optionlabel,
.dyna-popup-list .k-list-item:has(input:checked),
.dyna-popup-list .k-list-optionlabel:has(input:checked) {
  color: #2755f3;
  background-color: #f4f7ff;
}
.k-popup .k-list-item.k-selected:hover, .k-popup .k-selected.k-list-optionlabel:hover, .k-popup .k-list-item:has(input:checked):hover, .k-popup .k-list-optionlabel:has(input:checked):hover,
kendo-popup .k-popup .k-list-item.k-selected:hover,
kendo-popup .k-popup .k-list-item:has(input:checked):hover,
.dyna-popup-list .k-list-item.k-selected:hover,
.dyna-popup-list .k-selected.k-list-optionlabel:hover,
.dyna-popup-list .k-list-item:has(input:checked):hover,
.dyna-popup-list .k-list-optionlabel:has(input:checked):hover {
  color: #2755f3;
}
.k-popup:has(.k-list-filter),
kendo-popup .k-popup:has(.k-list-filter),
.dyna-popup-list:has(.k-list-filter) {
  padding-top: 0;
}
.k-popup .k-list-filter,
kendo-popup .k-popup .k-list-filter,
.dyna-popup-list .k-list-filter {
  padding: 8px 16px;
}
.k-popup .k-list-filter .k-searchbox,
kendo-popup .k-popup .k-list-filter .k-searchbox,
.dyna-popup-list .k-list-filter .k-searchbox {
  border-color: #b9b9b9;
}
.k-popup .k-no-data:has(.hide-multiselect-no-data-template), .k-popup .k-nodata:has(.hide-multiselect-no-data-template),
kendo-popup .k-popup .k-no-data:has(.hide-multiselect-no-data-template),
.dyna-popup-list .k-no-data:has(.hide-multiselect-no-data-template),
.dyna-popup-list .k-nodata:has(.hide-multiselect-no-data-template) {
  display: none;
}
.k-popup .k-no-data:has(.select-custom-option-template), .k-popup .k-nodata:has(.select-custom-option-template),
kendo-popup .k-popup .k-no-data:has(.select-custom-option-template),
.dyna-popup-list .k-no-data:has(.select-custom-option-template),
.dyna-popup-list .k-nodata:has(.select-custom-option-template) {
  min-height: 0;
  justify-content: flex-start;
}
.k-popup .select-custom-option-template,
kendo-popup .k-popup .select-custom-option-template,
.dyna-popup-list .select-custom-option-template {
  flex-grow: 1;
}
.k-popup ::-webkit-scrollbar,
kendo-popup .k-popup ::-webkit-scrollbar,
.dyna-popup-list ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #fff;
}
.k-popup ::-webkit-scrollbar-track,
kendo-popup .k-popup ::-webkit-scrollbar-track,
.dyna-popup-list ::-webkit-scrollbar-track {
  background: #e8e8e8;
  border-radius: 10px;
}
.k-popup ::-webkit-scrollbar-thumb,
kendo-popup .k-popup ::-webkit-scrollbar-thumb,
.dyna-popup-list ::-webkit-scrollbar-thumb {
  background: #b9b9b9;
  border-radius: 10px;
}
.k-popup ::-webkit-scrollbar-thumb:hover,
kendo-popup .k-popup ::-webkit-scrollbar-thumb:hover,
.dyna-popup-list ::-webkit-scrollbar-thumb:hover {
  background: #6b6b6b;
}

.k-actionsheet-container .k-adaptive-actionsheet.k-actionsheet-fullscreen {
  height: 80vh !important;
  max-height: 80vh !important;
  border-start-start-radius: 8px;
  border-start-end-radius: 8px;
}

.k-actionsheet-actions {
  display: none;
}

.k-child-animation-container:has(> .k-adaptive-actionsheet.k-actionsheet-fullscreen) {
  height: 80vh;
  max-height: 80vh !important;
}

.k-adaptive-actionsheet > .k-actionsheet-view {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  min-height: 0;
}
.k-adaptive-actionsheet .k-actionsheet-content {
  min-height: 0;
}

.dyna-tab-group {
  width: 100%;
}
.dyna-tab-group .k-tabstrip {
  border-width: 0;
}
.dyna-tab-group .k-tabstrip-items-wrapper {
  border-width: 0;
}
.dyna-tab-group .k-tabstrip-items {
  gap: 4px;
}
.dyna-tab-group .k-tabstrip-item {
  font-size: 0.875rem;
  line-height: normal;
  color: #6b6b6b;
  background-color: #e8e8e8;
  border-radius: 8px 8px 0 0;
}
.dyna-tab-group .k-tabstrip-item:hover, .dyna-tab-group .k-tabstrip-item.k-hover {
  color: #3c3c3c;
  background-color: #e8e8e8;
}
.dyna-tab-group .k-tabstrip-item.k-active, .dyna-tab-group .k-tabstrip-item.k-selected {
  color: #3c3c3c;
  background-color: #fff;
}
.dyna-tab-group .k-tabstrip-item.k-disabled, .dyna-tab-group .k-tabstrip-item[disabled] {
  color: inherit;
  opacity: 0.38;
}
.dyna-tab-group .k-tabstrip-item:focus-visible {
  box-shadow: 0 0 0 3px #2755f3;
  outline: none;
}
.dyna-tab-group .k-tabstrip-item::after {
  display: none;
}
.dyna-tab-group .k-tabstrip-item > .k-link {
  padding-block: 12px;
  padding-inline: 20px;
  text-transform: none;
}
.dyna-tab-group .k-tabstrip-content {
  background-color: #fff;
  border-radius: 8px;
  border-top-left-radius: 0;
}

.dyna-checkbox-group .dyna-checkbox-group-label > .dyna-label {
  display: block;
  padding-bottom: 4px;
  font-size: 1rem;
  font-weight: 500;
}
.dyna-checkbox-group .dyna-checkbox-select-all {
  font-weight: 700;
  font-size: 1rem;
}
.dyna-checkbox-group-container {
  display: flex;
  gap: 12px;
}
.dyna-checkbox-group-container.column {
  flex-direction: column;
}
.dyna-checkbox-group .dyna-validation-messages {
  margin-top: 4px;
}

.dyna-checkbox-container {
  display: flex;
  flex-direction: column;
}
.dyna-checkbox .dyna-checkbox-input-container {
  display: flex;
  align-items: center;
  line-height: 21px;
}
.dyna-checkbox .dyna-checkbox-input-container input:checked,
.dyna-checkbox .dyna-checkbox-input-container input:indeterminate {
  border-width: 0;
}
.dyna-checkbox .dyna-checkbox-input-container input:checked:hover,
.dyna-checkbox .dyna-checkbox-input-container input:indeterminate:hover {
  background-color: #1e46d9;
}
.dyna-checkbox .dyna-checkbox-input-container input:focus-visible {
  outline: 1px solid #2755f3;
  outline-offset: 1px;
}
.dyna-checkbox .k-rounded-md {
  border-radius: 2px;
}
.dyna-checkbox .k-checkbox:disabled {
  opacity: unset;
  filter: unset;
}
.dyna-checkbox .dyna-checkbox-label {
  margin-left: 4px;
}
.dyna-checkbox .dyna-checkbox-label label {
  cursor: pointer;
}
.dyna-checkbox .dyna-checkbox-validation {
  margin-left: 20px;
}

.dyna-radio-button-container {
  display: flex;
  align-items: center;
  line-height: 21px;
}
.dyna-radio-button-container input:focus-visible {
  background-color: #e8e8e8;
  border-color: #9a9a9a;
}
.dyna-radio-button-container input:checked:focus-visible,
.dyna-radio-button-container input:checked:hover {
  border-color: #1e46d9;
  background-color: #fff;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><circle cx='50%' cy='50%' r='4' fill='%231e46d9'/></svg>");
}
.dyna-radio-button-container .k-radio:disabled {
  opacity: unset;
  filter: unset;
}
.dyna-radio-button-container .dyna-radio-label {
  margin-left: 4px;
}
.dyna-radio-button-container .dyna-radio-label label {
  cursor: pointer;
}

.dyna-radio-group-container {
  display: flex;
  gap: 12px;
}
.dyna-radio-group-container.column {
  flex-direction: column;
}

.dyna-label {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: unset;
  line-height: 1.3125rem;
}

.dyna-label {
  color: #3c3c3c;
}

.dyna-validation-messages, .dyna-hint-text {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: unset;
  line-height: 1.125rem;
}

.dyna-validation-messages {
  color: #a11815;
}

.dyna-form-control-hidden {
  display: none;
}

.dyna-form-control-readonly,
.dyna-form-control-disabled {
  opacity: 0.38;
  pointer-events: none;
  cursor: default;
}
.dyna-form-control-readonly > .k-disabled,
.dyna-form-control-disabled > .k-disabled {
  opacity: unset;
  filter: unset;
}

.dyna-multiselect-caret {
  cursor: pointer;
  background: transparent;
}

.dyna-richtext-editor kendo-toolbar {
  background-color: #fff;
  box-shadow: none;
}
.dyna-richtext-editor .k-editor-content {
  outline: 1px solid #b9b9b9;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 20px 22px 12px 12px;
}
.dyna-richtext-editor kendo-editor {
  font-size: 1rem;
  color: #3c3c3c;
  line-height: 24px;
  background-color: #fff;
  border-radius: 4px;
  outline: 1px solid #b9b9b9;
}
.dyna-richtext-editor kendo-toolbar kendo-colorpicker,
.dyna-richtext-editor kendo-toolbar kendo-dropdownlist,
.dyna-richtext-editor kendo-toolbar .k-button {
  background-color: #f7f7f7 !important;
  border-color: transparent !important;
}
.dyna-richtext-editor kendo-toolbar kendo-colorpicker.k-selected,
.dyna-richtext-editor kendo-toolbar kendo-dropdownlist.k-selected,
.dyna-richtext-editor kendo-toolbar .k-button.k-selected {
  background-color: #d8d8d8 !important;
}
.dyna-richtext-editor kendo-toolbar kendo-colorpicker.k-selected::before,
.dyna-richtext-editor kendo-toolbar kendo-dropdownlist.k-selected::before,
.dyna-richtext-editor kendo-toolbar .k-button.k-selected::before {
  opacity: 0;
}
.dyna-richtext-editor kendo-toolbar kendo-dropdownlist,
.dyna-richtext-editor kendo-toolbar kendo-colorpicker {
  border-radius: 4px !important;
}
.dyna-richtext-editor kendo-toolbar kendo-dropdownlist .k-input-md .k-input-inner,
.dyna-richtext-editor kendo-toolbar kendo-dropdownlist .k-picker-md .k-input-inner,
.dyna-richtext-editor kendo-toolbar kendo-colorpicker .k-input-md .k-input-inner,
.dyna-richtext-editor kendo-toolbar kendo-colorpicker .k-picker-md .k-input-inner {
  padding-block: 8px;
  padding-inline: 16px;
}
.dyna-richtext-editor kendo-toolbar .k-svg-icon > svg {
  fill: #2c2c2c;
}
.dyna-richtext-editor kendo-toolbar .k-disabled .k-svg-icon > svg {
  fill: #b9b9b9;
}
.dyna-richtext-editor.dyna-form-control-readonly kendo-editor {
  opacity: unset;
  cursor: text;
  color: #6b6b6b;
  border-color: #b9b9b9;
  background-color: #f7f7f7;
}
.dyna-richtext-editor.dyna-form-control-readonly kendo-toolbar {
  display: none;
}
.dyna-richtext-editor.dyna-form-control-disabled kendo-editor {
  opacity: unset;
  color: #9a9a9a;
  border-color: #d8d8d8;
  background-color: #e8e8e8;
}
.dyna-richtext-editor.dyna-form-control-disabled kendo-toolbar {
  display: none;
}
.dyna-richtext-editor.dyna-form-control-invalid kendo-editor {
  border-color: #e84f4b;
}

.k-toolbar-popup .k-menu-item {
  background-color: #fff;
  padding: 8px 16px !important;
  color: #3c3c3c !important;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  border: 2px solid transparent;
}
.k-toolbar-popup .k-menu-item:hover {
  background-color: #f7f7f7;
  color: #3c3c3c;
}
.k-toolbar-popup .k-menu-item:focus {
  border: 2px solid #2755f3;
}
.k-toolbar-popup .k-menu-item .k-menu-link {
  padding: 0 !important;
}
.k-toolbar-popup .k-menu-item .k-icon-wrapper-host {
  color: #3c3c3c;
}
.k-toolbar-popup .k-menu-item > .k-link:hover,
.k-toolbar-popup .k-menu-item > .k-link:active {
  background-color: transparent !important;
}
.k-toolbar-popup .k-menu-item > .k-link.k-selected,
.k-toolbar-popup .k-menu-item > .k-link:active {
  color: #2755f3 !important;
}

.dyna-chip {
  font-size: 12px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 2px;
  max-height: fit-content;
  background-color: #e8e8e8;
  color: #3c3c3c;
}
.dyna-chip-info {
  color: #092e4f;
  background-color: #d4defd;
}

.k-notification {
  animation: toastSlideIn 300ms ease-out;
}

.k-notification:has(.dyna-toast.dismissing) {
  animation: toastFadeOut 300ms ease-out forwards !important;
}

@keyframes toastSlideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes toastFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
kendo-notification-container > .k-notification-group {
  margin: 0 12px 60px 0;
  gap: 12px;
  flex-direction: column;
}

.k-notification:has(.dyna-toast) {
  background-color: #fff;
  padding: 0;
  border: 1px solid #c8c8c8;
  border-radius: 8px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05);
}

.dyna-toast .toast-content {
  width: 400px;
  display: flex;
  flex-direction: column;
  padding: 16px 14px 18px 12px;
}
.dyna-toast .toast-header {
  display: flex;
  gap: 12px;
}
.dyna-toast .toast-description {
  display: flex;
  padding-left: 44px;
  padding-right: 14px;
  color: #6b6b6b;
  line-height: 1.5;
  font-size: 1rem;
}
.dyna-toast .toast-links {
  display: flex;
  gap: 8px;
  padding-left: 44px;
  padding-right: 14px;
}
.dyna-toast .toast-links a {
  color: #2755f3;
  text-decoration: none;
  cursor: pointer;
  font-weight: 500;
}
.dyna-toast .toast-links a:hover {
  text-decoration: underline;
}
.dyna-toast .toast-actions {
  display: flex;
  gap: 8px;
  padding-left: 44px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 14px;
}
.dyna-toast .toast-title {
  color: #3c3c3c;
  line-height: 1.5;
  font-weight: 700;
  font-size: 1rem;
  display: flex;
  flex-grow: 1;
  align-self: center;
}
.dyna-toast .toast-icon-wrapper {
  padding: 6px;
}
.dyna-toast .toast-status-icon kendo-svg-icon {
  border-radius: 50%;
}
.dyna-toast .toast-close {
  cursor: pointer;
  margin-left: 36px;
}
.dyna-toast .k-svg-i-check-circle-solid {
  box-shadow: 0 0 0 6px #def1df;
}
.dyna-toast .k-svg-i-info-circle-solid {
  box-shadow: 0 0 0 6px #d5e9fa;
}
.dyna-toast .k-svg-i-warning-circle-solid {
  box-shadow: 0 0 0 6px #fee8b3;
}
.dyna-toast .k-svg-i-error-circle-solid {
  box-shadow: 0 0 0 6px #fad7d6;
}
.dyna-toast .toast-progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}
.dyna-toast .toast-progress-fill {
  height: 100%;
  width: 100%;
  transform-origin: left;
  transition: transform 100ms linear;
  border-bottom-left-radius: 8px;
}

.k-notification-success .toast-progress-bar {
  background: #def1df;
}
.k-notification-success .toast-progress-fill {
  background: #70c374;
}
.k-notification-info .toast-progress-bar {
  background: #d5e9fa;
}
.k-notification-info .toast-progress-fill {
  background: #2755f3;
}
.k-notification-warning .toast-progress-bar {
  background: #fee8b3;
}
.k-notification-warning .toast-progress-fill {
  background: #fbba19;
}
.k-notification-error .toast-progress-bar {
  background: #fad7d6;
}
.k-notification-error .toast-progress-fill {
  background: #e84f4b;
}

.dyna-sortable-list {
  border-right: 1px solid #b9b9b9;
}
.dyna-sortable-list .dyna-sortable-list-clear-all {
  color: #2755f3;
  font-family: Roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}
.dyna-sortable-list .dyna-sortable-list-subheader-hint {
  font-family: Roboto, sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3125rem;
  letter-spacing: normal;
}
.dyna-sortable-list .dyna-sortable-list-title {
  font-size: 20px;
  font-weight: 700;
}
.dyna-sortable-list .dyna-sortable-list-header {
  padding: 16px;
}
.dyna-sortable-list .dyna-sortable-list-subheader {
  padding: 4px 16px;
}
.dyna-sortable-list .dyna-sortable-list-item .dyna-card-container {
  padding: 8px;
  align-items: center;
}
.dyna-sortable-list .dyna-sortable-list-item:hover:not(.dyna-sortable-list-item--dragging):not(.dyna-sortable-list-item--disabled) {
  background: #f7f7f7;
  cursor: grab;
}
.dyna-sortable-list .dyna-sortable-list-item.dyna-sortable-list-item--dragging {
  width: 465.5px;
  border-radius: 2;
  border: 1px solid #b9b9b9;
  opacity: 0.28;
  background: #f7f7f7;
  box-shadow: none;
  cursor: grabbing;
}
.dyna-sortable-list .dyna-sortable-list-remove-button:hover .k-svg-icon svg {
  color: #851411;
}
.dyna-sortable-list .dyna-sortable-list-empty-state-primary,
.dyna-sortable-list .dyna-sortable-list-empty-state-secondary {
  color: #6b6b6b;
  font-family: Roboto, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
}
.dyna-sortable-list .dyna-sortable-list-item-select .k-multiselect {
  width: max-content;
  min-width: 66px;
  height: 37px;
  border-radius: 8px;
}
.dyna-sortable-list .dyna-sortable-list-item-select .k-input-values {
  padding-right: 0px;
}
.dyna-sortable-list .dyna-sortable-list-item-select .k-multiselect:has(.k-chip) .k-input-inner {
  flex: 0;
  width: 0;
  min-width: 0;
  padding: 0;
  overflow: hidden;
}
.dyna-sortable-list .dyna-sortable-list-item-select .k-input-inner {
  pointer-events: none;
  caret-color: transparent;
}
.dyna-sortable-list .dyna-sortable-list-item-select .k-chip {
  background-color: transparent;
}

.dyna-sortable-list-select-header {
  display: flex;
  padding: 4px 16px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  color: #6b6b6b;
  font-family: Roboto, sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: normal;
  background-color: #fff;
}

.dyna-grouped-list .dyna-grouped-list-title {
  color: #3c3c3c;
}
.dyna-grouped-list .dyna-grouped-list-group-header {
  background-color: #f7f7f7;
  color: #3c3c3c;
}

.dyna-checkbox-card {
  background-color: #fff;
  border-color: #b9b9b9;
  color: #3c3c3c;
}
.dyna-checkbox-card:not(.dyna-checkbox-card--disabled):hover {
  background-color: #f7f7f7;
  border-color: #9a9a9a;
}
.dyna-checkbox-card.dyna-checkbox-card--disabled {
  background-color: #e8e8e8;
  border-color: #d8d8d8;
  color: #9a9a9a;
}
.dyna-checkbox-card.dyna-checkbox-card--active {
  background-color: #f4f7ff;
  border-color: #2755f3;
}
.dyna-checkbox-card.dyna-checkbox-card--active:not(.dyna-checkbox-card--disabled):hover {
  background-color: #e9eefe;
  border-color: #1e46d9;
}
.dyna-checkbox-card.dyna-checkbox-card--active.dyna-checkbox-card--disabled {
  background-color: #f4f7ff;
  border-color: #95b0fd;
}
.dyna-checkbox-card:not(.dyna-checkbox-card--disabled):focus-visible {
  outline-color: #2755f3;
}
.dyna-checkbox-card .k-checkbox:disabled {
  opacity: unset;
  filter: unset;
}
.dyna-checkbox-card .k-rounded-md {
  border-radius: 2px;
}
.dyna-checkbox-card .dyna-checkbox-card-checkbox:checked,
.dyna-checkbox-card .dyna-checkbox-card-checkbox:indeterminate {
  border-width: 0;
}
.dyna-checkbox-card .dyna-checkbox-card-checkbox:checked:hover,
.dyna-checkbox-card .dyna-checkbox-card-checkbox:indeterminate:hover {
  background-color: #1e46d9;
}
.dyna-checkbox-card .dyna-checkbox-card-icon {
  color: #8a8a8a;
}
.dyna-checkbox-card .dyna-checkbox-card-label {
  font-weight: 500;
}

.dyna-radio-card {
  background-color: #fff;
  border-color: #b9b9b9;
  color: #3c3c3c;
}
.dyna-radio-card:not(.dyna-radio-card--disabled):hover {
  background-color: #f7f7f7;
  border-color: #9a9a9a;
}
.dyna-radio-card.dyna-radio-card--disabled {
  background-color: #e8e8e8;
  border-color: #d8d8d8;
  color: #9a9a9a;
}
.dyna-radio-card.dyna-radio-card--active {
  background-color: #f4f7ff;
  border-color: #2755f3;
}
.dyna-radio-card.dyna-radio-card--active:not(.dyna-radio-card--disabled):hover {
  background-color: #e9eefe;
  border-color: #1e46d9;
}
.dyna-radio-card.dyna-radio-card--active.dyna-radio-card--disabled {
  background-color: #f4f7ff;
  border-color: #95b0fd;
}
.dyna-radio-card:not(.dyna-radio-card--disabled):focus-visible {
  outline-color: #2755f3;
}
.dyna-radio-card .dyna-radio-card-indicator {
  background-color: #fff;
  border-color: #b9b9b9;
}
.dyna-radio-card.dyna-radio-card--active .dyna-radio-card-indicator {
  border-color: #2755f3;
}
.dyna-radio-card.dyna-radio-card--active .dyna-radio-card-indicator::after {
  background-color: #2755f3;
}
.dyna-radio-card .dyna-radio-card-label {
  font-weight: 500;
  color: #3c3c3c;
}
.dyna-radio-card .dyna-radio-card-detail {
  color: #6b6b6b;
}
.dyna-radio-card.dyna-radio-card--active .dyna-radio-card-detail {
  color: #3c3c3c;
}

.dyna-paginated-list {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding-bottom: 2px;
  overflow: hidden;
}
.dyna-paginated-list__search {
  flex-shrink: 0;
  margin-bottom: 8px;
  padding: 2px;
}
.dyna-paginated-list__loading {
  padding: 16px;
  color: #8a8a8a;
}
.dyna-paginated-list__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 24px;
  color: #a11815;
}
.dyna-paginated-list__list {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  outline: solid 1px #b9b9b9;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-left: 1px;
  margin-right: 1px;
}
.dyna-paginated-list__list:has(+ .dyna-paginated-list__pager) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dyna-paginated-list__select-all {
  flex-shrink: 0;
  padding: 8px;
  border-bottom: 1px solid #b9b9b9;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
}
.dyna-paginated-list__select-all dyna-checkbox {
  pointer-events: none;
}
.dyna-paginated-list__select-all dyna-checkbox .dyna-checkbox-input-container {
  gap: 8px;
}
.dyna-paginated-list__items {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.dyna-paginated-list__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 0 8px;
  padding-top: 8px;
  padding-bottom: 4px;
  cursor: pointer;
}
.dyna-paginated-list__item:hover {
  background-color: #f7f7f7;
}
.dyna-paginated-list__item dyna-checkbox {
  margin-top: 2px;
  pointer-events: none;
  flex-shrink: 0;
  display: inline-flex;
}
.dyna-paginated-list__item--navigable dyna-checkbox {
  pointer-events: all;
}
.dyna-paginated-list__item-content {
  flex: 1;
  min-width: 0;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.dyna-paginated-list__item-content-title {
  font-family: Roboto;
  color: #3c3c3c;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3125rem;
}
.dyna-paginated-list__item-content-description {
  font-family: Roboto;
  color: #6b6b6b;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
}
.dyna-paginated-list__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  color: #8a8a8a;
  font-style: italic;
}

.dyna-tree-list__back-row {
  background-color: #f7f7f7;
  border-bottom: 1px solid #b9b9b9;
}
.dyna-tree-list__back-row span {
  color: #3c3c3c;
  font-weight: 500;
  font-size: 1rem;
}

.dyna-sidenav {
  --dyna-sidenav-width: 200px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: var(--dyna-sidenav-width);
  min-width: var(--dyna-sidenav-width);
  height: 100%;
  padding-bottom: 4px;
  overflow: hidden;
  background-color: #f7f7f7;
  border-right: 1px solid #b9b9b9;
  color: #3c3c3c;
  transition: width 0.2s ease, min-width 0.2s ease;
}

.d-nav-logo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 16px 48px 8px 8px;
  overflow: hidden;
}
.d-nav-logo [dyna-sidenav-logo],
.d-nav-logo [dyna-sidenav-logo-collapsed] {
  display: flex;
  align-items: center;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  object-fit: contain;
}
.d-nav-logo [dyna-sidenav-logo] {
  flex: 1 1 auto;
  background-position: left center;
  object-position: left center;
}
.d-nav-logo [dyna-sidenav-logo-collapsed] {
  flex: 0 0 32px;
  background-position: center;
}

.d-nav-logo-full,
.d-nav-footer-full {
  display: contents;
}

.d-nav-logo-collapsed,
.d-nav-footer-collapsed {
  display: none;
}

.d-nav-scroll {
  flex: 1 1 0;
  min-height: 0;
  margin-top: 24px;
  overflow-x: hidden;
  overflow-y: auto;
  mask-image: linear-gradient(to bottom, #000 calc(100% - 24px), transparent);
}

.d-nav-scroll:has(.d-nav-item) {
  min-height: 32px;
}

.d-nav-pinned {
  flex: 0 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-x: hidden;
  overflow-y: auto;
}

.d-nav-scroll::-webkit-scrollbar,
.d-nav-pinned::-webkit-scrollbar {
  width: 5px;
}
.d-nav-scroll::-webkit-scrollbar-track,
.d-nav-pinned::-webkit-scrollbar-track {
  background: transparent;
}
.d-nav-scroll::-webkit-scrollbar-thumb,
.d-nav-pinned::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  background-color: #b9b9b9;
}
.d-nav-scroll::-webkit-scrollbar-button,
.d-nav-pinned::-webkit-scrollbar-button {
  display: none;
}

@supports not selector(::-webkit-scrollbar) {
  .d-nav-scroll,
  .d-nav-pinned {
    scrollbar-width: thin;
    scrollbar-color: #b9b9b9 transparent;
  }
}
.d-nav-footer:has(> * > *) {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  min-height: 44px;
  margin-top: 24px;
  padding: 0 8px;
}

.d-nav-list {
  list-style: none;
  margin: 0;
  padding: 0 8px;
}

.d-nav-row {
  position: relative;
  display: flex;
  align-items: center;
}

.d-nav-link {
  flex: 1 1 auto;
  min-width: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 4px;
  background: none;
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.d-nav-link:focus-visible {
  outline: 1px solid #2755f3;
  outline-offset: -2px;
}

.d-nav-link-static {
  cursor: default;
}

.d-nav-link:disabled,
.d-nav-link[aria-disabled=true] {
  cursor: not-allowed;
}

.d-nav-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.d-nav-badge {
  flex: 0 0 auto;
  display: inline-flex;
}

.d-nav-icon {
  flex: 0 0 12px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #3c3c3c;
}

.d-nav-dot-slot {
  flex: 0 0 12px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.d-nav-dot {
  width: 4px;
  height: 4px;
  border-radius: 9999px;
  opacity: 0;
  background-color: #2755f3;
}

.d-nav-caret,
.d-nav-icon-end {
  flex: 0 0 auto;
  display: inline-flex;
}

.d-nav-caret {
  color: #9a9a9a;
}

.d-nav-icon-end {
  color: #a9a9a9;
}

.d-nav-heading {
  display: flex;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 4px;
  padding: 0 8px;
  font-size: 0.75rem;
  color: #6b6b6b;
}

.d-nav-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.2s ease;
}

.d-nav-panel-inner {
  overflow: hidden;
  min-height: 0;
}

.d-nav-item-open > .d-nav-panel {
  grid-template-rows: 1fr;
}

.dyna-sidenav .d-nav-link {
  min-height: 32px;
  padding: 8px;
  background-color: #f7f7f7;
  color: #3c3c3c;
}
.dyna-sidenav .d-nav-link:hover:not(:disabled):not([aria-disabled=true]):not(.d-nav-link-static) {
  background-color: #e8e8e8;
}
.dyna-sidenav .d-nav-item-active > .d-nav-row > .d-nav-link {
  background-color: #e9eefe;
  color: #2755f3;
}
.dyna-sidenav .d-nav-item-active > .d-nav-row > .d-nav-link .d-nav-icon {
  color: #2755f3;
}
.dyna-sidenav .d-nav-item-active > .d-nav-row > .d-nav-link .d-nav-caret {
  color: #2755f3;
}
.dyna-sidenav .d-nav-list-1 > .d-nav-item-active > .d-nav-row::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  width: 2px;
  border-radius: 0 4px 4px 0;
  background-color: #2755f3;
}
.dyna-sidenav .d-nav-list-1 > .d-nav-item > .d-nav-row > .d-nav-link {
  font-size: 0.875rem;
}
.dyna-sidenav .d-nav-list-1 > .d-nav-item-active > .d-nav-row > .d-nav-link {
  font-weight: 700;
}
.dyna-sidenav .d-nav-list-2 {
  padding: 8px 0;
  background-color: #f7f7f7;
}
.dyna-sidenav .d-nav-list-2 .d-nav-link {
  background-color: #f7f7f7;
}
.dyna-sidenav .d-nav-list-2 .d-nav-link:hover:not(:disabled):not([aria-disabled=true]) {
  background-color: #f4f7ff;
}

.d-nav-list-2 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.d-nav-list-2 .d-nav-link {
  min-height: 22px;
  padding: 4px 8px;
}
.d-nav-list-2 .d-nav-label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  white-space: normal;
  overflow: hidden;
}
.d-nav-list-2 .d-nav-item-active > .d-nav-row > .d-nav-link {
  background-color: #e9eefe;
  color: #2755f3;
  font-weight: 700;
}
.d-nav-list-2 .d-nav-item-active > .d-nav-row .d-nav-dot {
  opacity: 1;
}

.d-nav-list-2 .d-nav-link {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: unset;
  line-height: 1.125rem;
}

.dyna-sidenav-flyout {
  box-sizing: border-box;
  width: 200px;
  padding: 8px 0;
  overflow: hidden;
  border: 1px solid #b9b9b9;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.0588235294);
  color: #3c3c3c;
}
.dyna-sidenav-flyout .d-nav-list-2 {
  padding: 8px;
}
.dyna-sidenav-flyout .d-nav-list-2 .d-nav-link {
  line-height: normal;
}
.dyna-sidenav-flyout .d-nav-heading:first-child {
  margin-top: 0;
}
.dyna-sidenav-flyout .d-nav-link {
  color: #3c3c3c;
}
.dyna-sidenav-flyout .d-nav-link:hover {
  background-color: #f4f7ff;
}

.d-nav-flyout-title {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: unset;
  line-height: 1.125rem;
}

.d-nav-flyout-title {
  margin: 0;
  padding: 0 8px;
  font-weight: 700;
  line-height: normal;
  color: #3c3c3c;
}

.dyna-sidenav.d-nav-collapsed {
  --dyna-sidenav-width: 64px;
}
.dyna-sidenav.d-nav-collapsed .d-nav-label,
.dyna-sidenav.d-nav-collapsed .d-nav-heading,
.dyna-sidenav.d-nav-collapsed .d-nav-caret,
.dyna-sidenav.d-nav-collapsed .d-nav-icon-end,
.dyna-sidenav.d-nav-collapsed .d-nav-badge {
  display: none;
}
.dyna-sidenav.d-nav-collapsed .d-nav-link {
  justify-content: center;
  gap: 0;
  padding: 0;
}
.dyna-sidenav.d-nav-collapsed .d-nav-icon {
  flex: 0 0 24px;
  height: 24px;
}
.dyna-sidenav.d-nav-collapsed .d-nav-item-active > .d-nav-row > .d-nav-link .d-nav-icon {
  background-color: #e9eefe;
}
.dyna-sidenav.d-nav-collapsed .d-nav-logo {
  justify-content: center;
  padding: 16px 0 8px;
}
.dyna-sidenav.d-nav-collapsed .d-nav-logo-full,
.dyna-sidenav.d-nav-collapsed .d-nav-footer-full {
  display: none;
}
.dyna-sidenav.d-nav-collapsed .d-nav-logo-collapsed,
.dyna-sidenav.d-nav-collapsed .d-nav-footer-collapsed {
  display: contents;
}
.dyna-sidenav.d-nav-collapsed .d-nav-footer {
  justify-content: center;
  padding: 0;
}

.dyna-user-menu {
  flex: 1 1 0;
  min-width: 0;
}

.dyna-user-menu-trigger {
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
}
.dyna-user-menu-trigger:hover {
  background-color: #e9eefe;
}
.dyna-user-menu-trigger:focus-visible {
  outline: 1px solid #2755f3;
  outline-offset: -2px;
}

.dyna-user-menu-avatar {
  flex: 0 0 24px;
  height: 24px;
  justify-content: center;
  background-color: #2755f3;
  color: #f7f7f7;
}

.dyna-user-menu-identity {
  flex: 1 1 auto;
  min-width: 0;
}

.dyna-user-menu-name,
.dyna-user-menu-email {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dyna-user-menu-more {
  flex: 0 0 auto;
  display: inline-flex;
  color: #a9a9a9;
}

.dyna-user-menu-collapsed .dyna-user-menu-trigger {
  justify-content: center;
  gap: 0;
  padding: 0;
  background-color: unset;
}

.dyna-user-menu-panel {
  box-sizing: border-box;
  min-width: 200px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.0588235294);
}

.dyna-user-menu-item {
  box-sizing: border-box;
  width: 100%;
  padding: 4px 8px;
  border: 0;
  background: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.dyna-user-menu-item:hover {
  background-color: #f4f7ff;
}
.dyna-user-menu-item:focus-visible {
  outline: 1px solid #2755f3;
  outline-offset: -2px;
}

:root {
  --dyna-sidenav-drawer-width: 250px;
}

.dyna-sidenav.d-nav-mobile {
  --dyna-sidenav-width: 250px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  height: auto;
  overscroll-behavior: contain;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
}
.dyna-sidenav.d-nav-mobile.d-nav-drawer-open {
  transform: translateX(0);
}
.dyna-sidenav.d-nav-mobile .d-nav-list-1 > .d-nav-item > .d-nav-row > .d-nav-link {
  font-size: 1.25rem;
}
.dyna-sidenav.d-nav-mobile .d-nav-list-2 .d-nav-link {
  font-size: 1rem;
  line-height: normal;
}
.dyna-sidenav.d-nav-mobile .d-nav-scroll {
  mask-image: linear-gradient(to bottom, #000 calc(100% - 12px), transparent);
}
.dyna-sidenav.d-nav-mobile .d-nav-icon {
  flex: 0 0 16px;
  height: 16px;
}
.dyna-sidenav.d-nav-mobile .dyna-user-menu-avatar {
  flex: 0 0 32px;
  height: 32px;
}
.dyna-sidenav.d-nav-mobile .dyna-user-menu-identity {
  font-size: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .dyna-sidenav.d-nav-mobile {
    transition: none;
  }
}
dyna-button.dyna-flyout-trigger-button > .k-button.dyna-button-secondary {
  background-color: #fff;
  border-color: #b9b9b9;
  color: #3c3c3c;
}
dyna-button.dyna-flyout-trigger-button > .k-button.dyna-button-secondary .dyna-button-icon-right {
  color: #2755f3 !important;
}

.dyna-date-range-flyout-header {
  justify-content: space-between;
}
.dyna-date-range-flyout-header .dyna-date-range-flyout-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dyna-date-range-flyout-body {
  display: flex;
  align-items: stretch;
  padding: 0;
}
.dyna-date-range-flyout-body.dyna-flyout-content {
  overflow-y: hidden;
}
.dyna-date-range-flyout-body .dyna-date-range-flyout-section-title {
  margin: 0 0 12px;
  color: #3c3c3c;
}
.dyna-date-range-flyout-body .dyna-date-range-flyout-current {
  flex: 1 1 0;
  padding: 16px;
}
.dyna-date-range-flyout-body .dyna-date-range-flyout-current.has-ranges {
  border-right: 1px solid #b9b9b9;
}
.dyna-date-range-flyout-body .dyna-date-range-flyout-ranges {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
  padding: 16px;
}
.dyna-date-range-flyout-body .dyna-date-range-flyout-pickers {
  display: flex;
  gap: 12px;
}
@media (max-width: 768px) {
  .dyna-date-range-flyout-body {
    flex-direction: column;
  }
  .dyna-date-range-flyout-body.dyna-flyout-content {
    overflow-y: auto;
  }
  .dyna-date-range-flyout-body .dyna-date-range-flyout-current {
    flex: 0 0 auto;
  }
  .dyna-date-range-flyout-body .dyna-date-range-flyout-current.has-ranges {
    border-right: none;
    border-bottom: 1px solid #b9b9b9;
  }
  .dyna-date-range-flyout-body .dyna-date-range-flyout-ranges {
    flex: 0 0 auto;
    overflow-y: visible;
  }
  .dyna-date-range-flyout-body .dyna-date-range-flyout-pickers > * {
    flex: 1 1 0;
    min-width: 0;
  }
}

.dyna-date-range-flyout-section-title {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: -0.01px;
  line-height: 1.2rem;
}

.dyna-date-range-flyout-preset-label {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: unset;
  line-height: 1.3125rem;
}

.dyna-date-range-flyout-preset-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dyna-date-range-flyout-preset-card {
  display: flex;
  align-items: center;
  padding: 12px;
  border: 1px solid #b9b9b9;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
}
.dyna-date-range-flyout-preset-card .dyna-date-range-flyout-preset-label {
  margin-left: 8px;
  color: #3c3c3c;
}
.dyna-date-range-flyout-preset-card:has(input:focus-visible) {
  outline: 2px solid #2755f3;
  outline-offset: -2px;
}
.dyna-date-range-flyout-preset-card:hover {
  background-color: #f7f7f7;
}
.dyna-date-range-flyout-preset-card.selected {
  border-color: #2755f3;
  background-color: #f4f7ff;
}

.dyna-flyout-backdrop {
  background: rgba(0, 0, 0, 0.5);
}

.dyna-flyout-pane {
  max-width: 100vw;
}

.dyna-flyout-container {
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 100vw;
  background: #fff;
  box-shadow: -4px 0 16px 0 rgba(0, 0, 0, 0.12);
  transform: translateX(100%);
  transition: transform 0.3s ease;
}
.dyna-flyout-container.dyna-flyout-open {
  transform: translateX(0);
}
.dyna-flyout-container.dyna-flyout-closing {
  transform: translateX(100%);
}

.dyna-flyout-focus-trap {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}
.dyna-flyout-focus-trap > * {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}

.dyna-flyout-title {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  margin: 0;
  color: #3c3c3c;
  border-bottom: 1px solid #b9b9b9;
}

.dyna-flyout-title {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: -0.01px;
  line-height: 1.2rem;
}

.dyna-flyout-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 20px;
  color: #3c3c3c;
}

.dyna-flyout-content {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: unset;
  line-height: 1.5rem;
}

.dyna-flyout-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 20px;
  border-top: 1px solid #b9b9b9;
}

@media (prefers-reduced-motion: reduce) {
  .dyna-flyout-container {
    transition: none;
  }
}
@keyframes dyna-skeleton-pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.dyna-skeleton {
  color: transparent !important;
}
.dyna-skeleton * {
  visibility: hidden !important;
}
.dyna-skeleton {
  border-radius: 4px;
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: #e8e8e8 !important;
  animation: dyna-skeleton-pulse 1.5s ease-in-out 0.5s infinite;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.dyna-skeleton.dyna-skeleton-pill {
  border-radius: 9999px;
}
.dyna-skeleton.dyna-skeleton-circle {
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.dyna-skeleton.dyna-skeleton-text-lg, .dyna-skeleton.dyna-skeleton-text, .dyna-skeleton.dyna-skeleton-text-sm {
  width: fit-content;
  max-width: 100%;
  border-radius: 9999px;
}
.dyna-skeleton.dyna-skeleton-text-lg {
  height: 1.5rem;
  margin-block: calc((1.5rem - 1.5rem) / 2);
}
.dyna-skeleton.dyna-skeleton-text {
  height: 1rem;
  margin-block: calc((1.3125rem - 1rem) / 2);
}
.dyna-skeleton.dyna-skeleton-text-sm {
  height: 0.75rem;
  margin-block: calc((1.125rem - 0.75rem) / 2);
}

.dyna-skeleton-loader dyna-badge:not(.dyna-skeleton-ignore) kendo-badge {
  color: transparent !important;
}
.dyna-skeleton-loader dyna-badge:not(.dyna-skeleton-ignore) kendo-badge * {
  visibility: hidden !important;
}
.dyna-skeleton-loader dyna-badge:not(.dyna-skeleton-ignore) kendo-badge {
  border-radius: 4px;
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: #e8e8e8 !important;
  animation: dyna-skeleton-pulse 1.5s ease-in-out 0.5s infinite;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 9999px;
}
.dyna-skeleton-loader dyna-icon:not(.dyna-skeleton-ignore) kendo-svg-icon {
  color: transparent !important;
}
.dyna-skeleton-loader dyna-icon:not(.dyna-skeleton-ignore) kendo-svg-icon * {
  visibility: hidden !important;
}
.dyna-skeleton-loader dyna-icon:not(.dyna-skeleton-ignore) kendo-svg-icon {
  border-radius: 4px;
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: #e8e8e8 !important;
  animation: dyna-skeleton-pulse 1.5s ease-in-out 0.5s infinite;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 0;
}
.dyna-skeleton-loader .dyna-input:not(.dyna-skeleton-ignore) .dyna-input-fill {
  color: transparent !important;
}
.dyna-skeleton-loader .dyna-input:not(.dyna-skeleton-ignore) .dyna-input-fill * {
  visibility: hidden !important;
}
.dyna-skeleton-loader .dyna-input:not(.dyna-skeleton-ignore) .dyna-input-fill {
  border-radius: 4px;
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: #e8e8e8 !important;
  animation: dyna-skeleton-pulse 1.5s ease-in-out 0.5s infinite;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.dyna-skeleton-loader .dyna-input:not(.dyna-skeleton-ignore) .dyna-input-label,
.dyna-skeleton-loader .dyna-input:not(.dyna-skeleton-ignore) .dyna-input-helper {
  visibility: hidden;
}
.dyna-skeleton-loader .dyna-switch:not(.dyna-skeleton-ignore) .k-switch {
  color: transparent !important;
}
.dyna-skeleton-loader .dyna-switch:not(.dyna-skeleton-ignore) .k-switch * {
  visibility: hidden !important;
}
.dyna-skeleton-loader .dyna-switch:not(.dyna-skeleton-ignore) .k-switch {
  border-radius: 4px;
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: #e8e8e8 !important;
  animation: dyna-skeleton-pulse 1.5s ease-in-out 0.5s infinite;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 9999px;
}
.dyna-skeleton-loader .dyna-switch:not(.dyna-skeleton-ignore) .dyna-switch-text {
  color: transparent !important;
}
.dyna-skeleton-loader .dyna-switch:not(.dyna-skeleton-ignore) .dyna-switch-text * {
  visibility: hidden !important;
}
.dyna-skeleton-loader .dyna-switch:not(.dyna-skeleton-ignore) .dyna-switch-text {
  border-radius: 4px;
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: #e8e8e8 !important;
  animation: dyna-skeleton-pulse 1.5s ease-in-out 0.5s infinite;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  height: 16px;
}
.dyna-skeleton-loader .dyna-radio-button:not(.dyna-skeleton-ignore) input.k-radio {
  color: transparent !important;
}
.dyna-skeleton-loader .dyna-radio-button:not(.dyna-skeleton-ignore) input.k-radio * {
  visibility: hidden !important;
}
.dyna-skeleton-loader .dyna-radio-button:not(.dyna-skeleton-ignore) input.k-radio {
  border-radius: 4px;
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: #e8e8e8 !important;
  animation: dyna-skeleton-pulse 1.5s ease-in-out 0.5s infinite;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 50%;
}
.dyna-skeleton-loader .dyna-radio-button:not(.dyna-skeleton-ignore) .dyna-radio-label {
  color: transparent !important;
}
.dyna-skeleton-loader .dyna-radio-button:not(.dyna-skeleton-ignore) .dyna-radio-label * {
  visibility: hidden !important;
}
.dyna-skeleton-loader .dyna-radio-button:not(.dyna-skeleton-ignore) .dyna-radio-label {
  border-radius: 4px;
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: #e8e8e8 !important;
  animation: dyna-skeleton-pulse 1.5s ease-in-out 0.5s infinite;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 16px;
  height: 12px;
}
.dyna-skeleton-loader .dyna-checkbox:not(.dyna-skeleton-ignore) input.k-checkbox {
  color: transparent !important;
}
.dyna-skeleton-loader .dyna-checkbox:not(.dyna-skeleton-ignore) input.k-checkbox * {
  visibility: hidden !important;
}
.dyna-skeleton-loader .dyna-checkbox:not(.dyna-skeleton-ignore) input.k-checkbox {
  border-radius: 4px;
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: #e8e8e8 !important;
  animation: dyna-skeleton-pulse 1.5s ease-in-out 0.5s infinite;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 2px;
}
.dyna-skeleton-loader .dyna-checkbox:not(.dyna-skeleton-ignore) .dyna-checkbox-label {
  border-radius: 16px;
  height: 12px;
  color: transparent !important;
}
.dyna-skeleton-loader .dyna-checkbox:not(.dyna-skeleton-ignore) .dyna-checkbox-label * {
  visibility: hidden !important;
}
.dyna-skeleton-loader .dyna-checkbox:not(.dyna-skeleton-ignore) .dyna-checkbox-label {
  border-radius: 4px;
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: #e8e8e8 !important;
  animation: dyna-skeleton-pulse 1.5s ease-in-out 0.5s infinite;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.dyna-skeleton-loader .dyna-checkbox:not(.dyna-skeleton-ignore) .dyna-checkbox-validation {
  visibility: hidden;
}
.dyna-skeleton-loader dyna-button:not(.dyna-skeleton-ignore) {
  pointer-events: none;
}
.dyna-skeleton-loader dyna-button:not(.dyna-skeleton-ignore) .k-button {
  color: transparent !important;
}
.dyna-skeleton-loader dyna-button:not(.dyna-skeleton-ignore) .k-button * {
  visibility: hidden !important;
}
.dyna-skeleton-loader dyna-button:not(.dyna-skeleton-ignore) .k-button {
  border-radius: 4px;
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: #e8e8e8 !important;
  animation: dyna-skeleton-pulse 1.5s ease-in-out 0.5s infinite;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 8px;
  pointer-events: none;
}

.dyna-dealer-popup .k-list-item, .dyna-dealer-popup .k-list-optionlabel {
  justify-content: space-between;
}

.dyna-dealer-selector {
  display: block;
  width: 300px;
}
.dyna-dealer-selector .k-input-value-text::before {
  display: none;
}
.dyna-dealer-selector .dyna-icon {
  line-height: 0;
}
@media (max-width: 768px) {
  .dyna-dealer-selector {
    width: 100%;
  }
}

.dyna-dealer-selector-value {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dyna-dealer-selector-value dyna-icon,
.dyna-dealer-selector-value dyna-chip {
  flex-shrink: 0;
}

.dyna-dealer-selector-value-name {
  flex: 1 0 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dyna-dealer-selector-manage .dyna-button-icon-left {
  width: 24px;
}
.dyna-dealer-selector-manage .k-button.dyna-button-secondary {
  border: none;
  justify-content: flex-start;
  display: flex;
}

.dyna-dealer-selector-section-label {
  display: block;
  padding: 0 16px 4px;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #6b6b6b;
}

.k-dialog-content:has(> .dyna-dealer-dialog) {
  padding: 0;
  overflow: hidden;
}

.dyna-dealer-dialog {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.dyna-dealer-dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  gap: 24px;
  padding: 16px 24px;
  border-bottom: 1px solid #b9b9b9;
  background-color: #fff;
}
@media (max-width: 768px) {
  .dyna-dealer-dialog-header {
    padding: 4px 12px;
    border: none;
  }
  .dyna-dealer-dialog-header .dyna-dealer-dialog-subtitle {
    display: none;
  }
}

.dyna-dealer-dialog-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid #b9b9b9;
  background-color: #fff;
}
@media (max-width: 768px) {
  .dyna-dealer-dialog-footer .dyna-dealer-dialog-cancel {
    display: none;
  }
  .dyna-dealer-dialog-footer .dyna-dealer-dialog-apply {
    flex: 1 1 auto;
  }
}

.dyna-dealer-picker {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .dyna-dealer-picker {
    grid-template-columns: minmax(0, 1fr);
  }
}

.dyna-dealer-picker-search-panel {
  display: flex;
  grid-column: span 2;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 8px 24px;
  background-color: #fff;
}
@media (max-width: 768px) {
  .dyna-dealer-picker-search-panel {
    grid-column: auto;
    min-width: 0;
    padding-inline: 12px;
  }
}

.dyna-dealer-picker-filters {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}
.dyna-dealer-picker-filters dyna-textbox {
  flex: 1 1 auto;
}
.dyna-dealer-picker-filters dyna-select {
  flex: 0 0 142px;
}
@media (max-width: 768px) {
  .dyna-dealer-picker-filters .dyna-select-label {
    display: none;
  }
}

.dyna-dealer-picker-list-container {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  border: 1px solid #b9b9b9;
  border-radius: 8px;
}

.dyna-dealer-picker-select-all {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
  padding: 8px 16px;
  border-bottom: 1px solid #b9b9b9;
  font-size: 0.875rem;
  font-weight: 500;
  color: #3c3c3c;
}

.dyna-dealer-picker-list {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding: 8px 16px;
  overflow-y: auto;
}

.dyna-dealer-picker-pager {
  flex: 0 0 auto;
}
@media (max-width: 768px) {
  .dyna-dealer-picker-pager .k-pager-info,
  .dyna-dealer-picker-pager .k-pager-first,
  .dyna-dealer-picker-pager .k-pager-last {
    display: none;
  }
}

.dyna-dealer-picker-list-items {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dyna-dealer-picker-list-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.dyna-dealer-picker-row {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  gap: 8px;
  min-width: 0;
  cursor: pointer;
}
.dyna-dealer-picker-row > :first-child {
  flex: 1 1 auto;
  min-width: 0;
}

.dyna-dealer-picker-dealer-info {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}

.dyna-dealer-picker-dealer-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #3c3c3c;
}

.dyna-dealer-picker-dealer-address {
  font-weight: 500;
  font-size: 0.75rem;
  color: #6b6b6b;
}

.dyna-dealer-picker-active-panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 0;
  padding: 16px 24px;
  background-color: #f7f7f7;
}
@media (max-width: 768px) {
  .dyna-dealer-picker-active-panel {
    display: none;
  }
}

.dyna-dealer-picker-active-header,
.dyna-dealer-picker-primary {
  flex: 0 0 auto;
}

.dyna-dealer-picker-active-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dyna-dealer-picker-active-header .dyna-dealer-picker-active-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #3c3c3c;
}

.dyna-dealer-picker-clear-all {
  all: unset;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  color: #2755f3;
}

.dyna-dealer-picker-section-label {
  display: block;
  flex: 0 0 auto;
  font-size: 0.75rem;
  font-weight: 500;
  color: #3c3c3c;
}

.dyna-dealer-picker-others {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.dyna-dealer-picker-others-list {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 8px 0 0;
  overflow-y: auto;
}

.dyna-dealer-picker-others-item {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 12px;
}

.dyna-dealer-picker-make-primary {
  all: unset;
  cursor: pointer;
}

.dyna-dealer-picker-make-primary,
.dyna-dealer-picker-others-item-static {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  gap: 16px;
  min-width: 0;
  padding: 4px;
  border-radius: 4px;
}
.dyna-dealer-picker-make-primary > :first-child,
.dyna-dealer-picker-others-item-static > :first-child {
  flex: 1 1 auto;
  min-width: 0;
}

.dyna-dealer-picker-make-primary:hover {
  background-color: #f4f7ff;
}
.dyna-dealer-picker-make-primary:hover .dyna-dealer-picker-dealer-name,
.dyna-dealer-picker-make-primary:hover .dyna-dealer-picker-dealer-address {
  color: #2755f3;
}
.dyna-dealer-picker-make-primary:hover .dyna-icon svg {
  fill: #2755f3;
}

.dyna-dealer-picker-icon-btn {
  all: unset;
  display: inline-flex;
  cursor: pointer;
}
.dyna-dealer-picker-icon-btn:hover .dyna-icon svg {
  fill: #a11815;
}

.dyna-dealer-picker-empty {
  padding: 4px 0;
}

dyna-dealer-selector .k-actionsheet-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
dyna-dealer-selector .k-list-item, dyna-dealer-selector .k-list-optionlabel {
  justify-content: space-between;
}

/**
 * Proper CSS order of precedence, highest number wins
 * 0. Kendo theme - from @progress/kendo-theme-material, base of all
 * 1. @dynatron/ui base.scss - Generic for all themes, foundation base
 * 2. @dynatron/ui themename.scss - Lets the theme override Kendo and out base
 * 3. Apps styles.scss - App generically can override all above
 * 4. Apps themename.scss - App theme app() mixin overrides ALL, the final word in style
*/
.header-wrap {
  white-space: break-spaces !important;
}

.header-wrap-align-right {
  white-space: break-spaces !important;
  text-align: right;
}

.k-form-fieldset {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-grow: 1;
  border: none;
}

.k-form-legend {
  border-bottom: solid 2px;
  border-bottom-color: #d8d8d8;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-top: 10px;
  font-weight: bold;
}

.user-selection-none {
  -webkit-user-select: none;
          user-select: none;
}

.k-table-td:has(.grid-highlight-yellow) {
  background-color: yellow;
  color: rgba(0, 0, 0, 0.8705882353);
}

.k-table-td .bold-red-text {
  font-weight: bold;
  color: var(--d-color-text-error);
}

.cell-highlight-negative-numbers span[title^="-"] {
  color: var(--d-color-text-error);
}

.summary-data-value[title^="-"] {
  color: var(--d-color-text-error);
}

.cell-highlight-positive-numbers span[title]:not([title="0"]):not([title^="-"]) {
  color: var(--d-color-text-success);
}

.opportunity-reports-export-button button {
  padding: 0px !important;
  width: 0px;
  margin-top: -3px;
  margin-left: 16px;
}
.opportunity-reports-export-button .k-button::before {
  background: none;
}
.opportunity-reports-export-button kendo-icon {
  display: none !important;
}

.footer-cell {
  font-weight: 400;
}

.align-left {
  text-align: left;
}

.k-dialog-content:not(:has(.do-not-restrict-dialog-content-height)) {
  max-height: 80vh;
}

.k-dialog-wrapper:has(.do-not-restrict-dialog-content-height) {
  overflow-y: auto;
  justify-content: safe center;
  padding-block: 24px;
  box-sizing: border-box;
}

.k-dialog-content:has(.remove-dialog-content-padding),
.k-window-content:has(.remove-dialog-content-padding) {
  padding: 0 !important;
}

.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-multiselecttree .k-input-inner {
  padding-left: 5px !important;
}

.dropdown-with-right-action-btn {
  width: 100%;
}
.dropdown-with-right-action-btn i {
  float: right;
}

.k-dropdowntree .k-input-inner {
  margin-left: -5px;
}

.custom-filter-no-buttons + .k-actions, .custom-filter-no-buttons + .k-form-buttons, .custom-filter-no-buttons + .k-edit-buttons,
.custom-filter-no-buttons + .k-action-buttons,
.custom-filter-no-buttons + .k-columnmenu-actions {
  display: none;
}

.k-filter-menu-container:has(.long-pay-type-dealer) {
  width: 800px !important;
}

.flex-grow-initial {
  flex-grow: initial;
}

.d-inline-block {
  display: inline-block;
}

.home-widget-title {
  margin-top: 0;
  height: 29px;
  align-self: stretch;
  flex-grow: 0;
  font-family: Roboto;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.01px;
  text-align: left;
}
@media (max-width: 768px) {
  .home-widget-title {
    font-size: 18px;
  }
}

.dpr-dialog .k-dialog-content,
.dpr-dialog .k-window-content {
  padding: 0 !important;
  display: flex;
}

.dpr-dialog-fullscreen .k-dialog {
  border-radius: 0;
  box-shadow: none;
}
.dpr-dialog-fullscreen .k-dialog-content {
  max-height: none !important;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

app-daily-review-detail-dialog,
app-daily-review-detail-dialog .daily-review-card-detail {
  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 6px 8px 0 4px;
}

app-pricing-matrix-stale .dyna-card-suffix {
  display: block !important;
}

.dpr-dialog .k-window-titlebar {
  padding: 12px 8px 10px !important;
}

.tooltip-line-padding {
  margin-top: 10px;
}

.k-dialog-content app-daily-review-detail-dialog {
  padding: 0;
}

.icon-bottom-gap-6 {
  margin-bottom: 6px;
}

.hidden {
  display: none !important;
}

.k-listview {
  display: flex;
}

.k-window-content:has(kendo-loader.disable-scroll) {
  overflow: hidden;
}

.success-icon {
  color: var(--d-color-icon-success);
}

@keyframes slideInFromRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideOutToRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.slide-dialog-panel {
  animation: slideInFromRight 300ms ease-in-out;
}

.slide-dialog-panel.slide-out {
  animation: slideOutToRight 300ms ease-in-out forwards;
}

.k-chart-tooltip-wrapper .k-popup {
  padding-block: unset;
}

.k-pager-numbers-wrap {
  align-items: center;
}

.dyna-input .k-picker,
.dyna-input .k-input,
.dyna-popup-list .k-searchbox {
  border-width: 1px;
}

.k-tabstrip-items-wrapper .k-item {
  margin: 0 !important;
}

input.k-checkbox:checked:focus:not(:is(.dyna-checkbox *)),
.k-checkbox.k-checked.k-focus:not(:is(.dyna-checkbox *)) {
  border-color: var(--d-color-brand) !important;
}

.dyna-switch {
  white-space: normal;
}

.dyna-richtext-editor .k-placeholder,
.dyna-richtext-editor .k-editor-content {
  font-weight: 400;
}

.dyna-button button > span.k-button-text {
  display: flex;
  align-items: center;
}

.k-notification-group:not(:has(.dyna-toast)) {
  margin: 0 12px 0 0;
}

.k-breadcrumb-delimiter-icon {
  width: 16px;
}

:root {
  --color-text-default: #3c3c3c;
}

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

.k-theme-test-class,
.k-common-test-class {
  opacity: 0;
}

.k-body {
  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);
  letter-spacing: var(--kendo-letter-spacing, normal);
  color: var(--kendo-body-text, initial);
  background-color: var(--kendo-body-bg, initial);
  margin: 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, inherit);
  border-color: var(--kendo-disabled-border, inherit);
  pointer-events: none;
  box-shadow: none;
}
.k-disabled .k-link,
.k-widget[disabled] .k-link,
.k-disabled .k-link {
  cursor: default;
  outline: 0;
}

.k-hr {
  margin-block: 16px;
  padding: 0;
  height: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--kendo-component-border, inherit);
  display: block;
  float: none;
  clear: both;
}

.k-d-flex-row > .k-hr {
  margin: 0;
  width: 0;
  height: auto;
  border-width: 0 0 0 1px;
  flex: 0 0 auto;
}

.k-d-flex-col > .k-hr {
  margin: 0;
  flex: 0 0 auto;
}

.k-sprite {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.k-image {
  display: inline-block;
}

.k-reset {
  margin: 0;
  padding: 0;
  border-width: 0;
  outline: 0;
  text-decoration: none;
  font: inherit;
  list-style: none;
}

kendo-sortable {
  display: block;
}

.k-link,
.k-link:hover {
  color: inherit;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
}

.k-content {
  outline: 0;
}

.k-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

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

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

.kendo-pdf-hide-pseudo-elements::before,
.kendo-pdf-hide-pseudo-elements::after {
  display: none !important;
}

.k-dirty {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  border-width: 3px;
  border-style: solid;
  border-block-start-color: currentColor;
  border-block-end-color: transparent;
  border-inline-start-color: transparent;
  border-inline-end-color: currentColor;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

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

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

.k-loading-color {
  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;
}
.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-marquee {
  position: absolute;
  z-index: 100000;
}

.k-marquee-color,
.k-marquee-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.k-marquee-color {
  color: white;
  background-color: var(--kendo-primary-60, #1565c0);
  border-color: var(--kendo-primary-100, rgba(0, 0, 0, 0.1));
  opacity: 0.6;
}

.k-marquee-text {
  color: white;
}

: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);
}

.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-text-selection ::selection {
  background-color: #2755f3;
  color: white;
}

.k-block,
.k-panel {
  border-radius: 4px;
  border-color: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.k-block > .k-header,
.k-panel > .k-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-color: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.87);
  background-color: #ffffff;
  padding-inline: 8px;
  padding-block: 4px;
}
.k-block > .k-content,
.k-panel > .k-content {
  padding-inline: 8px;
  padding-block: 4px;
}

.k-content {
  border-color: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
}

.k-disabled,
.k-widget[disabled] {
  outline: none;
  cursor: default;
  opacity: 0.6;
  filter: grayscale(0.1);
  pointer-events: none;
  box-shadow: none;
}
.k-disabled .k-link,
.k-widget[disabled] .k-link {
  cursor: default;
  outline: 0;
}
.k-disabled [disabled],
.k-disabled .k-disabled,
.k-widget[disabled] [disabled],
.k-widget[disabled] .k-disabled {
  opacity: 1;
  filter: grayscale(0);
}

.k-hr {
  margin: 16px auto;
  padding: 0;
  height: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: 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-dirty {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  border-width: 3px;
  border-style: solid;
  border-color: #f31700 #f31700 transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}

[dir=rtl] .k-dirty,
.k-rtl .k-dirty {
  border-color: transparent transparent #f31700 #f31700;
  right: auto;
  left: 0;
}

.k-animation-container {
  position: absolute;
  overflow: hidden;
  z-index: 100;
}
.k-animation-container-fixed {
  position: fixed;
}
.k-animation-container-relative {
  position: relative;
  display: inline-block;
}

.k-push-right-enter, .k-push-right-appear {
  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-current-time {
  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-resize-handle,
.k-resize-hint {
  position: absolute;
  border-color: inherit;
  z-index: 200;
}

.k-resize-handle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.k-resize-handle::before {
  content: "";
  border: 0 solid;
  border-color: inherit;
}

.k-resize-n {
  width: 100%;
  height: 6px;
  flex-direction: row;
  left: 0;
  top: -3px;
  cursor: n-resize;
}

.k-resize-s {
  width: 100%;
  height: 6px;
  flex-direction: row;
  left: 0;
  bottom: -3px;
  cursor: s-resize;
}

.k-resize-w {
  width: 6px;
  height: 100%;
  flex-direction: column;
  top: 0;
  left: -3px;
  cursor: w-resize;
}

.k-resize-e {
  width: 6px;
  height: 100%;
  flex-direction: column;
  top: 0;
  right: -3px;
  cursor: e-resize;
}

.k-resize-sw,
.k-resize-se,
.k-resize-nw,
.k-resize-ne {
  width: 5px;
  height: 5px;
}

.k-resize-sw {
  cursor: sw-resize;
  bottom: 0;
  left: 0;
}

.k-resize-se {
  cursor: se-resize;
  bottom: 0;
  right: 0;
}

.k-resize-nw {
  cursor: nw-resize;
  top: 0;
  left: 0;
}

.k-resize-ne {
  cursor: ne-resize;
  top: 0;
  right: 0;
}

.k-vertical-resize {
  cursor: row-resize;
}

.k-horizontal-resize {
  cursor: col-resize;
}

.k-resize-hint {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.k-resize-hint .k-resize-hint-handle {
  width: auto;
  height: 20px;
  align-self: stretch;
}
.k-resize-hint .k-resize-hint-marker {
  width: 2px;
  height: auto;
  flex: 1 1 auto;
}

.k-resize-hint-vertical {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.k-resize-hint-vertical .k-resize-hint-handle {
  width: 20px;
  height: auto;
  align-self: stretch;
}
.k-resize-hint-vertical .k-resize-hint-marker {
  width: auto;
  height: 2px;
  flex: 1 1 auto;
}

.k-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-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 {
  columns: 1;
}

.\!k-columns-1 {
  columns: 1 !important;
}

.k-columns-2 {
  columns: 2;
}

.\!k-columns-2 {
  columns: 2 !important;
}

.k-columns-3 {
  columns: 3;
}

.\!k-columns-3 {
  columns: 3 !important;
}

.k-columns-4 {
  columns: 4;
}

.\!k-columns-4 {
  columns: 4 !important;
}

.k-columns-5 {
  columns: 5;
}

.\!k-columns-5 {
  columns: 5 !important;
}

.k-columns-6 {
  columns: 6;
}

.\!k-columns-6 {
  columns: 6 !important;
}

.k-columns-7 {
  columns: 7;
}

.\!k-columns-7 {
  columns: 7 !important;
}

.k-columns-8 {
  columns: 8;
}

.\!k-columns-8 {
  columns: 8 !important;
}

.k-columns-9 {
  columns: 9;
}

.\!k-columns-9 {
  columns: 9 !important;
}

.k-columns-10 {
  columns: 10;
}

.\!k-columns-10 {
  columns: 10 !important;
}

.k-columns-11 {
  columns: 11;
}

.\!k-columns-11 {
  columns: 11 !important;
}

.k-columns-12 {
  columns: 12;
}

.\!k-columns-12 {
  columns: 12 !important;
}

.k-columns-auto {
  columns: auto;
}

.\!k-columns-auto {
  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: 0;
}

.\!k-top-0 {
  top: 0 !important;
}

.k-top-1px {
  top: 1px;
}

.\!k-top-1px {
  top: 1px !important;
}

.k-top-0\.5 {
  top: 2px;
}

.\!k-top-0\.5 {
  top: 2px !important;
}

.k-top-1 {
  top: 4px;
}

.\!k-top-1 {
  top: 4px !important;
}

.k-top-1\.5 {
  top: 6px;
}

.\!k-top-1\.5 {
  top: 6px !important;
}

.k-top-2 {
  top: 8px;
}

.\!k-top-2 {
  top: 8px !important;
}

.k-top-2\.5 {
  top: 10px;
}

.\!k-top-2\.5 {
  top: 10px !important;
}

.k-top-3 {
  top: 12px;
}

.\!k-top-3 {
  top: 12px !important;
}

.k-top-3\.5 {
  top: 14px;
}

.\!k-top-3\.5 {
  top: 14px !important;
}

.k-top-4 {
  top: 16px;
}

.\!k-top-4 {
  top: 16px !important;
}

.k-top-4\.5 {
  top: 18px;
}

.\!k-top-4\.5 {
  top: 18px !important;
}

.k-top-5 {
  top: 20px;
}

.\!k-top-5 {
  top: 20px !important;
}

.k-top-5\.5 {
  top: 22px;
}

.\!k-top-5\.5 {
  top: 22px !important;
}

.k-top-6 {
  top: 24px;
}

.\!k-top-6 {
  top: 24px !important;
}

.k-top-6\.5 {
  top: 26px;
}

.\!k-top-6\.5 {
  top: 26px !important;
}

.k-top-7 {
  top: 28px;
}

.\!k-top-7 {
  top: 28px !important;
}

.k-top-7\.5 {
  top: 30px;
}

.\!k-top-7\.5 {
  top: 30px !important;
}

.k-top-8 {
  top: 32px;
}

.\!k-top-8 {
  top: 32px !important;
}

.k-top-9 {
  top: 36px;
}

.\!k-top-9 {
  top: 36px !important;
}

.k-top-10 {
  top: 40px;
}

.\!k-top-10 {
  top: 40px !important;
}

.k-top-11 {
  top: 44px;
}

.\!k-top-11 {
  top: 44px !important;
}

.k-top-12 {
  top: 48px;
}

.\!k-top-12 {
  top: 48px !important;
}

.k-top-13 {
  top: 52px;
}

.\!k-top-13 {
  top: 52px !important;
}

.k-top-14 {
  top: 56px;
}

.\!k-top-14 {
  top: 56px !important;
}

.k-top-15 {
  top: 60px;
}

.\!k-top-15 {
  top: 60px !important;
}

.k-top-16 {
  top: 64px;
}

.\!k-top-16 {
  top: 64px !important;
}

.k-top-17 {
  top: 68px;
}

.\!k-top-17 {
  top: 68px !important;
}

.k-top-18 {
  top: 72px;
}

.\!k-top-18 {
  top: 72px !important;
}

.k-top-19 {
  top: 76px;
}

.\!k-top-19 {
  top: 76px !important;
}

.k-top-20 {
  top: 80px;
}

.\!k-top-20 {
  top: 80px !important;
}

.k-top-21 {
  top: 84px;
}

.\!k-top-21 {
  top: 84px !important;
}

.k-top-22 {
  top: 88px;
}

.\!k-top-22 {
  top: 88px !important;
}

.k-top-23 {
  top: 92px;
}

.\!k-top-23 {
  top: 92px !important;
}

.k-top-24 {
  top: 96px;
}

.\!k-top-24 {
  top: 96px !important;
}

.k-top--1 {
  top: -1px;
}

.\!k-top--1 {
  top: -1px !important;
}

.k-right-0 {
  right: 0;
}

.\!k-right-0 {
  right: 0 !important;
}

.k-right-1px {
  right: 1px;
}

.\!k-right-1px {
  right: 1px !important;
}

.k-right-0\.5 {
  right: 2px;
}

.\!k-right-0\.5 {
  right: 2px !important;
}

.k-right-1 {
  right: 4px;
}

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

.k-right-1\.5 {
  right: 6px;
}

.\!k-right-1\.5 {
  right: 6px !important;
}

.k-right-2 {
  right: 8px;
}

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

.k-right-2\.5 {
  right: 10px;
}

.\!k-right-2\.5 {
  right: 10px !important;
}

.k-right-3 {
  right: 12px;
}

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

.k-right-3\.5 {
  right: 14px;
}

.\!k-right-3\.5 {
  right: 14px !important;
}

.k-right-4 {
  right: 16px;
}

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

.k-right-4\.5 {
  right: 18px;
}

.\!k-right-4\.5 {
  right: 18px !important;
}

.k-right-5 {
  right: 20px;
}

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

.k-right-5\.5 {
  right: 22px;
}

.\!k-right-5\.5 {
  right: 22px !important;
}

.k-right-6 {
  right: 24px;
}

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

.k-right-6\.5 {
  right: 26px;
}

.\!k-right-6\.5 {
  right: 26px !important;
}

.k-right-7 {
  right: 28px;
}

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

.k-right-7\.5 {
  right: 30px;
}

.\!k-right-7\.5 {
  right: 30px !important;
}

.k-right-8 {
  right: 32px;
}

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

.k-right-9 {
  right: 36px;
}

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

.k-right-10 {
  right: 40px;
}

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

.k-right-11 {
  right: 44px;
}

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

.k-right-12 {
  right: 48px;
}

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

.k-right-13 {
  right: 52px;
}

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

.k-right-14 {
  right: 56px;
}

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

.k-right-15 {
  right: 60px;
}

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

.k-right-16 {
  right: 64px;
}

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

.k-right-17 {
  right: 68px;
}

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

.k-right-18 {
  right: 72px;
}

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

.k-right-19 {
  right: 76px;
}

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

.k-right-20 {
  right: 80px;
}

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

.k-right-21 {
  right: 84px;
}

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

.k-right-22 {
  right: 88px;
}

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

.k-right-23 {
  right: 92px;
}

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

.k-right-24 {
  right: 96px;
}

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

.k-right--1 {
  right: -1px;
}

.\!k-right--1 {
  right: -1px !important;
}

.k-bottom-0 {
  bottom: 0;
}

.\!k-bottom-0 {
  bottom: 0 !important;
}

.k-bottom-1px {
  bottom: 1px;
}

.\!k-bottom-1px {
  bottom: 1px !important;
}

.k-bottom-0\.5 {
  bottom: 2px;
}

.\!k-bottom-0\.5 {
  bottom: 2px !important;
}

.k-bottom-1 {
  bottom: 4px;
}

.\!k-bottom-1 {
  bottom: 4px !important;
}

.k-bottom-1\.5 {
  bottom: 6px;
}

.\!k-bottom-1\.5 {
  bottom: 6px !important;
}

.k-bottom-2 {
  bottom: 8px;
}

.\!k-bottom-2 {
  bottom: 8px !important;
}

.k-bottom-2\.5 {
  bottom: 10px;
}

.\!k-bottom-2\.5 {
  bottom: 10px !important;
}

.k-bottom-3 {
  bottom: 12px;
}

.\!k-bottom-3 {
  bottom: 12px !important;
}

.k-bottom-3\.5 {
  bottom: 14px;
}

.\!k-bottom-3\.5 {
  bottom: 14px !important;
}

.k-bottom-4 {
  bottom: 16px;
}

.\!k-bottom-4 {
  bottom: 16px !important;
}

.k-bottom-4\.5 {
  bottom: 18px;
}

.\!k-bottom-4\.5 {
  bottom: 18px !important;
}

.k-bottom-5 {
  bottom: 20px;
}

.\!k-bottom-5 {
  bottom: 20px !important;
}

.k-bottom-5\.5 {
  bottom: 22px;
}

.\!k-bottom-5\.5 {
  bottom: 22px !important;
}

.k-bottom-6 {
  bottom: 24px;
}

.\!k-bottom-6 {
  bottom: 24px !important;
}

.k-bottom-6\.5 {
  bottom: 26px;
}

.\!k-bottom-6\.5 {
  bottom: 26px !important;
}

.k-bottom-7 {
  bottom: 28px;
}

.\!k-bottom-7 {
  bottom: 28px !important;
}

.k-bottom-7\.5 {
  bottom: 30px;
}

.\!k-bottom-7\.5 {
  bottom: 30px !important;
}

.k-bottom-8 {
  bottom: 32px;
}

.\!k-bottom-8 {
  bottom: 32px !important;
}

.k-bottom-9 {
  bottom: 36px;
}

.\!k-bottom-9 {
  bottom: 36px !important;
}

.k-bottom-10 {
  bottom: 40px;
}

.\!k-bottom-10 {
  bottom: 40px !important;
}

.k-bottom-11 {
  bottom: 44px;
}

.\!k-bottom-11 {
  bottom: 44px !important;
}

.k-bottom-12 {
  bottom: 48px;
}

.\!k-bottom-12 {
  bottom: 48px !important;
}

.k-bottom-13 {
  bottom: 52px;
}

.\!k-bottom-13 {
  bottom: 52px !important;
}

.k-bottom-14 {
  bottom: 56px;
}

.\!k-bottom-14 {
  bottom: 56px !important;
}

.k-bottom-15 {
  bottom: 60px;
}

.\!k-bottom-15 {
  bottom: 60px !important;
}

.k-bottom-16 {
  bottom: 64px;
}

.\!k-bottom-16 {
  bottom: 64px !important;
}

.k-bottom-17 {
  bottom: 68px;
}

.\!k-bottom-17 {
  bottom: 68px !important;
}

.k-bottom-18 {
  bottom: 72px;
}

.\!k-bottom-18 {
  bottom: 72px !important;
}

.k-bottom-19 {
  bottom: 76px;
}

.\!k-bottom-19 {
  bottom: 76px !important;
}

.k-bottom-20 {
  bottom: 80px;
}

.\!k-bottom-20 {
  bottom: 80px !important;
}

.k-bottom-21 {
  bottom: 84px;
}

.\!k-bottom-21 {
  bottom: 84px !important;
}

.k-bottom-22 {
  bottom: 88px;
}

.\!k-bottom-22 {
  bottom: 88px !important;
}

.k-bottom-23 {
  bottom: 92px;
}

.\!k-bottom-23 {
  bottom: 92px !important;
}

.k-bottom-24 {
  bottom: 96px;
}

.\!k-bottom-24 {
  bottom: 96px !important;
}

.k-bottom--1 {
  bottom: -1px;
}

.\!k-bottom--1 {
  bottom: -1px !important;
}

.k-left-0 {
  left: 0;
}

.\!k-left-0 {
  left: 0 !important;
}

.k-left-1px {
  left: 1px;
}

.\!k-left-1px {
  left: 1px !important;
}

.k-left-0\.5 {
  left: 2px;
}

.\!k-left-0\.5 {
  left: 2px !important;
}

.k-left-1 {
  left: 4px;
}

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

.k-left-1\.5 {
  left: 6px;
}

.\!k-left-1\.5 {
  left: 6px !important;
}

.k-left-2 {
  left: 8px;
}

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

.k-left-2\.5 {
  left: 10px;
}

.\!k-left-2\.5 {
  left: 10px !important;
}

.k-left-3 {
  left: 12px;
}

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

.k-left-3\.5 {
  left: 14px;
}

.\!k-left-3\.5 {
  left: 14px !important;
}

.k-left-4 {
  left: 16px;
}

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

.k-left-4\.5 {
  left: 18px;
}

.\!k-left-4\.5 {
  left: 18px !important;
}

.k-left-5 {
  left: 20px;
}

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

.k-left-5\.5 {
  left: 22px;
}

.\!k-left-5\.5 {
  left: 22px !important;
}

.k-left-6 {
  left: 24px;
}

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

.k-left-6\.5 {
  left: 26px;
}

.\!k-left-6\.5 {
  left: 26px !important;
}

.k-left-7 {
  left: 28px;
}

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

.k-left-7\.5 {
  left: 30px;
}

.\!k-left-7\.5 {
  left: 30px !important;
}

.k-left-8 {
  left: 32px;
}

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

.k-left-9 {
  left: 36px;
}

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

.k-left-10 {
  left: 40px;
}

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

.k-left-11 {
  left: 44px;
}

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

.k-left-12 {
  left: 48px;
}

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

.k-left-13 {
  left: 52px;
}

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

.k-left-14 {
  left: 56px;
}

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

.k-left-15 {
  left: 60px;
}

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

.k-left-16 {
  left: 64px;
}

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

.k-left-17 {
  left: 68px;
}

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

.k-left-18 {
  left: 72px;
}

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

.k-left-19 {
  left: 76px;
}

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

.k-left-20 {
  left: 80px;
}

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

.k-left-21 {
  left: 84px;
}

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

.k-left-22 {
  left: 88px;
}

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

.k-left-23 {
  left: 92px;
}

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

.k-left-24 {
  left: 96px;
}

.\!k-left-24 {
  left: 96px !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: 0;
}

.\!k-basis-0 {
  flex-basis: 0 !important;
}

.k-basis-1px {
  flex-basis: 1px;
}

.\!k-basis-1px {
  flex-basis: 1px !important;
}

.k-basis-0\.5 {
  flex-basis: 2px;
}

.\!k-basis-0\.5 {
  flex-basis: 2px !important;
}

.k-basis-1 {
  flex-basis: 4px;
}

.\!k-basis-1 {
  flex-basis: 4px !important;
}

.k-basis-1\.5 {
  flex-basis: 6px;
}

.\!k-basis-1\.5 {
  flex-basis: 6px !important;
}

.k-basis-2 {
  flex-basis: 8px;
}

.\!k-basis-2 {
  flex-basis: 8px !important;
}

.k-basis-2\.5 {
  flex-basis: 10px;
}

.\!k-basis-2\.5 {
  flex-basis: 10px !important;
}

.k-basis-3 {
  flex-basis: 12px;
}

.\!k-basis-3 {
  flex-basis: 12px !important;
}

.k-basis-3\.5 {
  flex-basis: 14px;
}

.\!k-basis-3\.5 {
  flex-basis: 14px !important;
}

.k-basis-4 {
  flex-basis: 16px;
}

.\!k-basis-4 {
  flex-basis: 16px !important;
}

.k-basis-4\.5 {
  flex-basis: 18px;
}

.\!k-basis-4\.5 {
  flex-basis: 18px !important;
}

.k-basis-5 {
  flex-basis: 20px;
}

.\!k-basis-5 {
  flex-basis: 20px !important;
}

.k-basis-5\.5 {
  flex-basis: 22px;
}

.\!k-basis-5\.5 {
  flex-basis: 22px !important;
}

.k-basis-6 {
  flex-basis: 24px;
}

.\!k-basis-6 {
  flex-basis: 24px !important;
}

.k-basis-6\.5 {
  flex-basis: 26px;
}

.\!k-basis-6\.5 {
  flex-basis: 26px !important;
}

.k-basis-7 {
  flex-basis: 28px;
}

.\!k-basis-7 {
  flex-basis: 28px !important;
}

.k-basis-7\.5 {
  flex-basis: 30px;
}

.\!k-basis-7\.5 {
  flex-basis: 30px !important;
}

.k-basis-8 {
  flex-basis: 32px;
}

.\!k-basis-8 {
  flex-basis: 32px !important;
}

.k-basis-9 {
  flex-basis: 36px;
}

.\!k-basis-9 {
  flex-basis: 36px !important;
}

.k-basis-10 {
  flex-basis: 40px;
}

.\!k-basis-10 {
  flex-basis: 40px !important;
}

.k-basis-11 {
  flex-basis: 44px;
}

.\!k-basis-11 {
  flex-basis: 44px !important;
}

.k-basis-12 {
  flex-basis: 48px;
}

.\!k-basis-12 {
  flex-basis: 48px !important;
}

.k-basis-13 {
  flex-basis: 52px;
}

.\!k-basis-13 {
  flex-basis: 52px !important;
}

.k-basis-14 {
  flex-basis: 56px;
}

.\!k-basis-14 {
  flex-basis: 56px !important;
}

.k-basis-15 {
  flex-basis: 60px;
}

.\!k-basis-15 {
  flex-basis: 60px !important;
}

.k-basis-16 {
  flex-basis: 64px;
}

.\!k-basis-16 {
  flex-basis: 64px !important;
}

.k-basis-17 {
  flex-basis: 68px;
}

.\!k-basis-17 {
  flex-basis: 68px !important;
}

.k-basis-18 {
  flex-basis: 72px;
}

.\!k-basis-18 {
  flex-basis: 72px !important;
}

.k-basis-19 {
  flex-basis: 76px;
}

.\!k-basis-19 {
  flex-basis: 76px !important;
}

.k-basis-20 {
  flex-basis: 80px;
}

.\!k-basis-20 {
  flex-basis: 80px !important;
}

.k-basis-21 {
  flex-basis: 84px;
}

.\!k-basis-21 {
  flex-basis: 84px !important;
}

.k-basis-22 {
  flex-basis: 88px;
}

.\!k-basis-22 {
  flex-basis: 88px !important;
}

.k-basis-23 {
  flex-basis: 92px;
}

.\!k-basis-23 {
  flex-basis: 92px !important;
}

.k-basis-24 {
  flex-basis: 96px;
}

.\!k-basis-24 {
  flex-basis: 96px !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: 0;
}

.\!k-flex-basis-0 {
  flex-basis: 0 !important;
}

.k-flex-basis-1px {
  flex-basis: 1px;
}

.\!k-flex-basis-1px {
  flex-basis: 1px !important;
}

.k-flex-basis-0\.5 {
  flex-basis: 2px;
}

.\!k-flex-basis-0\.5 {
  flex-basis: 2px !important;
}

.k-flex-basis-1 {
  flex-basis: 4px;
}

.\!k-flex-basis-1 {
  flex-basis: 4px !important;
}

.k-flex-basis-1\.5 {
  flex-basis: 6px;
}

.\!k-flex-basis-1\.5 {
  flex-basis: 6px !important;
}

.k-flex-basis-2 {
  flex-basis: 8px;
}

.\!k-flex-basis-2 {
  flex-basis: 8px !important;
}

.k-flex-basis-2\.5 {
  flex-basis: 10px;
}

.\!k-flex-basis-2\.5 {
  flex-basis: 10px !important;
}

.k-flex-basis-3 {
  flex-basis: 12px;
}

.\!k-flex-basis-3 {
  flex-basis: 12px !important;
}

.k-flex-basis-3\.5 {
  flex-basis: 14px;
}

.\!k-flex-basis-3\.5 {
  flex-basis: 14px !important;
}

.k-flex-basis-4 {
  flex-basis: 16px;
}

.\!k-flex-basis-4 {
  flex-basis: 16px !important;
}

.k-flex-basis-4\.5 {
  flex-basis: 18px;
}

.\!k-flex-basis-4\.5 {
  flex-basis: 18px !important;
}

.k-flex-basis-5 {
  flex-basis: 20px;
}

.\!k-flex-basis-5 {
  flex-basis: 20px !important;
}

.k-flex-basis-5\.5 {
  flex-basis: 22px;
}

.\!k-flex-basis-5\.5 {
  flex-basis: 22px !important;
}

.k-flex-basis-6 {
  flex-basis: 24px;
}

.\!k-flex-basis-6 {
  flex-basis: 24px !important;
}

.k-flex-basis-6\.5 {
  flex-basis: 26px;
}

.\!k-flex-basis-6\.5 {
  flex-basis: 26px !important;
}

.k-flex-basis-7 {
  flex-basis: 28px;
}

.\!k-flex-basis-7 {
  flex-basis: 28px !important;
}

.k-flex-basis-7\.5 {
  flex-basis: 30px;
}

.\!k-flex-basis-7\.5 {
  flex-basis: 30px !important;
}

.k-flex-basis-8 {
  flex-basis: 32px;
}

.\!k-flex-basis-8 {
  flex-basis: 32px !important;
}

.k-flex-basis-9 {
  flex-basis: 36px;
}

.\!k-flex-basis-9 {
  flex-basis: 36px !important;
}

.k-flex-basis-10 {
  flex-basis: 40px;
}

.\!k-flex-basis-10 {
  flex-basis: 40px !important;
}

.k-flex-basis-11 {
  flex-basis: 44px;
}

.\!k-flex-basis-11 {
  flex-basis: 44px !important;
}

.k-flex-basis-12 {
  flex-basis: 48px;
}

.\!k-flex-basis-12 {
  flex-basis: 48px !important;
}

.k-flex-basis-13 {
  flex-basis: 52px;
}

.\!k-flex-basis-13 {
  flex-basis: 52px !important;
}

.k-flex-basis-14 {
  flex-basis: 56px;
}

.\!k-flex-basis-14 {
  flex-basis: 56px !important;
}

.k-flex-basis-15 {
  flex-basis: 60px;
}

.\!k-flex-basis-15 {
  flex-basis: 60px !important;
}

.k-flex-basis-16 {
  flex-basis: 64px;
}

.\!k-flex-basis-16 {
  flex-basis: 64px !important;
}

.k-flex-basis-17 {
  flex-basis: 68px;
}

.\!k-flex-basis-17 {
  flex-basis: 68px !important;
}

.k-flex-basis-18 {
  flex-basis: 72px;
}

.\!k-flex-basis-18 {
  flex-basis: 72px !important;
}

.k-flex-basis-19 {
  flex-basis: 76px;
}

.\!k-flex-basis-19 {
  flex-basis: 76px !important;
}

.k-flex-basis-20 {
  flex-basis: 80px;
}

.\!k-flex-basis-20 {
  flex-basis: 80px !important;
}

.k-flex-basis-21 {
  flex-basis: 84px;
}

.\!k-flex-basis-21 {
  flex-basis: 84px !important;
}

.k-flex-basis-22 {
  flex-basis: 88px;
}

.\!k-flex-basis-22 {
  flex-basis: 88px !important;
}

.k-flex-basis-23 {
  flex-basis: 92px;
}

.\!k-flex-basis-23 {
  flex-basis: 92px !important;
}

.k-flex-basis-24 {
  flex-basis: 96px;
}

.\!k-flex-basis-24 {
  flex-basis: 96px !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: 0;
}

.\!k-gap-0 {
  gap: 0 !important;
}

.k-gap-1px {
  gap: 1px;
}

.\!k-gap-1px {
  gap: 1px !important;
}

.k-gap-0\.5 {
  gap: 2px;
}

.\!k-gap-0\.5 {
  gap: 2px !important;
}

.k-gap-1 {
  gap: 4px;
}

.\!k-gap-1 {
  gap: 4px !important;
}

.k-gap-1\.5 {
  gap: 6px;
}

.\!k-gap-1\.5 {
  gap: 6px !important;
}

.k-gap-2 {
  gap: 8px;
}

.\!k-gap-2 {
  gap: 8px !important;
}

.k-gap-2\.5 {
  gap: 10px;
}

.\!k-gap-2\.5 {
  gap: 10px !important;
}

.k-gap-3 {
  gap: 12px;
}

.\!k-gap-3 {
  gap: 12px !important;
}

.k-gap-3\.5 {
  gap: 14px;
}

.\!k-gap-3\.5 {
  gap: 14px !important;
}

.k-gap-4 {
  gap: 16px;
}

.\!k-gap-4 {
  gap: 16px !important;
}

.k-gap-4\.5 {
  gap: 18px;
}

.\!k-gap-4\.5 {
  gap: 18px !important;
}

.k-gap-5 {
  gap: 20px;
}

.\!k-gap-5 {
  gap: 20px !important;
}

.k-gap-5\.5 {
  gap: 22px;
}

.\!k-gap-5\.5 {
  gap: 22px !important;
}

.k-gap-6 {
  gap: 24px;
}

.\!k-gap-6 {
  gap: 24px !important;
}

.k-gap-6\.5 {
  gap: 26px;
}

.\!k-gap-6\.5 {
  gap: 26px !important;
}

.k-gap-7 {
  gap: 28px;
}

.\!k-gap-7 {
  gap: 28px !important;
}

.k-gap-7\.5 {
  gap: 30px;
}

.\!k-gap-7\.5 {
  gap: 30px !important;
}

.k-gap-8 {
  gap: 32px;
}

.\!k-gap-8 {
  gap: 32px !important;
}

.k-gap-9 {
  gap: 36px;
}

.\!k-gap-9 {
  gap: 36px !important;
}

.k-gap-10 {
  gap: 40px;
}

.\!k-gap-10 {
  gap: 40px !important;
}

.k-gap-11 {
  gap: 44px;
}

.\!k-gap-11 {
  gap: 44px !important;
}

.k-gap-12 {
  gap: 48px;
}

.\!k-gap-12 {
  gap: 48px !important;
}

.k-gap-13 {
  gap: 52px;
}

.\!k-gap-13 {
  gap: 52px !important;
}

.k-gap-14 {
  gap: 56px;
}

.\!k-gap-14 {
  gap: 56px !important;
}

.k-gap-15 {
  gap: 60px;
}

.\!k-gap-15 {
  gap: 60px !important;
}

.k-gap-16 {
  gap: 64px;
}

.\!k-gap-16 {
  gap: 64px !important;
}

.k-gap-17 {
  gap: 68px;
}

.\!k-gap-17 {
  gap: 68px !important;
}

.k-gap-18 {
  gap: 72px;
}

.\!k-gap-18 {
  gap: 72px !important;
}

.k-gap-19 {
  gap: 76px;
}

.\!k-gap-19 {
  gap: 76px !important;
}

.k-gap-20 {
  gap: 80px;
}

.\!k-gap-20 {
  gap: 80px !important;
}

.k-gap-21 {
  gap: 84px;
}

.\!k-gap-21 {
  gap: 84px !important;
}

.k-gap-22 {
  gap: 88px;
}

.\!k-gap-22 {
  gap: 88px !important;
}

.k-gap-23 {
  gap: 92px;
}

.\!k-gap-23 {
  gap: 92px !important;
}

.k-gap-24 {
  gap: 96px;
}

.\!k-gap-24 {
  gap: 96px !important;
}

.k-gap-xs {
  gap: 4px;
}

.\!k-gap-xs {
  gap: 4px !important;
}

.k-gap-sm {
  gap: 8px;
}

.\!k-gap-sm {
  gap: 8px !important;
}

.k-gap-md {
  gap: 12px;
}

.\!k-gap-md {
  gap: 12px !important;
}

.k-gap-lg {
  gap: 16px;
}

.\!k-gap-lg {
  gap: 16px !important;
}

.k-gap-xl {
  gap: 24px;
}

.\!k-gap-xl {
  gap: 24px !important;
}

.k-gap-thin {
  gap: 2px;
}

.\!k-gap-thin {
  gap: 2px !important;
}

.k-gap-hair {
  gap: 1px;
}

.\!k-gap-hair {
  gap: 1px !important;
}

.k-gap-x-0 {
  column-gap: 0;
}

.\!k-gap-x-0 {
  column-gap: 0 !important;
}

.k-gap-x-1px {
  column-gap: 1px;
}

.\!k-gap-x-1px {
  column-gap: 1px !important;
}

.k-gap-x-0\.5 {
  column-gap: 2px;
}

.\!k-gap-x-0\.5 {
  column-gap: 2px !important;
}

.k-gap-x-1 {
  column-gap: 4px;
}

.\!k-gap-x-1 {
  column-gap: 4px !important;
}

.k-gap-x-1\.5 {
  column-gap: 6px;
}

.\!k-gap-x-1\.5 {
  column-gap: 6px !important;
}

.k-gap-x-2 {
  column-gap: 8px;
}

.\!k-gap-x-2 {
  column-gap: 8px !important;
}

.k-gap-x-2\.5 {
  column-gap: 10px;
}

.\!k-gap-x-2\.5 {
  column-gap: 10px !important;
}

.k-gap-x-3 {
  column-gap: 12px;
}

.\!k-gap-x-3 {
  column-gap: 12px !important;
}

.k-gap-x-3\.5 {
  column-gap: 14px;
}

.\!k-gap-x-3\.5 {
  column-gap: 14px !important;
}

.k-gap-x-4 {
  column-gap: 16px;
}

.\!k-gap-x-4 {
  column-gap: 16px !important;
}

.k-gap-x-4\.5 {
  column-gap: 18px;
}

.\!k-gap-x-4\.5 {
  column-gap: 18px !important;
}

.k-gap-x-5 {
  column-gap: 20px;
}

.\!k-gap-x-5 {
  column-gap: 20px !important;
}

.k-gap-x-5\.5 {
  column-gap: 22px;
}

.\!k-gap-x-5\.5 {
  column-gap: 22px !important;
}

.k-gap-x-6 {
  column-gap: 24px;
}

.\!k-gap-x-6 {
  column-gap: 24px !important;
}

.k-gap-x-6\.5 {
  column-gap: 26px;
}

.\!k-gap-x-6\.5 {
  column-gap: 26px !important;
}

.k-gap-x-7 {
  column-gap: 28px;
}

.\!k-gap-x-7 {
  column-gap: 28px !important;
}

.k-gap-x-7\.5 {
  column-gap: 30px;
}

.\!k-gap-x-7\.5 {
  column-gap: 30px !important;
}

.k-gap-x-8 {
  column-gap: 32px;
}

.\!k-gap-x-8 {
  column-gap: 32px !important;
}

.k-gap-x-9 {
  column-gap: 36px;
}

.\!k-gap-x-9 {
  column-gap: 36px !important;
}

.k-gap-x-10 {
  column-gap: 40px;
}

.\!k-gap-x-10 {
  column-gap: 40px !important;
}

.k-gap-x-11 {
  column-gap: 44px;
}

.\!k-gap-x-11 {
  column-gap: 44px !important;
}

.k-gap-x-12 {
  column-gap: 48px;
}

.\!k-gap-x-12 {
  column-gap: 48px !important;
}

.k-gap-x-13 {
  column-gap: 52px;
}

.\!k-gap-x-13 {
  column-gap: 52px !important;
}

.k-gap-x-14 {
  column-gap: 56px;
}

.\!k-gap-x-14 {
  column-gap: 56px !important;
}

.k-gap-x-15 {
  column-gap: 60px;
}

.\!k-gap-x-15 {
  column-gap: 60px !important;
}

.k-gap-x-16 {
  column-gap: 64px;
}

.\!k-gap-x-16 {
  column-gap: 64px !important;
}

.k-gap-x-17 {
  column-gap: 68px;
}

.\!k-gap-x-17 {
  column-gap: 68px !important;
}

.k-gap-x-18 {
  column-gap: 72px;
}

.\!k-gap-x-18 {
  column-gap: 72px !important;
}

.k-gap-x-19 {
  column-gap: 76px;
}

.\!k-gap-x-19 {
  column-gap: 76px !important;
}

.k-gap-x-20 {
  column-gap: 80px;
}

.\!k-gap-x-20 {
  column-gap: 80px !important;
}

.k-gap-x-21 {
  column-gap: 84px;
}

.\!k-gap-x-21 {
  column-gap: 84px !important;
}

.k-gap-x-22 {
  column-gap: 88px;
}

.\!k-gap-x-22 {
  column-gap: 88px !important;
}

.k-gap-x-23 {
  column-gap: 92px;
}

.\!k-gap-x-23 {
  column-gap: 92px !important;
}

.k-gap-x-24 {
  column-gap: 96px;
}

.\!k-gap-x-24 {
  column-gap: 96px !important;
}

.k-gap-x-xs {
  column-gap: 4px;
}

.\!k-gap-x-xs {
  column-gap: 4px !important;
}

.k-gap-x-sm {
  column-gap: 8px;
}

.\!k-gap-x-sm {
  column-gap: 8px !important;
}

.k-gap-x-md {
  column-gap: 12px;
}

.\!k-gap-x-md {
  column-gap: 12px !important;
}

.k-gap-x-lg {
  column-gap: 16px;
}

.\!k-gap-x-lg {
  column-gap: 16px !important;
}

.k-gap-x-xl {
  column-gap: 24px;
}

.\!k-gap-x-xl {
  column-gap: 24px !important;
}

.k-gap-x-thin {
  column-gap: 2px;
}

.\!k-gap-x-thin {
  column-gap: 2px !important;
}

.k-gap-x-hair {
  column-gap: 1px;
}

.\!k-gap-x-hair {
  column-gap: 1px !important;
}

.k-gap-y-0 {
  row-gap: 0;
}

.\!k-gap-y-0 {
  row-gap: 0 !important;
}

.k-gap-y-1px {
  row-gap: 1px;
}

.\!k-gap-y-1px {
  row-gap: 1px !important;
}

.k-gap-y-0\.5 {
  row-gap: 2px;
}

.\!k-gap-y-0\.5 {
  row-gap: 2px !important;
}

.k-gap-y-1 {
  row-gap: 4px;
}

.\!k-gap-y-1 {
  row-gap: 4px !important;
}

.k-gap-y-1\.5 {
  row-gap: 6px;
}

.\!k-gap-y-1\.5 {
  row-gap: 6px !important;
}

.k-gap-y-2 {
  row-gap: 8px;
}

.\!k-gap-y-2 {
  row-gap: 8px !important;
}

.k-gap-y-2\.5 {
  row-gap: 10px;
}

.\!k-gap-y-2\.5 {
  row-gap: 10px !important;
}

.k-gap-y-3 {
  row-gap: 12px;
}

.\!k-gap-y-3 {
  row-gap: 12px !important;
}

.k-gap-y-3\.5 {
  row-gap: 14px;
}

.\!k-gap-y-3\.5 {
  row-gap: 14px !important;
}

.k-gap-y-4 {
  row-gap: 16px;
}

.\!k-gap-y-4 {
  row-gap: 16px !important;
}

.k-gap-y-4\.5 {
  row-gap: 18px;
}

.\!k-gap-y-4\.5 {
  row-gap: 18px !important;
}

.k-gap-y-5 {
  row-gap: 20px;
}

.\!k-gap-y-5 {
  row-gap: 20px !important;
}

.k-gap-y-5\.5 {
  row-gap: 22px;
}

.\!k-gap-y-5\.5 {
  row-gap: 22px !important;
}

.k-gap-y-6 {
  row-gap: 24px;
}

.\!k-gap-y-6 {
  row-gap: 24px !important;
}

.k-gap-y-6\.5 {
  row-gap: 26px;
}

.\!k-gap-y-6\.5 {
  row-gap: 26px !important;
}

.k-gap-y-7 {
  row-gap: 28px;
}

.\!k-gap-y-7 {
  row-gap: 28px !important;
}

.k-gap-y-7\.5 {
  row-gap: 30px;
}

.\!k-gap-y-7\.5 {
  row-gap: 30px !important;
}

.k-gap-y-8 {
  row-gap: 32px;
}

.\!k-gap-y-8 {
  row-gap: 32px !important;
}

.k-gap-y-9 {
  row-gap: 36px;
}

.\!k-gap-y-9 {
  row-gap: 36px !important;
}

.k-gap-y-10 {
  row-gap: 40px;
}

.\!k-gap-y-10 {
  row-gap: 40px !important;
}

.k-gap-y-11 {
  row-gap: 44px;
}

.\!k-gap-y-11 {
  row-gap: 44px !important;
}

.k-gap-y-12 {
  row-gap: 48px;
}

.\!k-gap-y-12 {
  row-gap: 48px !important;
}

.k-gap-y-13 {
  row-gap: 52px;
}

.\!k-gap-y-13 {
  row-gap: 52px !important;
}

.k-gap-y-14 {
  row-gap: 56px;
}

.\!k-gap-y-14 {
  row-gap: 56px !important;
}

.k-gap-y-15 {
  row-gap: 60px;
}

.\!k-gap-y-15 {
  row-gap: 60px !important;
}

.k-gap-y-16 {
  row-gap: 64px;
}

.\!k-gap-y-16 {
  row-gap: 64px !important;
}

.k-gap-y-17 {
  row-gap: 68px;
}

.\!k-gap-y-17 {
  row-gap: 68px !important;
}

.k-gap-y-18 {
  row-gap: 72px;
}

.\!k-gap-y-18 {
  row-gap: 72px !important;
}

.k-gap-y-19 {
  row-gap: 76px;
}

.\!k-gap-y-19 {
  row-gap: 76px !important;
}

.k-gap-y-20 {
  row-gap: 80px;
}

.\!k-gap-y-20 {
  row-gap: 80px !important;
}

.k-gap-y-21 {
  row-gap: 84px;
}

.\!k-gap-y-21 {
  row-gap: 84px !important;
}

.k-gap-y-22 {
  row-gap: 88px;
}

.\!k-gap-y-22 {
  row-gap: 88px !important;
}

.k-gap-y-23 {
  row-gap: 92px;
}

.\!k-gap-y-23 {
  row-gap: 92px !important;
}

.k-gap-y-24 {
  row-gap: 96px;
}

.\!k-gap-y-24 {
  row-gap: 96px !important;
}

.k-gap-y-xs {
  row-gap: 4px;
}

.\!k-gap-y-xs {
  row-gap: 4px !important;
}

.k-gap-y-sm {
  row-gap: 8px;
}

.\!k-gap-y-sm {
  row-gap: 8px !important;
}

.k-gap-y-md {
  row-gap: 12px;
}

.\!k-gap-y-md {
  row-gap: 12px !important;
}

.k-gap-y-lg {
  row-gap: 16px;
}

.\!k-gap-y-lg {
  row-gap: 16px !important;
}

.k-gap-y-xl {
  row-gap: 24px;
}

.\!k-gap-y-xl {
  row-gap: 24px !important;
}

.k-gap-y-thin {
  row-gap: 2px;
}

.\!k-gap-y-thin {
  row-gap: 2px !important;
}

.k-gap-y-hair {
  row-gap: 1px;
}

.\!k-gap-y-hair {
  row-gap: 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: 0;
}

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

.k-m-1px {
  margin: 1px;
}

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

.k-m-0\.5 {
  margin: 2px;
}

.\!k-m-0\.5 {
  margin: 2px !important;
}

.k-m-1 {
  margin: 4px;
}

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

.k-m-1\.5 {
  margin: 6px;
}

.\!k-m-1\.5 {
  margin: 6px !important;
}

.k-m-2 {
  margin: 8px;
}

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

.k-m-2\.5 {
  margin: 10px;
}

.\!k-m-2\.5 {
  margin: 10px !important;
}

.k-m-3 {
  margin: 12px;
}

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

.k-m-3\.5 {
  margin: 14px;
}

.\!k-m-3\.5 {
  margin: 14px !important;
}

.k-m-4 {
  margin: 16px;
}

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

.k-m-4\.5 {
  margin: 18px;
}

.\!k-m-4\.5 {
  margin: 18px !important;
}

.k-m-5 {
  margin: 20px;
}

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

.k-m-5\.5 {
  margin: 22px;
}

.\!k-m-5\.5 {
  margin: 22px !important;
}

.k-m-6 {
  margin: 24px;
}

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

.k-m-6\.5 {
  margin: 26px;
}

.\!k-m-6\.5 {
  margin: 26px !important;
}

.k-m-7 {
  margin: 28px;
}

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

.k-m-7\.5 {
  margin: 30px;
}

.\!k-m-7\.5 {
  margin: 30px !important;
}

.k-m-8 {
  margin: 32px;
}

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

.k-m-9 {
  margin: 36px;
}

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

.k-m-10 {
  margin: 40px;
}

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

.k-m-11 {
  margin: 44px;
}

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

.k-m-12 {
  margin: 48px;
}

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

.k-m-13 {
  margin: 52px;
}

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

.k-m-14 {
  margin: 56px;
}

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

.k-m-15 {
  margin: 60px;
}

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

.k-m-16 {
  margin: 64px;
}

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

.k-m-17 {
  margin: 68px;
}

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

.k-m-18 {
  margin: 72px;
}

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

.k-m-19 {
  margin: 76px;
}

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

.k-m-20 {
  margin: 80px;
}

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

.k-m-21 {
  margin: 84px;
}

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

.k-m-22 {
  margin: 88px;
}

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

.k-m-23 {
  margin: 92px;
}

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

.k-m-24 {
  margin: 96px;
}

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

.k-m--1px {
  margin: -1px;
}

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

.k-m--0\.5 {
  margin: -2px;
}

.\!k-m--0\.5 {
  margin: -2px !important;
}

.k-m--1 {
  margin: -4px;
}

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

.k-m--1\.5 {
  margin: -6px;
}

.\!k-m--1\.5 {
  margin: -6px !important;
}

.k-m--2 {
  margin: -8px;
}

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

.k-m--2\.5 {
  margin: -10px;
}

.\!k-m--2\.5 {
  margin: -10px !important;
}

.k-m--3 {
  margin: -12px;
}

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

.k-m--3\.5 {
  margin: -14px;
}

.\!k-m--3\.5 {
  margin: -14px !important;
}

.k-m--4 {
  margin: -16px;
}

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

.k-m--4\.5 {
  margin: -18px;
}

.\!k-m--4\.5 {
  margin: -18px !important;
}

.k-m--5 {
  margin: -20px;
}

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

.k-m--5\.5 {
  margin: -22px;
}

.\!k-m--5\.5 {
  margin: -22px !important;
}

.k-m--6 {
  margin: -24px;
}

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

.k-m--6\.5 {
  margin: -26px;
}

.\!k-m--6\.5 {
  margin: -26px !important;
}

.k-m--7 {
  margin: -28px;
}

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

.k-m--7\.5 {
  margin: -30px;
}

.\!k-m--7\.5 {
  margin: -30px !important;
}

.k-m--8 {
  margin: -32px;
}

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

.k-m--9 {
  margin: -36px;
}

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

.k-m--10 {
  margin: -40px;
}

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

.k-m--11 {
  margin: -44px;
}

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

.k-m--12 {
  margin: -48px;
}

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

.k-m--13 {
  margin: -52px;
}

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

.k-m--14 {
  margin: -56px;
}

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

.k-m--15 {
  margin: -60px;
}

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

.k-m--16 {
  margin: -64px;
}

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

.k-m--17 {
  margin: -68px;
}

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

.k-m--18 {
  margin: -72px;
}

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

.k-m--19 {
  margin: -76px;
}

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

.k-m--20 {
  margin: -80px;
}

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

.k-m--21 {
  margin: -84px;
}

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

.k-m--22 {
  margin: -88px;
}

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

.k-m--23 {
  margin: -92px;
}

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

.k-m--24 {
  margin: -96px;
}

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

.k-m-xs {
  margin: 4px;
}

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

.k-m-sm {
  margin: 8px;
}

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

.k-m-md {
  margin: 12px;
}

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

.k-m-lg {
  margin: 16px;
}

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

.k-m-xl {
  margin: 24px;
}

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

.k-m-thin {
  margin: 2px;
}

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

.k-m-hair {
  margin: 1px;
}

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

.k-m-auto {
  margin: auto;
}

.\!k-m-auto {
  margin: auto !important;
}

.k-mt-0 {
  margin-top: 0;
}

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

.k-mt-1px {
  margin-top: 1px;
}

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

.k-mt-0\.5 {
  margin-top: 2px;
}

.\!k-mt-0\.5 {
  margin-top: 2px !important;
}

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

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

.k-mt-1\.5 {
  margin-top: 6px;
}

.\!k-mt-1\.5 {
  margin-top: 6px !important;
}

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

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

.k-mt-2\.5 {
  margin-top: 10px;
}

.\!k-mt-2\.5 {
  margin-top: 10px !important;
}

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

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

.k-mt-3\.5 {
  margin-top: 14px;
}

.\!k-mt-3\.5 {
  margin-top: 14px !important;
}

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

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

.k-mt-4\.5 {
  margin-top: 18px;
}

.\!k-mt-4\.5 {
  margin-top: 18px !important;
}

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

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

.k-mt-5\.5 {
  margin-top: 22px;
}

.\!k-mt-5\.5 {
  margin-top: 22px !important;
}

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

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

.k-mt-6\.5 {
  margin-top: 26px;
}

.\!k-mt-6\.5 {
  margin-top: 26px !important;
}

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

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

.k-mt-7\.5 {
  margin-top: 30px;
}

.\!k-mt-7\.5 {
  margin-top: 30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k-mt--1px {
  margin-top: -1px;
}

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

.k-mt--0\.5 {
  margin-top: -2px;
}

.\!k-mt--0\.5 {
  margin-top: -2px !important;
}

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

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

.k-mt--1\.5 {
  margin-top: -6px;
}

.\!k-mt--1\.5 {
  margin-top: -6px !important;
}

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

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

.k-mt--2\.5 {
  margin-top: -10px;
}

.\!k-mt--2\.5 {
  margin-top: -10px !important;
}

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

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

.k-mt--3\.5 {
  margin-top: -14px;
}

.\!k-mt--3\.5 {
  margin-top: -14px !important;
}

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

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

.k-mt--4\.5 {
  margin-top: -18px;
}

.\!k-mt--4\.5 {
  margin-top: -18px !important;
}

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

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

.k-mt--5\.5 {
  margin-top: -22px;
}

.\!k-mt--5\.5 {
  margin-top: -22px !important;
}

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

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

.k-mt--6\.5 {
  margin-top: -26px;
}

.\!k-mt--6\.5 {
  margin-top: -26px !important;
}

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

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

.k-mt--7\.5 {
  margin-top: -30px;
}

.\!k-mt--7\.5 {
  margin-top: -30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k-mt-auto {
  margin-top: auto;
}

.\!k-mt-auto {
  margin-top: auto !important;
}

.k-mr-0 {
  margin-right: 0;
}

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

.k-mr-1px {
  margin-right: 1px;
}

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

.k-mr-0\.5 {
  margin-right: 2px;
}

.\!k-mr-0\.5 {
  margin-right: 2px !important;
}

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

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

.k-mr-1\.5 {
  margin-right: 6px;
}

.\!k-mr-1\.5 {
  margin-right: 6px !important;
}

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

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

.k-mr-2\.5 {
  margin-right: 10px;
}

.\!k-mr-2\.5 {
  margin-right: 10px !important;
}

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

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

.k-mr-3\.5 {
  margin-right: 14px;
}

.\!k-mr-3\.5 {
  margin-right: 14px !important;
}

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

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

.k-mr-4\.5 {
  margin-right: 18px;
}

.\!k-mr-4\.5 {
  margin-right: 18px !important;
}

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

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

.k-mr-5\.5 {
  margin-right: 22px;
}

.\!k-mr-5\.5 {
  margin-right: 22px !important;
}

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

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

.k-mr-6\.5 {
  margin-right: 26px;
}

.\!k-mr-6\.5 {
  margin-right: 26px !important;
}

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

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

.k-mr-7\.5 {
  margin-right: 30px;
}

.\!k-mr-7\.5 {
  margin-right: 30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k-mr--1px {
  margin-right: -1px;
}

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

.k-mr--0\.5 {
  margin-right: -2px;
}

.\!k-mr--0\.5 {
  margin-right: -2px !important;
}

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

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

.k-mr--1\.5 {
  margin-right: -6px;
}

.\!k-mr--1\.5 {
  margin-right: -6px !important;
}

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

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

.k-mr--2\.5 {
  margin-right: -10px;
}

.\!k-mr--2\.5 {
  margin-right: -10px !important;
}

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

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

.k-mr--3\.5 {
  margin-right: -14px;
}

.\!k-mr--3\.5 {
  margin-right: -14px !important;
}

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

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

.k-mr--4\.5 {
  margin-right: -18px;
}

.\!k-mr--4\.5 {
  margin-right: -18px !important;
}

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

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

.k-mr--5\.5 {
  margin-right: -22px;
}

.\!k-mr--5\.5 {
  margin-right: -22px !important;
}

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

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

.k-mr--6\.5 {
  margin-right: -26px;
}

.\!k-mr--6\.5 {
  margin-right: -26px !important;
}

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

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

.k-mr--7\.5 {
  margin-right: -30px;
}

.\!k-mr--7\.5 {
  margin-right: -30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k-mr-auto {
  margin-right: auto;
}

.\!k-mr-auto {
  margin-right: auto !important;
}

.k-mb-0 {
  margin-bottom: 0;
}

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

.k-mb-1px {
  margin-bottom: 1px;
}

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

.k-mb-0\.5 {
  margin-bottom: 2px;
}

.\!k-mb-0\.5 {
  margin-bottom: 2px !important;
}

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

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

.k-mb-1\.5 {
  margin-bottom: 6px;
}

.\!k-mb-1\.5 {
  margin-bottom: 6px !important;
}

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

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

.k-mb-2\.5 {
  margin-bottom: 10px;
}

.\!k-mb-2\.5 {
  margin-bottom: 10px !important;
}

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

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

.k-mb-3\.5 {
  margin-bottom: 14px;
}

.\!k-mb-3\.5 {
  margin-bottom: 14px !important;
}

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

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

.k-mb-4\.5 {
  margin-bottom: 18px;
}

.\!k-mb-4\.5 {
  margin-bottom: 18px !important;
}

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

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

.k-mb-5\.5 {
  margin-bottom: 22px;
}

.\!k-mb-5\.5 {
  margin-bottom: 22px !important;
}

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

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

.k-mb-6\.5 {
  margin-bottom: 26px;
}

.\!k-mb-6\.5 {
  margin-bottom: 26px !important;
}

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

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

.k-mb-7\.5 {
  margin-bottom: 30px;
}

.\!k-mb-7\.5 {
  margin-bottom: 30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k-mb--1px {
  margin-bottom: -1px;
}

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

.k-mb--0\.5 {
  margin-bottom: -2px;
}

.\!k-mb--0\.5 {
  margin-bottom: -2px !important;
}

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

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

.k-mb--1\.5 {
  margin-bottom: -6px;
}

.\!k-mb--1\.5 {
  margin-bottom: -6px !important;
}

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

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

.k-mb--2\.5 {
  margin-bottom: -10px;
}

.\!k-mb--2\.5 {
  margin-bottom: -10px !important;
}

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

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

.k-mb--3\.5 {
  margin-bottom: -14px;
}

.\!k-mb--3\.5 {
  margin-bottom: -14px !important;
}

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

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

.k-mb--4\.5 {
  margin-bottom: -18px;
}

.\!k-mb--4\.5 {
  margin-bottom: -18px !important;
}

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

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

.k-mb--5\.5 {
  margin-bottom: -22px;
}

.\!k-mb--5\.5 {
  margin-bottom: -22px !important;
}

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

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

.k-mb--6\.5 {
  margin-bottom: -26px;
}

.\!k-mb--6\.5 {
  margin-bottom: -26px !important;
}

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

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

.k-mb--7\.5 {
  margin-bottom: -30px;
}

.\!k-mb--7\.5 {
  margin-bottom: -30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k-mb-auto {
  margin-bottom: auto;
}

.\!k-mb-auto {
  margin-bottom: auto !important;
}

.k-ml-0 {
  margin-left: 0;
}

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

.k-ml-1px {
  margin-left: 1px;
}

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

.k-ml-0\.5 {
  margin-left: 2px;
}

.\!k-ml-0\.5 {
  margin-left: 2px !important;
}

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

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

.k-ml-1\.5 {
  margin-left: 6px;
}

.\!k-ml-1\.5 {
  margin-left: 6px !important;
}

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

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

.k-ml-2\.5 {
  margin-left: 10px;
}

.\!k-ml-2\.5 {
  margin-left: 10px !important;
}

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

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

.k-ml-3\.5 {
  margin-left: 14px;
}

.\!k-ml-3\.5 {
  margin-left: 14px !important;
}

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

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

.k-ml-4\.5 {
  margin-left: 18px;
}

.\!k-ml-4\.5 {
  margin-left: 18px !important;
}

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

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

.k-ml-5\.5 {
  margin-left: 22px;
}

.\!k-ml-5\.5 {
  margin-left: 22px !important;
}

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

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

.k-ml-6\.5 {
  margin-left: 26px;
}

.\!k-ml-6\.5 {
  margin-left: 26px !important;
}

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

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

.k-ml-7\.5 {
  margin-left: 30px;
}

.\!k-ml-7\.5 {
  margin-left: 30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k-ml--1px {
  margin-left: -1px;
}

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

.k-ml--0\.5 {
  margin-left: -2px;
}

.\!k-ml--0\.5 {
  margin-left: -2px !important;
}

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

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

.k-ml--1\.5 {
  margin-left: -6px;
}

.\!k-ml--1\.5 {
  margin-left: -6px !important;
}

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

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

.k-ml--2\.5 {
  margin-left: -10px;
}

.\!k-ml--2\.5 {
  margin-left: -10px !important;
}

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

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

.k-ml--3\.5 {
  margin-left: -14px;
}

.\!k-ml--3\.5 {
  margin-left: -14px !important;
}

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

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

.k-ml--4\.5 {
  margin-left: -18px;
}

.\!k-ml--4\.5 {
  margin-left: -18px !important;
}

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

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

.k-ml--5\.5 {
  margin-left: -22px;
}

.\!k-ml--5\.5 {
  margin-left: -22px !important;
}

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

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

.k-ml--6\.5 {
  margin-left: -26px;
}

.\!k-ml--6\.5 {
  margin-left: -26px !important;
}

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

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

.k-ml--7\.5 {
  margin-left: -30px;
}

.\!k-ml--7\.5 {
  margin-left: -30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k-ml-auto {
  margin-left: auto;
}

.\!k-ml-auto {
  margin-left: auto !important;
}

.k-mx-0 {
  margin-inline: 0;
}

.\!k-mx-0 {
  margin-inline: 0 !important;
}

.k-mx-1px {
  margin-inline: 1px;
}

.\!k-mx-1px {
  margin-inline: 1px !important;
}

.k-mx-0\.5 {
  margin-inline: 2px;
}

.\!k-mx-0\.5 {
  margin-inline: 2px !important;
}

.k-mx-1 {
  margin-inline: 4px;
}

.\!k-mx-1 {
  margin-inline: 4px !important;
}

.k-mx-1\.5 {
  margin-inline: 6px;
}

.\!k-mx-1\.5 {
  margin-inline: 6px !important;
}

.k-mx-2 {
  margin-inline: 8px;
}

.\!k-mx-2 {
  margin-inline: 8px !important;
}

.k-mx-2\.5 {
  margin-inline: 10px;
}

.\!k-mx-2\.5 {
  margin-inline: 10px !important;
}

.k-mx-3 {
  margin-inline: 12px;
}

.\!k-mx-3 {
  margin-inline: 12px !important;
}

.k-mx-3\.5 {
  margin-inline: 14px;
}

.\!k-mx-3\.5 {
  margin-inline: 14px !important;
}

.k-mx-4 {
  margin-inline: 16px;
}

.\!k-mx-4 {
  margin-inline: 16px !important;
}

.k-mx-4\.5 {
  margin-inline: 18px;
}

.\!k-mx-4\.5 {
  margin-inline: 18px !important;
}

.k-mx-5 {
  margin-inline: 20px;
}

.\!k-mx-5 {
  margin-inline: 20px !important;
}

.k-mx-5\.5 {
  margin-inline: 22px;
}

.\!k-mx-5\.5 {
  margin-inline: 22px !important;
}

.k-mx-6 {
  margin-inline: 24px;
}

.\!k-mx-6 {
  margin-inline: 24px !important;
}

.k-mx-6\.5 {
  margin-inline: 26px;
}

.\!k-mx-6\.5 {
  margin-inline: 26px !important;
}

.k-mx-7 {
  margin-inline: 28px;
}

.\!k-mx-7 {
  margin-inline: 28px !important;
}

.k-mx-7\.5 {
  margin-inline: 30px;
}

.\!k-mx-7\.5 {
  margin-inline: 30px !important;
}

.k-mx-8 {
  margin-inline: 32px;
}

.\!k-mx-8 {
  margin-inline: 32px !important;
}

.k-mx-9 {
  margin-inline: 36px;
}

.\!k-mx-9 {
  margin-inline: 36px !important;
}

.k-mx-10 {
  margin-inline: 40px;
}

.\!k-mx-10 {
  margin-inline: 40px !important;
}

.k-mx-11 {
  margin-inline: 44px;
}

.\!k-mx-11 {
  margin-inline: 44px !important;
}

.k-mx-12 {
  margin-inline: 48px;
}

.\!k-mx-12 {
  margin-inline: 48px !important;
}

.k-mx-13 {
  margin-inline: 52px;
}

.\!k-mx-13 {
  margin-inline: 52px !important;
}

.k-mx-14 {
  margin-inline: 56px;
}

.\!k-mx-14 {
  margin-inline: 56px !important;
}

.k-mx-15 {
  margin-inline: 60px;
}

.\!k-mx-15 {
  margin-inline: 60px !important;
}

.k-mx-16 {
  margin-inline: 64px;
}

.\!k-mx-16 {
  margin-inline: 64px !important;
}

.k-mx-17 {
  margin-inline: 68px;
}

.\!k-mx-17 {
  margin-inline: 68px !important;
}

.k-mx-18 {
  margin-inline: 72px;
}

.\!k-mx-18 {
  margin-inline: 72px !important;
}

.k-mx-19 {
  margin-inline: 76px;
}

.\!k-mx-19 {
  margin-inline: 76px !important;
}

.k-mx-20 {
  margin-inline: 80px;
}

.\!k-mx-20 {
  margin-inline: 80px !important;
}

.k-mx-21 {
  margin-inline: 84px;
}

.\!k-mx-21 {
  margin-inline: 84px !important;
}

.k-mx-22 {
  margin-inline: 88px;
}

.\!k-mx-22 {
  margin-inline: 88px !important;
}

.k-mx-23 {
  margin-inline: 92px;
}

.\!k-mx-23 {
  margin-inline: 92px !important;
}

.k-mx-24 {
  margin-inline: 96px;
}

.\!k-mx-24 {
  margin-inline: 96px !important;
}

.k-mx--1px {
  margin-inline: -1px;
}

.\!k-mx--1px {
  margin-inline: -1px !important;
}

.k-mx--0\.5 {
  margin-inline: -2px;
}

.\!k-mx--0\.5 {
  margin-inline: -2px !important;
}

.k-mx--1 {
  margin-inline: -4px;
}

.\!k-mx--1 {
  margin-inline: -4px !important;
}

.k-mx--1\.5 {
  margin-inline: -6px;
}

.\!k-mx--1\.5 {
  margin-inline: -6px !important;
}

.k-mx--2 {
  margin-inline: -8px;
}

.\!k-mx--2 {
  margin-inline: -8px !important;
}

.k-mx--2\.5 {
  margin-inline: -10px;
}

.\!k-mx--2\.5 {
  margin-inline: -10px !important;
}

.k-mx--3 {
  margin-inline: -12px;
}

.\!k-mx--3 {
  margin-inline: -12px !important;
}

.k-mx--3\.5 {
  margin-inline: -14px;
}

.\!k-mx--3\.5 {
  margin-inline: -14px !important;
}

.k-mx--4 {
  margin-inline: -16px;
}

.\!k-mx--4 {
  margin-inline: -16px !important;
}

.k-mx--4\.5 {
  margin-inline: -18px;
}

.\!k-mx--4\.5 {
  margin-inline: -18px !important;
}

.k-mx--5 {
  margin-inline: -20px;
}

.\!k-mx--5 {
  margin-inline: -20px !important;
}

.k-mx--5\.5 {
  margin-inline: -22px;
}

.\!k-mx--5\.5 {
  margin-inline: -22px !important;
}

.k-mx--6 {
  margin-inline: -24px;
}

.\!k-mx--6 {
  margin-inline: -24px !important;
}

.k-mx--6\.5 {
  margin-inline: -26px;
}

.\!k-mx--6\.5 {
  margin-inline: -26px !important;
}

.k-mx--7 {
  margin-inline: -28px;
}

.\!k-mx--7 {
  margin-inline: -28px !important;
}

.k-mx--7\.5 {
  margin-inline: -30px;
}

.\!k-mx--7\.5 {
  margin-inline: -30px !important;
}

.k-mx--8 {
  margin-inline: -32px;
}

.\!k-mx--8 {
  margin-inline: -32px !important;
}

.k-mx--9 {
  margin-inline: -36px;
}

.\!k-mx--9 {
  margin-inline: -36px !important;
}

.k-mx--10 {
  margin-inline: -40px;
}

.\!k-mx--10 {
  margin-inline: -40px !important;
}

.k-mx--11 {
  margin-inline: -44px;
}

.\!k-mx--11 {
  margin-inline: -44px !important;
}

.k-mx--12 {
  margin-inline: -48px;
}

.\!k-mx--12 {
  margin-inline: -48px !important;
}

.k-mx--13 {
  margin-inline: -52px;
}

.\!k-mx--13 {
  margin-inline: -52px !important;
}

.k-mx--14 {
  margin-inline: -56px;
}

.\!k-mx--14 {
  margin-inline: -56px !important;
}

.k-mx--15 {
  margin-inline: -60px;
}

.\!k-mx--15 {
  margin-inline: -60px !important;
}

.k-mx--16 {
  margin-inline: -64px;
}

.\!k-mx--16 {
  margin-inline: -64px !important;
}

.k-mx--17 {
  margin-inline: -68px;
}

.\!k-mx--17 {
  margin-inline: -68px !important;
}

.k-mx--18 {
  margin-inline: -72px;
}

.\!k-mx--18 {
  margin-inline: -72px !important;
}

.k-mx--19 {
  margin-inline: -76px;
}

.\!k-mx--19 {
  margin-inline: -76px !important;
}

.k-mx--20 {
  margin-inline: -80px;
}

.\!k-mx--20 {
  margin-inline: -80px !important;
}

.k-mx--21 {
  margin-inline: -84px;
}

.\!k-mx--21 {
  margin-inline: -84px !important;
}

.k-mx--22 {
  margin-inline: -88px;
}

.\!k-mx--22 {
  margin-inline: -88px !important;
}

.k-mx--23 {
  margin-inline: -92px;
}

.\!k-mx--23 {
  margin-inline: -92px !important;
}

.k-mx--24 {
  margin-inline: -96px;
}

.\!k-mx--24 {
  margin-inline: -96px !important;
}

.k-mx-xs {
  margin-inline: 4px;
}

.\!k-mx-xs {
  margin-inline: 4px !important;
}

.k-mx-sm {
  margin-inline: 8px;
}

.\!k-mx-sm {
  margin-inline: 8px !important;
}

.k-mx-md {
  margin-inline: 12px;
}

.\!k-mx-md {
  margin-inline: 12px !important;
}

.k-mx-lg {
  margin-inline: 16px;
}

.\!k-mx-lg {
  margin-inline: 16px !important;
}

.k-mx-xl {
  margin-inline: 24px;
}

.\!k-mx-xl {
  margin-inline: 24px !important;
}

.k-mx-thin {
  margin-inline: 2px;
}

.\!k-mx-thin {
  margin-inline: 2px !important;
}

.k-mx-hair {
  margin-inline: 1px;
}

.\!k-mx-hair {
  margin-inline: 1px !important;
}

.k-mx-auto {
  margin-inline: auto;
}

.\!k-mx-auto {
  margin-inline: auto !important;
}

.k-my-0 {
  margin-block: 0;
}

.\!k-my-0 {
  margin-block: 0 !important;
}

.k-my-1px {
  margin-block: 1px;
}

.\!k-my-1px {
  margin-block: 1px !important;
}

.k-my-0\.5 {
  margin-block: 2px;
}

.\!k-my-0\.5 {
  margin-block: 2px !important;
}

.k-my-1 {
  margin-block: 4px;
}

.\!k-my-1 {
  margin-block: 4px !important;
}

.k-my-1\.5 {
  margin-block: 6px;
}

.\!k-my-1\.5 {
  margin-block: 6px !important;
}

.k-my-2 {
  margin-block: 8px;
}

.\!k-my-2 {
  margin-block: 8px !important;
}

.k-my-2\.5 {
  margin-block: 10px;
}

.\!k-my-2\.5 {
  margin-block: 10px !important;
}

.k-my-3 {
  margin-block: 12px;
}

.\!k-my-3 {
  margin-block: 12px !important;
}

.k-my-3\.5 {
  margin-block: 14px;
}

.\!k-my-3\.5 {
  margin-block: 14px !important;
}

.k-my-4 {
  margin-block: 16px;
}

.\!k-my-4 {
  margin-block: 16px !important;
}

.k-my-4\.5 {
  margin-block: 18px;
}

.\!k-my-4\.5 {
  margin-block: 18px !important;
}

.k-my-5 {
  margin-block: 20px;
}

.\!k-my-5 {
  margin-block: 20px !important;
}

.k-my-5\.5 {
  margin-block: 22px;
}

.\!k-my-5\.5 {
  margin-block: 22px !important;
}

.k-my-6 {
  margin-block: 24px;
}

.\!k-my-6 {
  margin-block: 24px !important;
}

.k-my-6\.5 {
  margin-block: 26px;
}

.\!k-my-6\.5 {
  margin-block: 26px !important;
}

.k-my-7 {
  margin-block: 28px;
}

.\!k-my-7 {
  margin-block: 28px !important;
}

.k-my-7\.5 {
  margin-block: 30px;
}

.\!k-my-7\.5 {
  margin-block: 30px !important;
}

.k-my-8 {
  margin-block: 32px;
}

.\!k-my-8 {
  margin-block: 32px !important;
}

.k-my-9 {
  margin-block: 36px;
}

.\!k-my-9 {
  margin-block: 36px !important;
}

.k-my-10 {
  margin-block: 40px;
}

.\!k-my-10 {
  margin-block: 40px !important;
}

.k-my-11 {
  margin-block: 44px;
}

.\!k-my-11 {
  margin-block: 44px !important;
}

.k-my-12 {
  margin-block: 48px;
}

.\!k-my-12 {
  margin-block: 48px !important;
}

.k-my-13 {
  margin-block: 52px;
}

.\!k-my-13 {
  margin-block: 52px !important;
}

.k-my-14 {
  margin-block: 56px;
}

.\!k-my-14 {
  margin-block: 56px !important;
}

.k-my-15 {
  margin-block: 60px;
}

.\!k-my-15 {
  margin-block: 60px !important;
}

.k-my-16 {
  margin-block: 64px;
}

.\!k-my-16 {
  margin-block: 64px !important;
}

.k-my-17 {
  margin-block: 68px;
}

.\!k-my-17 {
  margin-block: 68px !important;
}

.k-my-18 {
  margin-block: 72px;
}

.\!k-my-18 {
  margin-block: 72px !important;
}

.k-my-19 {
  margin-block: 76px;
}

.\!k-my-19 {
  margin-block: 76px !important;
}

.k-my-20 {
  margin-block: 80px;
}

.\!k-my-20 {
  margin-block: 80px !important;
}

.k-my-21 {
  margin-block: 84px;
}

.\!k-my-21 {
  margin-block: 84px !important;
}

.k-my-22 {
  margin-block: 88px;
}

.\!k-my-22 {
  margin-block: 88px !important;
}

.k-my-23 {
  margin-block: 92px;
}

.\!k-my-23 {
  margin-block: 92px !important;
}

.k-my-24 {
  margin-block: 96px;
}

.\!k-my-24 {
  margin-block: 96px !important;
}

.k-my--1px {
  margin-block: -1px;
}

.\!k-my--1px {
  margin-block: -1px !important;
}

.k-my--0\.5 {
  margin-block: -2px;
}

.\!k-my--0\.5 {
  margin-block: -2px !important;
}

.k-my--1 {
  margin-block: -4px;
}

.\!k-my--1 {
  margin-block: -4px !important;
}

.k-my--1\.5 {
  margin-block: -6px;
}

.\!k-my--1\.5 {
  margin-block: -6px !important;
}

.k-my--2 {
  margin-block: -8px;
}

.\!k-my--2 {
  margin-block: -8px !important;
}

.k-my--2\.5 {
  margin-block: -10px;
}

.\!k-my--2\.5 {
  margin-block: -10px !important;
}

.k-my--3 {
  margin-block: -12px;
}

.\!k-my--3 {
  margin-block: -12px !important;
}

.k-my--3\.5 {
  margin-block: -14px;
}

.\!k-my--3\.5 {
  margin-block: -14px !important;
}

.k-my--4 {
  margin-block: -16px;
}

.\!k-my--4 {
  margin-block: -16px !important;
}

.k-my--4\.5 {
  margin-block: -18px;
}

.\!k-my--4\.5 {
  margin-block: -18px !important;
}

.k-my--5 {
  margin-block: -20px;
}

.\!k-my--5 {
  margin-block: -20px !important;
}

.k-my--5\.5 {
  margin-block: -22px;
}

.\!k-my--5\.5 {
  margin-block: -22px !important;
}

.k-my--6 {
  margin-block: -24px;
}

.\!k-my--6 {
  margin-block: -24px !important;
}

.k-my--6\.5 {
  margin-block: -26px;
}

.\!k-my--6\.5 {
  margin-block: -26px !important;
}

.k-my--7 {
  margin-block: -28px;
}

.\!k-my--7 {
  margin-block: -28px !important;
}

.k-my--7\.5 {
  margin-block: -30px;
}

.\!k-my--7\.5 {
  margin-block: -30px !important;
}

.k-my--8 {
  margin-block: -32px;
}

.\!k-my--8 {
  margin-block: -32px !important;
}

.k-my--9 {
  margin-block: -36px;
}

.\!k-my--9 {
  margin-block: -36px !important;
}

.k-my--10 {
  margin-block: -40px;
}

.\!k-my--10 {
  margin-block: -40px !important;
}

.k-my--11 {
  margin-block: -44px;
}

.\!k-my--11 {
  margin-block: -44px !important;
}

.k-my--12 {
  margin-block: -48px;
}

.\!k-my--12 {
  margin-block: -48px !important;
}

.k-my--13 {
  margin-block: -52px;
}

.\!k-my--13 {
  margin-block: -52px !important;
}

.k-my--14 {
  margin-block: -56px;
}

.\!k-my--14 {
  margin-block: -56px !important;
}

.k-my--15 {
  margin-block: -60px;
}

.\!k-my--15 {
  margin-block: -60px !important;
}

.k-my--16 {
  margin-block: -64px;
}

.\!k-my--16 {
  margin-block: -64px !important;
}

.k-my--17 {
  margin-block: -68px;
}

.\!k-my--17 {
  margin-block: -68px !important;
}

.k-my--18 {
  margin-block: -72px;
}

.\!k-my--18 {
  margin-block: -72px !important;
}

.k-my--19 {
  margin-block: -76px;
}

.\!k-my--19 {
  margin-block: -76px !important;
}

.k-my--20 {
  margin-block: -80px;
}

.\!k-my--20 {
  margin-block: -80px !important;
}

.k-my--21 {
  margin-block: -84px;
}

.\!k-my--21 {
  margin-block: -84px !important;
}

.k-my--22 {
  margin-block: -88px;
}

.\!k-my--22 {
  margin-block: -88px !important;
}

.k-my--23 {
  margin-block: -92px;
}

.\!k-my--23 {
  margin-block: -92px !important;
}

.k-my--24 {
  margin-block: -96px;
}

.\!k-my--24 {
  margin-block: -96px !important;
}

.k-my-xs {
  margin-block: 4px;
}

.\!k-my-xs {
  margin-block: 4px !important;
}

.k-my-sm {
  margin-block: 8px;
}

.\!k-my-sm {
  margin-block: 8px !important;
}

.k-my-md {
  margin-block: 12px;
}

.\!k-my-md {
  margin-block: 12px !important;
}

.k-my-lg {
  margin-block: 16px;
}

.\!k-my-lg {
  margin-block: 16px !important;
}

.k-my-xl {
  margin-block: 24px;
}

.\!k-my-xl {
  margin-block: 24px !important;
}

.k-my-thin {
  margin-block: 2px;
}

.\!k-my-thin {
  margin-block: 2px !important;
}

.k-my-hair {
  margin-block: 1px;
}

.\!k-my-hair {
  margin-block: 1px !important;
}

.k-my-auto {
  margin-block: auto;
}

.\!k-my-auto {
  margin-block: auto !important;
}

.k-p-0 {
  padding: 0;
}

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

.k-p-1px {
  padding: 1px;
}

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

.k-p-0\.5 {
  padding: 2px;
}

.\!k-p-0\.5 {
  padding: 2px !important;
}

.k-p-1 {
  padding: 4px;
}

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

.k-p-1\.5 {
  padding: 6px;
}

.\!k-p-1\.5 {
  padding: 6px !important;
}

.k-p-2 {
  padding: 8px;
}

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

.k-p-2\.5 {
  padding: 10px;
}

.\!k-p-2\.5 {
  padding: 10px !important;
}

.k-p-3 {
  padding: 12px;
}

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

.k-p-3\.5 {
  padding: 14px;
}

.\!k-p-3\.5 {
  padding: 14px !important;
}

.k-p-4 {
  padding: 16px;
}

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

.k-p-4\.5 {
  padding: 18px;
}

.\!k-p-4\.5 {
  padding: 18px !important;
}

.k-p-5 {
  padding: 20px;
}

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

.k-p-5\.5 {
  padding: 22px;
}

.\!k-p-5\.5 {
  padding: 22px !important;
}

.k-p-6 {
  padding: 24px;
}

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

.k-p-6\.5 {
  padding: 26px;
}

.\!k-p-6\.5 {
  padding: 26px !important;
}

.k-p-7 {
  padding: 28px;
}

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

.k-p-7\.5 {
  padding: 30px;
}

.\!k-p-7\.5 {
  padding: 30px !important;
}

.k-p-8 {
  padding: 32px;
}

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

.k-p-9 {
  padding: 36px;
}

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

.k-p-10 {
  padding: 40px;
}

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

.k-p-11 {
  padding: 44px;
}

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

.k-p-12 {
  padding: 48px;
}

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

.k-p-13 {
  padding: 52px;
}

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

.k-p-14 {
  padding: 56px;
}

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

.k-p-15 {
  padding: 60px;
}

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

.k-p-16 {
  padding: 64px;
}

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

.k-p-17 {
  padding: 68px;
}

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

.k-p-18 {
  padding: 72px;
}

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

.k-p-19 {
  padding: 76px;
}

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

.k-p-20 {
  padding: 80px;
}

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

.k-p-21 {
  padding: 84px;
}

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

.k-p-22 {
  padding: 88px;
}

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

.k-p-23 {
  padding: 92px;
}

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

.k-p-24 {
  padding: 96px;
}

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

.k-p-xs {
  padding: 4px;
}

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

.k-p-sm {
  padding: 8px;
}

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

.k-p-md {
  padding: 12px;
}

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

.k-p-lg {
  padding: 16px;
}

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

.k-p-xl {
  padding: 24px;
}

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

.k-p-thin {
  padding: 2px;
}

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

.k-p-hair {
  padding: 1px;
}

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

.k-pt-0 {
  padding-top: 0;
}

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

.k-pt-1px {
  padding-top: 1px;
}

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

.k-pt-0\.5 {
  padding-top: 2px;
}

.\!k-pt-0\.5 {
  padding-top: 2px !important;
}

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

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

.k-pt-1\.5 {
  padding-top: 6px;
}

.\!k-pt-1\.5 {
  padding-top: 6px !important;
}

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

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

.k-pt-2\.5 {
  padding-top: 10px;
}

.\!k-pt-2\.5 {
  padding-top: 10px !important;
}

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

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

.k-pt-3\.5 {
  padding-top: 14px;
}

.\!k-pt-3\.5 {
  padding-top: 14px !important;
}

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

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

.k-pt-4\.5 {
  padding-top: 18px;
}

.\!k-pt-4\.5 {
  padding-top: 18px !important;
}

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

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

.k-pt-5\.5 {
  padding-top: 22px;
}

.\!k-pt-5\.5 {
  padding-top: 22px !important;
}

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

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

.k-pt-6\.5 {
  padding-top: 26px;
}

.\!k-pt-6\.5 {
  padding-top: 26px !important;
}

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

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

.k-pt-7\.5 {
  padding-top: 30px;
}

.\!k-pt-7\.5 {
  padding-top: 30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k-pr-0 {
  padding-right: 0;
}

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

.k-pr-1px {
  padding-right: 1px;
}

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

.k-pr-0\.5 {
  padding-right: 2px;
}

.\!k-pr-0\.5 {
  padding-right: 2px !important;
}

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

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

.k-pr-1\.5 {
  padding-right: 6px;
}

.\!k-pr-1\.5 {
  padding-right: 6px !important;
}

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

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

.k-pr-2\.5 {
  padding-right: 10px;
}

.\!k-pr-2\.5 {
  padding-right: 10px !important;
}

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

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

.k-pr-3\.5 {
  padding-right: 14px;
}

.\!k-pr-3\.5 {
  padding-right: 14px !important;
}

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

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

.k-pr-4\.5 {
  padding-right: 18px;
}

.\!k-pr-4\.5 {
  padding-right: 18px !important;
}

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

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

.k-pr-5\.5 {
  padding-right: 22px;
}

.\!k-pr-5\.5 {
  padding-right: 22px !important;
}

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

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

.k-pr-6\.5 {
  padding-right: 26px;
}

.\!k-pr-6\.5 {
  padding-right: 26px !important;
}

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

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

.k-pr-7\.5 {
  padding-right: 30px;
}

.\!k-pr-7\.5 {
  padding-right: 30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k-pb-0 {
  padding-bottom: 0;
}

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

.k-pb-1px {
  padding-bottom: 1px;
}

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

.k-pb-0\.5 {
  padding-bottom: 2px;
}

.\!k-pb-0\.5 {
  padding-bottom: 2px !important;
}

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

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

.k-pb-1\.5 {
  padding-bottom: 6px;
}

.\!k-pb-1\.5 {
  padding-bottom: 6px !important;
}

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

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

.k-pb-2\.5 {
  padding-bottom: 10px;
}

.\!k-pb-2\.5 {
  padding-bottom: 10px !important;
}

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

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

.k-pb-3\.5 {
  padding-bottom: 14px;
}

.\!k-pb-3\.5 {
  padding-bottom: 14px !important;
}

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

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

.k-pb-4\.5 {
  padding-bottom: 18px;
}

.\!k-pb-4\.5 {
  padding-bottom: 18px !important;
}

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

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

.k-pb-5\.5 {
  padding-bottom: 22px;
}

.\!k-pb-5\.5 {
  padding-bottom: 22px !important;
}

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

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

.k-pb-6\.5 {
  padding-bottom: 26px;
}

.\!k-pb-6\.5 {
  padding-bottom: 26px !important;
}

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

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

.k-pb-7\.5 {
  padding-bottom: 30px;
}

.\!k-pb-7\.5 {
  padding-bottom: 30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k-pl-0 {
  padding-left: 0;
}

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

.k-pl-1px {
  padding-left: 1px;
}

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

.k-pl-0\.5 {
  padding-left: 2px;
}

.\!k-pl-0\.5 {
  padding-left: 2px !important;
}

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

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

.k-pl-1\.5 {
  padding-left: 6px;
}

.\!k-pl-1\.5 {
  padding-left: 6px !important;
}

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

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

.k-pl-2\.5 {
  padding-left: 10px;
}

.\!k-pl-2\.5 {
  padding-left: 10px !important;
}

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

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

.k-pl-3\.5 {
  padding-left: 14px;
}

.\!k-pl-3\.5 {
  padding-left: 14px !important;
}

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

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

.k-pl-4\.5 {
  padding-left: 18px;
}

.\!k-pl-4\.5 {
  padding-left: 18px !important;
}

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

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

.k-pl-5\.5 {
  padding-left: 22px;
}

.\!k-pl-5\.5 {
  padding-left: 22px !important;
}

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

.\!k-pl-6 {
  padding-left: 24px !important;
}

.k-pl-6\.5 {
  padding-left: 26px;
}

.\!k-pl-6\.5 {
  padding-left: 26px !important;
}

.k-pl-7 {
  padding-left: 28px;
}

.\!k-pl-7 {
  padding-left: 28px !important;
}

.k-pl-7\.5 {
  padding-left: 30px;
}

.\!k-pl-7\.5 {
  padding-left: 30px !important;
}

.k-pl-8 {
  padding-left: 32px;
}

.\!k-pl-8 {
  padding-left: 32px !important;
}

.k-pl-9 {
  padding-left: 36px;
}

.\!k-pl-9 {
  padding-left: 36px !important;
}

.k-pl-10 {
  padding-left: 40px;
}

.\!k-pl-10 {
  padding-left: 40px !important;
}

.k-pl-11 {
  padding-left: 44px;
}

.\!k-pl-11 {
  padding-left: 44px !important;
}

.k-pl-12 {
  padding-left: 48px;
}

.\!k-pl-12 {
  padding-left: 48px !important;
}

.k-pl-13 {
  padding-left: 52px;
}

.\!k-pl-13 {
  padding-left: 52px !important;
}

.k-pl-14 {
  padding-left: 56px;
}

.\!k-pl-14 {
  padding-left: 56px !important;
}

.k-pl-15 {
  padding-left: 60px;
}

.\!k-pl-15 {
  padding-left: 60px !important;
}

.k-pl-16 {
  padding-left: 64px;
}

.\!k-pl-16 {
  padding-left: 64px !important;
}

.k-pl-17 {
  padding-left: 68px;
}

.\!k-pl-17 {
  padding-left: 68px !important;
}

.k-pl-18 {
  padding-left: 72px;
}

.\!k-pl-18 {
  padding-left: 72px !important;
}

.k-pl-19 {
  padding-left: 76px;
}

.\!k-pl-19 {
  padding-left: 76px !important;
}

.k-pl-20 {
  padding-left: 80px;
}

.\!k-pl-20 {
  padding-left: 80px !important;
}

.k-pl-21 {
  padding-left: 84px;
}

.\!k-pl-21 {
  padding-left: 84px !important;
}

.k-pl-22 {
  padding-left: 88px;
}

.\!k-pl-22 {
  padding-left: 88px !important;
}

.k-pl-23 {
  padding-left: 92px;
}

.\!k-pl-23 {
  padding-left: 92px !important;
}

.k-pl-24 {
  padding-left: 96px;
}

.\!k-pl-24 {
  padding-left: 96px !important;
}

.k-pl-xs {
  padding-left: 4px;
}

.\!k-pl-xs {
  padding-left: 4px !important;
}

.k-pl-sm {
  padding-left: 8px;
}

.\!k-pl-sm {
  padding-left: 8px !important;
}

.k-pl-md {
  padding-left: 12px;
}

.\!k-pl-md {
  padding-left: 12px !important;
}

.k-pl-lg {
  padding-left: 16px;
}

.\!k-pl-lg {
  padding-left: 16px !important;
}

.k-pl-xl {
  padding-left: 24px;
}

.\!k-pl-xl {
  padding-left: 24px !important;
}

.k-pl-thin {
  padding-left: 2px;
}

.\!k-pl-thin {
  padding-left: 2px !important;
}

.k-pl-hair {
  padding-left: 1px;
}

.\!k-pl-hair {
  padding-left: 1px !important;
}

.k-px-0 {
  padding-inline: 0;
}

.\!k-px-0 {
  padding-inline: 0 !important;
}

.k-px-1px {
  padding-inline: 1px;
}

.\!k-px-1px {
  padding-inline: 1px !important;
}

.k-px-0\.5 {
  padding-inline: 2px;
}

.\!k-px-0\.5 {
  padding-inline: 2px !important;
}

.k-px-1 {
  padding-inline: 4px;
}

.\!k-px-1 {
  padding-inline: 4px !important;
}

.k-px-1\.5 {
  padding-inline: 6px;
}

.\!k-px-1\.5 {
  padding-inline: 6px !important;
}

.k-px-2 {
  padding-inline: 8px;
}

.\!k-px-2 {
  padding-inline: 8px !important;
}

.k-px-2\.5 {
  padding-inline: 10px;
}

.\!k-px-2\.5 {
  padding-inline: 10px !important;
}

.k-px-3 {
  padding-inline: 12px;
}

.\!k-px-3 {
  padding-inline: 12px !important;
}

.k-px-3\.5 {
  padding-inline: 14px;
}

.\!k-px-3\.5 {
  padding-inline: 14px !important;
}

.k-px-4 {
  padding-inline: 16px;
}

.\!k-px-4 {
  padding-inline: 16px !important;
}

.k-px-4\.5 {
  padding-inline: 18px;
}

.\!k-px-4\.5 {
  padding-inline: 18px !important;
}

.k-px-5 {
  padding-inline: 20px;
}

.\!k-px-5 {
  padding-inline: 20px !important;
}

.k-px-5\.5 {
  padding-inline: 22px;
}

.\!k-px-5\.5 {
  padding-inline: 22px !important;
}

.k-px-6 {
  padding-inline: 24px;
}

.\!k-px-6 {
  padding-inline: 24px !important;
}

.k-px-6\.5 {
  padding-inline: 26px;
}

.\!k-px-6\.5 {
  padding-inline: 26px !important;
}

.k-px-7 {
  padding-inline: 28px;
}

.\!k-px-7 {
  padding-inline: 28px !important;
}

.k-px-7\.5 {
  padding-inline: 30px;
}

.\!k-px-7\.5 {
  padding-inline: 30px !important;
}

.k-px-8 {
  padding-inline: 32px;
}

.\!k-px-8 {
  padding-inline: 32px !important;
}

.k-px-9 {
  padding-inline: 36px;
}

.\!k-px-9 {
  padding-inline: 36px !important;
}

.k-px-10 {
  padding-inline: 40px;
}

.\!k-px-10 {
  padding-inline: 40px !important;
}

.k-px-11 {
  padding-inline: 44px;
}

.\!k-px-11 {
  padding-inline: 44px !important;
}

.k-px-12 {
  padding-inline: 48px;
}

.\!k-px-12 {
  padding-inline: 48px !important;
}

.k-px-13 {
  padding-inline: 52px;
}

.\!k-px-13 {
  padding-inline: 52px !important;
}

.k-px-14 {
  padding-inline: 56px;
}

.\!k-px-14 {
  padding-inline: 56px !important;
}

.k-px-15 {
  padding-inline: 60px;
}

.\!k-px-15 {
  padding-inline: 60px !important;
}

.k-px-16 {
  padding-inline: 64px;
}

.\!k-px-16 {
  padding-inline: 64px !important;
}

.k-px-17 {
  padding-inline: 68px;
}

.\!k-px-17 {
  padding-inline: 68px !important;
}

.k-px-18 {
  padding-inline: 72px;
}

.\!k-px-18 {
  padding-inline: 72px !important;
}

.k-px-19 {
  padding-inline: 76px;
}

.\!k-px-19 {
  padding-inline: 76px !important;
}

.k-px-20 {
  padding-inline: 80px;
}

.\!k-px-20 {
  padding-inline: 80px !important;
}

.k-px-21 {
  padding-inline: 84px;
}

.\!k-px-21 {
  padding-inline: 84px !important;
}

.k-px-22 {
  padding-inline: 88px;
}

.\!k-px-22 {
  padding-inline: 88px !important;
}

.k-px-23 {
  padding-inline: 92px;
}

.\!k-px-23 {
  padding-inline: 92px !important;
}

.k-px-24 {
  padding-inline: 96px;
}

.\!k-px-24 {
  padding-inline: 96px !important;
}

.k-px-xs {
  padding-inline: 4px;
}

.\!k-px-xs {
  padding-inline: 4px !important;
}

.k-px-sm {
  padding-inline: 8px;
}

.\!k-px-sm {
  padding-inline: 8px !important;
}

.k-px-md {
  padding-inline: 12px;
}

.\!k-px-md {
  padding-inline: 12px !important;
}

.k-px-lg {
  padding-inline: 16px;
}

.\!k-px-lg {
  padding-inline: 16px !important;
}

.k-px-xl {
  padding-inline: 24px;
}

.\!k-px-xl {
  padding-inline: 24px !important;
}

.k-px-thin {
  padding-inline: 2px;
}

.\!k-px-thin {
  padding-inline: 2px !important;
}

.k-px-hair {
  padding-inline: 1px;
}

.\!k-px-hair {
  padding-inline: 1px !important;
}

.k-py-0 {
  padding-block: 0;
}

.\!k-py-0 {
  padding-block: 0 !important;
}

.k-py-1px {
  padding-block: 1px;
}

.\!k-py-1px {
  padding-block: 1px !important;
}

.k-py-0\.5 {
  padding-block: 2px;
}

.\!k-py-0\.5 {
  padding-block: 2px !important;
}

.k-py-1 {
  padding-block: 4px;
}

.\!k-py-1 {
  padding-block: 4px !important;
}

.k-py-1\.5 {
  padding-block: 6px;
}

.\!k-py-1\.5 {
  padding-block: 6px !important;
}

.k-py-2 {
  padding-block: 8px;
}

.\!k-py-2 {
  padding-block: 8px !important;
}

.k-py-2\.5 {
  padding-block: 10px;
}

.\!k-py-2\.5 {
  padding-block: 10px !important;
}

.k-py-3 {
  padding-block: 12px;
}

.\!k-py-3 {
  padding-block: 12px !important;
}

.k-py-3\.5 {
  padding-block: 14px;
}

.\!k-py-3\.5 {
  padding-block: 14px !important;
}

.k-py-4 {
  padding-block: 16px;
}

.\!k-py-4 {
  padding-block: 16px !important;
}

.k-py-4\.5 {
  padding-block: 18px;
}

.\!k-py-4\.5 {
  padding-block: 18px !important;
}

.k-py-5 {
  padding-block: 20px;
}

.\!k-py-5 {
  padding-block: 20px !important;
}

.k-py-5\.5 {
  padding-block: 22px;
}

.\!k-py-5\.5 {
  padding-block: 22px !important;
}

.k-py-6 {
  padding-block: 24px;
}

.\!k-py-6 {
  padding-block: 24px !important;
}

.k-py-6\.5 {
  padding-block: 26px;
}

.\!k-py-6\.5 {
  padding-block: 26px !important;
}

.k-py-7 {
  padding-block: 28px;
}

.\!k-py-7 {
  padding-block: 28px !important;
}

.k-py-7\.5 {
  padding-block: 30px;
}

.\!k-py-7\.5 {
  padding-block: 30px !important;
}

.k-py-8 {
  padding-block: 32px;
}

.\!k-py-8 {
  padding-block: 32px !important;
}

.k-py-9 {
  padding-block: 36px;
}

.\!k-py-9 {
  padding-block: 36px !important;
}

.k-py-10 {
  padding-block: 40px;
}

.\!k-py-10 {
  padding-block: 40px !important;
}

.k-py-11 {
  padding-block: 44px;
}

.\!k-py-11 {
  padding-block: 44px !important;
}

.k-py-12 {
  padding-block: 48px;
}

.\!k-py-12 {
  padding-block: 48px !important;
}

.k-py-13 {
  padding-block: 52px;
}

.\!k-py-13 {
  padding-block: 52px !important;
}

.k-py-14 {
  padding-block: 56px;
}

.\!k-py-14 {
  padding-block: 56px !important;
}

.k-py-15 {
  padding-block: 60px;
}

.\!k-py-15 {
  padding-block: 60px !important;
}

.k-py-16 {
  padding-block: 64px;
}

.\!k-py-16 {
  padding-block: 64px !important;
}

.k-py-17 {
  padding-block: 68px;
}

.\!k-py-17 {
  padding-block: 68px !important;
}

.k-py-18 {
  padding-block: 72px;
}

.\!k-py-18 {
  padding-block: 72px !important;
}

.k-py-19 {
  padding-block: 76px;
}

.\!k-py-19 {
  padding-block: 76px !important;
}

.k-py-20 {
  padding-block: 80px;
}

.\!k-py-20 {
  padding-block: 80px !important;
}

.k-py-21 {
  padding-block: 84px;
}

.\!k-py-21 {
  padding-block: 84px !important;
}

.k-py-22 {
  padding-block: 88px;
}

.\!k-py-22 {
  padding-block: 88px !important;
}

.k-py-23 {
  padding-block: 92px;
}

.\!k-py-23 {
  padding-block: 92px !important;
}

.k-py-24 {
  padding-block: 96px;
}

.\!k-py-24 {
  padding-block: 96px !important;
}

.k-py-xs {
  padding-block: 4px;
}

.\!k-py-xs {
  padding-block: 4px !important;
}

.k-py-sm {
  padding-block: 8px;
}

.\!k-py-sm {
  padding-block: 8px !important;
}

.k-py-md {
  padding-block: 12px;
}

.\!k-py-md {
  padding-block: 12px !important;
}

.k-py-lg {
  padding-block: 16px;
}

.\!k-py-lg {
  padding-block: 16px !important;
}

.k-py-xl {
  padding-block: 24px;
}

.\!k-py-xl {
  padding-block: 24px !important;
}

.k-py-thin {
  padding-block: 2px;
}

.\!k-py-thin {
  padding-block: 2px !important;
}

.k-py-hair {
  padding-block: 1px;
}

.\!k-py-hair {
  padding-block: 1px !important;
}

.k-h-0 {
  height: 0;
}

.\!k-h-0 {
  height: 0 !important;
}

.k-h-1px {
  height: 1px;
}

.\!k-h-1px {
  height: 1px !important;
}

.k-h-0\.5 {
  height: 2px;
}

.\!k-h-0\.5 {
  height: 2px !important;
}

.k-h-1 {
  height: 4px;
}

.\!k-h-1 {
  height: 4px !important;
}

.k-h-1\.5 {
  height: 6px;
}

.\!k-h-1\.5 {
  height: 6px !important;
}

.k-h-2 {
  height: 8px;
}

.\!k-h-2 {
  height: 8px !important;
}

.k-h-2\.5 {
  height: 10px;
}

.\!k-h-2\.5 {
  height: 10px !important;
}

.k-h-3 {
  height: 12px;
}

.\!k-h-3 {
  height: 12px !important;
}

.k-h-3\.5 {
  height: 14px;
}

.\!k-h-3\.5 {
  height: 14px !important;
}

.k-h-4 {
  height: 16px;
}

.\!k-h-4 {
  height: 16px !important;
}

.k-h-4\.5 {
  height: 18px;
}

.\!k-h-4\.5 {
  height: 18px !important;
}

.k-h-5 {
  height: 20px;
}

.\!k-h-5 {
  height: 20px !important;
}

.k-h-5\.5 {
  height: 22px;
}

.\!k-h-5\.5 {
  height: 22px !important;
}

.k-h-6 {
  height: 24px;
}

.\!k-h-6 {
  height: 24px !important;
}

.k-h-6\.5 {
  height: 26px;
}

.\!k-h-6\.5 {
  height: 26px !important;
}

.k-h-7 {
  height: 28px;
}

.\!k-h-7 {
  height: 28px !important;
}

.k-h-7\.5 {
  height: 30px;
}

.\!k-h-7\.5 {
  height: 30px !important;
}

.k-h-8 {
  height: 32px;
}

.\!k-h-8 {
  height: 32px !important;
}

.k-h-9 {
  height: 36px;
}

.\!k-h-9 {
  height: 36px !important;
}

.k-h-10 {
  height: 40px;
}

.\!k-h-10 {
  height: 40px !important;
}

.k-h-11 {
  height: 44px;
}

.\!k-h-11 {
  height: 44px !important;
}

.k-h-12 {
  height: 48px;
}

.\!k-h-12 {
  height: 48px !important;
}

.k-h-13 {
  height: 52px;
}

.\!k-h-13 {
  height: 52px !important;
}

.k-h-14 {
  height: 56px;
}

.\!k-h-14 {
  height: 56px !important;
}

.k-h-15 {
  height: 60px;
}

.\!k-h-15 {
  height: 60px !important;
}

.k-h-16 {
  height: 64px;
}

.\!k-h-16 {
  height: 64px !important;
}

.k-h-17 {
  height: 68px;
}

.\!k-h-17 {
  height: 68px !important;
}

.k-h-18 {
  height: 72px;
}

.\!k-h-18 {
  height: 72px !important;
}

.k-h-19 {
  height: 76px;
}

.\!k-h-19 {
  height: 76px !important;
}

.k-h-20 {
  height: 80px;
}

.\!k-h-20 {
  height: 80px !important;
}

.k-h-21 {
  height: 84px;
}

.\!k-h-21 {
  height: 84px !important;
}

.k-h-22 {
  height: 88px;
}

.\!k-h-22 {
  height: 88px !important;
}

.k-h-23 {
  height: 92px;
}

.\!k-h-23 {
  height: 92px !important;
}

.k-h-24 {
  height: 96px;
}

.\!k-h-24 {
  height: 96px !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: fit-content;
}

.\!k-h-fit {
  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: fit-content;
}

.\!k-min-h-fit {
  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: fit-content;
}

.\!k-max-h-fit {
  max-height: fit-content !important;
}

.k-w-0 {
  width: 0;
}

.\!k-w-0 {
  width: 0 !important;
}

.k-w-1px {
  width: 1px;
}

.\!k-w-1px {
  width: 1px !important;
}

.k-w-0\.5 {
  width: 2px;
}

.\!k-w-0\.5 {
  width: 2px !important;
}

.k-w-1 {
  width: 4px;
}

.\!k-w-1 {
  width: 4px !important;
}

.k-w-1\.5 {
  width: 6px;
}

.\!k-w-1\.5 {
  width: 6px !important;
}

.k-w-2 {
  width: 8px;
}

.\!k-w-2 {
  width: 8px !important;
}

.k-w-2\.5 {
  width: 10px;
}

.\!k-w-2\.5 {
  width: 10px !important;
}

.k-w-3 {
  width: 12px;
}

.\!k-w-3 {
  width: 12px !important;
}

.k-w-3\.5 {
  width: 14px;
}

.\!k-w-3\.5 {
  width: 14px !important;
}

.k-w-4 {
  width: 16px;
}

.\!k-w-4 {
  width: 16px !important;
}

.k-w-4\.5 {
  width: 18px;
}

.\!k-w-4\.5 {
  width: 18px !important;
}

.k-w-5 {
  width: 20px;
}

.\!k-w-5 {
  width: 20px !important;
}

.k-w-5\.5 {
  width: 22px;
}

.\!k-w-5\.5 {
  width: 22px !important;
}

.k-w-6 {
  width: 24px;
}

.\!k-w-6 {
  width: 24px !important;
}

.k-w-6\.5 {
  width: 26px;
}

.\!k-w-6\.5 {
  width: 26px !important;
}

.k-w-7 {
  width: 28px;
}

.\!k-w-7 {
  width: 28px !important;
}

.k-w-7\.5 {
  width: 30px;
}

.\!k-w-7\.5 {
  width: 30px !important;
}

.k-w-8 {
  width: 32px;
}

.\!k-w-8 {
  width: 32px !important;
}

.k-w-9 {
  width: 36px;
}

.\!k-w-9 {
  width: 36px !important;
}

.k-w-10 {
  width: 40px;
}

.\!k-w-10 {
  width: 40px !important;
}

.k-w-11 {
  width: 44px;
}

.\!k-w-11 {
  width: 44px !important;
}

.k-w-12 {
  width: 48px;
}

.\!k-w-12 {
  width: 48px !important;
}

.k-w-13 {
  width: 52px;
}

.\!k-w-13 {
  width: 52px !important;
}

.k-w-14 {
  width: 56px;
}

.\!k-w-14 {
  width: 56px !important;
}

.k-w-15 {
  width: 60px;
}

.\!k-w-15 {
  width: 60px !important;
}

.k-w-16 {
  width: 64px;
}

.\!k-w-16 {
  width: 64px !important;
}

.k-w-17 {
  width: 68px;
}

.\!k-w-17 {
  width: 68px !important;
}

.k-w-18 {
  width: 72px;
}

.\!k-w-18 {
  width: 72px !important;
}

.k-w-19 {
  width: 76px;
}

.\!k-w-19 {
  width: 76px !important;
}

.k-w-20 {
  width: 80px;
}

.\!k-w-20 {
  width: 80px !important;
}

.k-w-21 {
  width: 84px;
}

.\!k-w-21 {
  width: 84px !important;
}

.k-w-22 {
  width: 88px;
}

.\!k-w-22 {
  width: 88px !important;
}

.k-w-23 {
  width: 92px;
}

.\!k-w-23 {
  width: 92px !important;
}

.k-w-24 {
  width: 96px;
}

.\!k-w-24 {
  width: 96px !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: fit-content;
}

.\!k-w-fit {
  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: fit-content;
}

.\!k-min-w-fit {
  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: fit-content;
}

.\!k-max-w-fit {
  max-width: fit-content !important;
}

.k-font-size-xs {
  font-size: 10px;
}

.\!k-font-size-xs {
  font-size: 10px !important;
}

.k-font-size-sm {
  font-size: 12px;
}

.\!k-font-size-sm {
  font-size: 12px !important;
}

.k-font-size-md {
  font-size: 14px;
}

.\!k-font-size-md {
  font-size: 14px !important;
}

.k-font-size-lg {
  font-size: 16px;
}

.\!k-font-size-lg {
  font-size: 16px !important;
}

.k-font-size-xl {
  font-size: 20px;
}

.\!k-font-size-xl {
  font-size: 20px !important;
}

.k-fs-xs {
  font-size: 10px;
}

.\!k-fs-xs {
  font-size: 10px !important;
}

.k-fs-sm {
  font-size: 12px;
}

.\!k-fs-sm {
  font-size: 12px !important;
}

.k-fs-md {
  font-size: 14px;
}

.\!k-fs-md {
  font-size: 14px !important;
}

.k-fs-lg {
  font-size: 16px;
}

.\!k-fs-lg {
  font-size: 16px !important;
}

.k-fs-xl {
  font-size: 20px;
}

.\!k-fs-xl {
  font-size: 20px !important;
}

.k-font-italic {
  font-style: italic;
}

.\!k-font-italic {
  font-style: italic !important;
}

.k-font-non-italic {
  font-style: normal;
}

.\!k-font-non-italic {
  font-style: normal !important;
}

.k-font-thin {
  font-weight: 100;
}

.\!k-font-thin {
  font-weight: 100 !important;
}

.k-font-extralight {
  font-weight: 200;
}

.\!k-font-extralight {
  font-weight: 200 !important;
}

.k-font-light {
  font-weight: 300;
}

.\!k-font-light {
  font-weight: 300 !important;
}

.k-font-normal {
  font-weight: 400;
}

.\!k-font-normal {
  font-weight: 400 !important;
}

.k-font-medium {
  font-weight: 500;
}

.\!k-font-medium {
  font-weight: 500 !important;
}

.k-font-semibold {
  font-weight: 600;
}

.\!k-font-semibold {
  font-weight: 600 !important;
}

.k-font-bold {
  font-weight: 700;
}

.\!k-font-bold {
  font-weight: 700 !important;
}

.k-font-extrabold {
  font-weight: 800;
}

.\!k-font-extrabold {
  font-weight: 800 !important;
}

.k-font-black {
  font-weight: 900;
}

.\!k-font-black {
  font-weight: 900 !important;
}

.k-font-weight-thin {
  font-weight: 100;
}

.\!k-font-weight-thin {
  font-weight: 100 !important;
}

.k-font-weight-extralight {
  font-weight: 200;
}

.\!k-font-weight-extralight {
  font-weight: 200 !important;
}

.k-font-weight-light {
  font-weight: 300;
}

.\!k-font-weight-light {
  font-weight: 300 !important;
}

.k-font-weight-normal {
  font-weight: 400;
}

.\!k-font-weight-normal {
  font-weight: 400 !important;
}

.k-font-weight-medium {
  font-weight: 500;
}

.\!k-font-weight-medium {
  font-weight: 500 !important;
}

.k-font-weight-semibold {
  font-weight: 600;
}

.\!k-font-weight-semibold {
  font-weight: 600 !important;
}

.k-font-weight-bold {
  font-weight: 700;
}

.\!k-font-weight-bold {
  font-weight: 700 !important;
}

.k-font-weight-extrabold {
  font-weight: 800;
}

.\!k-font-weight-extrabold {
  font-weight: 800 !important;
}

.k-font-weight-black {
  font-weight: 900;
}

.\!k-font-weight-black {
  font-weight: 900 !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-primary {
  color: #2755f3;
}

.\!k-text-primary {
  color: #2755f3 !important;
}

.k-text-secondary {
  color: #1565c0;
}

.\!k-text-secondary {
  color: #1565c0 !important;
}

.k-text-tertiary {
  color: #00695c;
}

.\!k-text-tertiary {
  color: #00695c !important;
}

.k-text-info {
  color: #0058e9;
}

.\!k-text-info {
  color: #0058e9 !important;
}

.k-text-success {
  color: #37b400;
}

.\!k-text-success {
  color: #37b400 !important;
}

.k-text-warning {
  color: #ffc000;
}

.\!k-text-warning {
  color: #ffc000 !important;
}

.k-text-error {
  color: #f31700;
}

.\!k-text-error {
  color: #f31700 !important;
}

.k-text-dark {
  color: #424242;
}

.\!k-text-dark {
  color: #424242 !important;
}

.k-text-light {
  color: #f5f5f5;
}

.\!k-text-light {
  color: #f5f5f5 !important;
}

.k-text-inverse {
  color: #424242;
}

.\!k-text-inverse {
  color: #424242 !important;
}

.k-text-inherit {
  color: inherit;
}

.\!k-text-inherit {
  color: inherit !important;
}

.k-text-current {
  color: currentColor;
}

.\!k-text-current {
  color: currentColor !important;
}

.k-text-transparent {
  color: transparent;
}

.\!k-text-transparent {
  color: transparent !important;
}

.k-text-black {
  color: black;
}

.\!k-text-black {
  color: black !important;
}

.k-text-white {
  color: white;
}

.\!k-text-white {
  color: white !important;
}

.k-color-primary {
  color: #2755f3;
}

.\!k-color-primary {
  color: #2755f3 !important;
}

.k-color-secondary {
  color: #1565c0;
}

.\!k-color-secondary {
  color: #1565c0 !important;
}

.k-color-tertiary {
  color: #00695c;
}

.\!k-color-tertiary {
  color: #00695c !important;
}

.k-color-info {
  color: #0058e9;
}

.\!k-color-info {
  color: #0058e9 !important;
}

.k-color-success {
  color: #37b400;
}

.\!k-color-success {
  color: #37b400 !important;
}

.k-color-warning {
  color: #ffc000;
}

.\!k-color-warning {
  color: #ffc000 !important;
}

.k-color-error {
  color: #f31700;
}

.\!k-color-error {
  color: #f31700 !important;
}

.k-color-dark {
  color: #424242;
}

.\!k-color-dark {
  color: #424242 !important;
}

.k-color-light {
  color: #f5f5f5;
}

.\!k-color-light {
  color: #f5f5f5 !important;
}

.k-color-inverse {
  color: #424242;
}

.\!k-color-inverse {
  color: #424242 !important;
}

.k-color-inherit {
  color: inherit;
}

.\!k-color-inherit {
  color: inherit !important;
}

.k-color-current {
  color: currentColor;
}

.\!k-color-current {
  color: currentColor !important;
}

.k-color-transparent {
  color: transparent;
}

.\!k-color-transparent {
  color: transparent !important;
}

.k-color-black {
  color: black;
}

.\!k-color-black {
  color: black !important;
}

.k-color-white {
  color: white;
}

.\!k-color-white {
  color: 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 {
  background-clip: text;
}

.\!k-bg-clip-text {
  background-clip: text !important;
}

.k-bg-primary {
  background-color: #2755f3;
}

.\!k-bg-primary {
  background-color: #2755f3 !important;
}

.k-bg-secondary {
  background-color: #1565c0;
}

.\!k-bg-secondary {
  background-color: #1565c0 !important;
}

.k-bg-tertiary {
  background-color: #00695c;
}

.\!k-bg-tertiary {
  background-color: #00695c !important;
}

.k-bg-info {
  background-color: #0058e9;
}

.\!k-bg-info {
  background-color: #0058e9 !important;
}

.k-bg-success {
  background-color: #37b400;
}

.\!k-bg-success {
  background-color: #37b400 !important;
}

.k-bg-warning {
  background-color: #ffc000;
}

.\!k-bg-warning {
  background-color: #ffc000 !important;
}

.k-bg-error {
  background-color: #f31700;
}

.\!k-bg-error {
  background-color: #f31700 !important;
}

.k-bg-dark {
  background-color: #424242;
}

.\!k-bg-dark {
  background-color: #424242 !important;
}

.k-bg-light {
  background-color: #f5f5f5;
}

.\!k-bg-light {
  background-color: #f5f5f5 !important;
}

.k-bg-inverse {
  background-color: #424242;
}

.\!k-bg-inverse {
  background-color: #424242 !important;
}

.k-bg-inherit {
  background-color: inherit;
}

.\!k-bg-inherit {
  background-color: inherit !important;
}

.k-bg-transparent {
  background-color: transparent;
}

.\!k-bg-transparent {
  background-color: transparent !important;
}

.k-bg-black {
  background-color: black;
}

.\!k-bg-black {
  background-color: black !important;
}

.k-bg-white {
  background-color: white;
}

.\!k-bg-white {
  background-color: 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-primary {
  border-color: #2755f3;
}

.\!k-border-primary {
  border-color: #2755f3 !important;
}

.k-border-secondary {
  border-color: #1565c0;
}

.\!k-border-secondary {
  border-color: #1565c0 !important;
}

.k-border-tertiary {
  border-color: #00695c;
}

.\!k-border-tertiary {
  border-color: #00695c !important;
}

.k-border-info {
  border-color: #0058e9;
}

.\!k-border-info {
  border-color: #0058e9 !important;
}

.k-border-success {
  border-color: #37b400;
}

.\!k-border-success {
  border-color: #37b400 !important;
}

.k-border-warning {
  border-color: #ffc000;
}

.\!k-border-warning {
  border-color: #ffc000 !important;
}

.k-border-error {
  border-color: #f31700;
}

.\!k-border-error {
  border-color: #f31700 !important;
}

.k-border-dark {
  border-color: #424242;
}

.\!k-border-dark {
  border-color: #424242 !important;
}

.k-border-light {
  border-color: #f5f5f5;
}

.\!k-border-light {
  border-color: #f5f5f5 !important;
}

.k-border-inverse {
  border-color: #424242;
}

.\!k-border-inverse {
  border-color: #424242 !important;
}

.k-border-inherit {
  border-color: inherit;
}

.\!k-border-inherit {
  border-color: inherit !important;
}

.k-border-current {
  border-color: currentColor;
}

.\!k-border-current {
  border-color: currentColor !important;
}

.k-border-transparent {
  border-color: transparent;
}

.\!k-border-transparent {
  border-color: transparent !important;
}

.k-border-black {
  border-color: black;
}

.\!k-border-black {
  border-color: black !important;
}

.k-border-white {
  border-color: white;
}

.\!k-border-white {
  border-color: white !important;
}

.k-border-t-primary {
  border-top-color: #2755f3;
}

.\!k-border-t-primary {
  border-top-color: #2755f3 !important;
}

.k-border-t-secondary {
  border-top-color: #1565c0;
}

.\!k-border-t-secondary {
  border-top-color: #1565c0 !important;
}

.k-border-t-tertiary {
  border-top-color: #00695c;
}

.\!k-border-t-tertiary {
  border-top-color: #00695c !important;
}

.k-border-t-info {
  border-top-color: #0058e9;
}

.\!k-border-t-info {
  border-top-color: #0058e9 !important;
}

.k-border-t-success {
  border-top-color: #37b400;
}

.\!k-border-t-success {
  border-top-color: #37b400 !important;
}

.k-border-t-warning {
  border-top-color: #ffc000;
}

.\!k-border-t-warning {
  border-top-color: #ffc000 !important;
}

.k-border-t-error {
  border-top-color: #f31700;
}

.\!k-border-t-error {
  border-top-color: #f31700 !important;
}

.k-border-t-dark {
  border-top-color: #424242;
}

.\!k-border-t-dark {
  border-top-color: #424242 !important;
}

.k-border-t-light {
  border-top-color: #f5f5f5;
}

.\!k-border-t-light {
  border-top-color: #f5f5f5 !important;
}

.k-border-t-inverse {
  border-top-color: #424242;
}

.\!k-border-t-inverse {
  border-top-color: #424242 !important;
}

.k-border-t-inherit {
  border-top-color: inherit;
}

.\!k-border-t-inherit {
  border-top-color: inherit !important;
}

.k-border-t-current {
  border-top-color: currentColor;
}

.\!k-border-t-current {
  border-top-color: currentColor !important;
}

.k-border-t-transparent {
  border-top-color: transparent;
}

.\!k-border-t-transparent {
  border-top-color: transparent !important;
}

.k-border-t-black {
  border-top-color: black;
}

.\!k-border-t-black {
  border-top-color: black !important;
}

.k-border-t-white {
  border-top-color: white;
}

.\!k-border-t-white {
  border-top-color: white !important;
}

.k-border-r-primary {
  border-right-color: #2755f3;
}

.\!k-border-r-primary {
  border-right-color: #2755f3 !important;
}

.k-border-r-secondary {
  border-right-color: #1565c0;
}

.\!k-border-r-secondary {
  border-right-color: #1565c0 !important;
}

.k-border-r-tertiary {
  border-right-color: #00695c;
}

.\!k-border-r-tertiary {
  border-right-color: #00695c !important;
}

.k-border-r-info {
  border-right-color: #0058e9;
}

.\!k-border-r-info {
  border-right-color: #0058e9 !important;
}

.k-border-r-success {
  border-right-color: #37b400;
}

.\!k-border-r-success {
  border-right-color: #37b400 !important;
}

.k-border-r-warning {
  border-right-color: #ffc000;
}

.\!k-border-r-warning {
  border-right-color: #ffc000 !important;
}

.k-border-r-error {
  border-right-color: #f31700;
}

.\!k-border-r-error {
  border-right-color: #f31700 !important;
}

.k-border-r-dark {
  border-right-color: #424242;
}

.\!k-border-r-dark {
  border-right-color: #424242 !important;
}

.k-border-r-light {
  border-right-color: #f5f5f5;
}

.\!k-border-r-light {
  border-right-color: #f5f5f5 !important;
}

.k-border-r-inverse {
  border-right-color: #424242;
}

.\!k-border-r-inverse {
  border-right-color: #424242 !important;
}

.k-border-r-inherit {
  border-right-color: inherit;
}

.\!k-border-r-inherit {
  border-right-color: inherit !important;
}

.k-border-r-current {
  border-right-color: currentColor;
}

.\!k-border-r-current {
  border-right-color: currentColor !important;
}

.k-border-r-transparent {
  border-right-color: transparent;
}

.\!k-border-r-transparent {
  border-right-color: transparent !important;
}

.k-border-r-black {
  border-right-color: black;
}

.\!k-border-r-black {
  border-right-color: black !important;
}

.k-border-r-white {
  border-right-color: white;
}

.\!k-border-r-white {
  border-right-color: white !important;
}

.k-border-b-primary {
  border-bottom-color: #2755f3;
}

.\!k-border-b-primary {
  border-bottom-color: #2755f3 !important;
}

.k-border-b-secondary {
  border-bottom-color: #1565c0;
}

.\!k-border-b-secondary {
  border-bottom-color: #1565c0 !important;
}

.k-border-b-tertiary {
  border-bottom-color: #00695c;
}

.\!k-border-b-tertiary {
  border-bottom-color: #00695c !important;
}

.k-border-b-info {
  border-bottom-color: #0058e9;
}

.\!k-border-b-info {
  border-bottom-color: #0058e9 !important;
}

.k-border-b-success {
  border-bottom-color: #37b400;
}

.\!k-border-b-success {
  border-bottom-color: #37b400 !important;
}

.k-border-b-warning {
  border-bottom-color: #ffc000;
}

.\!k-border-b-warning {
  border-bottom-color: #ffc000 !important;
}

.k-border-b-error {
  border-bottom-color: #f31700;
}

.\!k-border-b-error {
  border-bottom-color: #f31700 !important;
}

.k-border-b-dark {
  border-bottom-color: #424242;
}

.\!k-border-b-dark {
  border-bottom-color: #424242 !important;
}

.k-border-b-light {
  border-bottom-color: #f5f5f5;
}

.\!k-border-b-light {
  border-bottom-color: #f5f5f5 !important;
}

.k-border-b-inverse {
  border-bottom-color: #424242;
}

.\!k-border-b-inverse {
  border-bottom-color: #424242 !important;
}

.k-border-b-inherit {
  border-bottom-color: inherit;
}

.\!k-border-b-inherit {
  border-bottom-color: inherit !important;
}

.k-border-b-current {
  border-bottom-color: currentColor;
}

.\!k-border-b-current {
  border-bottom-color: currentColor !important;
}

.k-border-b-transparent {
  border-bottom-color: transparent;
}

.\!k-border-b-transparent {
  border-bottom-color: transparent !important;
}

.k-border-b-black {
  border-bottom-color: black;
}

.\!k-border-b-black {
  border-bottom-color: black !important;
}

.k-border-b-white {
  border-bottom-color: white;
}

.\!k-border-b-white {
  border-bottom-color: white !important;
}

.k-border-l-primary {
  border-left-color: #2755f3;
}

.\!k-border-l-primary {
  border-left-color: #2755f3 !important;
}

.k-border-l-secondary {
  border-left-color: #1565c0;
}

.\!k-border-l-secondary {
  border-left-color: #1565c0 !important;
}

.k-border-l-tertiary {
  border-left-color: #00695c;
}

.\!k-border-l-tertiary {
  border-left-color: #00695c !important;
}

.k-border-l-info {
  border-left-color: #0058e9;
}

.\!k-border-l-info {
  border-left-color: #0058e9 !important;
}

.k-border-l-success {
  border-left-color: #37b400;
}

.\!k-border-l-success {
  border-left-color: #37b400 !important;
}

.k-border-l-warning {
  border-left-color: #ffc000;
}

.\!k-border-l-warning {
  border-left-color: #ffc000 !important;
}

.k-border-l-error {
  border-left-color: #f31700;
}

.\!k-border-l-error {
  border-left-color: #f31700 !important;
}

.k-border-l-dark {
  border-left-color: #424242;
}

.\!k-border-l-dark {
  border-left-color: #424242 !important;
}

.k-border-l-light {
  border-left-color: #f5f5f5;
}

.\!k-border-l-light {
  border-left-color: #f5f5f5 !important;
}

.k-border-l-inverse {
  border-left-color: #424242;
}

.\!k-border-l-inverse {
  border-left-color: #424242 !important;
}

.k-border-l-inherit {
  border-left-color: inherit;
}

.\!k-border-l-inherit {
  border-left-color: inherit !important;
}

.k-border-l-current {
  border-left-color: currentColor;
}

.\!k-border-l-current {
  border-left-color: currentColor !important;
}

.k-border-l-transparent {
  border-left-color: transparent;
}

.\!k-border-l-transparent {
  border-left-color: transparent !important;
}

.k-border-l-black {
  border-left-color: black;
}

.\!k-border-l-black {
  border-left-color: black !important;
}

.k-border-l-white {
  border-left-color: white;
}

.\!k-border-l-white {
  border-left-color: white !important;
}

.k-border-x-primary {
  border-inline-color: #2755f3;
}

.\!k-border-x-primary {
  border-inline-color: #2755f3 !important;
}

.k-border-x-secondary {
  border-inline-color: #1565c0;
}

.\!k-border-x-secondary {
  border-inline-color: #1565c0 !important;
}

.k-border-x-tertiary {
  border-inline-color: #00695c;
}

.\!k-border-x-tertiary {
  border-inline-color: #00695c !important;
}

.k-border-x-info {
  border-inline-color: #0058e9;
}

.\!k-border-x-info {
  border-inline-color: #0058e9 !important;
}

.k-border-x-success {
  border-inline-color: #37b400;
}

.\!k-border-x-success {
  border-inline-color: #37b400 !important;
}

.k-border-x-warning {
  border-inline-color: #ffc000;
}

.\!k-border-x-warning {
  border-inline-color: #ffc000 !important;
}

.k-border-x-error {
  border-inline-color: #f31700;
}

.\!k-border-x-error {
  border-inline-color: #f31700 !important;
}

.k-border-x-dark {
  border-inline-color: #424242;
}

.\!k-border-x-dark {
  border-inline-color: #424242 !important;
}

.k-border-x-light {
  border-inline-color: #f5f5f5;
}

.\!k-border-x-light {
  border-inline-color: #f5f5f5 !important;
}

.k-border-x-inverse {
  border-inline-color: #424242;
}

.\!k-border-x-inverse {
  border-inline-color: #424242 !important;
}

.k-border-x-inherit {
  border-inline-color: inherit;
}

.\!k-border-x-inherit {
  border-inline-color: inherit !important;
}

.k-border-x-current {
  border-inline-color: currentColor;
}

.\!k-border-x-current {
  border-inline-color: currentColor !important;
}

.k-border-x-transparent {
  border-inline-color: transparent;
}

.\!k-border-x-transparent {
  border-inline-color: transparent !important;
}

.k-border-x-black {
  border-inline-color: black;
}

.\!k-border-x-black {
  border-inline-color: black !important;
}

.k-border-x-white {
  border-inline-color: white;
}

.\!k-border-x-white {
  border-inline-color: white !important;
}

.k-border-y-primary {
  border-block-color: #2755f3;
}

.\!k-border-y-primary {
  border-block-color: #2755f3 !important;
}

.k-border-y-secondary {
  border-block-color: #1565c0;
}

.\!k-border-y-secondary {
  border-block-color: #1565c0 !important;
}

.k-border-y-tertiary {
  border-block-color: #00695c;
}

.\!k-border-y-tertiary {
  border-block-color: #00695c !important;
}

.k-border-y-info {
  border-block-color: #0058e9;
}

.\!k-border-y-info {
  border-block-color: #0058e9 !important;
}

.k-border-y-success {
  border-block-color: #37b400;
}

.\!k-border-y-success {
  border-block-color: #37b400 !important;
}

.k-border-y-warning {
  border-block-color: #ffc000;
}

.\!k-border-y-warning {
  border-block-color: #ffc000 !important;
}

.k-border-y-error {
  border-block-color: #f31700;
}

.\!k-border-y-error {
  border-block-color: #f31700 !important;
}

.k-border-y-dark {
  border-block-color: #424242;
}

.\!k-border-y-dark {
  border-block-color: #424242 !important;
}

.k-border-y-light {
  border-block-color: #f5f5f5;
}

.\!k-border-y-light {
  border-block-color: #f5f5f5 !important;
}

.k-border-y-inverse {
  border-block-color: #424242;
}

.\!k-border-y-inverse {
  border-block-color: #424242 !important;
}

.k-border-y-inherit {
  border-block-color: inherit;
}

.\!k-border-y-inherit {
  border-block-color: inherit !important;
}

.k-border-y-current {
  border-block-color: currentColor;
}

.\!k-border-y-current {
  border-block-color: currentColor !important;
}

.k-border-y-transparent {
  border-block-color: transparent;
}

.\!k-border-y-transparent {
  border-block-color: transparent !important;
}

.k-border-y-black {
  border-block-color: black;
}

.\!k-border-y-black {
  border-block-color: black !important;
}

.k-border-y-white {
  border-block-color: white;
}

.\!k-border-y-white {
  border-block-color: white !important;
}

.k-rounded {
  border-radius: 4px;
}

.\!k-rounded {
  border-radius: 4px !important;
}

.k-rounded-0 {
  border-radius: 0;
}

.\!k-rounded-0 {
  border-radius: 0 !important;
}

.k-rounded-sm {
  border-radius: 2px;
}

.\!k-rounded-sm {
  border-radius: 2px !important;
}

.k-rounded-md {
  border-radius: 4px;
}

.\!k-rounded-md {
  border-radius: 4px !important;
}

.k-rounded-lg {
  border-radius: 6px;
}

.\!k-rounded-lg {
  border-radius: 6px !important;
}

.k-rounded-full {
  border-radius: 9999px;
}

.\!k-rounded-full {
  border-radius: 9999px !important;
}

.k-rounded-tl {
  border-top-left-radius: 4px;
}

.\!k-rounded-tl {
  border-top-left-radius: 4px !important;
}

.k-rounded-tl-0 {
  border-top-left-radius: 0;
}

.\!k-rounded-tl-0 {
  border-top-left-radius: 0 !important;
}

.k-rounded-tl-sm {
  border-top-left-radius: 2px;
}

.\!k-rounded-tl-sm {
  border-top-left-radius: 2px !important;
}

.k-rounded-tl-md {
  border-top-left-radius: 4px;
}

.\!k-rounded-tl-md {
  border-top-left-radius: 4px !important;
}

.k-rounded-tl-lg {
  border-top-left-radius: 6px;
}

.\!k-rounded-tl-lg {
  border-top-left-radius: 6px !important;
}

.k-rounded-tl-full {
  border-top-left-radius: 9999px;
}

.\!k-rounded-tl-full {
  border-top-left-radius: 9999px !important;
}

.k-rounded-tr {
  border-top-right-radius: 4px;
}

.\!k-rounded-tr {
  border-top-right-radius: 4px !important;
}

.k-rounded-tr-0 {
  border-top-right-radius: 0;
}

.\!k-rounded-tr-0 {
  border-top-right-radius: 0 !important;
}

.k-rounded-tr-sm {
  border-top-right-radius: 2px;
}

.\!k-rounded-tr-sm {
  border-top-right-radius: 2px !important;
}

.k-rounded-tr-md {
  border-top-right-radius: 4px;
}

.\!k-rounded-tr-md {
  border-top-right-radius: 4px !important;
}

.k-rounded-tr-lg {
  border-top-right-radius: 6px;
}

.\!k-rounded-tr-lg {
  border-top-right-radius: 6px !important;
}

.k-rounded-tr-full {
  border-top-right-radius: 9999px;
}

.\!k-rounded-tr-full {
  border-top-right-radius: 9999px !important;
}

.k-rounded-br {
  border-bottom-right-radius: 4px;
}

.\!k-rounded-br {
  border-bottom-right-radius: 4px !important;
}

.k-rounded-br-0 {
  border-bottom-right-radius: 0;
}

.\!k-rounded-br-0 {
  border-bottom-right-radius: 0 !important;
}

.k-rounded-br-sm {
  border-bottom-right-radius: 2px;
}

.\!k-rounded-br-sm {
  border-bottom-right-radius: 2px !important;
}

.k-rounded-br-md {
  border-bottom-right-radius: 4px;
}

.\!k-rounded-br-md {
  border-bottom-right-radius: 4px !important;
}

.k-rounded-br-lg {
  border-bottom-right-radius: 6px;
}

.\!k-rounded-br-lg {
  border-bottom-right-radius: 6px !important;
}

.k-rounded-br-full {
  border-bottom-right-radius: 9999px;
}

.\!k-rounded-br-full {
  border-bottom-right-radius: 9999px !important;
}

.k-rounded-bl {
  border-bottom-left-radius: 4px;
}

.\!k-rounded-bl {
  border-bottom-left-radius: 4px !important;
}

.k-rounded-bl-0 {
  border-bottom-left-radius: 0;
}

.\!k-rounded-bl-0 {
  border-bottom-left-radius: 0 !important;
}

.k-rounded-bl-sm {
  border-bottom-left-radius: 2px;
}

.\!k-rounded-bl-sm {
  border-bottom-left-radius: 2px !important;
}

.k-rounded-bl-md {
  border-bottom-left-radius: 4px;
}

.\!k-rounded-bl-md {
  border-bottom-left-radius: 4px !important;
}

.k-rounded-bl-lg {
  border-bottom-left-radius: 6px;
}

.\!k-rounded-bl-lg {
  border-bottom-left-radius: 6px !important;
}

.k-rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

.\!k-rounded-bl-full {
  border-bottom-left-radius: 9999px !important;
}

.k-rounded-t {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.\!k-rounded-t {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.k-rounded-t-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.\!k-rounded-t-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.k-rounded-t-sm {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.\!k-rounded-t-sm {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}

.k-rounded-t-md {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.\!k-rounded-t-md {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.k-rounded-t-lg {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.\!k-rounded-t-lg {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.k-rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.\!k-rounded-t-full {
  border-top-left-radius: 9999px !important;
  border-top-right-radius: 9999px !important;
}

.k-rounded-r {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.\!k-rounded-r {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.k-rounded-r-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.\!k-rounded-r-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.k-rounded-r-sm {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.\!k-rounded-r-sm {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.k-rounded-r-md {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.\!k-rounded-r-md {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.k-rounded-r-lg {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.\!k-rounded-r-lg {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.k-rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.\!k-rounded-r-full {
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.k-rounded-b {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.\!k-rounded-b {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.k-rounded-b-0 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.\!k-rounded-b-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.k-rounded-b-sm {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.\!k-rounded-b-sm {
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.k-rounded-b-md {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.\!k-rounded-b-md {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.k-rounded-b-lg {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.\!k-rounded-b-lg {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.k-rounded-b-full {
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.\!k-rounded-b-full {
  border-bottom-left-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.k-rounded-l {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.\!k-rounded-l {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.k-rounded-l-0 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.\!k-rounded-l-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.k-rounded-l-sm {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.\!k-rounded-l-sm {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.k-rounded-l-md {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.\!k-rounded-l-md {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.k-rounded-l-lg {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.\!k-rounded-l-lg {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.k-rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.\!k-rounded-l-full {
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 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-primary {
  outline-color: #2755f3;
}

.\!k-outline-primary {
  outline-color: #2755f3 !important;
}

.k-outline-secondary {
  outline-color: #1565c0;
}

.\!k-outline-secondary {
  outline-color: #1565c0 !important;
}

.k-outline-tertiary {
  outline-color: #00695c;
}

.\!k-outline-tertiary {
  outline-color: #00695c !important;
}

.k-outline-info {
  outline-color: #0058e9;
}

.\!k-outline-info {
  outline-color: #0058e9 !important;
}

.k-outline-success {
  outline-color: #37b400;
}

.\!k-outline-success {
  outline-color: #37b400 !important;
}

.k-outline-warning {
  outline-color: #ffc000;
}

.\!k-outline-warning {
  outline-color: #ffc000 !important;
}

.k-outline-error {
  outline-color: #f31700;
}

.\!k-outline-error {
  outline-color: #f31700 !important;
}

.k-outline-dark {
  outline-color: #424242;
}

.\!k-outline-dark {
  outline-color: #424242 !important;
}

.k-outline-light {
  outline-color: #f5f5f5;
}

.\!k-outline-light {
  outline-color: #f5f5f5 !important;
}

.k-outline-inverse {
  outline-color: #424242;
}

.\!k-outline-inverse {
  outline-color: #424242 !important;
}

.k-outline-inherit {
  outline-color: inherit;
}

.\!k-outline-inherit {
  outline-color: inherit !important;
}

.k-outline-current {
  outline-color: currentColor;
}

.\!k-outline-current {
  outline-color: currentColor !important;
}

.k-outline-transparent {
  outline-color: transparent;
}

.\!k-outline-transparent {
  outline-color: transparent !important;
}

.k-outline-black {
  outline-color: black;
}

.\!k-outline-black {
  outline-color: black !important;
}

.k-outline-white {
  outline-color: white;
}

.\!k-outline-white {
  outline-color: 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 {
  backdrop-filter: blur(8px);
}

.\!k-backdrop-blur {
  backdrop-filter: blur(8px) !important;
}

.k-backdrop-blur-none {
  backdrop-filter: blur(0);
}

.\!k-backdrop-blur-none {
  backdrop-filter: blur(0) !important;
}

.k-backdrop-blur-sm {
  backdrop-filter: blur(4px);
}

.\!k-backdrop-blur-sm {
  backdrop-filter: blur(4px) !important;
}

.k-backdrop-blur-md {
  backdrop-filter: blur(6px);
}

.\!k-backdrop-blur-md {
  backdrop-filter: blur(6px) !important;
}

.k-backdrop-blur-lg {
  backdrop-filter: blur(12px);
}

.\!k-backdrop-blur-lg {
  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(0);
}

.\!k-translate-x-0 {
  transform: translateX(0) !important;
}

.k-translate-x-1px {
  transform: translateX(1px);
}

.\!k-translate-x-1px {
  transform: translateX(1px) !important;
}

.k-translate-x-0\.5 {
  transform: translateX(2px);
}

.\!k-translate-x-0\.5 {
  transform: translateX(2px) !important;
}

.k-translate-x-1 {
  transform: translateX(4px);
}

.\!k-translate-x-1 {
  transform: translateX(4px) !important;
}

.k-translate-x-1\.5 {
  transform: translateX(6px);
}

.\!k-translate-x-1\.5 {
  transform: translateX(6px) !important;
}

.k-translate-x-2 {
  transform: translateX(8px);
}

.\!k-translate-x-2 {
  transform: translateX(8px) !important;
}

.k-translate-x-2\.5 {
  transform: translateX(10px);
}

.\!k-translate-x-2\.5 {
  transform: translateX(10px) !important;
}

.k-translate-x-3 {
  transform: translateX(12px);
}

.\!k-translate-x-3 {
  transform: translateX(12px) !important;
}

.k-translate-x-3\.5 {
  transform: translateX(14px);
}

.\!k-translate-x-3\.5 {
  transform: translateX(14px) !important;
}

.k-translate-x-4 {
  transform: translateX(16px);
}

.\!k-translate-x-4 {
  transform: translateX(16px) !important;
}

.k-translate-x-4\.5 {
  transform: translateX(18px);
}

.\!k-translate-x-4\.5 {
  transform: translateX(18px) !important;
}

.k-translate-x-5 {
  transform: translateX(20px);
}

.\!k-translate-x-5 {
  transform: translateX(20px) !important;
}

.k-translate-x-5\.5 {
  transform: translateX(22px);
}

.\!k-translate-x-5\.5 {
  transform: translateX(22px) !important;
}

.k-translate-x-6 {
  transform: translateX(24px);
}

.\!k-translate-x-6 {
  transform: translateX(24px) !important;
}

.k-translate-x-6\.5 {
  transform: translateX(26px);
}

.\!k-translate-x-6\.5 {
  transform: translateX(26px) !important;
}

.k-translate-x-7 {
  transform: translateX(28px);
}

.\!k-translate-x-7 {
  transform: translateX(28px) !important;
}

.k-translate-x-7\.5 {
  transform: translateX(30px);
}

.\!k-translate-x-7\.5 {
  transform: translateX(30px) !important;
}

.k-translate-x-8 {
  transform: translateX(32px);
}

.\!k-translate-x-8 {
  transform: translateX(32px) !important;
}

.k-translate-x-9 {
  transform: translateX(36px);
}

.\!k-translate-x-9 {
  transform: translateX(36px) !important;
}

.k-translate-x-10 {
  transform: translateX(40px);
}

.\!k-translate-x-10 {
  transform: translateX(40px) !important;
}

.k-translate-x-11 {
  transform: translateX(44px);
}

.\!k-translate-x-11 {
  transform: translateX(44px) !important;
}

.k-translate-x-12 {
  transform: translateX(48px);
}

.\!k-translate-x-12 {
  transform: translateX(48px) !important;
}

.k-translate-x-13 {
  transform: translateX(52px);
}

.\!k-translate-x-13 {
  transform: translateX(52px) !important;
}

.k-translate-x-14 {
  transform: translateX(56px);
}

.\!k-translate-x-14 {
  transform: translateX(56px) !important;
}

.k-translate-x-15 {
  transform: translateX(60px);
}

.\!k-translate-x-15 {
  transform: translateX(60px) !important;
}

.k-translate-x-16 {
  transform: translateX(64px);
}

.\!k-translate-x-16 {
  transform: translateX(64px) !important;
}

.k-translate-x-17 {
  transform: translateX(68px);
}

.\!k-translate-x-17 {
  transform: translateX(68px) !important;
}

.k-translate-x-18 {
  transform: translateX(72px);
}

.\!k-translate-x-18 {
  transform: translateX(72px) !important;
}

.k-translate-x-19 {
  transform: translateX(76px);
}

.\!k-translate-x-19 {
  transform: translateX(76px) !important;
}

.k-translate-x-20 {
  transform: translateX(80px);
}

.\!k-translate-x-20 {
  transform: translateX(80px) !important;
}

.k-translate-x-21 {
  transform: translateX(84px);
}

.\!k-translate-x-21 {
  transform: translateX(84px) !important;
}

.k-translate-x-22 {
  transform: translateX(88px);
}

.\!k-translate-x-22 {
  transform: translateX(88px) !important;
}

.k-translate-x-23 {
  transform: translateX(92px);
}

.\!k-translate-x-23 {
  transform: translateX(92px) !important;
}

.k-translate-x-24 {
  transform: translateX(96px);
}

.\!k-translate-x-24 {
  transform: translateX(96px) !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(0);
}

.\!k-translate-y-0 {
  transform: translateY(0) !important;
}

.k-translate-y-1px {
  transform: translateY(1px);
}

.\!k-translate-y-1px {
  transform: translateY(1px) !important;
}

.k-translate-y-0\.5 {
  transform: translateY(2px);
}

.\!k-translate-y-0\.5 {
  transform: translateY(2px) !important;
}

.k-translate-y-1 {
  transform: translateY(4px);
}

.\!k-translate-y-1 {
  transform: translateY(4px) !important;
}

.k-translate-y-1\.5 {
  transform: translateY(6px);
}

.\!k-translate-y-1\.5 {
  transform: translateY(6px) !important;
}

.k-translate-y-2 {
  transform: translateY(8px);
}

.\!k-translate-y-2 {
  transform: translateY(8px) !important;
}

.k-translate-y-2\.5 {
  transform: translateY(10px);
}

.\!k-translate-y-2\.5 {
  transform: translateY(10px) !important;
}

.k-translate-y-3 {
  transform: translateY(12px);
}

.\!k-translate-y-3 {
  transform: translateY(12px) !important;
}

.k-translate-y-3\.5 {
  transform: translateY(14px);
}

.\!k-translate-y-3\.5 {
  transform: translateY(14px) !important;
}

.k-translate-y-4 {
  transform: translateY(16px);
}

.\!k-translate-y-4 {
  transform: translateY(16px) !important;
}

.k-translate-y-4\.5 {
  transform: translateY(18px);
}

.\!k-translate-y-4\.5 {
  transform: translateY(18px) !important;
}

.k-translate-y-5 {
  transform: translateY(20px);
}

.\!k-translate-y-5 {
  transform: translateY(20px) !important;
}

.k-translate-y-5\.5 {
  transform: translateY(22px);
}

.\!k-translate-y-5\.5 {
  transform: translateY(22px) !important;
}

.k-translate-y-6 {
  transform: translateY(24px);
}

.\!k-translate-y-6 {
  transform: translateY(24px) !important;
}

.k-translate-y-6\.5 {
  transform: translateY(26px);
}

.\!k-translate-y-6\.5 {
  transform: translateY(26px) !important;
}

.k-translate-y-7 {
  transform: translateY(28px);
}

.\!k-translate-y-7 {
  transform: translateY(28px) !important;
}

.k-translate-y-7\.5 {
  transform: translateY(30px);
}

.\!k-translate-y-7\.5 {
  transform: translateY(30px) !important;
}

.k-translate-y-8 {
  transform: translateY(32px);
}

.\!k-translate-y-8 {
  transform: translateY(32px) !important;
}

.k-translate-y-9 {
  transform: translateY(36px);
}

.\!k-translate-y-9 {
  transform: translateY(36px) !important;
}

.k-translate-y-10 {
  transform: translateY(40px);
}

.\!k-translate-y-10 {
  transform: translateY(40px) !important;
}

.k-translate-y-11 {
  transform: translateY(44px);
}

.\!k-translate-y-11 {
  transform: translateY(44px) !important;
}

.k-translate-y-12 {
  transform: translateY(48px);
}

.\!k-translate-y-12 {
  transform: translateY(48px) !important;
}

.k-translate-y-13 {
  transform: translateY(52px);
}

.\!k-translate-y-13 {
  transform: translateY(52px) !important;
}

.k-translate-y-14 {
  transform: translateY(56px);
}

.\!k-translate-y-14 {
  transform: translateY(56px) !important;
}

.k-translate-y-15 {
  transform: translateY(60px);
}

.\!k-translate-y-15 {
  transform: translateY(60px) !important;
}

.k-translate-y-16 {
  transform: translateY(64px);
}

.\!k-translate-y-16 {
  transform: translateY(64px) !important;
}

.k-translate-y-17 {
  transform: translateY(68px);
}

.\!k-translate-y-17 {
  transform: translateY(68px) !important;
}

.k-translate-y-18 {
  transform: translateY(72px);
}

.\!k-translate-y-18 {
  transform: translateY(72px) !important;
}

.k-translate-y-19 {
  transform: translateY(76px);
}

.\!k-translate-y-19 {
  transform: translateY(76px) !important;
}

.k-translate-y-20 {
  transform: translateY(80px);
}

.\!k-translate-y-20 {
  transform: translateY(80px) !important;
}

.k-translate-y-21 {
  transform: translateY(84px);
}

.\!k-translate-y-21 {
  transform: translateY(84px) !important;
}

.k-translate-y-22 {
  transform: translateY(88px);
}

.\!k-translate-y-22 {
  transform: translateY(88px) !important;
}

.k-translate-y-23 {
  transform: translateY(92px);
}

.\!k-translate-y-23 {
  transform: translateY(92px) !important;
}

.k-translate-y-24 {
  transform: translateY(96px);
}

.\!k-translate-y-24 {
  transform: translateY(96px) !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 {
  appearance: none;
}

.\!k-appearance-none {
  appearance: none !important;
}

.k-appearance-auto {
  appearance: auto;
}

.\!k-appearance-auto {
  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: 0;
}

.\!k-scroll-m-0 {
  scroll-margin: 0 !important;
}

.k-scroll-m-1px {
  scroll-margin: 1px;
}

.\!k-scroll-m-1px {
  scroll-margin: 1px !important;
}

.k-scroll-m-0\.5 {
  scroll-margin: 2px;
}

.\!k-scroll-m-0\.5 {
  scroll-margin: 2px !important;
}

.k-scroll-m-1 {
  scroll-margin: 4px;
}

.\!k-scroll-m-1 {
  scroll-margin: 4px !important;
}

.k-scroll-m-1\.5 {
  scroll-margin: 6px;
}

.\!k-scroll-m-1\.5 {
  scroll-margin: 6px !important;
}

.k-scroll-m-2 {
  scroll-margin: 8px;
}

.\!k-scroll-m-2 {
  scroll-margin: 8px !important;
}

.k-scroll-m-2\.5 {
  scroll-margin: 10px;
}

.\!k-scroll-m-2\.5 {
  scroll-margin: 10px !important;
}

.k-scroll-m-3 {
  scroll-margin: 12px;
}

.\!k-scroll-m-3 {
  scroll-margin: 12px !important;
}

.k-scroll-m-3\.5 {
  scroll-margin: 14px;
}

.\!k-scroll-m-3\.5 {
  scroll-margin: 14px !important;
}

.k-scroll-m-4 {
  scroll-margin: 16px;
}

.\!k-scroll-m-4 {
  scroll-margin: 16px !important;
}

.k-scroll-m-4\.5 {
  scroll-margin: 18px;
}

.\!k-scroll-m-4\.5 {
  scroll-margin: 18px !important;
}

.k-scroll-m-5 {
  scroll-margin: 20px;
}

.\!k-scroll-m-5 {
  scroll-margin: 20px !important;
}

.k-scroll-m-5\.5 {
  scroll-margin: 22px;
}

.\!k-scroll-m-5\.5 {
  scroll-margin: 22px !important;
}

.k-scroll-m-6 {
  scroll-margin: 24px;
}

.\!k-scroll-m-6 {
  scroll-margin: 24px !important;
}

.k-scroll-m-6\.5 {
  scroll-margin: 26px;
}

.\!k-scroll-m-6\.5 {
  scroll-margin: 26px !important;
}

.k-scroll-m-7 {
  scroll-margin: 28px;
}

.\!k-scroll-m-7 {
  scroll-margin: 28px !important;
}

.k-scroll-m-7\.5 {
  scroll-margin: 30px;
}

.\!k-scroll-m-7\.5 {
  scroll-margin: 30px !important;
}

.k-scroll-m-8 {
  scroll-margin: 32px;
}

.\!k-scroll-m-8 {
  scroll-margin: 32px !important;
}

.k-scroll-m-9 {
  scroll-margin: 36px;
}

.\!k-scroll-m-9 {
  scroll-margin: 36px !important;
}

.k-scroll-m-10 {
  scroll-margin: 40px;
}

.\!k-scroll-m-10 {
  scroll-margin: 40px !important;
}

.k-scroll-m-11 {
  scroll-margin: 44px;
}

.\!k-scroll-m-11 {
  scroll-margin: 44px !important;
}

.k-scroll-m-12 {
  scroll-margin: 48px;
}

.\!k-scroll-m-12 {
  scroll-margin: 48px !important;
}

.k-scroll-m-13 {
  scroll-margin: 52px;
}

.\!k-scroll-m-13 {
  scroll-margin: 52px !important;
}

.k-scroll-m-14 {
  scroll-margin: 56px;
}

.\!k-scroll-m-14 {
  scroll-margin: 56px !important;
}

.k-scroll-m-15 {
  scroll-margin: 60px;
}

.\!k-scroll-m-15 {
  scroll-margin: 60px !important;
}

.k-scroll-m-16 {
  scroll-margin: 64px;
}

.\!k-scroll-m-16 {
  scroll-margin: 64px !important;
}

.k-scroll-m-17 {
  scroll-margin: 68px;
}

.\!k-scroll-m-17 {
  scroll-margin: 68px !important;
}

.k-scroll-m-18 {
  scroll-margin: 72px;
}

.\!k-scroll-m-18 {
  scroll-margin: 72px !important;
}

.k-scroll-m-19 {
  scroll-margin: 76px;
}

.\!k-scroll-m-19 {
  scroll-margin: 76px !important;
}

.k-scroll-m-20 {
  scroll-margin: 80px;
}

.\!k-scroll-m-20 {
  scroll-margin: 80px !important;
}

.k-scroll-m-21 {
  scroll-margin: 84px;
}

.\!k-scroll-m-21 {
  scroll-margin: 84px !important;
}

.k-scroll-m-22 {
  scroll-margin: 88px;
}

.\!k-scroll-m-22 {
  scroll-margin: 88px !important;
}

.k-scroll-m-23 {
  scroll-margin: 92px;
}

.\!k-scroll-m-23 {
  scroll-margin: 92px !important;
}

.k-scroll-m-24 {
  scroll-margin: 96px;
}

.\!k-scroll-m-24 {
  scroll-margin: 96px !important;
}

.k-scroll-mt-0 {
  scroll-margin-top: 0;
}

.\!k-scroll-mt-0 {
  scroll-margin-top: 0 !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: 2px;
}

.\!k-scroll-mt-0\.5 {
  scroll-margin-top: 2px !important;
}

.k-scroll-mt-1 {
  scroll-margin-top: 4px;
}

.\!k-scroll-mt-1 {
  scroll-margin-top: 4px !important;
}

.k-scroll-mt-1\.5 {
  scroll-margin-top: 6px;
}

.\!k-scroll-mt-1\.5 {
  scroll-margin-top: 6px !important;
}

.k-scroll-mt-2 {
  scroll-margin-top: 8px;
}

.\!k-scroll-mt-2 {
  scroll-margin-top: 8px !important;
}

.k-scroll-mt-2\.5 {
  scroll-margin-top: 10px;
}

.\!k-scroll-mt-2\.5 {
  scroll-margin-top: 10px !important;
}

.k-scroll-mt-3 {
  scroll-margin-top: 12px;
}

.\!k-scroll-mt-3 {
  scroll-margin-top: 12px !important;
}

.k-scroll-mt-3\.5 {
  scroll-margin-top: 14px;
}

.\!k-scroll-mt-3\.5 {
  scroll-margin-top: 14px !important;
}

.k-scroll-mt-4 {
  scroll-margin-top: 16px;
}

.\!k-scroll-mt-4 {
  scroll-margin-top: 16px !important;
}

.k-scroll-mt-4\.5 {
  scroll-margin-top: 18px;
}

.\!k-scroll-mt-4\.5 {
  scroll-margin-top: 18px !important;
}

.k-scroll-mt-5 {
  scroll-margin-top: 20px;
}

.\!k-scroll-mt-5 {
  scroll-margin-top: 20px !important;
}

.k-scroll-mt-5\.5 {
  scroll-margin-top: 22px;
}

.\!k-scroll-mt-5\.5 {
  scroll-margin-top: 22px !important;
}

.k-scroll-mt-6 {
  scroll-margin-top: 24px;
}

.\!k-scroll-mt-6 {
  scroll-margin-top: 24px !important;
}

.k-scroll-mt-6\.5 {
  scroll-margin-top: 26px;
}

.\!k-scroll-mt-6\.5 {
  scroll-margin-top: 26px !important;
}

.k-scroll-mt-7 {
  scroll-margin-top: 28px;
}

.\!k-scroll-mt-7 {
  scroll-margin-top: 28px !important;
}

.k-scroll-mt-7\.5 {
  scroll-margin-top: 30px;
}

.\!k-scroll-mt-7\.5 {
  scroll-margin-top: 30px !important;
}

.k-scroll-mt-8 {
  scroll-margin-top: 32px;
}

.\!k-scroll-mt-8 {
  scroll-margin-top: 32px !important;
}

.k-scroll-mt-9 {
  scroll-margin-top: 36px;
}

.\!k-scroll-mt-9 {
  scroll-margin-top: 36px !important;
}

.k-scroll-mt-10 {
  scroll-margin-top: 40px;
}

.\!k-scroll-mt-10 {
  scroll-margin-top: 40px !important;
}

.k-scroll-mt-11 {
  scroll-margin-top: 44px;
}

.\!k-scroll-mt-11 {
  scroll-margin-top: 44px !important;
}

.k-scroll-mt-12 {
  scroll-margin-top: 48px;
}

.\!k-scroll-mt-12 {
  scroll-margin-top: 48px !important;
}

.k-scroll-mt-13 {
  scroll-margin-top: 52px;
}

.\!k-scroll-mt-13 {
  scroll-margin-top: 52px !important;
}

.k-scroll-mt-14 {
  scroll-margin-top: 56px;
}

.\!k-scroll-mt-14 {
  scroll-margin-top: 56px !important;
}

.k-scroll-mt-15 {
  scroll-margin-top: 60px;
}

.\!k-scroll-mt-15 {
  scroll-margin-top: 60px !important;
}

.k-scroll-mt-16 {
  scroll-margin-top: 64px;
}

.\!k-scroll-mt-16 {
  scroll-margin-top: 64px !important;
}

.k-scroll-mt-17 {
  scroll-margin-top: 68px;
}

.\!k-scroll-mt-17 {
  scroll-margin-top: 68px !important;
}

.k-scroll-mt-18 {
  scroll-margin-top: 72px;
}

.\!k-scroll-mt-18 {
  scroll-margin-top: 72px !important;
}

.k-scroll-mt-19 {
  scroll-margin-top: 76px;
}

.\!k-scroll-mt-19 {
  scroll-margin-top: 76px !important;
}

.k-scroll-mt-20 {
  scroll-margin-top: 80px;
}

.\!k-scroll-mt-20 {
  scroll-margin-top: 80px !important;
}

.k-scroll-mt-21 {
  scroll-margin-top: 84px;
}

.\!k-scroll-mt-21 {
  scroll-margin-top: 84px !important;
}

.k-scroll-mt-22 {
  scroll-margin-top: 88px;
}

.\!k-scroll-mt-22 {
  scroll-margin-top: 88px !important;
}

.k-scroll-mt-23 {
  scroll-margin-top: 92px;
}

.\!k-scroll-mt-23 {
  scroll-margin-top: 92px !important;
}

.k-scroll-mt-24 {
  scroll-margin-top: 96px;
}

.\!k-scroll-mt-24 {
  scroll-margin-top: 96px !important;
}

.k-scroll-mr-0 {
  scroll-margin-right: 0;
}

.\!k-scroll-mr-0 {
  scroll-margin-right: 0 !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: 2px;
}

.\!k-scroll-mr-0\.5 {
  scroll-margin-right: 2px !important;
}

.k-scroll-mr-1 {
  scroll-margin-right: 4px;
}

.\!k-scroll-mr-1 {
  scroll-margin-right: 4px !important;
}

.k-scroll-mr-1\.5 {
  scroll-margin-right: 6px;
}

.\!k-scroll-mr-1\.5 {
  scroll-margin-right: 6px !important;
}

.k-scroll-mr-2 {
  scroll-margin-right: 8px;
}

.\!k-scroll-mr-2 {
  scroll-margin-right: 8px !important;
}

.k-scroll-mr-2\.5 {
  scroll-margin-right: 10px;
}

.\!k-scroll-mr-2\.5 {
  scroll-margin-right: 10px !important;
}

.k-scroll-mr-3 {
  scroll-margin-right: 12px;
}

.\!k-scroll-mr-3 {
  scroll-margin-right: 12px !important;
}

.k-scroll-mr-3\.5 {
  scroll-margin-right: 14px;
}

.\!k-scroll-mr-3\.5 {
  scroll-margin-right: 14px !important;
}

.k-scroll-mr-4 {
  scroll-margin-right: 16px;
}

.\!k-scroll-mr-4 {
  scroll-margin-right: 16px !important;
}

.k-scroll-mr-4\.5 {
  scroll-margin-right: 18px;
}

.\!k-scroll-mr-4\.5 {
  scroll-margin-right: 18px !important;
}

.k-scroll-mr-5 {
  scroll-margin-right: 20px;
}

.\!k-scroll-mr-5 {
  scroll-margin-right: 20px !important;
}

.k-scroll-mr-5\.5 {
  scroll-margin-right: 22px;
}

.\!k-scroll-mr-5\.5 {
  scroll-margin-right: 22px !important;
}

.k-scroll-mr-6 {
  scroll-margin-right: 24px;
}

.\!k-scroll-mr-6 {
  scroll-margin-right: 24px !important;
}

.k-scroll-mr-6\.5 {
  scroll-margin-right: 26px;
}

.\!k-scroll-mr-6\.5 {
  scroll-margin-right: 26px !important;
}

.k-scroll-mr-7 {
  scroll-margin-right: 28px;
}

.\!k-scroll-mr-7 {
  scroll-margin-right: 28px !important;
}

.k-scroll-mr-7\.5 {
  scroll-margin-right: 30px;
}

.\!k-scroll-mr-7\.5 {
  scroll-margin-right: 30px !important;
}

.k-scroll-mr-8 {
  scroll-margin-right: 32px;
}

.\!k-scroll-mr-8 {
  scroll-margin-right: 32px !important;
}

.k-scroll-mr-9 {
  scroll-margin-right: 36px;
}

.\!k-scroll-mr-9 {
  scroll-margin-right: 36px !important;
}

.k-scroll-mr-10 {
  scroll-margin-right: 40px;
}

.\!k-scroll-mr-10 {
  scroll-margin-right: 40px !important;
}

.k-scroll-mr-11 {
  scroll-margin-right: 44px;
}

.\!k-scroll-mr-11 {
  scroll-margin-right: 44px !important;
}

.k-scroll-mr-12 {
  scroll-margin-right: 48px;
}

.\!k-scroll-mr-12 {
  scroll-margin-right: 48px !important;
}

.k-scroll-mr-13 {
  scroll-margin-right: 52px;
}

.\!k-scroll-mr-13 {
  scroll-margin-right: 52px !important;
}

.k-scroll-mr-14 {
  scroll-margin-right: 56px;
}

.\!k-scroll-mr-14 {
  scroll-margin-right: 56px !important;
}

.k-scroll-mr-15 {
  scroll-margin-right: 60px;
}

.\!k-scroll-mr-15 {
  scroll-margin-right: 60px !important;
}

.k-scroll-mr-16 {
  scroll-margin-right: 64px;
}

.\!k-scroll-mr-16 {
  scroll-margin-right: 64px !important;
}

.k-scroll-mr-17 {
  scroll-margin-right: 68px;
}

.\!k-scroll-mr-17 {
  scroll-margin-right: 68px !important;
}

.k-scroll-mr-18 {
  scroll-margin-right: 72px;
}

.\!k-scroll-mr-18 {
  scroll-margin-right: 72px !important;
}

.k-scroll-mr-19 {
  scroll-margin-right: 76px;
}

.\!k-scroll-mr-19 {
  scroll-margin-right: 76px !important;
}

.k-scroll-mr-20 {
  scroll-margin-right: 80px;
}

.\!k-scroll-mr-20 {
  scroll-margin-right: 80px !important;
}

.k-scroll-mr-21 {
  scroll-margin-right: 84px;
}

.\!k-scroll-mr-21 {
  scroll-margin-right: 84px !important;
}

.k-scroll-mr-22 {
  scroll-margin-right: 88px;
}

.\!k-scroll-mr-22 {
  scroll-margin-right: 88px !important;
}

.k-scroll-mr-23 {
  scroll-margin-right: 92px;
}

.\!k-scroll-mr-23 {
  scroll-margin-right: 92px !important;
}

.k-scroll-mr-24 {
  scroll-margin-right: 96px;
}

.\!k-scroll-mr-24 {
  scroll-margin-right: 96px !important;
}

.k-scroll-mb-0 {
  scroll-margin-bottom: 0;
}

.\!k-scroll-mb-0 {
  scroll-margin-bottom: 0 !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: 2px;
}

.\!k-scroll-mb-0\.5 {
  scroll-margin-bottom: 2px !important;
}

.k-scroll-mb-1 {
  scroll-margin-bottom: 4px;
}

.\!k-scroll-mb-1 {
  scroll-margin-bottom: 4px !important;
}

.k-scroll-mb-1\.5 {
  scroll-margin-bottom: 6px;
}

.\!k-scroll-mb-1\.5 {
  scroll-margin-bottom: 6px !important;
}

.k-scroll-mb-2 {
  scroll-margin-bottom: 8px;
}

.\!k-scroll-mb-2 {
  scroll-margin-bottom: 8px !important;
}

.k-scroll-mb-2\.5 {
  scroll-margin-bottom: 10px;
}

.\!k-scroll-mb-2\.5 {
  scroll-margin-bottom: 10px !important;
}

.k-scroll-mb-3 {
  scroll-margin-bottom: 12px;
}

.\!k-scroll-mb-3 {
  scroll-margin-bottom: 12px !important;
}

.k-scroll-mb-3\.5 {
  scroll-margin-bottom: 14px;
}

.\!k-scroll-mb-3\.5 {
  scroll-margin-bottom: 14px !important;
}

.k-scroll-mb-4 {
  scroll-margin-bottom: 16px;
}

.\!k-scroll-mb-4 {
  scroll-margin-bottom: 16px !important;
}

.k-scroll-mb-4\.5 {
  scroll-margin-bottom: 18px;
}

.\!k-scroll-mb-4\.5 {
  scroll-margin-bottom: 18px !important;
}

.k-scroll-mb-5 {
  scroll-margin-bottom: 20px;
}

.\!k-scroll-mb-5 {
  scroll-margin-bottom: 20px !important;
}

.k-scroll-mb-5\.5 {
  scroll-margin-bottom: 22px;
}

.\!k-scroll-mb-5\.5 {
  scroll-margin-bottom: 22px !important;
}

.k-scroll-mb-6 {
  scroll-margin-bottom: 24px;
}

.\!k-scroll-mb-6 {
  scroll-margin-bottom: 24px !important;
}

.k-scroll-mb-6\.5 {
  scroll-margin-bottom: 26px;
}

.\!k-scroll-mb-6\.5 {
  scroll-margin-bottom: 26px !important;
}

.k-scroll-mb-7 {
  scroll-margin-bottom: 28px;
}

.\!k-scroll-mb-7 {
  scroll-margin-bottom: 28px !important;
}

.k-scroll-mb-7\.5 {
  scroll-margin-bottom: 30px;
}

.\!k-scroll-mb-7\.5 {
  scroll-margin-bottom: 30px !important;
}

.k-scroll-mb-8 {
  scroll-margin-bottom: 32px;
}

.\!k-scroll-mb-8 {
  scroll-margin-bottom: 32px !important;
}

.k-scroll-mb-9 {
  scroll-margin-bottom: 36px;
}

.\!k-scroll-mb-9 {
  scroll-margin-bottom: 36px !important;
}

.k-scroll-mb-10 {
  scroll-margin-bottom: 40px;
}

.\!k-scroll-mb-10 {
  scroll-margin-bottom: 40px !important;
}

.k-scroll-mb-11 {
  scroll-margin-bottom: 44px;
}

.\!k-scroll-mb-11 {
  scroll-margin-bottom: 44px !important;
}

.k-scroll-mb-12 {
  scroll-margin-bottom: 48px;
}

.\!k-scroll-mb-12 {
  scroll-margin-bottom: 48px !important;
}

.k-scroll-mb-13 {
  scroll-margin-bottom: 52px;
}

.\!k-scroll-mb-13 {
  scroll-margin-bottom: 52px !important;
}

.k-scroll-mb-14 {
  scroll-margin-bottom: 56px;
}

.\!k-scroll-mb-14 {
  scroll-margin-bottom: 56px !important;
}

.k-scroll-mb-15 {
  scroll-margin-bottom: 60px;
}

.\!k-scroll-mb-15 {
  scroll-margin-bottom: 60px !important;
}

.k-scroll-mb-16 {
  scroll-margin-bottom: 64px;
}

.\!k-scroll-mb-16 {
  scroll-margin-bottom: 64px !important;
}

.k-scroll-mb-17 {
  scroll-margin-bottom: 68px;
}

.\!k-scroll-mb-17 {
  scroll-margin-bottom: 68px !important;
}

.k-scroll-mb-18 {
  scroll-margin-bottom: 72px;
}

.\!k-scroll-mb-18 {
  scroll-margin-bottom: 72px !important;
}

.k-scroll-mb-19 {
  scroll-margin-bottom: 76px;
}

.\!k-scroll-mb-19 {
  scroll-margin-bottom: 76px !important;
}

.k-scroll-mb-20 {
  scroll-margin-bottom: 80px;
}

.\!k-scroll-mb-20 {
  scroll-margin-bottom: 80px !important;
}

.k-scroll-mb-21 {
  scroll-margin-bottom: 84px;
}

.\!k-scroll-mb-21 {
  scroll-margin-bottom: 84px !important;
}

.k-scroll-mb-22 {
  scroll-margin-bottom: 88px;
}

.\!k-scroll-mb-22 {
  scroll-margin-bottom: 88px !important;
}

.k-scroll-mb-23 {
  scroll-margin-bottom: 92px;
}

.\!k-scroll-mb-23 {
  scroll-margin-bottom: 92px !important;
}

.k-scroll-mb-24 {
  scroll-margin-bottom: 96px;
}

.\!k-scroll-mb-24 {
  scroll-margin-bottom: 96px !important;
}

.k-scroll-ml-0 {
  scroll-margin-left: 0;
}

.\!k-scroll-ml-0 {
  scroll-margin-left: 0 !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: 2px;
}

.\!k-scroll-ml-0\.5 {
  scroll-margin-left: 2px !important;
}

.k-scroll-ml-1 {
  scroll-margin-left: 4px;
}

.\!k-scroll-ml-1 {
  scroll-margin-left: 4px !important;
}

.k-scroll-ml-1\.5 {
  scroll-margin-left: 6px;
}

.\!k-scroll-ml-1\.5 {
  scroll-margin-left: 6px !important;
}

.k-scroll-ml-2 {
  scroll-margin-left: 8px;
}

.\!k-scroll-ml-2 {
  scroll-margin-left: 8px !important;
}

.k-scroll-ml-2\.5 {
  scroll-margin-left: 10px;
}

.\!k-scroll-ml-2\.5 {
  scroll-margin-left: 10px !important;
}

.k-scroll-ml-3 {
  scroll-margin-left: 12px;
}

.\!k-scroll-ml-3 {
  scroll-margin-left: 12px !important;
}

.k-scroll-ml-3\.5 {
  scroll-margin-left: 14px;
}

.\!k-scroll-ml-3\.5 {
  scroll-margin-left: 14px !important;
}

.k-scroll-ml-4 {
  scroll-margin-left: 16px;
}

.\!k-scroll-ml-4 {
  scroll-margin-left: 16px !important;
}

.k-scroll-ml-4\.5 {
  scroll-margin-left: 18px;
}

.\!k-scroll-ml-4\.5 {
  scroll-margin-left: 18px !important;
}

.k-scroll-ml-5 {
  scroll-margin-left: 20px;
}

.\!k-scroll-ml-5 {
  scroll-margin-left: 20px !important;
}

.k-scroll-ml-5\.5 {
  scroll-margin-left: 22px;
}

.\!k-scroll-ml-5\.5 {
  scroll-margin-left: 22px !important;
}

.k-scroll-ml-6 {
  scroll-margin-left: 24px;
}

.\!k-scroll-ml-6 {
  scroll-margin-left: 24px !important;
}

.k-scroll-ml-6\.5 {
  scroll-margin-left: 26px;
}

.\!k-scroll-ml-6\.5 {
  scroll-margin-left: 26px !important;
}

.k-scroll-ml-7 {
  scroll-margin-left: 28px;
}

.\!k-scroll-ml-7 {
  scroll-margin-left: 28px !important;
}

.k-scroll-ml-7\.5 {
  scroll-margin-left: 30px;
}

.\!k-scroll-ml-7\.5 {
  scroll-margin-left: 30px !important;
}

.k-scroll-ml-8 {
  scroll-margin-left: 32px;
}

.\!k-scroll-ml-8 {
  scroll-margin-left: 32px !important;
}

.k-scroll-ml-9 {
  scroll-margin-left: 36px;
}

.\!k-scroll-ml-9 {
  scroll-margin-left: 36px !important;
}

.k-scroll-ml-10 {
  scroll-margin-left: 40px;
}

.\!k-scroll-ml-10 {
  scroll-margin-left: 40px !important;
}

.k-scroll-ml-11 {
  scroll-margin-left: 44px;
}

.\!k-scroll-ml-11 {
  scroll-margin-left: 44px !important;
}

.k-scroll-ml-12 {
  scroll-margin-left: 48px;
}

.\!k-scroll-ml-12 {
  scroll-margin-left: 48px !important;
}

.k-scroll-ml-13 {
  scroll-margin-left: 52px;
}

.\!k-scroll-ml-13 {
  scroll-margin-left: 52px !important;
}

.k-scroll-ml-14 {
  scroll-margin-left: 56px;
}

.\!k-scroll-ml-14 {
  scroll-margin-left: 56px !important;
}

.k-scroll-ml-15 {
  scroll-margin-left: 60px;
}

.\!k-scroll-ml-15 {
  scroll-margin-left: 60px !important;
}

.k-scroll-ml-16 {
  scroll-margin-left: 64px;
}

.\!k-scroll-ml-16 {
  scroll-margin-left: 64px !important;
}

.k-scroll-ml-17 {
  scroll-margin-left: 68px;
}

.\!k-scroll-ml-17 {
  scroll-margin-left: 68px !important;
}

.k-scroll-ml-18 {
  scroll-margin-left: 72px;
}

.\!k-scroll-ml-18 {
  scroll-margin-left: 72px !important;
}

.k-scroll-ml-19 {
  scroll-margin-left: 76px;
}

.\!k-scroll-ml-19 {
  scroll-margin-left: 76px !important;
}

.k-scroll-ml-20 {
  scroll-margin-left: 80px;
}

.\!k-scroll-ml-20 {
  scroll-margin-left: 80px !important;
}

.k-scroll-ml-21 {
  scroll-margin-left: 84px;
}

.\!k-scroll-ml-21 {
  scroll-margin-left: 84px !important;
}

.k-scroll-ml-22 {
  scroll-margin-left: 88px;
}

.\!k-scroll-ml-22 {
  scroll-margin-left: 88px !important;
}

.k-scroll-ml-23 {
  scroll-margin-left: 92px;
}

.\!k-scroll-ml-23 {
  scroll-margin-left: 92px !important;
}

.k-scroll-ml-24 {
  scroll-margin-left: 96px;
}

.\!k-scroll-ml-24 {
  scroll-margin-left: 96px !important;
}

.k-scroll-mx-0 {
  scroll-margin-inline: 0;
}

.\!k-scroll-mx-0 {
  scroll-margin-inline: 0 !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: 2px;
}

.\!k-scroll-mx-0\.5 {
  scroll-margin-inline: 2px !important;
}

.k-scroll-mx-1 {
  scroll-margin-inline: 4px;
}

.\!k-scroll-mx-1 {
  scroll-margin-inline: 4px !important;
}

.k-scroll-mx-1\.5 {
  scroll-margin-inline: 6px;
}

.\!k-scroll-mx-1\.5 {
  scroll-margin-inline: 6px !important;
}

.k-scroll-mx-2 {
  scroll-margin-inline: 8px;
}

.\!k-scroll-mx-2 {
  scroll-margin-inline: 8px !important;
}

.k-scroll-mx-2\.5 {
  scroll-margin-inline: 10px;
}

.\!k-scroll-mx-2\.5 {
  scroll-margin-inline: 10px !important;
}

.k-scroll-mx-3 {
  scroll-margin-inline: 12px;
}

.\!k-scroll-mx-3 {
  scroll-margin-inline: 12px !important;
}

.k-scroll-mx-3\.5 {
  scroll-margin-inline: 14px;
}

.\!k-scroll-mx-3\.5 {
  scroll-margin-inline: 14px !important;
}

.k-scroll-mx-4 {
  scroll-margin-inline: 16px;
}

.\!k-scroll-mx-4 {
  scroll-margin-inline: 16px !important;
}

.k-scroll-mx-4\.5 {
  scroll-margin-inline: 18px;
}

.\!k-scroll-mx-4\.5 {
  scroll-margin-inline: 18px !important;
}

.k-scroll-mx-5 {
  scroll-margin-inline: 20px;
}

.\!k-scroll-mx-5 {
  scroll-margin-inline: 20px !important;
}

.k-scroll-mx-5\.5 {
  scroll-margin-inline: 22px;
}

.\!k-scroll-mx-5\.5 {
  scroll-margin-inline: 22px !important;
}

.k-scroll-mx-6 {
  scroll-margin-inline: 24px;
}

.\!k-scroll-mx-6 {
  scroll-margin-inline: 24px !important;
}

.k-scroll-mx-6\.5 {
  scroll-margin-inline: 26px;
}

.\!k-scroll-mx-6\.5 {
  scroll-margin-inline: 26px !important;
}

.k-scroll-mx-7 {
  scroll-margin-inline: 28px;
}

.\!k-scroll-mx-7 {
  scroll-margin-inline: 28px !important;
}

.k-scroll-mx-7\.5 {
  scroll-margin-inline: 30px;
}

.\!k-scroll-mx-7\.5 {
  scroll-margin-inline: 30px !important;
}

.k-scroll-mx-8 {
  scroll-margin-inline: 32px;
}

.\!k-scroll-mx-8 {
  scroll-margin-inline: 32px !important;
}

.k-scroll-mx-9 {
  scroll-margin-inline: 36px;
}

.\!k-scroll-mx-9 {
  scroll-margin-inline: 36px !important;
}

.k-scroll-mx-10 {
  scroll-margin-inline: 40px;
}

.\!k-scroll-mx-10 {
  scroll-margin-inline: 40px !important;
}

.k-scroll-mx-11 {
  scroll-margin-inline: 44px;
}

.\!k-scroll-mx-11 {
  scroll-margin-inline: 44px !important;
}

.k-scroll-mx-12 {
  scroll-margin-inline: 48px;
}

.\!k-scroll-mx-12 {
  scroll-margin-inline: 48px !important;
}

.k-scroll-mx-13 {
  scroll-margin-inline: 52px;
}

.\!k-scroll-mx-13 {
  scroll-margin-inline: 52px !important;
}

.k-scroll-mx-14 {
  scroll-margin-inline: 56px;
}

.\!k-scroll-mx-14 {
  scroll-margin-inline: 56px !important;
}

.k-scroll-mx-15 {
  scroll-margin-inline: 60px;
}

.\!k-scroll-mx-15 {
  scroll-margin-inline: 60px !important;
}

.k-scroll-mx-16 {
  scroll-margin-inline: 64px;
}

.\!k-scroll-mx-16 {
  scroll-margin-inline: 64px !important;
}

.k-scroll-mx-17 {
  scroll-margin-inline: 68px;
}

.\!k-scroll-mx-17 {
  scroll-margin-inline: 68px !important;
}

.k-scroll-mx-18 {
  scroll-margin-inline: 72px;
}

.\!k-scroll-mx-18 {
  scroll-margin-inline: 72px !important;
}

.k-scroll-mx-19 {
  scroll-margin-inline: 76px;
}

.\!k-scroll-mx-19 {
  scroll-margin-inline: 76px !important;
}

.k-scroll-mx-20 {
  scroll-margin-inline: 80px;
}

.\!k-scroll-mx-20 {
  scroll-margin-inline: 80px !important;
}

.k-scroll-mx-21 {
  scroll-margin-inline: 84px;
}

.\!k-scroll-mx-21 {
  scroll-margin-inline: 84px !important;
}

.k-scroll-mx-22 {
  scroll-margin-inline: 88px;
}

.\!k-scroll-mx-22 {
  scroll-margin-inline: 88px !important;
}

.k-scroll-mx-23 {
  scroll-margin-inline: 92px;
}

.\!k-scroll-mx-23 {
  scroll-margin-inline: 92px !important;
}

.k-scroll-mx-24 {
  scroll-margin-inline: 96px;
}

.\!k-scroll-mx-24 {
  scroll-margin-inline: 96px !important;
}

.k-scroll-my-0 {
  scroll-margin-block: 0;
}

.\!k-scroll-my-0 {
  scroll-margin-block: 0 !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: 2px;
}

.\!k-scroll-my-0\.5 {
  scroll-margin-block: 2px !important;
}

.k-scroll-my-1 {
  scroll-margin-block: 4px;
}

.\!k-scroll-my-1 {
  scroll-margin-block: 4px !important;
}

.k-scroll-my-1\.5 {
  scroll-margin-block: 6px;
}

.\!k-scroll-my-1\.5 {
  scroll-margin-block: 6px !important;
}

.k-scroll-my-2 {
  scroll-margin-block: 8px;
}

.\!k-scroll-my-2 {
  scroll-margin-block: 8px !important;
}

.k-scroll-my-2\.5 {
  scroll-margin-block: 10px;
}

.\!k-scroll-my-2\.5 {
  scroll-margin-block: 10px !important;
}

.k-scroll-my-3 {
  scroll-margin-block: 12px;
}

.\!k-scroll-my-3 {
  scroll-margin-block: 12px !important;
}

.k-scroll-my-3\.5 {
  scroll-margin-block: 14px;
}

.\!k-scroll-my-3\.5 {
  scroll-margin-block: 14px !important;
}

.k-scroll-my-4 {
  scroll-margin-block: 16px;
}

.\!k-scroll-my-4 {
  scroll-margin-block: 16px !important;
}

.k-scroll-my-4\.5 {
  scroll-margin-block: 18px;
}

.\!k-scroll-my-4\.5 {
  scroll-margin-block: 18px !important;
}

.k-scroll-my-5 {
  scroll-margin-block: 20px;
}

.\!k-scroll-my-5 {
  scroll-margin-block: 20px !important;
}

.k-scroll-my-5\.5 {
  scroll-margin-block: 22px;
}

.\!k-scroll-my-5\.5 {
  scroll-margin-block: 22px !important;
}

.k-scroll-my-6 {
  scroll-margin-block: 24px;
}

.\!k-scroll-my-6 {
  scroll-margin-block: 24px !important;
}

.k-scroll-my-6\.5 {
  scroll-margin-block: 26px;
}

.\!k-scroll-my-6\.5 {
  scroll-margin-block: 26px !important;
}

.k-scroll-my-7 {
  scroll-margin-block: 28px;
}

.\!k-scroll-my-7 {
  scroll-margin-block: 28px !important;
}

.k-scroll-my-7\.5 {
  scroll-margin-block: 30px;
}

.\!k-scroll-my-7\.5 {
  scroll-margin-block: 30px !important;
}

.k-scroll-my-8 {
  scroll-margin-block: 32px;
}

.\!k-scroll-my-8 {
  scroll-margin-block: 32px !important;
}

.k-scroll-my-9 {
  scroll-margin-block: 36px;
}

.\!k-scroll-my-9 {
  scroll-margin-block: 36px !important;
}

.k-scroll-my-10 {
  scroll-margin-block: 40px;
}

.\!k-scroll-my-10 {
  scroll-margin-block: 40px !important;
}

.k-scroll-my-11 {
  scroll-margin-block: 44px;
}

.\!k-scroll-my-11 {
  scroll-margin-block: 44px !important;
}

.k-scroll-my-12 {
  scroll-margin-block: 48px;
}

.\!k-scroll-my-12 {
  scroll-margin-block: 48px !important;
}

.k-scroll-my-13 {
  scroll-margin-block: 52px;
}

.\!k-scroll-my-13 {
  scroll-margin-block: 52px !important;
}

.k-scroll-my-14 {
  scroll-margin-block: 56px;
}

.\!k-scroll-my-14 {
  scroll-margin-block: 56px !important;
}

.k-scroll-my-15 {
  scroll-margin-block: 60px;
}

.\!k-scroll-my-15 {
  scroll-margin-block: 60px !important;
}

.k-scroll-my-16 {
  scroll-margin-block: 64px;
}

.\!k-scroll-my-16 {
  scroll-margin-block: 64px !important;
}

.k-scroll-my-17 {
  scroll-margin-block: 68px;
}

.\!k-scroll-my-17 {
  scroll-margin-block: 68px !important;
}

.k-scroll-my-18 {
  scroll-margin-block: 72px;
}

.\!k-scroll-my-18 {
  scroll-margin-block: 72px !important;
}

.k-scroll-my-19 {
  scroll-margin-block: 76px;
}

.\!k-scroll-my-19 {
  scroll-margin-block: 76px !important;
}

.k-scroll-my-20 {
  scroll-margin-block: 80px;
}

.\!k-scroll-my-20 {
  scroll-margin-block: 80px !important;
}

.k-scroll-my-21 {
  scroll-margin-block: 84px;
}

.\!k-scroll-my-21 {
  scroll-margin-block: 84px !important;
}

.k-scroll-my-22 {
  scroll-margin-block: 88px;
}

.\!k-scroll-my-22 {
  scroll-margin-block: 88px !important;
}

.k-scroll-my-23 {
  scroll-margin-block: 92px;
}

.\!k-scroll-my-23 {
  scroll-margin-block: 92px !important;
}

.k-scroll-my-24 {
  scroll-margin-block: 96px;
}

.\!k-scroll-my-24 {
  scroll-margin-block: 96px !important;
}

.k-scroll-p-0 {
  scroll-padding: 0;
}

.\!k-scroll-p-0 {
  scroll-padding: 0 !important;
}

.k-scroll-p-1px {
  scroll-padding: 1px;
}

.\!k-scroll-p-1px {
  scroll-padding: 1px !important;
}

.k-scroll-p-0\.5 {
  scroll-padding: 2px;
}

.\!k-scroll-p-0\.5 {
  scroll-padding: 2px !important;
}

.k-scroll-p-1 {
  scroll-padding: 4px;
}

.\!k-scroll-p-1 {
  scroll-padding: 4px !important;
}

.k-scroll-p-1\.5 {
  scroll-padding: 6px;
}

.\!k-scroll-p-1\.5 {
  scroll-padding: 6px !important;
}

.k-scroll-p-2 {
  scroll-padding: 8px;
}

.\!k-scroll-p-2 {
  scroll-padding: 8px !important;
}

.k-scroll-p-2\.5 {
  scroll-padding: 10px;
}

.\!k-scroll-p-2\.5 {
  scroll-padding: 10px !important;
}

.k-scroll-p-3 {
  scroll-padding: 12px;
}

.\!k-scroll-p-3 {
  scroll-padding: 12px !important;
}

.k-scroll-p-3\.5 {
  scroll-padding: 14px;
}

.\!k-scroll-p-3\.5 {
  scroll-padding: 14px !important;
}

.k-scroll-p-4 {
  scroll-padding: 16px;
}

.\!k-scroll-p-4 {
  scroll-padding: 16px !important;
}

.k-scroll-p-4\.5 {
  scroll-padding: 18px;
}

.\!k-scroll-p-4\.5 {
  scroll-padding: 18px !important;
}

.k-scroll-p-5 {
  scroll-padding: 20px;
}

.\!k-scroll-p-5 {
  scroll-padding: 20px !important;
}

.k-scroll-p-5\.5 {
  scroll-padding: 22px;
}

.\!k-scroll-p-5\.5 {
  scroll-padding: 22px !important;
}

.k-scroll-p-6 {
  scroll-padding: 24px;
}

.\!k-scroll-p-6 {
  scroll-padding: 24px !important;
}

.k-scroll-p-6\.5 {
  scroll-padding: 26px;
}

.\!k-scroll-p-6\.5 {
  scroll-padding: 26px !important;
}

.k-scroll-p-7 {
  scroll-padding: 28px;
}

.\!k-scroll-p-7 {
  scroll-padding: 28px !important;
}

.k-scroll-p-7\.5 {
  scroll-padding: 30px;
}

.\!k-scroll-p-7\.5 {
  scroll-padding: 30px !important;
}

.k-scroll-p-8 {
  scroll-padding: 32px;
}

.\!k-scroll-p-8 {
  scroll-padding: 32px !important;
}

.k-scroll-p-9 {
  scroll-padding: 36px;
}

.\!k-scroll-p-9 {
  scroll-padding: 36px !important;
}

.k-scroll-p-10 {
  scroll-padding: 40px;
}

.\!k-scroll-p-10 {
  scroll-padding: 40px !important;
}

.k-scroll-p-11 {
  scroll-padding: 44px;
}

.\!k-scroll-p-11 {
  scroll-padding: 44px !important;
}

.k-scroll-p-12 {
  scroll-padding: 48px;
}

.\!k-scroll-p-12 {
  scroll-padding: 48px !important;
}

.k-scroll-p-13 {
  scroll-padding: 52px;
}

.\!k-scroll-p-13 {
  scroll-padding: 52px !important;
}

.k-scroll-p-14 {
  scroll-padding: 56px;
}

.\!k-scroll-p-14 {
  scroll-padding: 56px !important;
}

.k-scroll-p-15 {
  scroll-padding: 60px;
}

.\!k-scroll-p-15 {
  scroll-padding: 60px !important;
}

.k-scroll-p-16 {
  scroll-padding: 64px;
}

.\!k-scroll-p-16 {
  scroll-padding: 64px !important;
}

.k-scroll-p-17 {
  scroll-padding: 68px;
}

.\!k-scroll-p-17 {
  scroll-padding: 68px !important;
}

.k-scroll-p-18 {
  scroll-padding: 72px;
}

.\!k-scroll-p-18 {
  scroll-padding: 72px !important;
}

.k-scroll-p-19 {
  scroll-padding: 76px;
}

.\!k-scroll-p-19 {
  scroll-padding: 76px !important;
}

.k-scroll-p-20 {
  scroll-padding: 80px;
}

.\!k-scroll-p-20 {
  scroll-padding: 80px !important;
}

.k-scroll-p-21 {
  scroll-padding: 84px;
}

.\!k-scroll-p-21 {
  scroll-padding: 84px !important;
}

.k-scroll-p-22 {
  scroll-padding: 88px;
}

.\!k-scroll-p-22 {
  scroll-padding: 88px !important;
}

.k-scroll-p-23 {
  scroll-padding: 92px;
}

.\!k-scroll-p-23 {
  scroll-padding: 92px !important;
}

.k-scroll-p-24 {
  scroll-padding: 96px;
}

.\!k-scroll-p-24 {
  scroll-padding: 96px !important;
}

.k-scroll-pt-0 {
  scroll-padding-top: 0;
}

.\!k-scroll-pt-0 {
  scroll-padding-top: 0 !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: 2px;
}

.\!k-scroll-pt-0\.5 {
  scroll-padding-top: 2px !important;
}

.k-scroll-pt-1 {
  scroll-padding-top: 4px;
}

.\!k-scroll-pt-1 {
  scroll-padding-top: 4px !important;
}

.k-scroll-pt-1\.5 {
  scroll-padding-top: 6px;
}

.\!k-scroll-pt-1\.5 {
  scroll-padding-top: 6px !important;
}

.k-scroll-pt-2 {
  scroll-padding-top: 8px;
}

.\!k-scroll-pt-2 {
  scroll-padding-top: 8px !important;
}

.k-scroll-pt-2\.5 {
  scroll-padding-top: 10px;
}

.\!k-scroll-pt-2\.5 {
  scroll-padding-top: 10px !important;
}

.k-scroll-pt-3 {
  scroll-padding-top: 12px;
}

.\!k-scroll-pt-3 {
  scroll-padding-top: 12px !important;
}

.k-scroll-pt-3\.5 {
  scroll-padding-top: 14px;
}

.\!k-scroll-pt-3\.5 {
  scroll-padding-top: 14px !important;
}

.k-scroll-pt-4 {
  scroll-padding-top: 16px;
}

.\!k-scroll-pt-4 {
  scroll-padding-top: 16px !important;
}

.k-scroll-pt-4\.5 {
  scroll-padding-top: 18px;
}

.\!k-scroll-pt-4\.5 {
  scroll-padding-top: 18px !important;
}

.k-scroll-pt-5 {
  scroll-padding-top: 20px;
}

.\!k-scroll-pt-5 {
  scroll-padding-top: 20px !important;
}

.k-scroll-pt-5\.5 {
  scroll-padding-top: 22px;
}

.\!k-scroll-pt-5\.5 {
  scroll-padding-top: 22px !important;
}

.k-scroll-pt-6 {
  scroll-padding-top: 24px;
}

.\!k-scroll-pt-6 {
  scroll-padding-top: 24px !important;
}

.k-scroll-pt-6\.5 {
  scroll-padding-top: 26px;
}

.\!k-scroll-pt-6\.5 {
  scroll-padding-top: 26px !important;
}

.k-scroll-pt-7 {
  scroll-padding-top: 28px;
}

.\!k-scroll-pt-7 {
  scroll-padding-top: 28px !important;
}

.k-scroll-pt-7\.5 {
  scroll-padding-top: 30px;
}

.\!k-scroll-pt-7\.5 {
  scroll-padding-top: 30px !important;
}

.k-scroll-pt-8 {
  scroll-padding-top: 32px;
}

.\!k-scroll-pt-8 {
  scroll-padding-top: 32px !important;
}

.k-scroll-pt-9 {
  scroll-padding-top: 36px;
}

.\!k-scroll-pt-9 {
  scroll-padding-top: 36px !important;
}

.k-scroll-pt-10 {
  scroll-padding-top: 40px;
}

.\!k-scroll-pt-10 {
  scroll-padding-top: 40px !important;
}

.k-scroll-pt-11 {
  scroll-padding-top: 44px;
}

.\!k-scroll-pt-11 {
  scroll-padding-top: 44px !important;
}

.k-scroll-pt-12 {
  scroll-padding-top: 48px;
}

.\!k-scroll-pt-12 {
  scroll-padding-top: 48px !important;
}

.k-scroll-pt-13 {
  scroll-padding-top: 52px;
}

.\!k-scroll-pt-13 {
  scroll-padding-top: 52px !important;
}

.k-scroll-pt-14 {
  scroll-padding-top: 56px;
}

.\!k-scroll-pt-14 {
  scroll-padding-top: 56px !important;
}

.k-scroll-pt-15 {
  scroll-padding-top: 60px;
}

.\!k-scroll-pt-15 {
  scroll-padding-top: 60px !important;
}

.k-scroll-pt-16 {
  scroll-padding-top: 64px;
}

.\!k-scroll-pt-16 {
  scroll-padding-top: 64px !important;
}

.k-scroll-pt-17 {
  scroll-padding-top: 68px;
}

.\!k-scroll-pt-17 {
  scroll-padding-top: 68px !important;
}

.k-scroll-pt-18 {
  scroll-padding-top: 72px;
}

.\!k-scroll-pt-18 {
  scroll-padding-top: 72px !important;
}

.k-scroll-pt-19 {
  scroll-padding-top: 76px;
}

.\!k-scroll-pt-19 {
  scroll-padding-top: 76px !important;
}

.k-scroll-pt-20 {
  scroll-padding-top: 80px;
}

.\!k-scroll-pt-20 {
  scroll-padding-top: 80px !important;
}

.k-scroll-pt-21 {
  scroll-padding-top: 84px;
}

.\!k-scroll-pt-21 {
  scroll-padding-top: 84px !important;
}

.k-scroll-pt-22 {
  scroll-padding-top: 88px;
}

.\!k-scroll-pt-22 {
  scroll-padding-top: 88px !important;
}

.k-scroll-pt-23 {
  scroll-padding-top: 92px;
}

.\!k-scroll-pt-23 {
  scroll-padding-top: 92px !important;
}

.k-scroll-pt-24 {
  scroll-padding-top: 96px;
}

.\!k-scroll-pt-24 {
  scroll-padding-top: 96px !important;
}

.k-scroll-pr-0 {
  scroll-padding-right: 0;
}

.\!k-scroll-pr-0 {
  scroll-padding-right: 0 !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: 2px;
}

.\!k-scroll-pr-0\.5 {
  scroll-padding-right: 2px !important;
}

.k-scroll-pr-1 {
  scroll-padding-right: 4px;
}

.\!k-scroll-pr-1 {
  scroll-padding-right: 4px !important;
}

.k-scroll-pr-1\.5 {
  scroll-padding-right: 6px;
}

.\!k-scroll-pr-1\.5 {
  scroll-padding-right: 6px !important;
}

.k-scroll-pr-2 {
  scroll-padding-right: 8px;
}

.\!k-scroll-pr-2 {
  scroll-padding-right: 8px !important;
}

.k-scroll-pr-2\.5 {
  scroll-padding-right: 10px;
}

.\!k-scroll-pr-2\.5 {
  scroll-padding-right: 10px !important;
}

.k-scroll-pr-3 {
  scroll-padding-right: 12px;
}

.\!k-scroll-pr-3 {
  scroll-padding-right: 12px !important;
}

.k-scroll-pr-3\.5 {
  scroll-padding-right: 14px;
}

.\!k-scroll-pr-3\.5 {
  scroll-padding-right: 14px !important;
}

.k-scroll-pr-4 {
  scroll-padding-right: 16px;
}

.\!k-scroll-pr-4 {
  scroll-padding-right: 16px !important;
}

.k-scroll-pr-4\.5 {
  scroll-padding-right: 18px;
}

.\!k-scroll-pr-4\.5 {
  scroll-padding-right: 18px !important;
}

.k-scroll-pr-5 {
  scroll-padding-right: 20px;
}

.\!k-scroll-pr-5 {
  scroll-padding-right: 20px !important;
}

.k-scroll-pr-5\.5 {
  scroll-padding-right: 22px;
}

.\!k-scroll-pr-5\.5 {
  scroll-padding-right: 22px !important;
}

.k-scroll-pr-6 {
  scroll-padding-right: 24px;
}

.\!k-scroll-pr-6 {
  scroll-padding-right: 24px !important;
}

.k-scroll-pr-6\.5 {
  scroll-padding-right: 26px;
}

.\!k-scroll-pr-6\.5 {
  scroll-padding-right: 26px !important;
}

.k-scroll-pr-7 {
  scroll-padding-right: 28px;
}

.\!k-scroll-pr-7 {
  scroll-padding-right: 28px !important;
}

.k-scroll-pr-7\.5 {
  scroll-padding-right: 30px;
}

.\!k-scroll-pr-7\.5 {
  scroll-padding-right: 30px !important;
}

.k-scroll-pr-8 {
  scroll-padding-right: 32px;
}

.\!k-scroll-pr-8 {
  scroll-padding-right: 32px !important;
}

.k-scroll-pr-9 {
  scroll-padding-right: 36px;
}

.\!k-scroll-pr-9 {
  scroll-padding-right: 36px !important;
}

.k-scroll-pr-10 {
  scroll-padding-right: 40px;
}

.\!k-scroll-pr-10 {
  scroll-padding-right: 40px !important;
}

.k-scroll-pr-11 {
  scroll-padding-right: 44px;
}

.\!k-scroll-pr-11 {
  scroll-padding-right: 44px !important;
}

.k-scroll-pr-12 {
  scroll-padding-right: 48px;
}

.\!k-scroll-pr-12 {
  scroll-padding-right: 48px !important;
}

.k-scroll-pr-13 {
  scroll-padding-right: 52px;
}

.\!k-scroll-pr-13 {
  scroll-padding-right: 52px !important;
}

.k-scroll-pr-14 {
  scroll-padding-right: 56px;
}

.\!k-scroll-pr-14 {
  scroll-padding-right: 56px !important;
}

.k-scroll-pr-15 {
  scroll-padding-right: 60px;
}

.\!k-scroll-pr-15 {
  scroll-padding-right: 60px !important;
}

.k-scroll-pr-16 {
  scroll-padding-right: 64px;
}

.\!k-scroll-pr-16 {
  scroll-padding-right: 64px !important;
}

.k-scroll-pr-17 {
  scroll-padding-right: 68px;
}

.\!k-scroll-pr-17 {
  scroll-padding-right: 68px !important;
}

.k-scroll-pr-18 {
  scroll-padding-right: 72px;
}

.\!k-scroll-pr-18 {
  scroll-padding-right: 72px !important;
}

.k-scroll-pr-19 {
  scroll-padding-right: 76px;
}

.\!k-scroll-pr-19 {
  scroll-padding-right: 76px !important;
}

.k-scroll-pr-20 {
  scroll-padding-right: 80px;
}

.\!k-scroll-pr-20 {
  scroll-padding-right: 80px !important;
}

.k-scroll-pr-21 {
  scroll-padding-right: 84px;
}

.\!k-scroll-pr-21 {
  scroll-padding-right: 84px !important;
}

.k-scroll-pr-22 {
  scroll-padding-right: 88px;
}

.\!k-scroll-pr-22 {
  scroll-padding-right: 88px !important;
}

.k-scroll-pr-23 {
  scroll-padding-right: 92px;
}

.\!k-scroll-pr-23 {
  scroll-padding-right: 92px !important;
}

.k-scroll-pr-24 {
  scroll-padding-right: 96px;
}

.\!k-scroll-pr-24 {
  scroll-padding-right: 96px !important;
}

.k-scroll-pb-0 {
  scroll-padding-bottom: 0;
}

.\!k-scroll-pb-0 {
  scroll-padding-bottom: 0 !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: 2px;
}

.\!k-scroll-pb-0\.5 {
  scroll-padding-bottom: 2px !important;
}

.k-scroll-pb-1 {
  scroll-padding-bottom: 4px;
}

.\!k-scroll-pb-1 {
  scroll-padding-bottom: 4px !important;
}

.k-scroll-pb-1\.5 {
  scroll-padding-bottom: 6px;
}

.\!k-scroll-pb-1\.5 {
  scroll-padding-bottom: 6px !important;
}

.k-scroll-pb-2 {
  scroll-padding-bottom: 8px;
}

.\!k-scroll-pb-2 {
  scroll-padding-bottom: 8px !important;
}

.k-scroll-pb-2\.5 {
  scroll-padding-bottom: 10px;
}

.\!k-scroll-pb-2\.5 {
  scroll-padding-bottom: 10px !important;
}

.k-scroll-pb-3 {
  scroll-padding-bottom: 12px;
}

.\!k-scroll-pb-3 {
  scroll-padding-bottom: 12px !important;
}

.k-scroll-pb-3\.5 {
  scroll-padding-bottom: 14px;
}

.\!k-scroll-pb-3\.5 {
  scroll-padding-bottom: 14px !important;
}

.k-scroll-pb-4 {
  scroll-padding-bottom: 16px;
}

.\!k-scroll-pb-4 {
  scroll-padding-bottom: 16px !important;
}

.k-scroll-pb-4\.5 {
  scroll-padding-bottom: 18px;
}

.\!k-scroll-pb-4\.5 {
  scroll-padding-bottom: 18px !important;
}

.k-scroll-pb-5 {
  scroll-padding-bottom: 20px;
}

.\!k-scroll-pb-5 {
  scroll-padding-bottom: 20px !important;
}

.k-scroll-pb-5\.5 {
  scroll-padding-bottom: 22px;
}

.\!k-scroll-pb-5\.5 {
  scroll-padding-bottom: 22px !important;
}

.k-scroll-pb-6 {
  scroll-padding-bottom: 24px;
}

.\!k-scroll-pb-6 {
  scroll-padding-bottom: 24px !important;
}

.k-scroll-pb-6\.5 {
  scroll-padding-bottom: 26px;
}

.\!k-scroll-pb-6\.5 {
  scroll-padding-bottom: 26px !important;
}

.k-scroll-pb-7 {
  scroll-padding-bottom: 28px;
}

.\!k-scroll-pb-7 {
  scroll-padding-bottom: 28px !important;
}

.k-scroll-pb-7\.5 {
  scroll-padding-bottom: 30px;
}

.\!k-scroll-pb-7\.5 {
  scroll-padding-bottom: 30px !important;
}

.k-scroll-pb-8 {
  scroll-padding-bottom: 32px;
}

.\!k-scroll-pb-8 {
  scroll-padding-bottom: 32px !important;
}

.k-scroll-pb-9 {
  scroll-padding-bottom: 36px;
}

.\!k-scroll-pb-9 {
  scroll-padding-bottom: 36px !important;
}

.k-scroll-pb-10 {
  scroll-padding-bottom: 40px;
}

.\!k-scroll-pb-10 {
  scroll-padding-bottom: 40px !important;
}

.k-scroll-pb-11 {
  scroll-padding-bottom: 44px;
}

.\!k-scroll-pb-11 {
  scroll-padding-bottom: 44px !important;
}

.k-scroll-pb-12 {
  scroll-padding-bottom: 48px;
}

.\!k-scroll-pb-12 {
  scroll-padding-bottom: 48px !important;
}

.k-scroll-pb-13 {
  scroll-padding-bottom: 52px;
}

.\!k-scroll-pb-13 {
  scroll-padding-bottom: 52px !important;
}

.k-scroll-pb-14 {
  scroll-padding-bottom: 56px;
}

.\!k-scroll-pb-14 {
  scroll-padding-bottom: 56px !important;
}

.k-scroll-pb-15 {
  scroll-padding-bottom: 60px;
}

.\!k-scroll-pb-15 {
  scroll-padding-bottom: 60px !important;
}

.k-scroll-pb-16 {
  scroll-padding-bottom: 64px;
}

.\!k-scroll-pb-16 {
  scroll-padding-bottom: 64px !important;
}

.k-scroll-pb-17 {
  scroll-padding-bottom: 68px;
}

.\!k-scroll-pb-17 {
  scroll-padding-bottom: 68px !important;
}

.k-scroll-pb-18 {
  scroll-padding-bottom: 72px;
}

.\!k-scroll-pb-18 {
  scroll-padding-bottom: 72px !important;
}

.k-scroll-pb-19 {
  scroll-padding-bottom: 76px;
}

.\!k-scroll-pb-19 {
  scroll-padding-bottom: 76px !important;
}

.k-scroll-pb-20 {
  scroll-padding-bottom: 80px;
}

.\!k-scroll-pb-20 {
  scroll-padding-bottom: 80px !important;
}

.k-scroll-pb-21 {
  scroll-padding-bottom: 84px;
}

.\!k-scroll-pb-21 {
  scroll-padding-bottom: 84px !important;
}

.k-scroll-pb-22 {
  scroll-padding-bottom: 88px;
}

.\!k-scroll-pb-22 {
  scroll-padding-bottom: 88px !important;
}

.k-scroll-pb-23 {
  scroll-padding-bottom: 92px;
}

.\!k-scroll-pb-23 {
  scroll-padding-bottom: 92px !important;
}

.k-scroll-pb-24 {
  scroll-padding-bottom: 96px;
}

.\!k-scroll-pb-24 {
  scroll-padding-bottom: 96px !important;
}

.k-scroll-pl-0 {
  scroll-padding-left: 0;
}

.\!k-scroll-pl-0 {
  scroll-padding-left: 0 !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: 2px;
}

.\!k-scroll-pl-0\.5 {
  scroll-padding-left: 2px !important;
}

.k-scroll-pl-1 {
  scroll-padding-left: 4px;
}

.\!k-scroll-pl-1 {
  scroll-padding-left: 4px !important;
}

.k-scroll-pl-1\.5 {
  scroll-padding-left: 6px;
}

.\!k-scroll-pl-1\.5 {
  scroll-padding-left: 6px !important;
}

.k-scroll-pl-2 {
  scroll-padding-left: 8px;
}

.\!k-scroll-pl-2 {
  scroll-padding-left: 8px !important;
}

.k-scroll-pl-2\.5 {
  scroll-padding-left: 10px;
}

.\!k-scroll-pl-2\.5 {
  scroll-padding-left: 10px !important;
}

.k-scroll-pl-3 {
  scroll-padding-left: 12px;
}

.\!k-scroll-pl-3 {
  scroll-padding-left: 12px !important;
}

.k-scroll-pl-3\.5 {
  scroll-padding-left: 14px;
}

.\!k-scroll-pl-3\.5 {
  scroll-padding-left: 14px !important;
}

.k-scroll-pl-4 {
  scroll-padding-left: 16px;
}

.\!k-scroll-pl-4 {
  scroll-padding-left: 16px !important;
}

.k-scroll-pl-4\.5 {
  scroll-padding-left: 18px;
}

.\!k-scroll-pl-4\.5 {
  scroll-padding-left: 18px !important;
}

.k-scroll-pl-5 {
  scroll-padding-left: 20px;
}

.\!k-scroll-pl-5 {
  scroll-padding-left: 20px !important;
}

.k-scroll-pl-5\.5 {
  scroll-padding-left: 22px;
}

.\!k-scroll-pl-5\.5 {
  scroll-padding-left: 22px !important;
}

.k-scroll-pl-6 {
  scroll-padding-left: 24px;
}

.\!k-scroll-pl-6 {
  scroll-padding-left: 24px !important;
}

.k-scroll-pl-6\.5 {
  scroll-padding-left: 26px;
}

.\!k-scroll-pl-6\.5 {
  scroll-padding-left: 26px !important;
}

.k-scroll-pl-7 {
  scroll-padding-left: 28px;
}

.\!k-scroll-pl-7 {
  scroll-padding-left: 28px !important;
}

.k-scroll-pl-7\.5 {
  scroll-padding-left: 30px;
}

.\!k-scroll-pl-7\.5 {
  scroll-padding-left: 30px !important;
}

.k-scroll-pl-8 {
  scroll-padding-left: 32px;
}

.\!k-scroll-pl-8 {
  scroll-padding-left: 32px !important;
}

.k-scroll-pl-9 {
  scroll-padding-left: 36px;
}

.\!k-scroll-pl-9 {
  scroll-padding-left: 36px !important;
}

.k-scroll-pl-10 {
  scroll-padding-left: 40px;
}

.\!k-scroll-pl-10 {
  scroll-padding-left: 40px !important;
}

.k-scroll-pl-11 {
  scroll-padding-left: 44px;
}

.\!k-scroll-pl-11 {
  scroll-padding-left: 44px !important;
}

.k-scroll-pl-12 {
  scroll-padding-left: 48px;
}

.\!k-scroll-pl-12 {
  scroll-padding-left: 48px !important;
}

.k-scroll-pl-13 {
  scroll-padding-left: 52px;
}

.\!k-scroll-pl-13 {
  scroll-padding-left: 52px !important;
}

.k-scroll-pl-14 {
  scroll-padding-left: 56px;
}

.\!k-scroll-pl-14 {
  scroll-padding-left: 56px !important;
}

.k-scroll-pl-15 {
  scroll-padding-left: 60px;
}

.\!k-scroll-pl-15 {
  scroll-padding-left: 60px !important;
}

.k-scroll-pl-16 {
  scroll-padding-left: 64px;
}

.\!k-scroll-pl-16 {
  scroll-padding-left: 64px !important;
}

.k-scroll-pl-17 {
  scroll-padding-left: 68px;
}

.\!k-scroll-pl-17 {
  scroll-padding-left: 68px !important;
}

.k-scroll-pl-18 {
  scroll-padding-left: 72px;
}

.\!k-scroll-pl-18 {
  scroll-padding-left: 72px !important;
}

.k-scroll-pl-19 {
  scroll-padding-left: 76px;
}

.\!k-scroll-pl-19 {
  scroll-padding-left: 76px !important;
}

.k-scroll-pl-20 {
  scroll-padding-left: 80px;
}

.\!k-scroll-pl-20 {
  scroll-padding-left: 80px !important;
}

.k-scroll-pl-21 {
  scroll-padding-left: 84px;
}

.\!k-scroll-pl-21 {
  scroll-padding-left: 84px !important;
}

.k-scroll-pl-22 {
  scroll-padding-left: 88px;
}

.\!k-scroll-pl-22 {
  scroll-padding-left: 88px !important;
}

.k-scroll-pl-23 {
  scroll-padding-left: 92px;
}

.\!k-scroll-pl-23 {
  scroll-padding-left: 92px !important;
}

.k-scroll-pl-24 {
  scroll-padding-left: 96px;
}

.\!k-scroll-pl-24 {
  scroll-padding-left: 96px !important;
}

.k-scroll-px-0 {
  scroll-padding-inline: 0;
}

.\!k-scroll-px-0 {
  scroll-padding-inline: 0 !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: 2px;
}

.\!k-scroll-px-0\.5 {
  scroll-padding-inline: 2px !important;
}

.k-scroll-px-1 {
  scroll-padding-inline: 4px;
}

.\!k-scroll-px-1 {
  scroll-padding-inline: 4px !important;
}

.k-scroll-px-1\.5 {
  scroll-padding-inline: 6px;
}

.\!k-scroll-px-1\.5 {
  scroll-padding-inline: 6px !important;
}

.k-scroll-px-2 {
  scroll-padding-inline: 8px;
}

.\!k-scroll-px-2 {
  scroll-padding-inline: 8px !important;
}

.k-scroll-px-2\.5 {
  scroll-padding-inline: 10px;
}

.\!k-scroll-px-2\.5 {
  scroll-padding-inline: 10px !important;
}

.k-scroll-px-3 {
  scroll-padding-inline: 12px;
}

.\!k-scroll-px-3 {
  scroll-padding-inline: 12px !important;
}

.k-scroll-px-3\.5 {
  scroll-padding-inline: 14px;
}

.\!k-scroll-px-3\.5 {
  scroll-padding-inline: 14px !important;
}

.k-scroll-px-4 {
  scroll-padding-inline: 16px;
}

.\!k-scroll-px-4 {
  scroll-padding-inline: 16px !important;
}

.k-scroll-px-4\.5 {
  scroll-padding-inline: 18px;
}

.\!k-scroll-px-4\.5 {
  scroll-padding-inline: 18px !important;
}

.k-scroll-px-5 {
  scroll-padding-inline: 20px;
}

.\!k-scroll-px-5 {
  scroll-padding-inline: 20px !important;
}

.k-scroll-px-5\.5 {
  scroll-padding-inline: 22px;
}

.\!k-scroll-px-5\.5 {
  scroll-padding-inline: 22px !important;
}

.k-scroll-px-6 {
  scroll-padding-inline: 24px;
}

.\!k-scroll-px-6 {
  scroll-padding-inline: 24px !important;
}

.k-scroll-px-6\.5 {
  scroll-padding-inline: 26px;
}

.\!k-scroll-px-6\.5 {
  scroll-padding-inline: 26px !important;
}

.k-scroll-px-7 {
  scroll-padding-inline: 28px;
}

.\!k-scroll-px-7 {
  scroll-padding-inline: 28px !important;
}

.k-scroll-px-7\.5 {
  scroll-padding-inline: 30px;
}

.\!k-scroll-px-7\.5 {
  scroll-padding-inline: 30px !important;
}

.k-scroll-px-8 {
  scroll-padding-inline: 32px;
}

.\!k-scroll-px-8 {
  scroll-padding-inline: 32px !important;
}

.k-scroll-px-9 {
  scroll-padding-inline: 36px;
}

.\!k-scroll-px-9 {
  scroll-padding-inline: 36px !important;
}

.k-scroll-px-10 {
  scroll-padding-inline: 40px;
}

.\!k-scroll-px-10 {
  scroll-padding-inline: 40px !important;
}

.k-scroll-px-11 {
  scroll-padding-inline: 44px;
}

.\!k-scroll-px-11 {
  scroll-padding-inline: 44px !important;
}

.k-scroll-px-12 {
  scroll-padding-inline: 48px;
}

.\!k-scroll-px-12 {
  scroll-padding-inline: 48px !important;
}

.k-scroll-px-13 {
  scroll-padding-inline: 52px;
}

.\!k-scroll-px-13 {
  scroll-padding-inline: 52px !important;
}

.k-scroll-px-14 {
  scroll-padding-inline: 56px;
}

.\!k-scroll-px-14 {
  scroll-padding-inline: 56px !important;
}

.k-scroll-px-15 {
  scroll-padding-inline: 60px;
}

.\!k-scroll-px-15 {
  scroll-padding-inline: 60px !important;
}

.k-scroll-px-16 {
  scroll-padding-inline: 64px;
}

.\!k-scroll-px-16 {
  scroll-padding-inline: 64px !important;
}

.k-scroll-px-17 {
  scroll-padding-inline: 68px;
}

.\!k-scroll-px-17 {
  scroll-padding-inline: 68px !important;
}

.k-scroll-px-18 {
  scroll-padding-inline: 72px;
}

.\!k-scroll-px-18 {
  scroll-padding-inline: 72px !important;
}

.k-scroll-px-19 {
  scroll-padding-inline: 76px;
}

.\!k-scroll-px-19 {
  scroll-padding-inline: 76px !important;
}

.k-scroll-px-20 {
  scroll-padding-inline: 80px;
}

.\!k-scroll-px-20 {
  scroll-padding-inline: 80px !important;
}

.k-scroll-px-21 {
  scroll-padding-inline: 84px;
}

.\!k-scroll-px-21 {
  scroll-padding-inline: 84px !important;
}

.k-scroll-px-22 {
  scroll-padding-inline: 88px;
}

.\!k-scroll-px-22 {
  scroll-padding-inline: 88px !important;
}

.k-scroll-px-23 {
  scroll-padding-inline: 92px;
}

.\!k-scroll-px-23 {
  scroll-padding-inline: 92px !important;
}

.k-scroll-px-24 {
  scroll-padding-inline: 96px;
}

.\!k-scroll-px-24 {
  scroll-padding-inline: 96px !important;
}

.k-scroll-py-0 {
  scroll-padding-block: 0;
}

.\!k-scroll-py-0 {
  scroll-padding-block: 0 !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: 2px;
}

.\!k-scroll-py-0\.5 {
  scroll-padding-block: 2px !important;
}

.k-scroll-py-1 {
  scroll-padding-block: 4px;
}

.\!k-scroll-py-1 {
  scroll-padding-block: 4px !important;
}

.k-scroll-py-1\.5 {
  scroll-padding-block: 6px;
}

.\!k-scroll-py-1\.5 {
  scroll-padding-block: 6px !important;
}

.k-scroll-py-2 {
  scroll-padding-block: 8px;
}

.\!k-scroll-py-2 {
  scroll-padding-block: 8px !important;
}

.k-scroll-py-2\.5 {
  scroll-padding-block: 10px;
}

.\!k-scroll-py-2\.5 {
  scroll-padding-block: 10px !important;
}

.k-scroll-py-3 {
  scroll-padding-block: 12px;
}

.\!k-scroll-py-3 {
  scroll-padding-block: 12px !important;
}

.k-scroll-py-3\.5 {
  scroll-padding-block: 14px;
}

.\!k-scroll-py-3\.5 {
  scroll-padding-block: 14px !important;
}

.k-scroll-py-4 {
  scroll-padding-block: 16px;
}

.\!k-scroll-py-4 {
  scroll-padding-block: 16px !important;
}

.k-scroll-py-4\.5 {
  scroll-padding-block: 18px;
}

.\!k-scroll-py-4\.5 {
  scroll-padding-block: 18px !important;
}

.k-scroll-py-5 {
  scroll-padding-block: 20px;
}

.\!k-scroll-py-5 {
  scroll-padding-block: 20px !important;
}

.k-scroll-py-5\.5 {
  scroll-padding-block: 22px;
}

.\!k-scroll-py-5\.5 {
  scroll-padding-block: 22px !important;
}

.k-scroll-py-6 {
  scroll-padding-block: 24px;
}

.\!k-scroll-py-6 {
  scroll-padding-block: 24px !important;
}

.k-scroll-py-6\.5 {
  scroll-padding-block: 26px;
}

.\!k-scroll-py-6\.5 {
  scroll-padding-block: 26px !important;
}

.k-scroll-py-7 {
  scroll-padding-block: 28px;
}

.\!k-scroll-py-7 {
  scroll-padding-block: 28px !important;
}

.k-scroll-py-7\.5 {
  scroll-padding-block: 30px;
}

.\!k-scroll-py-7\.5 {
  scroll-padding-block: 30px !important;
}

.k-scroll-py-8 {
  scroll-padding-block: 32px;
}

.\!k-scroll-py-8 {
  scroll-padding-block: 32px !important;
}

.k-scroll-py-9 {
  scroll-padding-block: 36px;
}

.\!k-scroll-py-9 {
  scroll-padding-block: 36px !important;
}

.k-scroll-py-10 {
  scroll-padding-block: 40px;
}

.\!k-scroll-py-10 {
  scroll-padding-block: 40px !important;
}

.k-scroll-py-11 {
  scroll-padding-block: 44px;
}

.\!k-scroll-py-11 {
  scroll-padding-block: 44px !important;
}

.k-scroll-py-12 {
  scroll-padding-block: 48px;
}

.\!k-scroll-py-12 {
  scroll-padding-block: 48px !important;
}

.k-scroll-py-13 {
  scroll-padding-block: 52px;
}

.\!k-scroll-py-13 {
  scroll-padding-block: 52px !important;
}

.k-scroll-py-14 {
  scroll-padding-block: 56px;
}

.\!k-scroll-py-14 {
  scroll-padding-block: 56px !important;
}

.k-scroll-py-15 {
  scroll-padding-block: 60px;
}

.\!k-scroll-py-15 {
  scroll-padding-block: 60px !important;
}

.k-scroll-py-16 {
  scroll-padding-block: 64px;
}

.\!k-scroll-py-16 {
  scroll-padding-block: 64px !important;
}

.k-scroll-py-17 {
  scroll-padding-block: 68px;
}

.\!k-scroll-py-17 {
  scroll-padding-block: 68px !important;
}

.k-scroll-py-18 {
  scroll-padding-block: 72px;
}

.\!k-scroll-py-18 {
  scroll-padding-block: 72px !important;
}

.k-scroll-py-19 {
  scroll-padding-block: 76px;
}

.\!k-scroll-py-19 {
  scroll-padding-block: 76px !important;
}

.k-scroll-py-20 {
  scroll-padding-block: 80px;
}

.\!k-scroll-py-20 {
  scroll-padding-block: 80px !important;
}

.k-scroll-py-21 {
  scroll-padding-block: 84px;
}

.\!k-scroll-py-21 {
  scroll-padding-block: 84px !important;
}

.k-scroll-py-22 {
  scroll-padding-block: 88px;
}

.\!k-scroll-py-22 {
  scroll-padding-block: 88px !important;
}

.k-scroll-py-23 {
  scroll-padding-block: 92px;
}

.\!k-scroll-py-23 {
  scroll-padding-block: 92px !important;
}

.k-scroll-py-24 {
  scroll-padding-block: 96px;
}

.\!k-scroll-py-24 {
  scroll-padding-block: 96px !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 {
  user-select: contain;
}

.\!k-user-select-contain {
  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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 14px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 2;
  font-weight: 400;
  margin: 0;
}
.k-body p,
.k-typography p {
  margin: 0 0 12px;
}

.k-h1 {
  font-size: 96px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 96px;
  font-weight: 300;
  letter-spacing: -1.5px;
  margin: 0 0 12px;
}

.k-h2 {
  font-size: 60px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 60px;
  font-weight: 300;
  letter-spacing: -0.5px;
  margin: 0 0 12px;
}

.k-h3 {
  font-size: 48px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 50px;
  font-weight: 400;
  letter-spacing: 0px;
  margin: 0 0 12px;
}

.k-h4 {
  font-size: 34px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 40px;
  font-weight: 400;
  letter-spacing: 0.25px;
  margin: 0 0 12px;
}

.k-h5 {
  font-size: 24px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0px;
  margin: 0 0 12px;
}

.k-h6 {
  font-size: 20px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: 0.15px;
  margin: 0 0 12px;
}

.k-paragraph {
  font-size: 1rem;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.0313em;
  margin: 0 0 12px;
}

.k-pre,
.k-code {
  font-size: 14px;
  font-family: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace;
  line-height: 2;
  font-weight: 400;
  border-style: solid;
  border-width: 1px;
}

.k-pre {
  padding-block: 16px;
  padding-inline: 24px;
  overflow: auto;
}

.k-pre > .k-code {
  padding: 0;
  border-width: 0;
  border-color: transparent;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
}

.k-code {
  padding-block: 0px;
  padding-inline: 4px;
}

.k-display-1 {
  font-size: 112px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 1.2;
  font-weight: 300;
}

.k-display-2 {
  font-size: 56px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 1.2;
  font-weight: 400;
}

.k-display-3 {
  font-size: 45px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 1.2;
  font-weight: 400;
}

.k-display-4 {
  font-size: 34px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 1.2;
  font-weight: 400;
}

.k-body {
  color: #3c3c3c;
  background-color: #ffffff;
}

.k-pre,
.k-code {
  border-color: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #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 * 0.75);
  height: calc(16px * 0.75);
}
.k-svg-icon.k-icon-sm {
  width: calc(16px * 0.875);
  height: calc(16px * 0.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: 4px;
  line-height: 1;
  align-items: center;
  vertical-align: middle;
  cursor: pointer;
}

.k-sprite {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.k-image {
  display: inline-block;
}

.k-messagebox {
  margin: 0 0 16px 0;
  padding-block: 4px;
  padding-inline: 16px;
  border-width: 0 0 0 4px;
  border-style: solid;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 2;
}
.k-messagebox a {
  color: inherit;
  font-style: normal;
  text-decoration: underline;
}

.k-messagebox-primary {
  border-color: rgb(194.52, 207.4, 251.64);
  color: rgb(20.28, 44.2, 126.36);
  background-color: rgb(211.8, 221, 252.6);
}

.k-messagebox-secondary {
  border-color: rgb(189.48, 211.88, 237.36);
  color: rgb(10.92, 52.52, 99.84);
  background-color: rgb(208.2, 224.2, 242.4);
}

.k-messagebox-tertiary {
  border-color: rgb(183.6, 213, 209.36);
  color: rgb(0, 54.6, 47.84);
  background-color: rgb(204, 225, 222.4);
}

.k-messagebox-info {
  border-color: rgb(183.6, 208.24, 248.84);
  color: rgb(0, 45.76, 121.16);
  background-color: rgb(204, 221.6, 250.6);
}

.k-messagebox-success {
  border-color: rgb(199, 234, 183.6);
  color: rgb(28.6, 93.6, 0);
  background-color: #d7f0cc;
}

.k-messagebox-warning {
  border-color: rgb(255, 237.36, 183.6);
  color: rgb(132.6, 99.84, 0);
  background-color: rgb(255, 242.4, 204);
}

.k-messagebox-error {
  border-color: rgb(251.64, 190.04, 183.6);
  color: rgb(126.36, 11.96, 0);
  background-color: rgb(252.6, 208.6, 204);
}

.k-messagebox-dark {
  border-color: rgb(202.08, 202.08, 202.08);
  color: rgb(34.32, 34.32, 34.32);
  background-color: rgb(217.2, 217.2, 217.2);
}

.k-messagebox-light {
  border-color: rgb(252.2, 252.2, 252.2);
  color: rgb(127.4, 127.4, 127.4);
  background-color: #fdfdfd;
}

.k-messagebox-inverse {
  border-color: rgb(202.08, 202.08, 202.08);
  color: rgb(34.32, 34.32, 34.32);
  background-color: rgb(217.2, 217.2, 217.2);
}

.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-md {
  padding-block: 2px;
  padding-inline: 8px;
  font-size: 0.75rem;
  line-height: 16px;
}
.k-badge-md:empty {
  padding: 2px;
  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 #ffffff;
}

.k-badge-solid-primary {
  border-color: #2755f3;
  color: white;
  background-color: #2755f3;
}

.k-badge-solid-secondary {
  border-color: #1565c0;
  color: white;
  background-color: #1565c0;
}

.k-badge-solid-tertiary {
  border-color: #00695c;
  color: white;
  background-color: #00695c;
}

.k-badge-solid-info {
  border-color: #0058e9;
  color: white;
  background-color: #0058e9;
}

.k-badge-solid-success {
  border-color: #37b400;
  color: white;
  background-color: #37b400;
}

.k-badge-solid-warning {
  border-color: #ffc000;
  color: black;
  background-color: #ffc000;
}

.k-badge-solid-error {
  border-color: #f31700;
  color: white;
  background-color: #f31700;
}

.k-badge-solid-dark {
  border-color: #424242;
  color: white;
  background-color: #424242;
}

.k-badge-solid-light {
  border-color: #f5f5f5;
  color: black;
  background-color: #f5f5f5;
}

.k-badge-solid-inverse {
  border-color: #424242;
  color: white;
  background-color: #424242;
}

.k-badge-outline {
  border-color: currentColor;
  background-color: #ffffff;
}

.k-badge-outline-primary {
  color: #2755f3;
}

.k-badge-outline-secondary {
  color: #1565c0;
}

.k-badge-outline-tertiary {
  color: #00695c;
}

.k-badge-outline-info {
  color: #0058e9;
}

.k-badge-outline-success {
  color: #37b400;
}

.k-badge-outline-warning {
  color: #ffc000;
}

.k-badge-outline-error {
  color: #f31700;
}

.k-badge-outline-dark {
  color: #424242;
}

.k-badge-outline-light {
  color: #f5f5f5;
}

.k-badge-outline-inverse {
  color: #424242;
}

.k-button {
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  color: inherit;
  background: none;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  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;
  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: 6px;
  padding-inline: 10px;
  font-size: 0.875rem;
  line-height: 1;
}

.k-button-sm.k-icon-button {
  padding: 6px;
}
.k-button-sm.k-icon-button .k-button-icon {
  min-width: calc(0.875rem * 1);
  min-height: calc(0.875rem * 1);
  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 * 0.75);
  height: calc(16px * 0.75);
}
.k-button-sm.k-icon-button .k-button-icon.k-icon-sm > svg {
  width: calc(16px * 0.875);
  height: calc(16px * 0.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: 7px;
  padding-inline: 16px;
  font-size: 0.875rem;
  line-height: 1.5;
}

.k-button-md.k-icon-button {
  padding: 7px;
}
.k-button-md.k-icon-button .k-button-icon {
  min-width: calc(0.875rem * 1.5);
  min-height: calc(0.875rem * 1.5);
  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 * 0.75);
  height: calc(16px * 0.75);
}
.k-button-md.k-icon-button .k-button-icon.k-icon-sm > svg {
  width: calc(16px * 0.875);
  height: calc(16px * 0.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: 12px;
  padding-inline: 16px;
  font-size: 1rem;
  line-height: 1.41;
}

.k-button-lg.k-icon-button {
  padding: 12px;
}
.k-button-lg.k-icon-button .k-button-icon {
  min-width: calc(1rem * 1.41);
  min-height: calc(1rem * 1.41);
  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 * 0.75);
  height: calc(16px * 0.75);
}
.k-button-lg.k-icon-button .k-button-icon.k-icon-sm > svg {
  width: calc(16px * 0.875);
  height: calc(16px * 0.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-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: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  background-color: #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-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 {
  border-color: rgb(224.4, 224.4, 224.4);
  color: rgba(0, 0, 0, 0.38);
  background-color: rgb(224.4, 224.4, 224.4);
  box-shadow: none;
}

.k-button-solid-primary {
  border-color: #2755f3;
  color: white;
  background-color: #2755f3;
}
.k-button-solid-primary:disabled, .k-button-solid-primary.k-disabled {
  border-color: rgb(224.4, 224.4, 224.4);
  color: rgba(0, 0, 0, 0.38);
  background-color: rgb(224.4, 224.4, 224.4);
  box-shadow: none;
}

.k-button-solid-warning {
  border-color: #f0ac05;
  color: white;
  background-color: #f0ac05;
}
.k-button-solid-warning:disabled, .k-button-solid-warning.k-disabled {
  border-color: rgb(224.4, 224.4, 224.4);
  color: rgba(0, 0, 0, 0.38);
  background-color: rgb(224.4, 224.4, 224.4);
  box-shadow: none;
}

.k-button-solid-error {
  border-color: #f31700;
  color: white;
  background-color: #f31700;
}
.k-button-solid-error:disabled, .k-button-solid-error.k-disabled {
  border-color: rgb(224.4, 224.4, 224.4);
  color: rgba(0, 0, 0, 0.38);
  background-color: rgb(224.4, 224.4, 224.4);
  box-shadow: none;
}

.k-button-outline-primary {
  box-shadow: none;
  border-color: currentColor;
  color: #2755f3;
  background-color: transparent;
}
.k-button-outline-primary:hover, .k-button-outline-primary.k-hover {
  border-color: #2755f3;
  color: white;
  background-color: #2755f3;
}
.k-button-outline-primary:active, .k-button-outline-primary.k-active {
  border-color: #2755f3;
  color: white;
  background-color: #2755f3;
}
.k-button-outline-primary.k-selected {
  border-color: #2755f3;
  color: white;
  background-color: #2755f3;
}
.k-button-outline-primary:disabled, .k-button-outline-primary.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-outline-warning {
  box-shadow: none;
  border-color: currentColor;
  color: #f0ac05;
  background-color: transparent;
}
.k-button-outline-warning:hover, .k-button-outline-warning.k-hover {
  border-color: #f0ac05;
  color: white;
  background-color: #f0ac05;
}
.k-button-outline-warning:active, .k-button-outline-warning.k-active {
  border-color: #f0ac05;
  color: white;
  background-color: #f0ac05;
}
.k-button-outline-warning.k-selected {
  border-color: #f0ac05;
  color: white;
  background-color: #f0ac05;
}
.k-button-outline-warning:disabled, .k-button-outline-warning.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-outline-error {
  box-shadow: none;
  border-color: currentColor;
  color: #f31700;
  background-color: transparent;
}
.k-button-outline-error:hover, .k-button-outline-error.k-hover {
  border-color: #f31700;
  color: white;
  background-color: #f31700;
}
.k-button-outline-error:active, .k-button-outline-error.k-active {
  border-color: #f31700;
  color: white;
  background-color: #f31700;
}
.k-button-outline-error.k-selected {
  border-color: #f31700;
  color: white;
  background-color: #f31700;
}
.k-button-outline-error:disabled, .k-button-outline-error.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-outline-base {
  box-shadow: none;
  border-color: currentColor;
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
}
.k-button-outline-base:hover, .k-button-outline-base.k-hover {
  border-color: rgba(0, 0, 0, 0.87);
  color: white;
  background-color: rgba(0, 0, 0, 0.87);
}
.k-button-outline-base:active, .k-button-outline-base.k-active {
  border-color: rgba(0, 0, 0, 0.87);
  color: white;
  background-color: rgba(0, 0, 0, 0.87);
}
.k-button-outline-base.k-selected {
  border-color: rgba(0, 0, 0, 0.87);
  color: white;
  background-color: rgba(0, 0, 0, 0.87);
}
.k-button-outline-base:disabled, .k-button-outline-base.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-flat-primary {
  color: #2755f3;
}
.k-button-flat-primary:disabled, .k-button-flat-primary.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-flat-warning {
  color: #f0ac05;
}
.k-button-flat-warning:disabled, .k-button-flat-warning.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-flat-error {
  color: #f31700;
}
.k-button-flat-error:disabled, .k-button-flat-error.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-flat-base {
  color: inherit;
}
.k-button-flat-base:disabled, .k-button-flat-base.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-link-primary {
  color: #2755f3;
}
.k-button-link-primary:hover, .k-button-link-primary.k-hover {
  color: rgb(32.76, 71.4, 204.12);
}
.k-button-link-primary:active, .k-button-link-primary.k-active {
  color: rgb(32.76, 71.4, 204.12);
}
.k-button-link-primary.k-selected {
  color: rgb(32.76, 71.4, 204.12);
}
.k-button-link-primary:disabled, .k-button-link-primary.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-link-warning {
  color: #f0ac05;
}
.k-button-link-warning:hover, .k-button-link-warning.k-hover {
  color: rgb(201.6, 144.48, 4.2);
}
.k-button-link-warning:active, .k-button-link-warning.k-active {
  color: rgb(201.6, 144.48, 4.2);
}
.k-button-link-warning.k-selected {
  color: rgb(201.6, 144.48, 4.2);
}
.k-button-link-warning:disabled, .k-button-link-warning.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-link-error {
  color: #f31700;
}
.k-button-link-error:hover, .k-button-link-error.k-hover {
  color: rgb(204.12, 19.32, 0);
}
.k-button-link-error:active, .k-button-link-error.k-active {
  color: rgb(204.12, 19.32, 0);
}
.k-button-link-error.k-selected {
  color: rgb(204.12, 19.32, 0);
}
.k-button-link-error:disabled, .k-button-link-error.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-link-base {
  color: rgba(0, 0, 0, 0.87);
}
.k-button-link-base:hover, .k-button-link-base.k-hover {
  color: rgba(0, 0, 0, 0.8908);
}
.k-button-link-base:active, .k-button-link-base.k-active {
  color: rgba(0, 0, 0, 0.8908);
}
.k-button-link-base.k-selected {
  color: rgba(0, 0, 0, 0.8908);
}
.k-button-link-base:disabled, .k-button-link-base.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-clear-primary {
  color: #2755f3;
}
.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: rgba(0, 0, 0, 0.38);
}

.k-button-clear-warning {
  color: #f0ac05;
}
.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: rgba(0, 0, 0, 0.38);
}

.k-button-clear-error {
  color: #f31700;
}
.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: rgba(0, 0, 0, 0.38);
}

.k-button-clear-base {
  color: rgba(0, 0, 0, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
}

.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: white;
  background-color: #2755f3;
  border-color: #2755f3;
}
.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-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: black;
  background-color: #f0ac05;
  border-color: #f0ac05;
}
.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: black;
  background-color: #f31700;
  border-color: #f31700;
}
.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-outline-primary {
  color: #2755f3;
}
.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: #2755f3;
}
.k-button-outline-primary:disabled, .k-button-outline-primary.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-outline-warning {
  color: #f0ac05;
}
.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: #f0ac05;
}
.k-button-outline-warning:disabled, .k-button-outline-warning.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-outline-error {
  color: #f31700;
}
.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: #f31700;
}
.k-button-outline-error:disabled, .k-button-outline-error.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-link-primary:disabled, .k-button-link-primary.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-link-warning:disabled, .k-button-link-warning.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.k-button-link-error:disabled, .k-button-link-error.k-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.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-input,
.k-picker {
  border-radius: 8px;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  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: #6b6b6b;
  opacity: 1;
  -webkit-user-select: none;
          user-select: none;
}

input.k-input,
textarea.k-textarea {
  padding-block: 8px;
  padding-inline: 8px;
}
input.k-input:disabled, input.k-input[disabled],
textarea.k-textarea:disabled,
textarea.k-textarea[disabled] {
  outline: none;
  cursor: default;
  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: 8px;
  padding-inline: 8px;
  appearance: auto;
}
select.k-picker:disabled, select.k-picker[disabled] {
  outline: none;
  cursor: default;
  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: 8px;
  padding-inline: 8px;
  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: #6b6b6b;
  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: 8px;
  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: 8px;
  align-self: stretch;
  border-width: 1px 0 0;
}
.k-input-separator-vertical {
  height: auto;
  margin-block: 8px;
  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 * 0.75);
  height: calc(16px * 0.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 * 0.875);
  height: calc(16px * 0.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: 0 0;
  border-top-color: transparent !important;
  background-image: none !important;
}

.k-input-outline {
  background: none !important;
}

.k-input-sm,
.k-picker-sm {
  font-size: 16px;
  line-height: 1.25;
}
.k-input-sm .k-input-values,
.k-picker-sm .k-input-values {
  padding: 3px;
  gap: 3px;
}
.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: -3px;
}
.k-input-sm .k-input-inner,
.k-picker-sm .k-input-inner {
  padding-block: 6px;
  padding-inline: 16px;
}
.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: 4px;
  padding-inline: 4px;
}
.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: 6px;
  padding-inline: 6px;
  box-sizing: content-box;
}
.k-input-sm .k-input-separator-horizontal,
.k-picker-sm .k-input-separator-horizontal {
  margin-inline: 6px;
}
.k-input-sm .k-input-separator-vertical,
.k-picker-sm .k-input-separator-vertical {
  margin-block: 6px;
}
.k-input-sm.k-icon-picker .k-input-inner,
.k-picker-sm.k-icon-picker .k-input-inner {
  width: calc(1.25em);
  height: calc(1.25em);
  padding: 6px;
  box-sizing: content-box;
}

.k-dropdown-operator.k-picker-sm .k-input-button {
  padding: 6px;
}

select.k-picker-sm {
  padding-block: 6px;
  padding-inline: 16px;
}

.k-input-md,
.k-picker-md {
  font-size: 14px;
  line-height: 1.5;
}
.k-input-md .k-input-values,
.k-picker-md .k-input-values {
  padding: 4px;
  gap: 4px;
}
.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: -4px;
}
.k-input-md .k-input-inner,
.k-picker-md .k-input-inner {
  padding-block: 8px;
  padding-inline: 8px;
}
.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: 4px;
  padding-inline: 4px;
}
.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: 8px;
  padding-inline: 8px;
  box-sizing: content-box;
}
.k-input-md .k-input-separator-horizontal,
.k-picker-md .k-input-separator-horizontal {
  margin-inline: 8px;
}
.k-input-md .k-input-separator-vertical,
.k-picker-md .k-input-separator-vertical {
  margin-block: 8px;
}
.k-input-md.k-icon-picker .k-input-inner,
.k-picker-md.k-icon-picker .k-input-inner {
  width: calc(1.5em);
  height: calc(1.5em);
  padding: 8px;
  box-sizing: content-box;
}

.k-dropdown-operator.k-picker-md .k-input-button {
  padding: 8px;
}

select.k-picker-md {
  padding-block: 8px;
  padding-inline: 8px;
}

.k-input-lg,
.k-picker-lg {
  font-size: 16px;
  line-height: 1.5;
}
.k-input-lg .k-input-values,
.k-picker-lg .k-input-values {
  padding: 4px;
  gap: 4px;
}
.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: -4px;
}
.k-input-lg .k-input-inner,
.k-picker-lg .k-input-inner {
  padding-block: 8px;
  padding-inline: 16px;
}
.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: 4px;
  padding-inline: 4px;
}
.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: 8px;
  padding-inline: 8px;
  box-sizing: content-box;
}
.k-input-lg .k-input-separator-horizontal,
.k-picker-lg .k-input-separator-horizontal {
  margin-inline: 8px;
}
.k-input-lg .k-input-separator-vertical,
.k-picker-lg .k-input-separator-vertical {
  margin-block: 8px;
}
.k-input-lg.k-icon-picker .k-input-inner,
.k-picker-lg.k-icon-picker .k-input-inner {
  width: calc(1.5em);
  height: calc(1.5em);
  padding: 8px;
  box-sizing: content-box;
}

.k-dropdown-operator.k-picker-lg .k-input-button {
  padding: 8px;
}

select.k-picker-lg {
  padding-block: 8px;
  padding-inline: 16px;
}

.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: 0 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 0 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: 0;
  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: #b9b9b9;
  color: #3c3c3c;
  background-color: rgb(244.8, 244.8, 244.8);
}
.k-input-solid:hover, .k-input-solid.k-hover {
  border-color: #3c3c3c;
  box-shadow: unset;
}
.k-input-solid:focus, .k-input-solid.k-focus {
  border-color: #2755f3;
}
.k-input-solid:focus-within {
  border-color: #2755f3;
}
.k-input-solid:disabled, .k-input-solid[disabled], .k-input-solid.k-disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
  background-color: rgb(249.9, 249.9, 249.9);
}
.k-input-solid.k-invalid, .k-input-solid.ng-invalid.ng-touched, .k-input-solid.ng-invalid.ng-dirty {
  border-color: #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: #f31700;
}
.k-input-solid .k-input-prefix {
  color: rgba(0, 0, 0, 0.54);
}
.k-input-solid .k-input-suffix {
  color: rgba(0, 0, 0, 0.54);
}
.k-input-solid .k-input-separator {
  border-color: rgba(0, 0, 0, 0.12);
}

.k-picker-solid {
  border-color: #b9b9b9;
  color: #3c3c3c;
  background-color: rgb(244.8, 244.8, 244.8);
}
.k-picker-solid:hover, .k-picker-solid.k-hover {
  border-color: #3c3c3c;
  box-shadow: unset;
}
.k-picker-solid:focus, .k-picker-solid.k-focus {
  border-color: #2755f3;
}
.k-picker-solid:focus-within {
  border-color: #2755f3;
}
.k-picker-solid:disabled, .k-picker-solid[disabled], .k-picker-solid.k-disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
  background-color: rgb(249.9, 249.9, 249.9);
}
.k-picker-solid.k-invalid, .k-picker-solid.ng-invalid.ng-touched, .k-picker-solid.ng-invalid.ng-dirty {
  border-color: #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: #f31700;
}
.k-input-outline {
  border-color: #b9b9b9;
  color: #3c3c3c;
}
.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: #3c3c3c;
}
.k-input-outline:focus, .k-input-outline.k-focus {
  border-color: #2755f3;
}
.k-input-outline:focus-within {
  border-color: #2755f3;
}
.k-input-outline:disabled, .k-input-outline[disabled], .k-input-outline.k-disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
  background-color: rgb(249.9, 249.9, 249.9);
}
.k-input-outline.k-invalid, .k-input-outline.ng-invalid.ng-touched, .k-input-outline.ng-invalid.ng-dirty {
  border-color: #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: #f31700;
}
.k-input-outline .k-input-prefix {
  color: rgba(0, 0, 0, 0.54);
}
.k-input-outline .k-input-suffix {
  color: rgba(0, 0, 0, 0.54);
}
.k-input-outline .k-input-separator {
  border-color: rgba(0, 0, 0, 0.12);
}

.k-picker-outline {
  border-color: #b9b9b9;
  color: #3c3c3c;
}
.k-picker-outline:hover, .k-picker-outline.k-hover {
  border-color: #3c3c3c;
}
.k-picker-outline:focus, .k-picker-outline.k-focus {
  border-color: #2755f3;
  background-color: nul;
}
.k-picker-outline:focus-within {
  border-color: #2755f3;
  background-color: nul;
}
.k-picker-outline:disabled, .k-picker-outline[disabled], .k-picker-outline.k-disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
  background-color: rgb(249.9, 249.9, 249.9);
}
.k-picker-outline.k-invalid, .k-picker-outline.ng-invalid.ng-touched, .k-picker-outline.ng-invalid.ng-dirty {
  border-color: #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: #f31700;
}
.k-input-flat {
  border-color: #b9b9b9;
  color: #3c3c3c;
}
.k-input-flat:hover, .k-input-flat.k-hover {
  border-color: #3c3c3c;
}
.k-input-flat:focus, .k-input-flat.k-focus {
  border-color: #2755f3;
}
.k-input-flat:focus-within {
  border-color: #2755f3;
}
.k-input-flat:disabled, .k-input-flat[disabled], .k-input-flat.k-disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
  background-color: rgb(249.9, 249.9, 249.9);
}
.k-input-flat.k-invalid, .k-input-flat.ng-invalid.ng-touched, .k-input-flat.ng-invalid.ng-dirty {
  border-color: #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: #f31700;
}
.k-input-flat .k-input-prefix {
  color: rgba(0, 0, 0, 0.54);
}
.k-input-flat .k-input-suffix {
  color: rgba(0, 0, 0, 0.54);
}
.k-input-flat .k-input-separator {
  border-color: rgba(0, 0, 0, 0.12);
}

.k-picker-flat {
  border-color: #b9b9b9;
  color: #3c3c3c;
}
.k-picker-flat:hover, .k-picker-flat.k-hover {
  border-color: #3c3c3c;
}
.k-picker-flat:focus, .k-picker-flat.k-focus {
  border-color: #2755f3;
}
.k-picker-flat:focus-within {
  border-color: #2755f3;
}
.k-picker-flat:disabled, .k-picker-flat[disabled], .k-picker-flat.k-disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
  background-color: rgb(249.9, 249.9, 249.9);
}
.k-picker-flat.k-invalid, .k-picker-flat.ng-invalid.ng-touched, .k-picker-flat.ng-invalid.ng-dirty {
  border-color: #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: #f31700;
}
.k-floating-label-container {
  padding-top: calc(1.5 * 14px);
  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-label {
  max-width: 90%;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  top: var(--kendo-floating-label-offset-y, calc(calc(1.5 * 14px) + 0 + 8px));
  left: var(--kendo-floating-label-offset-x, calc(8px + 0));
  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-widget {
  flex: 1 1 auto;
  width: auto;
}
.k-floating-label-container.k-empty > .k-label {
  top: var(--kendo-floating-label-offset-y, calc(calc(1.5 * 14px) + 0 + 8px));
  left: var(--kendo-floating-label-offset-x, calc(8px + 0));
  transform: scale(1);
  pointer-events: none;
}
.k-floating-label-container > .k-label, .k-floating-label-container.k-focus > .k-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-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-label, .k-rtl .k-floating-label-container > .k-label, .k-floating-label-container[dir=rtl] > .k-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-label, .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir=rtl].k-empty > .k-label {
  left: auto;
  right: var(--kendo-floating-label-offset-x, calc(8px + 0));
}
[dir=rtl] .k-floating-label-container > .k-label, [dir=rtl] .k-floating-label-container.k-focus > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir=rtl] > .k-label, .k-floating-label-container[dir=rtl].k-focus > .k-label {
  left: auto;
  right: var(--kendo-floating-label-focus-offset-x, 0px);
}
[dir=rtl] .k-floating-label-container:focus-within > .k-label, .k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir=rtl]:focus-within > .k-label {
  left: auto;
  right: var(--kendo-floating-label-focus-offset-x, 0px);
}

.k-floating-label-container > .k-label {
  transform-origin: left bottom;
}
[dir=rtl] .k-floating-label-container > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-floating-label-container[dir=rtl] > .k-label {
  transform-origin: right bottom;
}

.k-floating-label-container > .k-label {
  color: rgba(0, 0, 0, 0.54);
}
.k-floating-label-container.k-focus > .k-label {
  color: #2755f3;
}
.k-floating-label-container.k-invalid > .k-label, .k-floating-label-container.ng-invalid.ng-touched > .k-label, .k-floating-label-container.ng-invalid.ng-dirty > .k-label {
  color: #f31700;
}

.k-floating-label-container.k-invalid + .k-label,
.k-floating-label-container .k-invalid + .k-label,
.k-floating-label-container .ng-invalid.ng-touched + .k-label,
.k-floating-label-container .ng-invalid.ng-dirty + .k-label {
  color: #f31700;
}

.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: 14px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 2;
}

.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: 16px;
  height: 16px;
  flex-basis: 16px;
}

.k-avatar-md {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
}

.k-avatar-lg {
  width: 64px;
  height: 64px;
  flex-basis: 64px;
}

.k-avatar-bordered {
  border-width: 1px;
}

.k-avatar-solid-primary {
  border-color: #2755f3;
  color: white;
  background-color: #2755f3;
}

.k-avatar-solid-secondary {
  border-color: #1565c0;
  color: white;
  background-color: #1565c0;
}

.k-avatar-solid-tertiary {
  border-color: #00695c;
  color: white;
  background-color: #00695c;
}

.k-avatar-solid-info {
  border-color: #0058e9;
  color: white;
  background-color: #0058e9;
}

.k-avatar-solid-success {
  border-color: #37b400;
  color: white;
  background-color: #37b400;
}

.k-avatar-solid-warning {
  border-color: #ffc000;
  color: black;
  background-color: #ffc000;
}

.k-avatar-solid-error {
  border-color: #f31700;
  color: white;
  background-color: #f31700;
}

.k-avatar-solid-dark {
  border-color: #424242;
  color: white;
  background-color: #424242;
}

.k-avatar-solid-light {
  border-color: #f5f5f5;
  color: black;
  background-color: #f5f5f5;
}

.k-avatar-solid-inverse {
  border-color: #424242;
  color: white;
  background-color: #424242;
}

.k-avatar-outline {
  border-color: currentColor;
}

.k-avatar-outline-primary {
  color: #2755f3;
}

.k-avatar-outline-secondary {
  color: #1565c0;
}

.k-avatar-outline-tertiary {
  color: #00695c;
}

.k-avatar-outline-info {
  color: #0058e9;
}

.k-avatar-outline-success {
  color: #37b400;
}

.k-avatar-outline-warning {
  color: #ffc000;
}

.k-avatar-outline-error {
  color: #f31700;
}

.k-avatar-outline-dark {
  color: #424242;
}

.k-avatar-outline-light {
  color: #f5f5f5;
}

.k-avatar-outline-inverse {
  color: #424242;
}

.k-chip {
  padding-block: 4px;
  padding-inline: 4px;
  border-width: 1px;
  border-style: solid;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 1.2857142857;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
  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: 4px;
}

.k-chip-content:last-child {
  margin-inline-end: 4px;
}

.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: 2px;
  padding-inline: 4px;
  font-size: 14px;
  line-height: 1.2857142857;
}
.k-chip-sm .k-chip-action {
  padding: 2px;
}

.k-chip-avatar {
  width: 1em;
  height: 1em;
  flex-basis: 1em;
}

.k-chip-md {
  padding-block: 4px;
  padding-inline: 4px;
  font-size: 14px;
  line-height: 1.2857142857;
}
.k-chip-md .k-chip-action {
  padding: 4px;
}

.k-chip-avatar {
  width: 1em;
  height: 1em;
  flex-basis: 1em;
}

.k-chip-lg {
  padding-block: 6px;
  padding-inline: 4px;
  font-size: 14px;
  line-height: 1.2857142857;
}
.k-chip-lg .k-chip-action {
  padding: 6px;
}

.k-chip-avatar {
  width: 1em;
  height: 1em;
  flex-basis: 1em;
}

.k-chip-list-sm {
  gap: 4px;
}

.k-chip-list-md {
  gap: 4px;
}

.k-chip-list-lg {
  gap: 4px;
}

.k-chip-solid-base {
  border-color: rgb(234.6, 234.6, 234.6);
  color: rgba(0, 0, 0, 0.87);
  background-color: rgb(234.6, 234.6, 234.6);
}
.k-chip-solid-base:focus, .k-chip-solid-base.k-focus {
  background-color: #cccccc;
}
.k-chip-solid-base:hover, .k-chip-solid-base.k-hover {
  background-color: rgb(214.2, 214.2, 214.2);
}
.k-chip-solid-base.k-selected {
  background-color: rgb(193.8, 193.8, 193.8);
}

.k-chip-solid-error {
  border-color: rgb(246, 81, 63.75);
  color: rgb(85.05, 8.05, 0);
  background-color: rgb(252.6, 208.6, 204);
}
.k-chip-solid-error:focus, .k-chip-solid-error.k-focus {
  box-shadow: 0 0 0 2px rgba(243, 23, 0, 0.16);
}
.k-chip-solid-error:hover, .k-chip-solid-error.k-hover {
  background-color: rgb(250.8, 173.8, 165.75);
}
.k-chip-solid-error.k-selected {
  background-color: rgb(249, 139, 127.5);
}

.k-chip-solid-info {
  border-color: rgb(63.75, 129.75, 238.5);
  color: rgb(0, 30.8, 81.55);
  background-color: rgb(204, 221.6, 250.6);
}
.k-chip-solid-info:focus, .k-chip-solid-info.k-focus {
  box-shadow: 0 0 0 2px rgba(0, 88, 233, 0.16);
}
.k-chip-solid-info:hover, .k-chip-solid-info.k-hover {
  background-color: rgb(165.75, 196.55, 247.3);
}
.k-chip-solid-info.k-selected {
  background-color: rgb(127.5, 171.5, 244);
}

.k-chip-solid-warning {
  border-color: rgb(255, 207.75, 63.75);
  color: rgb(89.25, 67.2, 0);
  background-color: rgb(255, 242.4, 204);
}
.k-chip-solid-warning:focus, .k-chip-solid-warning.k-focus {
  box-shadow: 0 0 0 2px rgba(255, 192, 0, 0.16);
}
.k-chip-solid-warning:hover, .k-chip-solid-warning.k-hover {
  background-color: rgb(255, 232.95, 165.75);
}
.k-chip-solid-warning.k-selected {
  background-color: rgb(255, 223.5, 127.5);
}

.k-chip-solid-success {
  border-color: rgb(105, 198.75, 63.75);
  color: rgb(19.25, 63, 0);
  background-color: #d7f0cc;
}
.k-chip-solid-success:focus, .k-chip-solid-success.k-focus {
  box-shadow: 0 0 0 2px rgba(55, 180, 0, 0.16);
}
.k-chip-solid-success:hover, .k-chip-solid-success.k-hover {
  background-color: rgb(185, 228.75, 165.75);
}
.k-chip-solid-success.k-selected {
  background-color: rgb(155, 217.5, 127.5);
}

.k-chip-outline-base {
  border-color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.87);
  background-color: #ffffff;
}
.k-chip-outline-base:hover, .k-chip-outline-base.k-hover {
  color: black;
  background-color: rgb(234.6, 234.6, 234.6);
}
.k-chip-outline-base.k-selected {
  color: black;
  background-color: rgb(214.2, 214.2, 214.2);
}

.k-chip-outline-error {
  border-color: rgb(182.25, 17.25, 0);
  color: rgb(182.25, 17.25, 0);
  background-color: #ffffff;
}
.k-chip-outline-error:focus, .k-chip-outline-error.k-focus {
  box-shadow: 0 0 0 2px rgba(243, 23, 0, 0.16);
}
.k-chip-outline-error:hover, .k-chip-outline-error.k-hover {
  border-color: rgb(182.25, 17.25, 0);
  color: white;
  background-color: rgb(182.25, 17.25, 0);
}
.k-chip-outline-error.k-selected {
  border-color: rgb(182.25, 17.25, 0);
  color: white;
  background-color: rgb(182.25, 17.25, 0);
}

.k-chip-outline-info {
  border-color: rgb(0, 66, 174.75);
  color: rgb(0, 66, 174.75);
  background-color: #ffffff;
}
.k-chip-outline-info:focus, .k-chip-outline-info.k-focus {
  box-shadow: 0 0 0 2px rgba(0, 88, 233, 0.16);
}
.k-chip-outline-info:hover, .k-chip-outline-info.k-hover {
  border-color: rgb(0, 66, 174.75);
  color: white;
  background-color: rgb(0, 66, 174.75);
}
.k-chip-outline-info.k-selected {
  border-color: rgb(0, 66, 174.75);
  color: white;
  background-color: rgb(0, 66, 174.75);
}

.k-chip-outline-warning {
  border-color: #ffc000;
  color: rgba(0, 0, 0, 0.87);
  background-color: #ffffff;
}
.k-chip-outline-warning:focus, .k-chip-outline-warning.k-focus {
  box-shadow: 0 0 0 2px rgba(255, 192, 0, 0.16);
}
.k-chip-outline-warning:hover, .k-chip-outline-warning.k-hover {
  color: rgb(51, 38.4, 0);
  background-color: #ffc000;
}
.k-chip-outline-warning.k-selected {
  color: rgb(51, 38.4, 0);
  background-color: #ffc000;
}

.k-chip-outline-success {
  border-color: rgb(41.25, 135, 0);
  color: rgb(41.25, 135, 0);
  background-color: #ffffff;
}
.k-chip-outline-success:focus, .k-chip-outline-success.k-focus {
  box-shadow: 0 0 0 2px rgba(55, 180, 0, 0.16);
}
.k-chip-outline-success:hover, .k-chip-outline-success.k-hover {
  border-color: rgb(41.25, 135, 0);
  color: white;
  background-color: rgb(41.25, 135, 0);
}
.k-chip-outline-success.k-selected {
  border-color: rgb(41.25, 135, 0);
  color: white;
  background-color: rgb(41.25, 135, 0);
}

.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: rgb(224.4, 224.4, 224.4);
}

.k-chip-outline-error {
  color: rgb(121.5, 11.5, 0);
}
.k-chip-outline-error:focus, .k-chip-outline-error.k-focus {
  box-shadow: none;
  color: rgb(121.5, 11.5, 0);
  background-color: rgb(250.8, 173.8, 165.75);
}
.k-chip-outline-error:hover, .k-chip-outline-error.k-hover {
  color: rgb(121.5, 11.5, 0);
  background-color: rgb(252.6, 208.6, 204);
}
.k-chip-outline-error.k-selected {
  color: rgb(121.5, 11.5, 0);
  background-color: rgb(250.8, 173.8, 165.75);
}

.k-chip-outline-info {
  color: rgb(0, 44, 116.5);
}
.k-chip-outline-info:focus, .k-chip-outline-info.k-focus {
  box-shadow: none;
  color: rgb(0, 44, 116.5);
  background-color: rgb(165.75, 196.55, 247.3);
}
.k-chip-outline-info:hover, .k-chip-outline-info.k-hover {
  color: rgb(0, 44, 116.5);
  background-color: rgb(204, 221.6, 250.6);
}
.k-chip-outline-info.k-selected {
  color: rgb(0, 44, 116.5);
  background-color: rgb(165.75, 196.55, 247.3);
}

.k-chip-outline-warning {
  color: rgba(0, 0, 0, 0.87);
}
.k-chip-outline-warning:focus, .k-chip-outline-warning.k-focus {
  box-shadow: none;
  background-color: rgb(255, 232.95, 165.75);
}
.k-chip-outline-warning:hover, .k-chip-outline-warning.k-hover {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgb(255, 242.4, 204);
}
.k-chip-outline-warning.k-selected {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgb(255, 232.95, 165.75);
}

.k-chip-outline-success {
  color: rgb(27.5, 90, 0);
}
.k-chip-outline-success:focus, .k-chip-outline-success.k-focus {
  box-shadow: none;
  color: rgb(27.5, 90, 0);
  background-color: rgb(185, 228.75, 165.75);
}
.k-chip-outline-success:hover, .k-chip-outline-success.k-hover {
  color: rgb(27.5, 90, 0);
  background-color: #d7f0cc;
}
.k-chip-outline-success.k-selected {
  color: rgb(27.5, 90, 0);
  background-color: rgb(185, 228.75, 165.75);
}

.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' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.749 3.764a.933.933 0 0 1 0 1.273l-6.856 7.2a.83.83 0 0 1-1.214 0l-3.428-3.6a.933.933 0 0 1 0-1.274.83.83 0 0 1 1.213 0l2.823 2.961 6.251-6.56a.83.83 0 0 1 1.214 0z' fill='%23fff' /%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' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 8a1 1 0 0 0 1 1h10a1 1 0 1 0 0-2H3a1 1 0 0 0-1 1z' fill='%23fff'/%3E%3C/svg%3E");
}

.k-checkbox:disabled,
.k-checkbox.k-disabled {
  outline: none;
  cursor: default;
  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: 4px;
  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: 4px;
}

.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: 8px;
  padding-inline: 0px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-content: center;
  gap: 4px;
}
.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: 16px;
}

.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: 12px;
  height: 12px;
}
.k-checkbox-sm::before {
  font-size: 10px;
}

.k-ripple-container .k-checkbox-sm::after {
  width: 300%;
  height: 300%;
}

.k-checkbox-md {
  width: 16px;
  height: 16px;
}
.k-checkbox-md::before {
  font-size: 14px;
}

.k-ripple-container .k-checkbox-md::after {
  width: 300%;
  height: 300%;
}

.k-checkbox-lg {
  width: 20px;
  height: 20px;
}
.k-checkbox-lg::before {
  font-size: 18px;
}

.k-ripple-container .k-checkbox-lg::after {
  width: 300%;
  height: 300%;
}

.k-checkbox {
  border-color: #b9b9b9;
  background-color: #fff;
}

.k-checkbox:hover,
.k-checkbox.k-hover {
  border-color: #9a9a9a;
  background-color: #e8e8e8;
}

.k-checkbox:focus,
.k-checkbox.k-focus {
  box-shadow: unset;
}

.k-checkbox:indeterminate,
.k-checkbox.k-indeterminate {
  border-color: #2755f3;
  color: #fff;
  background-color: #2755f3;
}

.k-checkbox:checked,
.k-checkbox.k-checked {
  border-color: #2755f3;
  color: #fff;
  background-color: #2755f3;
}

.k-checkbox:checked:focus,
.k-checkbox.k-checked.k-focus {
  border-color: unset;
  box-shadow: unset;
}

.k-checkbox:disabled,
.k-checkbox.k-disabled {
  border-color: #b9b9b9;
  color: #fff;
  background-color: #e8e8e8;
}

.k-checkbox:checked:disabled,
.k-checkbox:indeterminate:disabled,
.k-checkbox.k-checked.k-disabled,
.k-checkbox.k-indeterminate.k-disabled {
  border-color: #2755f3;
  color: #2755f3;
  background-color: #2755f3;
}

.k-checkbox.k-invalid {
  border-color: #f31700;
}

.k-checkbox.k-invalid + .k-checkbox-label {
  color: #f31700;
}

.k-checkbox-wrap .k-ripple-blob {
  color: #2755f3;
  opacity: 0.2;
}

.k-ripple-container .k-checkbox::after {
  background: #2755f3;
  opacity: 0.2;
}

.k-checkbox:disabled + .k-checkbox-label {
  color: rgba(0, 0, 0, 0.54);
  opacity: 1;
  filter: none;
}

.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: Roboto, "Helvetica Neue", sans-serif;
  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: 700;
  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: 8px;
  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 {
  column-gap: 0;
}

.k-list-group-item {
  border-width: 0;
  border-width: 1px 0 0;
  border-style: solid;
  font-weight: 700;
  cursor: default;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-content: center;
  gap: 8px;
  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: 16px;
  box-sizing: border-box;
  flex: none;
}

.k-list-sm {
  font-size: 14px;
  line-height: 1.4285714286;
}
.k-list-sm .k-list-group-sticky-header {
  padding-block: 6px;
  padding-inline: 16px;
}
.k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel {
  padding-block: 6px;
  padding-inline: 16px;
}
.k-list-sm .k-list-group-item {
  padding-block: 6px;
  padding-inline: 16px;
}

.k-list-md {
  font-size: 14px;
  line-height: 1.4285714286;
}
.k-list-md .k-list-group-sticky-header {
  padding-block: 8px;
  padding-inline: 16px;
}
.k-list-md .k-list-item, .k-list-md .k-list-optionlabel {
  padding-block: 8px;
  padding-inline: 16px;
}
.k-list-md .k-list-group-item {
  padding-block: 8px;
  padding-inline: 16px;
}

.k-list-lg {
  font-size: 16px;
  line-height: 1.5;
}
.k-list-lg .k-list-group-sticky-header {
  padding-block: 8px;
  padding-inline: 16px;
}
.k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel {
  padding-block: 8px;
  padding-inline: 16px;
}
.k-list-lg .k-list-group-item {
  padding-block: 10px;
  padding-inline: 16px;
}

.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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #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: rgba(0, 0, 0, 0.87);
  background-color: rgba(0, 0, 0, 0.04);
}
.k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel {
  background-color: rgba(0, 0, 0, 0.04);
}
.k-list-item.k-selected, .k-selected.k-list-optionlabel {
  color: #1565c0;
  background-color: #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: #1565c0;
  background-color: rgb(234.6, 234.6, 234.6);
}

.k-list-optionlabel,
.k-list-optionlabel.k-hover,
.k-list-optionlabel:hover {
  color: rgba(0, 0, 0, 0.54);
}

.k-list-group-item {
  border-color: inherit;
}

.k-list-item-group-label {
  color: #ffffff;
  background-color: #3c3c3c;
}

.k-no-data, .k-nodata {
  color: rgba(0, 0, 0, 0.54);
}

.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: rgb(234.6, 234.6, 234.6);
}

.k-expander {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  overflow: hidden;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 2;
  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: 12px;
}

.k-expander-header {
  padding-block: 12px;
  padding-inline: 24px;
  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: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.k-expander-content {
  padding-block: 24px;
  padding-inline: 24px;
}

.k-expander + .k-expander.k-expanded,
.k-expander.k-expanded + .k-expander {
  margin-top: 12px;
}

.k-expander:not(.k-expanded) + .k-expander:not(.k-expanded) {
  border-top-width: 0;
}

.k-expander {
  border-color: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
}
.k-expander.k-focus {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08);
}

.k-expander-header {
  color: #3c3c3c;
  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: #1565c0;
}

.k-expander-sub-title {
  color: rgba(0, 0, 0, 0.54);
}

.k-tabstrip-wrapper {
  padding-block: 0px;
  padding-inline: 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: Roboto, "Helvetica Neue", sans-serif;
  font-size: 0.875rem;
  line-height: normal;
  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: 4px;
}
.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: 12px;
  padding-inline: 20px;
  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: 0.38;
  filter: none;
}

.k-tabstrip-content,
.k-tabstrip > .k-content {
  margin: 0 !important;
  padding-block: 0px;
  padding-inline: 0px;
  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: 4px;
  padding-inline: 4px;
  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: 0;
}
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  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: 0;
  border-bottom-width: 0;
  border-bottom-color: transparent !important;
}
.k-tabstrip-top > .k-content,
.k-tabstrip-top > .k-tabstrip-content {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-width: 0 !important;
}

.k-tabstrip-bottom > .k-tabstrip-items-wrapper {
  border-top-width: 0;
}
.k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  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: 0;
  border-top-width: 0;
  border-top-color: transparent !important;
}
.k-tabstrip-bottom > .k-content,
.k-tabstrip-bottom > .k-tabstrip-content {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-width: 0 !important;
}

.k-tabstrip-left {
  flex-direction: row;
}
.k-tabstrip-left > .k-tabstrip-items-wrapper {
  border-right-width: 0;
}
.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  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: 0;
  border-right-width: 0;
  border-right-color: transparent !important;
}
.k-tabstrip-left > .k-content,
.k-tabstrip-left > .k-tabstrip-content {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left-width: 0 !important;
}

.k-tabstrip-right {
  flex-direction: row-reverse;
}
.k-tabstrip-right > .k-tabstrip-items-wrapper {
  border-left-width: 0;
}
.k-tabstrip-right > .k-tabstrip-items-wrapper .k-item {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  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: 0;
  border-left-width: 0;
  border-left-color: transparent !important;
}
.k-tabstrip-right > .k-content,
.k-tabstrip-right > .k-tabstrip-content {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  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: 0;
}

.k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item::after {
  border-top-width: 0;
}

.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item::after {
  border-right-width: 0;
}

.k-tabstrip-right > .k-tabstrip-items-wrapper .k-item::after {
  border-left-width: 0;
}

.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: rgba(0, 0, 0, 0.12);
  color: #6b6b6b;
}
.k-tabstrip-items-wrapper .k-item {
  color: #6b6b6b;
  background-color: #e8e8e8;
}
.k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-hover {
  color: #3c3c3c;
  background-color: #e8e8e8;
}
.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected {
  color: #3c3c3c;
  background-color: #fff;
}
.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: inherit;
}

.k-tabstrip-content,
.k-tabstrip > .k-content {
  background-color: #fff;
}
.k-tabstrip-content:focus, .k-tabstrip-content.k-focus,
.k-tabstrip > .k-content:focus,
.k-tabstrip > .k-content.k-focus {
  outline-color: #3c3c3c;
}

.k-tabstrip-items-wrapper .k-item.k-active::after {
  border-color: #2755f3;
}

.k-actions, .k-form-buttons, .k-edit-buttons,
.k-action-buttons,
.k-columnmenu-actions {
  padding-block: 8px;
  padding-inline: 8px;
  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: 8px;
  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: 16px;
}

.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: rgb(234.6, 234.6, 234.6);
  border-color: rgb(234.6, 234.6, 234.6);
}

kendo-card,
kendo-card-header,
kendo-card-body,
kendo-card-actions,
kendo-card-footer {
  display: block;
}

.k-card {
  border-radius: 4px;
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  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: 16px;
  width: 45px;
  height: 45px;
  flex-basis: 45px;
}

.k-card > .k-card-inner {
  border-radius: calc(4px - 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: 12px;
  padding-inline: 16px;
  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: 12px;
}

.k-card-footer {
  padding-block: 12px;
  padding-inline: 16px;
  border-width: 1px 0 0;
  border-style: solid;
  outline: 0;
  flex-shrink: 0;
}

.k-card-body {
  padding-block: 16px;
  padding-inline: 16px;
  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 12px;
  font-size: 24px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 1.25;
  font-weight: 500;
}

.k-card-subtitle {
  margin: 0 0 12px;
  font-size: 14px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  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: 8px;
  padding-inline: 8px;
  border-width: 0;
  border-style: solid;
  border-color: inherit;
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
  flex-basis: auto;
  gap: 8px;
}

.k-card-horizontal .k-actions-horizontal {
  width: auto;
}

.k-card-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: 16px;
  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: 16px;
  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: 8px;
}
.k-card-deck-scrollwrap > .k-button:last-child {
  right: 8px;
}
.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: 4px;
  border-bottom-left-radius: 4px;
}
.k-card-group .k-card.k-last {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.k-card-group .k-card.k-only {
  border-radius: 4px;
}

.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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #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: rgba(0, 0, 0, 0.12);
}

.k-card-header {
  border-color: rgba(0, 0, 0, 0.12);
}

.k-card-footer {
  border-color: rgba(0, 0, 0, 0.12);
}

.k-card-separator,
.k-card .k-separator {
  border-color: rgba(0, 0, 0, 0.12);
}

.k-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}

.k-card-primary {
  background-color: rgb(211.8, 221, 252.6);
  color: rgb(20.28, 44.2, 126.36);
  border-color: rgb(194.52, 207.4, 251.64);
}
.k-card-primary .k-card-subtitle {
  color: inherit;
}

.k-card-secondary {
  background-color: rgb(208.2, 224.2, 242.4);
  color: rgb(10.92, 52.52, 99.84);
  border-color: rgb(189.48, 211.88, 237.36);
}
.k-card-secondary .k-card-subtitle {
  color: inherit;
}

.k-card-tertiary {
  background-color: rgb(204, 225, 222.4);
  color: rgb(0, 54.6, 47.84);
  border-color: rgb(183.6, 213, 209.36);
}
.k-card-tertiary .k-card-subtitle {
  color: inherit;
}

.k-card-info {
  background-color: rgb(204, 221.6, 250.6);
  color: rgb(0, 45.76, 121.16);
  border-color: rgb(183.6, 208.24, 248.84);
}
.k-card-info .k-card-subtitle {
  color: inherit;
}

.k-card-success {
  background-color: #d7f0cc;
  color: rgb(28.6, 93.6, 0);
  border-color: rgb(199, 234, 183.6);
}
.k-card-success .k-card-subtitle {
  color: inherit;
}

.k-card-warning {
  background-color: rgb(255, 242.4, 204);
  color: rgb(132.6, 99.84, 0);
  border-color: rgb(255, 237.36, 183.6);
}
.k-card-warning .k-card-subtitle {
  color: inherit;
}

.k-card-error {
  background-color: rgb(252.6, 208.6, 204);
  color: rgb(126.36, 11.96, 0);
  border-color: rgb(251.64, 190.04, 183.6);
}
.k-card-error .k-card-subtitle {
  color: inherit;
}

.k-card-dark {
  background-color: rgb(217.2, 217.2, 217.2);
  color: rgb(34.32, 34.32, 34.32);
  border-color: rgb(202.08, 202.08, 202.08);
}
.k-card-dark .k-card-subtitle {
  color: inherit;
}

.k-card-light {
  background-color: #fdfdfd;
  color: rgb(127.4, 127.4, 127.4);
  border-color: rgb(252.2, 252.2, 252.2);
}
.k-card-light .k-card-subtitle {
  color: inherit;
}

.k-card-inverse {
  background-color: rgb(217.2, 217.2, 217.2);
  color: rgb(34.32, 34.32, 34.32);
  border-color: rgb(202.08, 202.08, 202.08);
}
.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-tilelayout {
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  display: grid;
  position: relative;
  padding: 16px 16px;
  -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: 4px;
  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: #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: rgba(0, 0, 0, 0.12);
  background-color: rgba(255, 255, 255, 0.2);
}

.k-treeview {
  padding: 0;
  border-width: 0;
  background: none;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
  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: 8px;
  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: 4px;
  box-sizing: content-box;
}

.k-treeview-loading {
  margin-right: 8px;
}

.k-treeview .k-checkbox-wrap,
.k-treeview .k-checkbox-wrapper {
  align-self: center;
}

.k-treeview-leaf {
  padding-block: 8px;
  padding-inline: 16px;
  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: 8px;
}
.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: 8px;
}
.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: 8px;
}

.k-treeview-sm {
  font-size: 14px;
  line-height: 1.4285714286;
}
.k-treeview-sm .k-treeview-leaf {
  padding-block: 6px;
  padding-inline: 16px;
}
.k-treeview-sm .k-checkbox-wrap {
  padding-block: 2px;
  padding-inline: 4px;
}

.k-treeview-md {
  font-size: 14px;
  line-height: 1.4285714286;
}
.k-treeview-md .k-treeview-leaf {
  padding-block: 8px;
  padding-inline: 16px;
}
.k-treeview-md .k-checkbox-wrap {
  padding-block: 2px;
  padding-inline: 4px;
}

.k-treeview-lg {
  font-size: 16px;
  line-height: 1.5;
}
.k-treeview-lg .k-treeview-leaf {
  padding-block: 8px;
  padding-inline: 16px;
}
.k-treeview-lg .k-checkbox-wrap {
  padding-inline: 4px;
}

.k-treeview {
  color: #3c3c3c;
}

.k-treeview-leaf:hover, .k-treeview-leaf.k-hover {
  background-color: rgba(60, 60, 60, 0.07);
}
.k-treeview-leaf.k-selected {
  color: #1565c0;
}

.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: rgba(60, 60, 60, 0.07);
}
.k-treeview-leaf:focus, .k-treeview-leaf.k-focus {
  background-color: rgba(60, 60, 60, 0.07);
}
.k-treeview-leaf.k-selected {
  color: #1565c0;
}

.k-appbar {
  padding-block: 8px;
  padding-inline: 8px;
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 2;
  list-style: none;
  display: flex;
  gap: 8px;
  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: white;
  background-color: #2755f3;
}

.k-appbar-secondary {
  color: white;
  background-color: #1565c0;
}

.k-appbar-tertiary {
  color: white;
  background-color: #00695c;
}

.k-appbar-info {
  color: white;
  background-color: #0058e9;
}

.k-appbar-success {
  color: white;
  background-color: #37b400;
}

.k-appbar-warning {
  color: black;
  background-color: #ffc000;
}

.k-appbar-error {
  color: white;
  background-color: #f31700;
}

.k-appbar-dark {
  color: #3c3c3c;
  background-color: #e8ecf3;
}

.k-appbar-light {
  color: #3c3c3c;
  background-color: #e8ecf3;
}

.k-appbar-inverse {
  color: white;
  background-color: #424242;
}

.k-breadcrumb {
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  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: 4px;
  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: 8px;
}

.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: 14px;
  line-height: 2;
}
.k-breadcrumb-sm .k-breadcrumb-link,
.k-breadcrumb-sm .k-breadcrumb-root-link {
  padding-block: 2px;
  padding-inline: 10px;
}
.k-breadcrumb-sm .k-breadcrumb-icon-link {
  padding-block: 8px;
  padding-inline: 8px;
}

.k-breadcrumb-md {
  font-size: 14px;
  line-height: 2;
}
.k-breadcrumb-md .k-breadcrumb-link,
.k-breadcrumb-md .k-breadcrumb-root-link {
  padding-block: 4px;
  padding-inline: 10px;
}
.k-breadcrumb-md .k-breadcrumb-icon-link {
  padding-block: 10px;
  padding-inline: 10px;
}

.k-breadcrumb-lg {
  font-size: 14px;
  line-height: 2;
}
.k-breadcrumb-lg .k-breadcrumb-link,
.k-breadcrumb-lg .k-breadcrumb-root-link {
  padding-block: 6px;
  padding-inline: 10px;
}
.k-breadcrumb-lg .k-breadcrumb-icon-link {
  padding-block: 12px;
  padding-inline: 12px;
}

.k-breadcrumb {
  border-color: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #e8ecf3;
}
.k-breadcrumb:focus, .k-breadcrumb.k-focus {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.06);
}

.k-breadcrumb-link {
  color: #2755f3;
}
.k-breadcrumb-link:hover, .k-breadcrumb-link.k-hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.k-breadcrumb-link:focus, .k-breadcrumb-link.k-focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.k-popup {
  margin: 0;
  padding: 0;
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.k-popup .k-item {
  outline: none;
}

.k-animation-container {
  border-radius: 0 0 4px 4px;
}

.k-animation-container-shown {
  overflow: visible;
}

.k-popup > .k-colorpalette {
  padding-block: 8px;
  padding-inline: 8px;
}

.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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #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 4px 4px;
}

.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;
}

.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-md {
  width: 34px;
  height: 14px;
}
.k-switch-md .k-switch-track {
  width: 34px;
  height: 14px;
}
.k-switch-md .k-switch-label-on {
  left: 30px;
}
.k-switch-md .k-switch-label-off {
  right: 30px;
}
.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: 30px;
}
.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: 30px;
}
.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[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: #e8e8e8;
}
.k-switch-off .k-switch-thumb {
  background-color: #b9b9b9;
}
.k-switch-off .k-switch-label-on {
  color: transparent;
}

.k-switch-on .k-switch-track {
  background-color: #e9eefe;
}
.k-switch-on .k-switch-thumb {
  background-color: #2755f3;
}
.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: #000000;
}

.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: #2755f3;
}

.k-overlay-secondary {
  background-color: #1565c0;
}

.k-overlay-tertiary {
  background-color: #00695c;
}

.k-overlay-info {
  background-color: #0058e9;
}

.k-overlay-success {
  background-color: #37b400;
}

.k-overlay-warning {
  background-color: #ffc000;
}

.k-overlay-error {
  background-color: #f31700;
}

.k-overlay-dark {
  background-color: #424242;
}

.k-overlay-light {
  background-color: #f5f5f5;
}

.k-overlay-inverse {
  background-color: #424242;
}

.k-menu-bar, .k-menu {
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 2;
  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: 4px;
  padding-inline: 16px;
  outline: 0;
  color: inherit;
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 auto;
  gap: 8px;
  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: -8px;
  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: 2px;
}
.k-menu-horizontal > .k-separator {
  margin-block: 0;
  margin-inline: 4px;
  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: 2px;
}
.k-menu-vertical > .k-menu-item > .k-menu-link {
  padding-block: 8px;
  padding-inline: 16px;
  padding-inline-end: calc(32px + 16px);
}
.k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
  margin-inline-start: 16px;
  margin-inline-end: calc(-1 * (calc(32px + 16px) - 8px));
}
.k-menu-vertical > .k-separator {
  margin-block: 4px;
  margin-inline: 0;
  height: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: 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: 0px;
}
.k-menu-group .k-separator {
  margin-block: 4px;
  margin-inline: 0;
  height: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  display: block;
}

.k-menu-popup .k-menu-group {
  position: relative;
}

.k-menu-group-sm {
  font-size: 16px;
  line-height: 1.25;
}
.k-menu-group-sm .k-menu-item {
  font-size: 16px;
  line-height: 1.25;
}
.k-menu-group-sm .k-menu-link {
  padding-block: 6px;
  padding-inline: 16px;
  padding-inline-end: calc(32px + 16px);
}
.k-menu-group-sm .k-menu-expand-arrow {
  margin-inline-start: 16px;
  margin-inline-end: calc(-1 * (calc(32px + 16px) - 8px));
}

.k-menu-group-md {
  font-size: 16px;
  line-height: 1.25;
}
.k-menu-group-md .k-menu-item {
  font-size: 16px;
  line-height: 1.25;
}
.k-menu-group-md .k-menu-link {
  padding-block: 8px;
  padding-inline: 16px;
  padding-inline-end: calc(32px + 16px);
}
.k-menu-group-md .k-menu-expand-arrow {
  margin-inline-start: 16px;
  margin-inline-end: calc(-1 * (calc(32px + 16px) - 8px));
}

.k-menu-group-lg {
  font-size: 16px;
  line-height: 1.25;
}
.k-menu-group-lg .k-menu-item {
  font-size: 16px;
  line-height: 1.25;
}
.k-menu-group-lg .k-menu-link {
  padding-block: 10px;
  padding-inline: 16px;
  padding-inline-end: calc(32px + 16px);
}
.k-menu-group-lg .k-menu-expand-arrow {
  margin-inline-start: 16px;
  margin-inline-end: calc(-1 * (calc(32px + 16px) - 8px));
}

.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) + 4px);
}
.k-menu-scroll-wrapper.vertical .k-menu-scroll-button {
  height: calc(calc(2 * 1em) + 4px);
}

.k-menu:not(.k-context-menu) {
  color: #3c3c3c;
  background-color: transparent;
}
.k-menu:not(.k-context-menu) > .k-item {
  background-color: rgba(60, 60, 60, 0);
}
.k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-hover {
  background-color: rgba(60, 60, 60, 0.08);
}
.k-menu:not(.k-context-menu) > .k-item:active, .k-menu:not(.k-context-menu) > .k-item.k-active {
  background-color: rgba(60, 60, 60, 0.16);
}
.k-menu-group,
.k-menu.k-context-menu {
  border-color: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #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: rgba(0, 0, 0, 0.87);
  background-color: rgba(0, 0, 0, 0.04);
}
.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: #1565c0;
  background-color: #ffffff;
}
.k-menu-scroll-wrapper .k-menu-scroll-button {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.54);
  background-color: #ffffff;
}
.k-menu-scroll-wrapper .k-menu-scroll-button:hover {
  color: #3c3c3c;
}
.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: rgba(60, 60, 60, 0.08);
}

.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: rgba(0, 0, 0, 0.87);
  background-color: rgba(0, 0, 0, 0.04);
}

.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: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  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 + 16px + 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: 4px;
  padding-inline: 4px;
  gap: 6px;
}
.k-toolbar-sm::before {
  margin-inline-start: -6px;
}
.k-toolbar-sm > * > label {
  margin-inline-end: 6px;
}

.k-toolbar-md {
  padding-block: 8px;
  padding-inline: 8px;
  gap: 8px;
}
.k-toolbar-md::before {
  margin-inline-start: -8px;
}
.k-toolbar-md > * > label {
  margin-inline-end: 8px;
}

.k-toolbar-lg {
  padding-block: 10px;
  padding-inline: 10px;
  gap: 10px;
}
.k-toolbar-lg::before {
  margin-inline-start: -10px;
}
.k-toolbar-lg > * > label {
  margin-inline-end: 10px;
}

.k-toolbar-sm::before {
  height: calc(1.4285714286em + 12px + 2px);
}

.k-toolbar-md::before {
  height: calc(1.4285714286em + 16px + 2px);
}

.k-toolbar-lg::before {
  height: calc(1.4285714286em + 20px + 2px);
}

.k-floating-toolbar,
.editorToolbarWindow.k-window-content {
  padding-block: 8px !important;
  padding-inline: 8px !important;
  border-width: 0;
  border-style: solid;
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  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: 16px;
  line-height: 1.25;
}
.k-overflow-container > .k-item {
  border-color: inherit;
}
.k-overflow-container .k-separator {
  margin: 4px 0;
}
.k-overflow-container .k-overflow-tool-group {
  display: block;
}
.k-overflow-container .k-overflow-button {
  padding-block: 8px;
  padding-inline: 16px;
  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: 8px;
  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: #3c3c3c;
  background-color: #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-toolbar .k-separator,
.k-toolbar .k-toolbar-separator {
  border-color: 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: #3c3c3c;
  background-color: #ffffff;
}

.k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-hover {
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.04);
}
.k-overflow-container .k-button:active, .k-overflow-container .k-button.k-active {
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.04);
}
.k-overflow-container .k-button.k-selected {
  color: #1565c0;
  background: #ffffff;
}
.k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-disabled {
  color: inherit;
}

.k-toolbar .k-button-solid-base {
  background-color: rgb(234.6, 234.6, 234.6);
  border-color: rgb(234.6, 234.6, 234.6);
}
.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-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: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 2;
  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, .k-drawer-left.k-drawer-mini .k-drawer, .k-drawer-left.k-drawer-expanded .k-drawer {
  border-right-width: 1px;
}
.k-drawer-mini .k-drawer.k-drawer-end, .k-drawer-expanded .k-drawer.k-drawer-end, .k-drawer-right.k-drawer-mini .k-drawer, .k-drawer-right.k-drawer-expanded .k-drawer {
  border-left-width: 1px;
}
.k-drawer.k-drawer-start, .k-drawer-left .k-drawer {
  top: 0;
  left: 0;
}
.k-drawer.k-drawer-end, .k-drawer-right .k-drawer {
  top: 0;
  right: 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 .k-drawer.k-drawer-end, .k-drawer-push.k-drawer-right .k-drawer {
  order: 1;
}

.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,
.k-drawer-items ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.k-drawer-item {
  padding-block: 12px;
  padding-inline: 16px;
  outline: 0;
  color: inherit;
  font-size: 16px;
  line-height: 1.5;
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
  cursor: pointer;
}
.k-drawer-item > .k-drawer-link {
  margin-block: -12px;
  margin-inline: -16px;
  padding-block: 12px;
  padding-inline: 16px;
  color: inherit;
  display: flex;
  flex-flow: row nowrap;
  flex: 1 0 auto;
  gap: 16px;
}
.k-drawer-item .k-icon {
  flex-shrink: 0;
  padding-inline: 0;
  padding-block: 4px;
  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: 32px;
}
.k-drawer-item.k-level-2 {
  padding-inline-start: 48px;
}
.k-drawer-item.k-level-3 {
  padding-inline-start: 64px;
}
.k-drawer-item.k-level-4 {
  padding-inline-start: 80px;
}
.k-drawer-item.k-level-5 {
  padding-inline-start: 96px;
}

.k-drawer-separator {
  padding: 0;
  height: 1px;
}

.k-drawer-mini .k-drawer-wrapper {
  width: calc(2 * 16px + 16px);
}

.k-rtl.k-drawer-mini .k-drawer-start,
.k-rtl .k-drawer-mini .k-drawer-start,
.k-rtl .k-drawer-expanded .k-drawer-start, .k-rtl.k-drawer-expanded .k-drawer-start,
[dir=rtl].k-drawer-mini .k-drawer-start,
[dir=rtl] .k-drawer-mini .k-drawer-start,
[dir=rtl] .k-drawer-expanded .k-drawer-start,
[dir=rtl].k-drawer-expanded .k-drawer-start {
  border-left-width: 1px;
  border-right-width: 0;
}
.k-rtl.k-drawer-mini .k-drawer-end,
.k-rtl .k-drawer-mini .k-drawer-end, .k-rtl.k-drawer-expanded .k-drawer-end .k-drawer-expanded .k-drawer-end,
[dir=rtl].k-drawer-mini .k-drawer-end,
[dir=rtl] .k-drawer-mini .k-drawer-end,
[dir=rtl].k-drawer-expanded .k-drawer-end .k-drawer-expanded .k-drawer-end {
  border-left-width: 0;
  border-right-width: 1px;
}
.k-rtl.k-drawer-overlay .k-drawer-start,
.k-rtl .k-drawer-overlay .k-drawer-start,
[dir=rtl].k-drawer-overlay .k-drawer-start,
[dir=rtl] .k-drawer-overlay .k-drawer-start {
  left: auto;
  right: 0;
}
.k-rtl.k-drawer-overlay .k-drawer-end,
.k-rtl .k-drawer-overlay .k-drawer-end,
[dir=rtl].k-drawer-overlay .k-drawer-end,
[dir=rtl] .k-drawer-overlay .k-drawer-end {
  left: 0;
  right: auto;
}
.k-rtl .k-drawer-left.k-drawer-push .k-drawer,
[dir=rtl] .k-drawer-left.k-drawer-push .k-drawer {
  order: 1;
}
.k-rtl .k-drawer-right.k-drawer-push .k-drawer,
[dir=rtl] .k-drawer-right.k-drawer-push .k-drawer {
  order: 0;
}

.k-drawer {
  border-color: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #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: rgba(0, 0, 0, 0.87);
  background-color: rgba(0, 0, 0, 0.04);
}
.k-drawer-item:focus, .k-drawer-item.k-focus {
  background-color: rgba(0, 0, 0, 0.04);
  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: rgba(0, 0, 0, 0.87);
  background-color: rgba(0, 0, 0, 0.04);
}
.k-drawer-item.k-selected {
  color: #1565c0;
}
.k-drawer-item.k-selected:hover, .k-drawer-item.k-selected.k-hover {
  color: #1565c0;
  background-color: rgba(0, 0, 0, 0.04);
}

.k-drawer-separator {
  background-color: rgba(0, 0, 0, 0.12);
}

.k-drawer-item.k-selected:focus, .k-drawer-item.k-selected.k-focus {
  background-color: rgba(0, 0, 0, 0.04);
  box-shadow: none;
}

.k-popover {
  border-radius: 4px;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-size: 14px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  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: 4px;
  border-top-right-radius: 4px;
  padding-block: 12px;
  padding-inline: 16px;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: inherit;
}

.k-popover-body {
  padding-block: 16px;
  padding-inline: 16px;
}

.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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
}

.k-popover-inner {
  background-color: inherit;
  border-color: inherit;
}

.k-popover-header {
  border-color: rgba(0, 0, 0, 0.12);
}

.k-popover-callout {
  border-color: inherit;
  background-color: inherit;
  box-shadow: inherit;
}

.k-tooltip {
  border-radius: 4px;
  margin: 0;
  padding-block: 3px;
  padding-inline: 8px;
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  background-repeat: repeat-x;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  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: 8px;
  flex-shrink: 0;
}

.k-tooltip-title {
  margin-bottom: 0.25em;
  font-size: 15px;
  line-height: 1;
}

.k-tooltip-content {
  align-self: stretch;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.k-tooltip-button {
  margin-inline-start: 8px;
  flex-shrink: 0;
}
.k-tooltip-button .k-icon {
  color: inherit;
  vertical-align: top;
}

.k-callout {
  width: 12px;
  height: 12px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
  position: absolute;
  pointer-events: none;
}

.k-callout-n {
  margin-left: -6px;
  border-bottom-color: currentColor;
  top: -12px;
  left: 50%;
  pointer-events: none;
}

.k-callout-e {
  margin-top: -6px;
  border-left-color: currentColor;
  top: 50%;
  right: -12px;
  pointer-events: none;
}

.k-callout-s {
  margin-left: -6px;
  border-top-color: currentColor;
  bottom: -12px;
  left: 50%;
  pointer-events: none;
}

.k-callout-w {
  margin-top: -6px;
  border-right-color: currentColor;
  top: 50%;
  left: -12px;
  pointer-events: none;
}

.k-tooltip {
  border-color: 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: #424242;
  color: white;
  background-color: #424242;
}
.k-tooltip-inverse .k-callout {
  color: #424242;
}

.k-tooltip-light {
  border-color: #f5f5f5;
  color: black;
  background-color: #f5f5f5;
}
.k-tooltip-light .k-callout {
  color: #f5f5f5;
}

.k-tooltip-dark {
  border-color: #424242;
  color: white;
  background-color: #424242;
}
.k-tooltip-dark .k-callout {
  color: #424242;
}

.k-tooltip-error {
  border-color: #f31700;
  color: black;
  background-color: #f31700;
}
.k-tooltip-error .k-callout {
  color: #f31700;
}

.k-tooltip-warning {
  border-color: #ffc000;
  color: black;
  background-color: #ffc000;
}
.k-tooltip-warning .k-callout {
  color: #ffc000;
}

.k-tooltip-success {
  border-color: #37b400;
  color: black;
  background-color: #37b400;
}
.k-tooltip-success .k-callout {
  color: #37b400;
}

.k-tooltip-info {
  border-color: #0058e9;
  color: white;
  background-color: #0058e9;
}
.k-tooltip-info .k-callout {
  color: #0058e9;
}

.k-tooltip-tertiary {
  border-color: #00695c;
  color: white;
  background-color: #00695c;
}
.k-tooltip-tertiary .k-callout {
  color: #00695c;
}

.k-tooltip-secondary {
  border-color: #1565c0;
  color: white;
  background-color: #1565c0;
}
.k-tooltip-secondary .k-callout {
  color: #1565c0;
}

.k-tooltip-primary {
  border-color: #2755f3;
  color: white;
  background-color: #2755f3;
}
.k-tooltip-primary .k-callout {
  color: #2755f3;
}

.k-listgroup {
  border-radius: 4px;
  margin: 0;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  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: 8px;
  padding-inline: 8px;
  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: -8px;
  margin-inline: -8px;
  padding-block: 8px;
  padding-inline: 8px;
  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: 8px;
  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: -8px -8px -8px 0;
  padding: 8px;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: inherit;
  cursor: pointer;
}

.k-listgroup-form-row {
  margin-block: -8px;
  margin-inline: -8px;
  padding-block: 8px;
  padding-inline: 8px;
  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: -8px;
  margin-left: 0;
}
[dir=rtl] .k-listgroup-item-segmented > .k-select {
  margin-right: 0;
  margin-left: -8px;
  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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
}

.k-radio {
  border-radius: 9999px;
  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='%232755f3'/%3e%3c/svg%3e");
}

.k-radio:disabled,
.k-radio.k-disabled {
  outline: none;
  cursor: default;
  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='%232755f3'/%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: 4px;
  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: 4px;
}

.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: 8px;
  padding-inline: 0px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-content: center;
  gap: 4px;
}
.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: 16px;
}

.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: 12px;
  height: 12px;
}
.k-radio-sm::before {
  font-size: 10px;
}

.k-ripple-container .k-radio-sm::after {
  width: 300%;
  height: 300%;
}

.k-radio-md {
  width: 16px;
  height: 16px;
}
.k-radio-md::before {
  font-size: 14px;
}

.k-ripple-container .k-radio-md::after {
  width: 300%;
  height: 300%;
}

.k-radio-lg {
  width: 20px;
  height: 20px;
}
.k-radio-lg::before {
  font-size: 18px;
}

.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: #b9b9b9;
  background-color: #fff;
}

.k-radio:hover,
.k-radio.k-hover {
  border-color: #9a9a9a;
  background-color: #e8e8e8;
}

.k-radio:focus,
.k-radio.k-focus {
  border-color: #9a9a9a;
  box-shadow: unset;
}

.k-radio.k-invalid,
.k-radio.ng-invalid.ng-touched,
.k-radio.ng-invalid.ng-dirty {
  border-color: #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: #f31700;
}

.k-radio:checked,
.k-radio.k-checked {
  border-color: #2755f3;
  color: #2755f3;
}

.k-radio:checked:focus,
.k-radio.k-checked.k-focus {
  border-color: unset;
  box-shadow: unset;
}

.k-radio:disabled,
.k-radio.k-disabled {
  border-color: #b9b9b9;
  color: unset;
  background-color: unset;
}

.k-radio:checked:disabled,
.k-radio.k-checked.k-disabled {
  border-color: #2755f3;
  color: #2755f3;
}

.k-ripple-container .k-radio::after {
  background: unset;
  opacity: unset;
}

.k-radio:disabled + .k-radio-label {
  color: rgba(0, 0, 0, 0.54);
  opacity: 1;
  filter: none;
}

.k-pane-wrapper {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 2;
  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: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 2;
  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: 8px;
  padding-inline: 8px;
}
.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: 8px;
  padding-inline: 8px;
  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: 4px;
}
.k-pane-wrapper .k-list-title,
.k-pane-wrapper .k-filter-help-text {
  padding-block: 8px;
  padding-inline: 8px;
  display: block;
}
.k-pane-wrapper .k-listgroup-title {
  padding-block: 8px;
  padding-inline: 8px;
  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: 16px;
}
.k-pane-wrapper .k-column-menu {
  padding: 8px;
  display: flex;
  flex-flow: column nowrap;
  gap: 8px;
}
.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: -8px;
}
.k-pane-wrapper .k-filter-menu {
  padding: 8px;
  display: flex;
  flex-flow: column nowrap;
  gap: 8px;
}
.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: -8px;
}
.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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
}

.k-pane-wrapper .k-pane > .k-view > .k-content {
  background-position: 50% 50%;
  background-color: #ffffff;
}
.k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header {
  border-left-color: #3c3c3c;
}
.k-pane-wrapper .k-pane .k-grid-mobile .k-resize-handle-inner::before {
  background-color: #ffffff;
}
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current {
  color: #2755f3;
}
.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: rgba(0, 0, 0, 0.54);
}
.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: #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: rgba(0, 0, 0, 0.87);
}
.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: #2755f3;
}
.k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected {
  color: #2755f3;
  background: none;
}
.k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected .k-link {
  color: inherit;
}

.k-progressbar {
  border-radius: 4px;
  --kendo-progressbar-value: 0;
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  line-height: 1;
  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: 8px;
  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: #3c3c3c;
  background-color: rgb(177.24, 193.8, 250.68);
}
.k-progressbar .k-selected {
  color: white;
  background-color: #2755f3;
}

.k-chunk-progressbar {
  background-color: transparent;
}

.k-progressbar-chunk {
  background-color: rgb(177.24, 193.8, 250.68);
}
.k-progressbar-chunk .k-selected {
  background-color: #2755f3;
}

.k-progressbar-indeterminate {
  color: #3c3c3c;
  background-color: rgb(177.24, 193.8, 250.68);
  background-image: linear-gradient(45deg, rgb(163.0608, 178.296, 230.6256) 25%, transparent 25%, transparent 50%, rgb(163.0608, 178.296, 230.6256) 50%, rgb(163.0608, 178.296, 230.6256) 75%, transparent 75%, transparent);
  background-size: 5px 5px;
  animation: kendo-progressbar-indeterminate-animation;
}

.k-circular-progressbar-scale {
  stroke: rgb(177.24, 193.8, 250.68);
}

.k-circular-progressbar-arc {
  stroke: #2755f3;
  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: #2755f3;
}

.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: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  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: 4px;
  padding-inline: 16px;
  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: 12px;
  line-height: 2;
  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 .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: 4px;
  padding-inline: 4px;
  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: 4px;
  padding-inline: 4px;
  min-width: 288px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
}
.k-calendar-header .k-title,
.k-calendar-header .k-calendar-title {
  font-weight: bold;
}
.k-calendar-header .k-calendar-nav {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.k-calendar-footer,
.k-calendar .k-footer {
  padding-block: 8px;
  padding-inline: 16px;
  text-align: center;
  clear: both;
}

.k-calendar-view {
  margin: auto;
  padding-block: 0;
  padding-inline: 4px;
  width: 288px;
  inline-size: var(--INTERNAL--kendo-calendar-view-width, 288px);
  min-height: 252px;
  box-sizing: content-box;
  gap: 16px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.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, 0.125rem );
  --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-sm-cell-padding-y, 0.125rem );
  font-size: 14px;
  line-height: 2;
}
.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, 4px );
  --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-md-cell-padding-y, 4px );
  font-size: 14px;
  line-height: 2;
}
.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, 4px );
  --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-lg-cell-padding-y, 4px );
  font-size: 16px;
  line-height: 1.5;
}
.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: 0px;
  padding-inline: 16px;
  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 #fff;
}
.k-calendar-infinite .k-calendar-header {
  margin-left: -16px;
  margin-right: -16px;
  padding-block: 8px;
  padding-inline: 16px;
  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 #f7f7f7;
}
.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-calendar-range .k-range-start {
  border-color: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.k-calendar-range .k-range-end {
  border-color: inherit;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.k-calendar-range .k-range-mid {
  border-color: inherit;
  border-radius: 0;
}

.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-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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #fff;
}
.k-calendar .k-header {
  border-color: inherit;
  color: #3c3c3c;
}
.k-calendar .k-calendar-th,
.k-calendar .k-calendar-caption,
.k-calendar .k-meta-header,
.k-calendar .k-month-header {
  color: #3c3c3c;
}
.k-calendar .k-calendar-view .k-today {
  color: #2755f3;
}
.k-calendar .k-other-month {
  color: #3c3c3c;
}
.k-calendar .k-alt {
  background-color: transparent;
  color: #3c3c3c;
}
.k-calendar .k-out-of-range {
  pointer-events: none;
}
.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: rgba(0, 0, 0, 0.15);
  color: #3c3c3c;
  background-color: #f7f7f7;
}
.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link {
  border-color: #f4f7ff;
  color: #2755f3;
  background-color: #f4f7ff;
}
.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: #2755f3;
  background-color: rgb(234.24, 237.12, 244.8);
}
.k-calendar .k-calendar-navigation {
  color: #3c3c3c;
  background-color: #f7f7f7;
  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12);
}
.k-calendar .k-calendar-navigation li:hover,
.k-calendar .k-calendar-navigation li.k-hover {
  color: #2755f3;
}
.k-calendar .k-calendar-navigation-highlight {
  border-color: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #fff;
}
.k-calendar[dir=rtl] .k-calendar-navigation, .k-rtl .k-calendar .k-calendar-navigation {
  box-shadow: inset 1px 0 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: #f31700;
}

.k-scheduler .k-calendar .k-other-month {
  color: #3c3c3c;
  background-color: transparent;
}

.k-calendar .k-range-start,
.k-calendar .k-range-end,
.k-calendar .k-range-mid {
  background-color: rgba(244, 247, 255, 0.25);
}
.k-calendar .k-range-start.k-range-end {
  background-image: none;
  background-color: 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: #f4f7ff;
}
.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, rgba(244, 247, 255, 0.25), transparent 100%);
}
.k-calendar .k-range-split-end::after {
  right: -5px;
  left: auto;
  background-image: linear-gradient(to right, rgba(244, 247, 255, 0.25), transparent 100%);
}

.k-calendar .k-focus .k-link {
  border-color: rgba(0, 0, 0, 0.15);
  color: #3c3c3c;
  background-color: #f7f7f7;
}
.k-calendar .k-selected.k-focus .k-link {
  border-color: #f4f7ff;
  color: #2755f3;
  background-color: rgb(244.88, 247.64, 255);
}

.k-timeselector {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  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: 8px;
  padding-inline: 8px;
  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: 8px;
  padding-inline: 16px;
  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(20px + 16px);
  border-width: 1px 0px;
  border-style: solid;
  box-sizing: border-box;
  position: absolute;
  top: calc(50% + 9px);
  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: 12px;
  line-height: 1.5;
  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(20px + 16px)/2);
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}
.k-time-list-wrapper.k-focus::before {
  top: 18px;
}
.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: 8px;
  padding-inline: 16px;
}

.k-time-separator {
  width: 0;
  height: calc(20px + 16px);
  align-self: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 11;
  top: calc(9px);
}

.k-timeselector-sm {
  font-size: 14px;
  line-height: 1.4285714286;
}
.k-timeselector-sm .k-time-highlight,
.k-timeselector-sm .k-time-list-highlight {
  height: calc(20px + 12px);
}
.k-timeselector-sm .k-time-separator {
  height: calc(20px + 12px);
}
.k-timeselector-sm .k-time-list-item,
.k-timeselector-sm .k-time-list .k-item {
  padding-block: 6px;
  padding-inline: 16px;
}

.k-timeselector-md {
  font-size: 14px;
  line-height: 1.4285714286;
}
.k-timeselector-md .k-time-highlight,
.k-timeselector-md .k-time-list-highlight {
  height: calc(20px + 16px);
}
.k-timeselector-md .k-time-separator {
  height: calc(20px + 16px);
}
.k-timeselector-md .k-time-list-item,
.k-timeselector-md .k-time-list .k-item {
  padding-block: 8px;
  padding-inline: 16px;
}

.k-timeselector-lg {
  font-size: 16px;
  line-height: 1.5;
}
.k-timeselector-lg .k-time-highlight,
.k-timeselector-lg .k-time-list-highlight {
  height: calc(24px + 16px);
}
.k-timeselector-lg .k-time-separator {
  height: calc(24px + 16px);
}
.k-timeselector-lg .k-time-list-item,
.k-timeselector-lg .k-time-list .k-item {
  padding-block: 8px;
  padding-inline: 16px;
}

.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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
}

.k-time-header .k-time-now,
.k-time-selector-header .k-time-now {
  color: #1565c0;
}
.k-time-header .k-time-now:hover,
.k-time-selector-header .k-time-now:hover {
  color: #0d47a1;
}

.k-time-list-wrapper .k-title {
  color: rgba(0, 0, 0, 0.54);
}
.k-time-list-wrapper.k-focus .k-title {
  color: #3c3c3c;
}
.k-time-list::before, .k-time-list::after {
  box-shadow: 0 0 3em 1.5em #ffffff;
}
.k-time-list .k-item:hover {
  color: #2755f3;
}

.k-time-container {
  background: transparent;
}

.k-time-highlight {
  border-color: rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
}

.k-time-list .k-item:hover {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgba(0, 0, 0, 0.04);
}

.k-datetime-selector {
  display: flex;
  transition: transform 0.2s;
}

.k-datetime-wrap {
  width: calc(288px + 32px);
  overflow: hidden;
}
.k-datetime-wrap .k-datetime-buttongroup {
  padding-block: 8px;
  padding-inline: 8px;
}
.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(288px + 32px);
}

.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-form,
.k-form-inline {
  font-size: 14px;
  line-height: 2;
}

.k-fieldset {
  margin: 30px;
  border-width: 1px 0 0;
  border-style: solid;
  padding: 25px 0 0;
}
.k-fieldset > legend {
  margin-left: 0;
  padding: 0 16px 0 0;
  text-transform: uppercase;
}

kendo-label > .k-label {
  margin: 0;
}

.k-label-optional {
  margin-left: 6px;
  font-size: 12px;
  font-style: italic;
  align-self: center;
}

.k-label-empty::before {
  content: "";
  display: inline-block;
}

.k-input-label {
  margin-right: 10px;
  z-index: 1;
}
.k-input-label:dir(rtl), .k-rtl .k-input-label, .k-input-label.k-rtl, [dir=rtl] .k-input-label, .k-input-label[dir=rtl] {
  margin-right: 0;
  margin-left: 10px;
}

.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: 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: 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: 0px;
  border-width: 0 0 2px;
  border-style: solid;
  width: 100%;
  font-size: 14px;
  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;
  opacity: 0.6;
  filter: grayscale(0.1);
  pointer-events: none;
  box-shadow: none;
}
.k-form .k-alert-error {
  font-size: 12px;
  margin-top: 8px;
}
.k-form .k-field-info {
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  margin-block: 0;
  margin-inline: 16px;
}
.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: 4px;
  display: flex;
  font-size: 12px;
  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: 24px 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: 10px;
  padding-top: 5px;
  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% - 10px);
  flex: 1 1 auto;
}

.k-form [dir=rtl] .k-label-optional, .k-rtl .k-form .k-label-optional {
  margin-left: 0;
  margin-right: 6px;
}

.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: 10px;
}

.k-form-sm .k-form-field,
.k-form-sm .k-form-buttons {
  margin-top: 16px;
}

.k-form-md .k-form-field,
.k-form-md .k-form-buttons {
  margin-top: 24px;
}

.k-form-lg .k-form-field,
.k-form-lg .k-form-buttons {
  margin-top: 28px;
}

.k-form-inline {
  padding: 32px;
}
.k-form-inline fieldset {
  border-width: 1px 0 0;
  border-style: solid;
  margin: 64px 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: 12px;
  text-align: start;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 12px;
  text-transform: uppercase;
  padding: 0 16px 0 0;
  width: auto;
}
.k-form-inline .k-form-field {
  display: flex;
  align-items: flex-start;
  text-align: start;
  margin-bottom: 12px;
}
.k-form-inline .k-form-field > span:not(.k-widget) {
  width: 25%;
  text-align: end;
  line-height: 2;
  padding: calc(4px + 0) 0;
  padding-right: 24px;
  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: 12px;
  margin-top: 8px;
}
.k-form-inline .k-form-field .k-field-info {
  display: block;
  font-size: 10px;
  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: 16px -24px -8px;
}

.k-edit-label {
  margin: 0 0 16px 0;
  padding: calc(8px + 0) 0;
  width: 30%;
  line-height: 2;
  text-align: end;
  float: left;
  clear: both;
}

.k-edit-field {
  margin: 0 0 16px 0;
  width: 65%;
  float: right;
  clear: right;
  position: relative;
}
.k-edit-field.k-no-editor {
  padding: calc(8px + 0) 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: 16px;
}
.k-edit-field > .k-reset > li + li {
  margin-top: 8px;
}
.k-edit-field .k-reset .k-widget {
  margin: 0 0.4ex 0 1ex;
}

.k-edit-label {
  padding: 0;
  margin: 0;
  width: auto;
  font-size: 12px;
  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: #3c3c3c;
}
.k-form .k-form-legend,
.k-form-inline .k-form-legend {
  border-color: rgba(0, 0, 0, 0.12);
}
.k-form .k-field-info,
.k-form-inline .k-field-info {
  color: rgba(0, 0, 0, 0.54);
}
.k-form .k-alert-error,
.k-form-inline .k-alert-error {
  color: #f31700;
}

.k-form-error,
.k-text-error,
.k-form-field-error .k-label {
  color: #f31700;
}

.k-form-separator {
  border-color: 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: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  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: 16px;
  padding-inline: 24px;
  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: 20px;
  line-height: 1.6;
  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(16px - 24px);
  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: 8px;
  padding-inline: 24px;
  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: -4px;
}

.k-window-content:first-child {
  padding-top: clamp(8px, 16px, 16px);
}

.k-window-content:last-child {
  padding-bottom: clamp(8px, 16px, 16px);
}

.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: 8px;
  padding-inline: 8px;
  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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #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: white;
  background-color: #2755f3;
}

.k-window-light .k-window-titlebar {
  color: black;
  background-color: #f5f5f5;
}

.k-window-dark .k-window-titlebar {
  color: white;
  background-color: #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: 8px;
  padding-inline: 8px;
  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: 8px;
  overflow: hidden;
}

.k-dialog-content.k-scroll {
  border-width: 1px 0;
  border-style: solid;
  padding-top: 4px;
  padding-bottom: 4px;
}

.k-dialog-primary .k-dialog-titlebar {
  color: white;
  background-color: #2755f3;
}

.k-dialog-light .k-dialog-titlebar {
  color: black;
  background-color: #f5f5f5;
}

.k-dialog-dark .k-dialog-titlebar {
  color: white;
  background-color: #424242;
}

.k-dialog-content.k-scroll {
  border-color: rgba(0, 0, 0, 0.12);
}

.k-pager {
  padding: 0;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 2;
  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: 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: 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: 4px;
  padding-block: 4px;
  gap: 6px;
}
.k-pager-sm .k-pager-numbers-wrap .k-button {
  min-width: calc(1.4285714286em + 12px + 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: 6px;
  margin-inline-end: 6px;
}
.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: 8px;
  padding-block: 8px;
  gap: 8px;
}
.k-pager-md .k-pager-numbers-wrap .k-button {
  min-width: calc(1.4285714286em + 16px + 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: 8px;
  margin-inline-end: 8px;
}
.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: 10px;
  padding-block: 10px;
  gap: 10px;
}
.k-pager-lg .k-pager-numbers-wrap .k-button {
  min-width: calc(1.4285714286em + 20px + 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: 10px;
  margin-inline-end: 10px;
}
.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: 8px;
}

.k-pager {
  border-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.54);
  background-color: #ffffff;
}
.k-pager:focus, .k-pager.k-focus {
  background-color: rgb(244.8, 244.8, 244.8);
}

.k-skeleton, .k-placeholder-line {
  display: block;
}

.k-skeleton-text, .k-placeholder-line {
  border-radius: 4px;
  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: rgba(66, 66, 66, 0.2);
}

.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: 14px;
  line-height: 2;
}

.k-table-sm .k-table-th,
.k-table-sm .k-table-td {
  padding-block: 3px;
  padding-inline: 20px;
}

.k-table-sm .k-table-list .k-table-group-td > span {
  padding-block: 0;
  padding-inline: 10px;
}

.k-table-sm .k-table-list .k-table-group-row::before {
  padding-block: 3px;
  padding-inline: 0;
}

.k-table-md {
  font-size: 14px;
  line-height: 2;
}

.k-table-md .k-table-th,
.k-table-md .k-table-td {
  padding-block: 3px;
  padding-inline: 20px;
}

.k-table-md .k-table-list .k-table-group-td > span {
  padding-block: 0;
  padding-inline: 10px;
}

.k-table-md .k-table-list .k-table-group-row::before {
  padding-block: 3px;
  padding-inline: 0;
}

.k-table-lg {
  font-size: 14px;
  line-height: 2;
}

.k-table-lg .k-table-th,
.k-table-lg .k-table-td {
  padding-block: 3px;
  padding-inline: 20px;
}

.k-table-lg .k-table-list .k-table-group-td > span {
  padding-block: 0;
  padding-inline: 10px;
}

.k-table-lg .k-table-list .k-table-group-row::before {
  padding-block: 3px;
  padding-inline: 0;
}

.k-rtl.k-table .k-table-th,
.k-rtl.k-table .k-table-td,
.k-rtl .k-table .k-table-th,
.k-rtl .k-table .k-table-td,
[dir=rtl].k-table .k-table-th,
[dir=rtl].k-table .k-table-td,
[dir=rtl] .k-table .k-table-th,
[dir=rtl] .k-table .k-table-td {
  border-left-width: 0;
  border-right-width: 1px;
}
.k-rtl.k-table .k-table-th:first-child,
.k-rtl.k-table .k-table-td:first-child,
.k-rtl .k-table .k-table-th:first-child,
.k-rtl .k-table .k-table-td:first-child,
[dir=rtl].k-table .k-table-th:first-child,
[dir=rtl].k-table .k-table-td:first-child,
[dir=rtl] .k-table .k-table-th:first-child,
[dir=rtl] .k-table .k-table-td:first-child {
  border-right-width: 0;
}
.k-rtl.k-table .k-table-header-wrap,
.k-rtl.k-table .k-table-footer-wrap,
.k-rtl .k-table .k-table-header-wrap,
.k-rtl .k-table .k-table-footer-wrap,
[dir=rtl].k-table .k-table-header-wrap,
[dir=rtl].k-table .k-table-footer-wrap,
[dir=rtl] .k-table .k-table-header-wrap,
[dir=rtl] .k-table .k-table-footer-wrap {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
  border-right-width: 0;
}
.k-rtl .k-table-list .k-table-group-td > span,
[dir=rtl] .k-table-list .k-table-group-td > span {
  left: 0;
  right: auto;
}

.k-table,
.k-data-table {
  border-color: #d8d8d8;
  color: #3c3c3c;
  background-color: #fff;
}

.k-table-thead,
.k-table-header,
.k-table-group-sticky-header {
  border-color: #d8d8d8;
  color: #2c2c2c;
  background-color: #f7f7f7;
}

.k-table-tfoot,
.k-table-footer {
  border-color: #d8d8d8;
  color: #2c2c2c;
  background-color: #f7f7f7;
}

.k-table-group-row {
  border-color: #d8d8d8;
  color: #2c2c2c;
  background-color: #f7f7f7;
}

.k-table-group-td > span {
  color: #fff;
  background-color: #3c3c3c;
}

.k-table-alt-row {
  background-color: #fff;
}

.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: #d8d8d8;
  background-color: #f4f7ff;
}

.k-table-tbody .k-table-row.k-selected > .k-table-td,
.k-table-list .k-table-row.k-selected {
  background-color: rgba(0, 0, 0, 0.04);
}

.k-table-tbody .k-table-row.k-selected,
.k-table-tbody .k-table-cell.k-selected {
  background-color: rgba(0, 0, 0, 0.04);
}

.k-table-tbody .k-table-row.k-selected > td {
  color: inherit;
  background-color: transparent;
}

.k-table .k-table-tbody td:focus,
.k-table .k-table-tbody td.k-focus,
.k-table .k-table-tbody th:focus,
.k-table .k-table-tbody th.k-focus {
  color: inherit;
  background-color: #f4f7ff;
}

.k-grid {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 2;
  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: 12px;
}
.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: 14px;
  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: 4px;
}
.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: 12px;
  margin-top: 4px;
  margin-inline-start: -4px;
}
.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: 14px;
}
.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 - 20px);
  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: 3px;
  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 + 8px + 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: 8px;
  margin-block: -8px;
  display: inline-flex;
  align-self: stretch;
  align-items: center;
}

.k-grouping-dropclue {
  width: 12px;
  position: absolute;
  top: calc((calc(1.2857142857em + 8px + 2px) + 16px - calc(1.2857142857em + 8px + 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: 2px;
  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: 2;
}
.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: 8px;
  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: 8px;
}

.k-selection-aggregates-item-value {
  font-weight: 700;
}

.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: 10px;
  padding-inline: 10px;
}
.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: 4px;
  padding-inline: 10px;
}
.k-grid .k-grid-sm .k-grouping-header,
.k-grid-sm .k-grouping-header {
  padding-block: 6px;
  padding-inline: 6px;
  gap: 6px;
}
.k-grid .k-grid-sm .k-grouping-header::before,
.k-grid-sm .k-grouping-header::before {
  margin-inline-start: -6px;
}
.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: -10px;
  margin-inline: -10px;
  padding-block: 10px;
  padding-inline: 10px;
}
.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: 6px;
  width: calc(1.4285714286em + 12px + 2px);
  height: calc(1.4285714286em + 12px + 2px);
  bottom: calc(10px + calc(2 * 1em)/2 - calc(1.4285714286em + 16px)/2);
}
.k-grid .k-grid-sm .k-table-th > .k-cell-inner,
.k-grid-sm .k-table-th > .k-cell-inner {
  margin-block: -10px;
  margin-inline: -10px;
}
.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: 10px;
  padding-inline: 10px;
}
.k-grid .k-grid-sm .k-grouping-row .k-icon,
.k-grid-sm .k-grouping-row .k-icon {
  margin-inline-start: calc(8px - 10px);
}
.k-grid .k-grid-sm .k-grouping-dropclue,
.k-grid-sm .k-grouping-dropclue {
  height: calc(calc(1.2857142857em + 4px + 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: 4px;
  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: 4px;
  padding-inline: 10px;
}
.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: 8px;
  padding-inline: 10px;
}
.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: 2px;
}
.k-grid .k-grid-sm .k-selection-aggregates,
.k-grid-sm .k-selection-aggregates {
  padding-block: 4px;
  padding-inline: 4px;
}
.k-grid .k-grid-sm .k-resizer-wrap,
.k-grid-sm .k-resizer-wrap {
  display: block;
  width: 100%;
  padding-block-start: calc(4px - 2px);
  padding-block-end: 4px;
  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: 7px;
  padding-inline: 20px;
}
.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: 3px;
  padding-inline: 20px;
}
.k-grid .k-grid-md .k-grouping-header,
.k-grid-md .k-grouping-header {
  padding-block: 8px;
  padding-inline: 8px;
  gap: 8px;
}
.k-grid .k-grid-md .k-grouping-header::before,
.k-grid-md .k-grouping-header::before {
  margin-inline-start: -8px;
}
.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: -7px;
  margin-inline: -20px;
  padding-block: 7px;
  padding-inline: 20px;
}
.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: 8px;
  width: calc(1.4285714286em + 16px + 2px);
  height: calc(1.4285714286em + 16px + 2px);
  bottom: calc(7px + calc(2 * 1em)/2 - calc(1.4285714286em + 16px)/2);
}
.k-grid .k-grid-md .k-table-th > .k-cell-inner,
.k-grid-md .k-table-th > .k-cell-inner {
  margin-block: -7px;
  margin-inline: -20px;
}
.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: 7px;
  padding-inline: 20px;
}
.k-grid .k-grid-md .k-grouping-row .k-icon,
.k-grid-md .k-grouping-row .k-icon {
  margin-inline-start: calc(8px - 20px);
}
.k-grid .k-grid-md .k-grouping-dropclue,
.k-grid-md .k-grouping-dropclue {
  height: calc(1.2857142857em + 8px + 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: 3px;
  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: 6px;
  padding-inline: 20px;
}
.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: 3px;
  padding-inline: 20px;
}
.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: 1.5px;
}
.k-grid .k-grid-md .k-selection-aggregates,
.k-grid-md .k-selection-aggregates {
  padding-block: 8px;
  padding-inline: 8px;
}
.k-grid .k-grid-md .k-resizer-wrap,
.k-grid-md .k-resizer-wrap {
  display: block;
  width: 100%;
  padding-block-start: calc(6px - 2px);
  padding-block-end: 6px;
  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: 8px;
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: 8px;
}
.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: 8px;
}

.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: 8px;
  padding-inline: 16px;
  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: 8px 8px 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: 0;
  padding-block: 8px;
  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: 8px;
  padding-inline: 16px;
}

.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: 8px;
  padding-inline: 0;
}

.k-columnmenu-item {
  padding-block: 8px;
  padding-inline: 16px;
  outline: 0;
  cursor: pointer;
}
.k-columnmenu-item > .k-icon,
.k-columnmenu-item > .k-expander-indicator {
  margin-inline-end: 8px;
}

.k-columnmenu-item-wrapper + .k-columnmenu-item-wrapper {
  border-top: 1px solid;
  border-top-color: rgba(0, 0, 0, 0.12);
}

.k-columnmenu-item-content {
  overflow: hidden;
}

.k-column-menu-group-header {
  padding-block: 8px;
  padding-inline: 16px;
  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: 12px;
  line-height: 2;
  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 + 8px + 2px);
  top: calc((calc(1.2857142857em + 8px + 2px) + 16px - calc(1.2857142857em + 8px + 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: #d8d8d8;
}

.k-grid-header,
.k-grouping-header,
.k-grid-add-row,
.k-grid-footer {
  color: #2c2c2c;
  background-color: #f7f7f7;
}

.k-grid .k-table {
  background-color: inherit;
}

.k-grid-toolbar {
  border-color: inherit;
  box-shadow: none;
}

.k-grid-content {
  background-color: #fff;
}

.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: #3c3c3c;
  background-color: transparent;
}

.k-grouping-dropclue::before {
  border-color: #2c2c2c transparent transparent;
}
.k-grouping-dropclue::after {
  background-color: #2c2c2c;
}

.k-grid {
  border-color: #d8d8d8;
  color: #3c3c3c;
  background-color: #fff;
}
.k-grid .k-table-row.k-table-alt-row {
  background-color: #fff;
}
.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: #f4f7ff;
}
.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(0, 0, 0, 0.04);
}
.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: #2c2c2c;
}
.k-grid .k-grouping-row {
  background-color: transparent;
}
.k-grid .k-grouping-row .k-icon {
  color: #2c2c2c;
}
.k-grid .k-grouping-row .k-grid-content-sticky {
  border-color: rgba(0, 0, 0, 0.5);
  border-top-color: #d8d8d8;
}
.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.5);
}
.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: #d8d8d8;
}
.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: #d8d8d8;
}
.k-grid .k-grid-content-locked .k-selected td,
.k-grid .k-grid-content-locked .k-selected .k-table-td {
  background-color: rgb(244.8, 244.8, 244.8);
}
.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: rgb(244.8, 244.8, 244.8);
}
.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: rgb(227.76192, 227.76192, 227.76192);
}
.k-grid .k-grid-header-locked .k-table-th {
  border-bottom-color: #d8d8d8;
}

col.k-sorted,
.k-table-th.k-sorted {
  background-color: rgba(0, 0, 0, 0.04);
}

.k-grid-header .k-sort-icon,
.k-grid-header .k-sort-order {
  color: #2c2c2c;
}
.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: white;
  background-color: #1565c0;
}
.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: #2c2c2c;
  background-color: #fff;
  border-right-color: rgba(0, 0, 0, 0.5);
  border-left-color: rgba(0, 0, 0, 0.5);
}

.k-grid-footer {
  border-color: #d8d8d8;
  color: #2c2c2c;
  background-color: #f7f7f7;
}
.k-grid-footer .k-grid-footer-sticky {
  border-left-color: rgba(0, 0, 0, 0.5);
  border-right-color: rgba(0, 0, 0, 0.5);
  background-color: #fff;
}

.k-selection-aggregates {
  border-color: #d8d8d8;
  color: #3c3c3c;
  background-color: #f7f7f7;
}

.k-master-row .k-grid-content-sticky {
  border-color: rgba(0, 0, 0, 0.5);
  border-top-color: #d8d8d8;
  background-color: #fff;
}
.k-master-row .k-grid-row-sticky {
  border-top-color: rgba(0, 0, 0, 0.5);
  border-bottom-color: rgba(0, 0, 0, 0.5);
  background-color: #fff;
}
.k-master-row.k-table-alt-row .k-grid-content-sticky,
.k-master-row.k-table-alt-row .k-grid-row-sticky {
  background-color: #fff;
}
.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: rgb(244.8, 244.8, 244.8);
}
.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: rgb(244.8, 244.8, 244.8);
}
.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: rgb(237.15, 237.15, 237.15);
}
.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: rgb(227.76192, 227.76192, 227.76192);
}

kendo-grid.k-grid .k-grid-content-sticky {
  border-top-color: #d8d8d8;
  border-left-color: rgba(0, 0, 0, 0.5);
  border-right-color: rgba(0, 0, 0, 0.5);
  background-color: #fff;
}
kendo-grid.k-grid .k-grid-content-sticky:hover, kendo-grid.k-grid .k-grid-content-sticky.k-hover {
  background-color: rgb(237.15, 237.15, 237.15);
}
kendo-grid.k-grid .k-grid-row-sticky td,
kendo-grid.k-grid .k-grid-row-sticky .k-table-td {
  border-top-color: rgba(0, 0, 0, 0.5);
  border-bottom-color: rgba(0, 0, 0, 0.5);
  background-color: #fff;
}
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: rgb(237.15, 237.15, 237.15);
}
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: #fff;
}
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: rgb(244.8, 244.8, 244.8);
}
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: rgb(244.8, 244.8, 244.8);
}
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: rgb(237.15, 237.15, 237.15);
}
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: rgb(227.76192, 227.76192, 227.76192);
}

.k-grouping-row .k-grid-content-sticky {
  background-color: #fff;
}
.k-grouping-row:hover .k-grid-content-sticky, .k-grouping-row.k-hover .k-grid-content-sticky {
  background-color: rgb(237.15, 237.15, 237.15);
}

.k-column-list-item:hover,
.k-columnmenu-item:hover {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgba(0, 0, 0, 0.04);
}

.k-columnmenu-item.k-selected {
  color: #1565c0;
  background-color: #ffffff;
}

.k-column-menu .k-menu:not(.k-context-menu) {
  border-color: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #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: rgba(0, 0, 0, 0.87);
  background-color: rgba(0, 0, 0, 0.04);
}
.k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
  color: #1565c0;
  background-color: #ffffff;
}
.k-column-menu-tabbed {
  background-color: #ffffff;
}

.k-column-menu-group-header-text {
  border-color: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
}

.k-check-all-wrap {
  border-color: rgba(0, 0, 0, 0.12);
}

.k-grid-norecords-template {
  background-color: #fff;
  border-color: #d8d8d8;
}

.k-resizer-wrap.k-hover .k-row-resizer {
  background-color: rgba(0, 0, 0, 0.24);
}
.k-resizer-wrap.k-active .k-row-resizer {
  background-color: #2755f3;
}

.k-grid .k-table-td.k-selected,
.k-grid .k-table-row.k-selected {
  background-color: rgba(0, 0, 0, 0.04);
}
.k-grid .k-table-row.k-selected > td,
.k-grid .k-table-row.k-selected > .k-table-td {
  color: inherit;
  background-color: transparent;
}
.k-grid .k-table > .k-table-row:not(.k-detail-row):hover,
.k-grid .k-table > .k-table-row:not(.k-detail-row).k-hover,
.k-grid .k-table td:focus,
.k-grid .k-table td.k-focus,
.k-grid .k-table .k-table-td:focus,
.k-grid .k-table .k-table-td.k-focus,
.k-grid .k-table .k-table-th:focus,
.k-grid .k-table .k-table-th.k-focus,
.k-grid .k-table .k-master-row > td:focus,
.k-grid .k-table .k-grouping-row > td:focus,
.k-grid .k-table .k-detail-row > td:focus,
.k-grid .k-table .k-group-footer > td:focus,
.k-grid .k-table .k-master-row > .k-table-td:focus,
.k-grid .k-table .k-grouping-row > .k-table-td:focus,
.k-grid .k-table .k-detail-row > .k-table-td:focus,
.k-grid .k-table .k-group-footer > .k-table-td:focus {
  color: inherit;
  background-color: #f4f7ff;
}
.k-grid .k-table .k-table-row:hover .k-grid-header-sticky,
.k-grid .k-table .k-table-row:hover .k-grid-footer-sticky,
.k-grid .k-table .k-table-row.k-hover .k-grid-header-sticky,
.k-grid .k-table .k-table-row.k-hover .k-grid-footer-sticky {
  color: inherit;
  background-color: rgb(237.15, 237.15, 237.15);
}
.k-grid .k-table .k-table-th:focus.k-grid-header-sticky, .k-grid .k-table .k-table-th:focus.k-grid-content-sticky, .k-grid .k-table .k-table-th:focus.k-grid-footer-sticky, .k-grid .k-table .k-table-th.k-focus.k-grid-header-sticky, .k-grid .k-table .k-table-th.k-focus.k-grid-content-sticky, .k-grid .k-table .k-table-th.k-focus.k-grid-footer-sticky,
.k-grid .k-table td:focus.k-grid-header-sticky,
.k-grid .k-table td:focus.k-grid-content-sticky,
.k-grid .k-table td:focus.k-grid-footer-sticky,
.k-grid .k-table td.k-focus.k-grid-header-sticky,
.k-grid .k-table td.k-focus.k-grid-content-sticky,
.k-grid .k-table td.k-focus.k-grid-footer-sticky,
.k-grid .k-table .k-table-td:focus.k-grid-header-sticky,
.k-grid .k-table .k-table-td:focus.k-grid-content-sticky,
.k-grid .k-table .k-table-td:focus.k-grid-footer-sticky,
.k-grid .k-table .k-table-td.k-focus.k-grid-header-sticky,
.k-grid .k-table .k-table-td.k-focus.k-grid-content-sticky,
.k-grid .k-table .k-table-td.k-focus.k-grid-footer-sticky,
.k-grid .k-table .k-master-row > td:focus.k-grid-header-sticky,
.k-grid .k-table .k-master-row > td:focus.k-grid-content-sticky,
.k-grid .k-table .k-master-row > td:focus.k-grid-footer-sticky,
.k-grid .k-table .k-master-row > td.k-focus.k-grid-header-sticky,
.k-grid .k-table .k-master-row > td.k-focus.k-grid-content-sticky,
.k-grid .k-table .k-master-row > td.k-focus.k-grid-footer-sticky,
.k-grid .k-table .k-grouping-row > td:focus.k-grid-header-sticky,
.k-grid .k-table .k-grouping-row > td:focus.k-grid-content-sticky,
.k-grid .k-table .k-grouping-row > td:focus.k-grid-footer-sticky,
.k-grid .k-table .k-grouping-row > td.k-focus.k-grid-header-sticky,
.k-grid .k-table .k-grouping-row > td.k-focus.k-grid-content-sticky,
.k-grid .k-table .k-grouping-row > td.k-focus.k-grid-footer-sticky,
.k-grid .k-table .k-detail-row > td:focus.k-grid-header-sticky,
.k-grid .k-table .k-detail-row > td:focus.k-grid-content-sticky,
.k-grid .k-table .k-detail-row > td:focus.k-grid-footer-sticky,
.k-grid .k-table .k-detail-row > td.k-focus.k-grid-header-sticky,
.k-grid .k-table .k-detail-row > td.k-focus.k-grid-content-sticky,
.k-grid .k-table .k-detail-row > td.k-focus.k-grid-footer-sticky,
.k-grid .k-table .k-group-footer > td:focus.k-grid-header-sticky,
.k-grid .k-table .k-group-footer > td:focus.k-grid-content-sticky,
.k-grid .k-table .k-group-footer > td:focus.k-grid-footer-sticky,
.k-grid .k-table .k-group-footer > td.k-focus.k-grid-header-sticky,
.k-grid .k-table .k-group-footer > td.k-focus.k-grid-content-sticky,
.k-grid .k-table .k-group-footer > td.k-focus.k-grid-footer-sticky,
.k-grid .k-table .k-master-row > .k-table-td:focus.k-grid-header-sticky,
.k-grid .k-table .k-master-row > .k-table-td:focus.k-grid-content-sticky,
.k-grid .k-table .k-master-row > .k-table-td:focus.k-grid-footer-sticky,
.k-grid .k-table .k-master-row > .k-table-td.k-focus.k-grid-header-sticky,
.k-grid .k-table .k-master-row > .k-table-td.k-focus.k-grid-content-sticky,
.k-grid .k-table .k-master-row > .k-table-td.k-focus.k-grid-footer-sticky,
.k-grid .k-table .k-grouping-row > .k-table-td:focus.k-grid-header-sticky,
.k-grid .k-table .k-grouping-row > .k-table-td:focus.k-grid-content-sticky,
.k-grid .k-table .k-grouping-row > .k-table-td:focus.k-grid-footer-sticky,
.k-grid .k-table .k-grouping-row > .k-table-td.k-focus.k-grid-header-sticky,
.k-grid .k-table .k-grouping-row > .k-table-td.k-focus.k-grid-content-sticky,
.k-grid .k-table .k-grouping-row > .k-table-td.k-focus.k-grid-footer-sticky,
.k-grid .k-table .k-detail-row > .k-table-td:focus.k-grid-header-sticky,
.k-grid .k-table .k-detail-row > .k-table-td:focus.k-grid-content-sticky,
.k-grid .k-table .k-detail-row > .k-table-td:focus.k-grid-footer-sticky,
.k-grid .k-table .k-detail-row > .k-table-td.k-focus.k-grid-header-sticky,
.k-grid .k-table .k-detail-row > .k-table-td.k-focus.k-grid-content-sticky,
.k-grid .k-table .k-detail-row > .k-table-td.k-focus.k-grid-footer-sticky,
.k-grid .k-table .k-group-footer > .k-table-td:focus.k-grid-header-sticky,
.k-grid .k-table .k-group-footer > .k-table-td:focus.k-grid-content-sticky,
.k-grid .k-table .k-group-footer > .k-table-td:focus.k-grid-footer-sticky,
.k-grid .k-table .k-group-footer > .k-table-td.k-focus.k-grid-header-sticky,
.k-grid .k-table .k-group-footer > .k-table-td.k-focus.k-grid-content-sticky,
.k-grid .k-table .k-group-footer > .k-table-td.k-focus.k-grid-footer-sticky {
  color: inherit;
  background-color: rgb(237.15, 237.15, 237.15);
}
.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: #d8d8d8;
  border-bottom-color: #d8d8d8;
}
.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: #fff;
}
.k-grid .k-master-row .k-grid-content-sticky {
  border-color: rgba(0, 0, 0, 0.5);
  border-bottom-color: #d8d8d8;
}
.k-grid .k-master-row .k-grid-row-sticky {
  border-top-color: rgba(0, 0, 0, 0.5);
  border-bottom-color: rgba(0, 0, 0, 0.5);
}

kendo-grid .k-grid-content-sticky {
  border-color: rgba(0, 0, 0, 0.5);
  border-bottom-color: #d8d8d8;
}
kendo-grid .k-grid-row-sticky td,
kendo-grid .k-grid-row-sticky .k-table-td {
  border-top-color: rgba(0, 0, 0, 0.5);
  border-bottom-color: rgba(0, 0, 0, 0.5);
}

.k-grid-header .k-sorted,
.k-grid-header .k-link:hover {
  color: #3c3c3c;
}
.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: #3c3c3c;
  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: #3c3c3c;
  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: white;
  background-color: #2755f3;
}
.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: #d8d8d8;
}
.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.5);
}
.k-grid-header .k-grid-header-locked .k-table-thead .k-table-row .k-table-th {
  border-inline-color: rgba(0, 0, 0, 0.5);
}

.k-group-footer td,
.k-group-footer .k-table-td,
.k-group-footer .k-grid-footer-sticky {
  background: #fff;
}
.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: #fff;
}

.k-grouping-dropclue,
.k-reorder-cue {
  border-color: #2755f3;
}
.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: #2755f3;
}

.k-column-resizer:hover {
  color: #2755f3;
}

.k-reorder-cue {
  background-color: #2755f3;
}

.k-columnmenu-item.k-selected {
  color: #1565c0;
  background-color: #ffffff;
}

.k-column-list-item:focus,
.k-column-list-item.k-focus,
.k-columnmenu-item:focus,
.k-columnmenu-item.k-focus {
  background: rgba(0, 0, 0, 0.04);
}

.k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
  background: rgba(0, 0, 0, 0.04);
}

.k-panelbar {
  margin: 0;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  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-item,
.k-panelbar > .k-panelbar-header {
  border-width: 0;
  border-style: solid;
  border-color: inherit;
  display: block;
}
.k-panelbar > .k-item > .k-link,
.k-panelbar > .k-panelbar-header > .k-link {
  padding-block: 12px;
  padding-inline: 24px;
  color: inherit;
  background: none;
  text-decoration: none;
  font-weight: 500;
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  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-item + .k-item,
.k-panelbar > .k-panelbar-header + .k-panelbar-header {
  border-top-width: 1px;
}
.k-panelbar .k-group,
.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-group > .k-item,
.k-panelbar .k-panelbar-group > .k-panelbar-item {
  display: block;
}
.k-panelbar .k-group > .k-item > .k-link,
.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link {
  padding-block: 12px;
  padding-inline: 24px;
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  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-group > .k-item.k-level-1 .k-link,
.k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
  padding-left: 24px;
}
.k-panelbar .k-group > .k-item.k-level-2 .k-link,
.k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
  padding-left: 48px;
}
.k-panelbar .k-group > .k-item.k-level-3 .k-link,
.k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
  padding-left: 72px;
}
.k-panelbar .k-group > .k-item.k-level-4 .k-link,
.k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
  padding-left: 96px;
}
.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-group .k-panelbar-expand,
.k-panelbar .k-group .k-panelbar-collapse,
.k-panelbar .k-panelbar-group .k-panelbar-toggle {
  margin-inline-end: calc(24px - 24px);
}
.k-rtl .k-panelbar .k-group > .k-item.k-level-1 .k-link,
.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar.k-rtl .k-group > .k-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-group > .k-item.k-level-1 .k-link,
.k-panelbar[dir=rtl] .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
  padding-left: 24px;
  padding-right: 24px;
}
.k-rtl .k-panelbar .k-group > .k-item.k-level-2 .k-link,
.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar.k-rtl .k-group > .k-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-group > .k-item.k-level-2 .k-link,
.k-panelbar[dir=rtl] .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
  padding-left: 24px;
  padding-right: 48px;
}
.k-rtl .k-panelbar .k-group > .k-item.k-level-3 .k-link,
.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar.k-rtl .k-group > .k-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-group > .k-item.k-level-3 .k-link,
.k-panelbar[dir=rtl] .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
  padding-left: 24px;
  padding-right: 72px;
}
.k-rtl .k-panelbar .k-group > .k-item.k-level-4 .k-link,
.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar.k-rtl .k-group > .k-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-group > .k-item.k-level-4 .k-link,
.k-panelbar[dir=rtl] .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
  padding-left: 24px;
  padding-right: 96px;
}

.k-panelbar {
  border-color: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
}
.k-panelbar > .k-item > .k-link,
.k-panelbar > .k-panelbar-header > .k-link {
  color: #1565c0;
  background-color: #ffffff;
}
.k-panelbar > .k-item > .k-link .k-icon,
.k-panelbar > .k-item > .k-link .k-panelbar-item-icon,
.k-panelbar > .k-panelbar-header > .k-link .k-icon,
.k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon {
  color: #3c3c3c;
}
.k-panelbar > .k-item > .k-link:hover,
.k-panelbar > .k-item > .k-link.k-hover,
.k-panelbar > .k-panelbar-header > .k-link:hover,
.k-panelbar > .k-panelbar-header > .k-link.k-hover {
  background-color: rgb(244.8, 244.8, 244.8);
}
.k-panelbar > .k-item > .k-link:focus,
.k-panelbar > .k-item > .k-link.k-focus,
.k-panelbar > .k-panelbar-header > .k-link:focus,
.k-panelbar > .k-panelbar-header > .k-link.k-focus {
  background-color: rgb(224.4, 224.4, 224.4);
}
.k-panelbar > .k-item > .k-link:focus:hover,
.k-panelbar > .k-item > .k-link.k-focus.k-hover,
.k-panelbar > .k-panelbar-header > .k-link:focus:hover,
.k-panelbar > .k-panelbar-header > .k-link.k-focus.k-hover {
  background-color: rgb(214.2, 214.2, 214.2);
}
.k-panelbar > .k-item > .k-link.k-selected,
.k-panelbar > .k-panelbar-header > .k-link.k-selected {
  color: white;
  background-color: #1565c0;
}
.k-panelbar > .k-item > .k-link.k-selected .k-icon,
.k-panelbar > .k-item > .k-link.k-selected .k-panelbar-item-icon,
.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-item > .k-link.k-selected:hover,
.k-panelbar > .k-item > .k-link.k-selected.k-hover,
.k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
.k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
  background-color: rgb(38.784, 112.704, 196.788);
}
.k-panelbar > .k-item > .k-link.k-selected:focus,
.k-panelbar > .k-item > .k-link.k-selected.k-focus,
.k-panelbar > .k-panelbar-header > .k-link.k-selected:focus,
.k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus {
  background-color: rgb(77.16, 137.96, 207.12);
}
.k-panelbar > .k-item > .k-link.k-selected:hover:focus,
.k-panelbar > .k-item > .k-link.k-selected.k-hover.k-focus,
.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: rgb(94.944, 149.664, 211.908);
}
.k-panelbar .k-group > .k-item > .k-link:hover,
.k-panelbar .k-group > .k-item > .k-link.k-hover,
.k-panelbar .k-group > .k-panelbar-item > .k-link:hover,
.k-panelbar .k-group > .k-panelbar-item > .k-link.k-hover,
.k-panelbar .k-panelbar-group > .k-item > .k-link:hover,
.k-panelbar .k-panelbar-group > .k-item > .k-link.k-hover,
.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: rgb(244.8, 244.8, 244.8);
}
.k-panelbar .k-group > .k-item > .k-link:focus,
.k-panelbar .k-group > .k-item > .k-link.k-focus,
.k-panelbar .k-group > .k-panelbar-item > .k-link:focus,
.k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus,
.k-panelbar .k-panelbar-group > .k-item > .k-link:focus,
.k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus,
.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: rgb(224.4, 224.4, 224.4);
}
.k-panelbar .k-group > .k-item > .k-link:focus:hover,
.k-panelbar .k-group > .k-item > .k-link.k-focus.k-hover,
.k-panelbar .k-group > .k-panelbar-item > .k-link:focus:hover,
.k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus.k-hover,
.k-panelbar .k-panelbar-group > .k-item > .k-link:focus:hover,
.k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus.k-hover,
.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: rgb(214.2, 214.2, 214.2);
}
.k-panelbar .k-group > .k-item > .k-link.k-selected,
.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected,
.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected,
.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
  color: white;
  background-color: #1565c0;
}
.k-panelbar .k-group > .k-item > .k-link.k-selected:hover,
.k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover,
.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:hover,
.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-hover,
.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:hover,
.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-hover,
.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: rgb(38.784, 112.704, 196.788);
}
.k-panelbar .k-group > .k-item > .k-link.k-selected:focus,
.k-panelbar .k-group > .k-item > .k-link.k-selected.k-focus,
.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:focus,
.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-focus,
.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:focus,
.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focus,
.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: rgb(77.16, 137.96, 207.12);
}
.k-panelbar .k-group > .k-item > .k-link.k-selected:focus:hover,
.k-panelbar .k-group > .k-item > .k-link.k-selected.k-focus.k-hover,
.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:focus:hover,
.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-focus.k-hover,
.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:focus:hover,
.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focus.k-hover,
.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: rgb(94.944, 149.664, 211.908);
}

.k-notification-group {
  max-height: 100%;
  display: inline-flex;
  flex-flow: column-reverse wrap;
  position: fixed;
  z-index: 1000;
  gap: 8px 0;
}

.k-notification-container-animating {
  overflow: hidden;
}

.k-notification {
  border-radius: 4px;
  padding-block: 14px;
  padding-inline: 16px;
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 1.4285714286;
  cursor: default;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  -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: 8px;
  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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #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: #424242;
  color: white;
  background-color: #424242;
}

.k-notification-light {
  border-color: #f5f5f5;
  color: black;
  background-color: #f5f5f5;
}

.k-notification-dark {
  border-color: #424242;
  color: white;
  background-color: #424242;
}

.k-notification-error {
  border-color: #f31700;
  color: black;
  background-color: #f31700;
}

.k-notification-warning {
  border-color: #ffc000;
  color: black;
  background-color: #ffc000;
}

.k-notification-success {
  border-color: #37b400;
  color: black;
  background-color: #37b400;
}

.k-notification-info {
  border-color: #0058e9;
  color: white;
  background-color: #0058e9;
}

.k-notification-tertiary {
  border-color: #00695c;
  color: white;
  background-color: #00695c;
}

.k-notification-secondary {
  border-color: #1565c0;
  color: white;
  background-color: #1565c0;
}

.k-notification-primary {
  border-color: #2755f3;
  color: white;
  background-color: #2755f3;
}

.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: 2px;
}
.k-loader-sm .k-loader-segment {
  width: 4px;
  height: 4px;
}

.k-loader-md {
  padding: 4px;
}
.k-loader-md .k-loader-segment {
  width: 8px;
  height: 8px;
}

.k-loader-lg {
  padding: 8px;
}
.k-loader-lg .k-loader-segment {
  width: 16px;
  height: 16px;
}

@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: 12px;
  height: 6px;
}
.k-loader-pulsing-2.k-loader-md .k-loader-canvas {
  width: 24px;
  height: 12px;
}
.k-loader-pulsing-2.k-loader-lg .k-loader-canvas {
  width: 48px;
  height: 24px;
}

@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: 2px;
  width: calc(16px - 4px);
  height: calc(13.8564064608px - 4px);
}
.k-loader-spinner-3.k-loader-md .k-loader-canvas {
  margin: 4px;
  width: calc(32px - 8px);
  height: calc(27.7128129216px - 8px);
}
.k-loader-spinner-3.k-loader-lg .k-loader-canvas {
  margin: 8px;
  width: calc(64px - 16px);
  height: calc(55.4256258432px - 16px);
}

@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: 16px;
  height: 16px;
}
.k-loader-spinner-4.k-loader-md .k-loader-canvas {
  width: 32px;
  height: 32px;
}
.k-loader-spinner-4.k-loader-lg .k-loader-canvas {
  width: 64px;
  height: 64px;
}

.k-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2001;
}
.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: 4px;
}

.k-loader-container-sm .k-loader-container-inner {
  padding: 16px;
  gap: 4px;
}
.k-loader-container-sm .k-loader-container-label {
  font-size: 12px;
}

.k-loader-container-md .k-loader-container-inner {
  padding: 20px;
  gap: 8px;
}
.k-loader-container-md .k-loader-container-label {
  font-size: 14px;
}

.k-loader-container-lg .k-loader-container-inner {
  padding: 24px;
  gap: 12px;
}
.k-loader-container-lg .k-loader-container-label {
  font-size: 16px;
}

.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: #ffffff;
  opacity: 0.3;
}

.k-loader-primary {
  color: #2755f3;
}

.k-loader-secondary {
  color: #000000;
}

.k-loader-tertiary {
  color: #00695c;
}

.k-loader-info {
  color: #0058e9;
}

.k-loader-success {
  color: #37b400;
}

.k-loader-warning {
  color: #ffc000;
}

.k-loader-error {
  color: #f31700;
}

.k-loader-dark {
  color: #424242;
}

.k-loader-light {
  color: #f5f5f5;
}

.k-loader-inverse {
  color: #424242;
}

.k-loader-container-panel {
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.12);
}

.k-loader-container-inner .k-text-secondary,
.k-loader-container-inner .\!k-text-secondary {
  color: #000000 !important;
}

.k-scheduler {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 2;
  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: 8px;
  padding-inline: 8px;
  height: 2rem;
  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: 8px;
  padding-inline: 8px;
  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: 8px;
  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: 4px;
  min-height: 25px;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-radius: 4px;
  text-align: start;
  outline: 0;
  cursor: default;
  position: absolute;
  overflow: hidden;
  padding-right: 16px;
}
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 * 2px);
  padding-block: 4px;
  padding-inline: 16px;
}
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: 16px;
  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: 2px 0.4ex 0 8px;
  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: 32px;
  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: 32px;
  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: 8px;
  top: 2px;
}
.k-scheduler-marquee .k-label-bottom {
  right: 8px;
  bottom: 2px;
}
.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: 2px;
  right: 2px;
  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: 20px;
  padding-inline: 20px;
  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: 20px;
}
.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: 8px;
  padding-inline: 8px;
  border-width: 0;
  color: inherit;
}
.k-scheduler-tooltip .k-tooltip-title {
  margin-bottom: 8px;
}
.k-scheduler-tooltip .k-tooltip-title .k-month {
  font-size: 12px;
  text-transform: uppercase;
}
.k-scheduler-tooltip .k-tooltip-title .k-day {
  font-size: 24px;
}
.k-scheduler-tooltip .k-tooltip-events-container {
  overflow: auto;
}
.k-scheduler-tooltip .k-tooltip-events {
  max-height: 250px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.k-scheduler-tooltip .k-tooltip-event {
  padding-block: 8px;
  padding-inline: 8px;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  gap: 8px;
}
.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: 8px;
}

.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: 16px;
}
.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: 2px 8px 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: 8px;
}
.k-safari .k-scheduler-yearview .k-calendar-view .k-month {
  margin-block: 0;
  margin-inline: 10px;
}

.k-scheduler-footer {
  border-top-width: 1px;
}

.k-scheduler-header {
  text-align: start;
}
.k-scheduler-header th,
.k-scheduler-header td {
  font-size: 12px;
}

.k-scheduler-times {
  font-size: 12px;
}

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: 2px;
  padding-inline: 8px;
}
kendo-scheduler .k-event .k-event-actions,
.k-event .k-event-actions {
  right: 8px;
}

.k-event .k-event-delete {
  border-radius: 50%;
  display: inline-block;
  font-size: 12px;
  line-height: normal;
}
.k-event .k-event-delete .k-icon {
  padding: calc(14px - 12px);
  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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
}

.k-scheduler-toolbar {
  background-color: rgb(244.8, 244.8, 244.8);
}

.k-scheduler-footer {
  background-color: rgb(244.8, 244.8, 244.8);
}

.k-scheduler-header {
  background-color: #ffffff;
}

.k-scheduler-header-wrap {
  background-color: #ffffff;
}

.k-scheduler-nonwork,
.k-scheduler .k-nonwork-hour {
  background-color: rgb(244.8, 244.8, 244.8);
}

.k-scheduler-other-month,
.k-scheduler .k-other-month {
  background-color: rgb(244.8, 244.8, 244.8);
}

.k-scheduler-layout td.k-selected,
.k-scheduler-layout .k-scheduler-cell.k-selected {
  background-color: rgba(21, 101, 192, 0.25);
}

.k-scheduler-layout-flex .k-scheduler-head,
.k-scheduler-layout-flex .k-sticky-cell {
  background-color: #ffffff;
}

.k-event {
  color: white;
  background-color: #2755f3;
}
.k-event.k-selected {
  color: white;
  background-color: rgb(56.28, 98.6, 243.96);
  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: black;
}
.k-event.k-event-ongoing {
  box-shadow: inset 0px 0px 0px 1px #ff0000;
}

.k-scheduler-marquee::before,
.k-scheduler-marquee::after {
  border-color: #2755f3;
}

.k-scheduler-edit-dialog .k-dialog-actions {
  border-color: 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: rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.87);
  background-color: rgba(0, 0, 0, 0.04);
}
.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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
}
.k-scheduler-agendaview .k-scheduler-content tr.k-selected {
  background-color: rgba(21, 101, 192, 0.25);
}
.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: #ffffff;
}

.k-scheduler-yearview .k-day-indicator {
  background-color: #2755f3;
}
.k-scheduler-yearview .k-selected .k-day-indicator {
  background-color: white;
}

.k-tooltip.k-scheduler-tooltip {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
  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: white;
}

.k-scheduler-layout td.k-selected,
.k-scheduler-layout .k-scheduler-cell.k-selected {
  background-color: rgba(21, 101, 192, 0.25);
}

.k-scheduler-agendaview .k-scheduler-content tr.k-selected {
  background-color: rgba(21, 101, 192, 0.25);
}

.k-event .k-event-actions .k-link {
  color: #2755f3;
  background-color: white;
}
.k-event .k-resize-handle::before {
  background-color: white;
}

.k-scheduler-edit-form .k-edit-label {
  color: rgba(0, 0, 0, 0.54);
}

.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: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 2;
  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: 16px;
  padding-inline: 16px;
  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: 16px;
}
.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: 8px;
  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: 8px;
  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: 2px 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: smaller;
  line-height: 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: 2px;
  height: 0;
  overflow: hidden;
  top: 100%;
  transition: height 0.2s ease-in-out;
}
.k-chat .k-chat-bubble {
  border-radius: 12px;
  padding-block: 8px;
  padding-inline: 12px;
  border-width: 1px;
  border-style: solid;
  line-height: 1.25;
  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: 16px;
  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: 16px;
}
.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 + 8px);
}
.k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
  padding-inline-end: calc(32px + 8px);
}

.k-author {
  margin: 0;
  font-size: smaller;
  line-height: normal;
}

.k-chat .k-author {
  margin: 0;
}

.k-chat .k-timestamp {
  font-size: smaller;
  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: 8px;
  margin-block-end: 4px;
  padding-block: 8px;
  padding-inline: 12px;
  border-width: 1px;
  border-style: solid;
  line-height: 1.25;
  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: -16px;
  margin-inline-end: -16px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  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: 8px;
}

.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: 2px 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% + 32px);
  box-sizing: border-box;
  margin-inline-start: -16px;
  margin-inline-end: -16px;
  padding: 16px 16px 16px;
  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: -16px;
  margin-left: -16px;
  padding-left: 16px;
  padding-right: 16px;
}

.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: 8px;
  padding-inline: 8px;
  width: 100%;
  border-width: 1px 0 0;
  box-sizing: border-box;
  flex: none;
  overflow: hidden;
  position: relative;
  gap: 8px;
}
.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 4px;
  height: 100%;
  aspect-ratio: auto;
  position: absolute;
  z-index: 2;
  top: 0;
}
.k-chat-toolbar .k-scroll-button .k-button-icon,
.k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
  min-width: auto;
  min-height: auto;
}
.k-chat-toolbar .k-scroll-button-left,
.k-chat .k-toolbar-box .k-scroll-button-left {
  left: 0;
}
.k-chat-toolbar .k-scroll-button-right,
.k-chat .k-toolbar-box .k-scroll-button-right {
  right: 0;
}

.k-chat {
  border-color: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
}
.k-chat .k-timestamp {
  color: rgba(0, 0, 0, 0.54);
}
.k-chat .k-author {
  font-weight: bold;
}
.k-chat .k-chat-bubble {
  border-color: #ffffff;
  color: #3c3c3c;
  background-color: #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: #1565c0;
}
.k-chat .k-chat-bubble a:hover {
  color: #0d47a1;
}
.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: #2755f3;
  color: white;
  background-color: #2755f3;
  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: #2755f3;
  color: #2755f3;
  background-color: transparent;
}
.k-chat .k-quick-reply:hover {
  border-color: #2755f3;
  color: white;
  background-color: #2755f3;
}

.k-chat-toolbar,
.k-chat .k-toolbar-box {
  border-color: inherit;
  color: #3c3c3c;
  background-color: rgb(244.8, 244.8, 244.8);
}

.k-color-preview {
  width: 100%;
  height: 100%;
  border-width: 1px;
  border-radius: 4px;
  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='%23f31700' stroke-width='1'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 0 0;
}

.k-color-preview {
  border-color: rgba(0, 0, 0, 0.12);
}
.k-color-preview:hover, .k-color-preview.k-hover {
  border-color: rgba(0, 0, 0, 0.15);
}

.k-colorpalette {
  border-width: 0;
  box-sizing: border-box;
  outline: 0;
  font-size: 14px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  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: 24px;
  height: 24px;
  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-slider {
  border: 0;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 2;
  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: #3c3c3c;
}
.k-slider .k-slider-track,
.k-slider .k-slider-selection {
  border-radius: 4px;
}
.k-slider .k-slider-track {
  background-color: rgb(177.24, 193.8, 250.68);
}
.k-slider .k-slider-selection {
  background-color: #2755f3;
}
.k-slider .k-draghandle {
  border-color: #2755f3;
  color: white;
  background-color: #2755f3;
  border-radius: 50%;
}
.k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-focus {
  box-shadow: 0 0 0 11px rgba(39, 85, 243, 0.25);
}
.k-slider.k-focus .k-draghandle {
  box-shadow: 0 0 0 11px rgba(39, 85, 243, 0.25);
}
.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: #3c3c3c;
}
.k-slider .k-draghandle {
  box-sizing: border-box;
}
.k-slider .k-draghandle:focus {
  box-shadow: 0 0 0 11px rgba(39, 85, 243, 0.25);
}
.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: rgb(177.24, 193.8, 250.68);
}
.k-slider.k-disabled .k-draghandle {
  border: 2px solid inherit;
}

.k-colorgradient {
  border-radius: 4px;
  width: 294px;
  padding-block: 12px;
  padding-inline: 12px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  outline: 0;
  font-size: 14px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  -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: 12px;
}
.k-colorgradient-canvas .k-hsv-rectangle {
  border-radius: 4px;
  position: relative;
  flex: 1 1 auto;
  -webkit-user-select: none;
          user-select: none;
}
.k-colorgradient-canvas .k-hsv-gradient {
  border-radius: 4px;
  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: 12px;
}

.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: 8px;
}
.k-colorgradient-inputs .k-colorgradient-input-label {
  text-transform: uppercase;
}
.k-colorgradient-inputs > .k-vstack, .k-colorgradient-inputs > .k-vbox {
  gap: 4px;
}
.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: 8px;
}
.k-colorgradient-color-contrast .k-contrast-ratio {
  margin-bottom: 8px;
}
.k-colorgradient-color-contrast .k-contrast-ratio-text {
  font-weight: 500;
}
.k-colorgradient-color-contrast .k-contrast-validation {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
}

.k-colorgradient:focus,
.k-colorgradient.k-focus {
  border-color: rgba(0, 0, 0, 0.15);
  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: rgba(0, 0, 0, 0.54);
}

.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: 4px;
  min-width: 294px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-size: 14px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 2;
  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: 12px 12px 0;
}

.k-coloreditor-header-actions {
  gap: 8px;
}

.k-coloreditor-preview {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: center;
  gap: 4px;
  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, 24px) * var(--kendo-color-preview-columns, 10));
  padding-block: 12px;
  padding-inline: 12px;
  gap: 12px;
}
.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, 24px);
  height: var(--kendo-color-preview-height, 24px);
}

.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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
}

.k-coloreditor:focus,
.k-coloreditor.k-focus {
  border-color: rgba(0, 0, 0, 0.15);
  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-external-dropzone {
  height: 220px;
  display: flex;
  flex-flow: row nowrap;
}

.k-dropzone-inner {
  padding-block: 8px;
  padding-inline: 8px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  font-size: 14px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  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: 24px;
}
.k-dropzone-inner .k-dropzone-hint {
  margin-bottom: 8px;
}
.k-dropzone-inner .k-dropzone-note {
  font-size: 12px;
}

.k-dropzone-inner {
  border-color: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.87);
  background-color: rgb(234.6, 234.6, 234.6);
}
.k-dropzone-inner .k-icon,
.k-dropzone-inner .k-dropzone-icon {
  color: rgba(96.7352077214, 96.7352077214, 96.7352077214, 0.9116);
}
.k-dropzone-inner .k-dropzone-note {
  color: rgba(0, 0, 0, 0.54);
}

.k-external-dropzone-hover .k-icon,
.k-external-dropzone-hover .k-dropzone-icon {
  color: #2755f3;
}

.k-upload {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  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: 8px;
  padding-inline: 8px;
  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: 8px;
}
.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: 16px 16px calc(16px + 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: 16px;
  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: 8px;
  font-weight: normal;
  vertical-align: middle;
}
.k-upload .k-upload-files ~ .k-clear-selected,
.k-upload .k-upload-files ~ .k-upload-selected {
  margin-top: -4px;
  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: 12px;
  line-height: 1;
}
.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: 16px;
  min-height: calc(16px * 2);
  display: block;
  overflow: hidden;
  flex: 1 0 0;
}
.k-upload .k-multiple-files-wrapper .k-file-info {
  margin-bottom: 12px;
  display: block;
}
.k-upload .k-multiple-files-wrapper .k-file-summary {
  margin-top: -4px;
}
.k-upload .k-progressbar {
  --kendo-progressbar-height: 2px;
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 8px;
  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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
}
.k-upload .k-dropzone,
.k-upload .k-upload-dropzone {
  border-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.87);
  background-color: #ffffff;
}
.k-upload .k-dropzone.k-hover,
.k-upload .k-upload-dropzone.k-hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.k-upload .k-dropzone .k-dropzone-hint,
.k-upload .k-upload-dropzone .k-dropzone-hint {
  color: rgba(0, 0, 0, 0.54);
}
.k-upload .k-upload-files,
.k-upload .k-file {
  border-color: 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: rgba(0, 0, 0, 0.54);
}
.k-upload .k-file-progress .k-progressbar .k-selected {
  background-color: #0058e9;
}
.k-upload .k-file-success .k-file-validation-message {
  color: #37b400;
}
.k-upload .k-file-success .k-progressbar .k-selected {
  background-color: #37b400;
}
.k-upload .k-file-error .k-file-validation-message {
  color: #f31700;
}
.k-upload .k-file-error .k-progressbar .k-selected {
  background-color: #f31700;
}
.k-upload .k-file-icon-wrapper {
  color: rgba(0, 0, 0, 0.54);
  border-color: rgba(0, 0, 0, 0.54);
}
.k-upload .k-file-size,
.k-upload .k-file-validation-message,
.k-upload .k-file-summary {
  color: rgba(0, 0, 0, 0.54);
}
.k-upload .k-multiple-files-wrapper .k-file-summary {
  color: #3c3c3c;
}
.k-upload.k-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty {
  border-color: #f31700;
}

.k-upload .k-upload-button {
  box-shadow: none;
  background-color: rgb(234.6, 234.6, 234.6);
}

.k-editor {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 2;
  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: 4px;
  padding-block: 2px;
  padding-inline: 8px;
  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: 16px;
  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: #6b6b6b;
  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: -8px;
  margin-inline: -24px;
  padding-block: 8px;
  padding-inline: 24px;
}

.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 16px;
  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: 16px 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 16px 0;
  padding-block: 4px;
  padding-inline: 16px;
  border-top-width: 0;
  overflow: auto;
}
.k-filebrowser .k-tile {
  width: 33%;
  height: 90px;
  padding-block: 4px;
  padding-inline: 16px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px;
}
.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: 8px;
}
.k-filebrowser .k-breadcrumbs-wrap {
  position: absolute;
  left: 8px;
  top: 8px;
}
.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: 2px;
  padding-inline: 8px;
}
.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: 2;
}

.k-editor-export {
  text-transform: uppercase;
  font-size: 14px;
}
.k-editor-export .k-icon {
  margin-left: 0.5em;
}

.k-editor {
  border-color: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #ffffff;
}
.k-editor.k-readonly .k-editor-content.k-focus {
  outline-color: #3c3c3c;
}

.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: 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: rgba(0, 0, 0, 0.1);
  color: white;
  background-color: #1565c0;
}

.k-editor-content .k-text-selected, .k-editor-content::selection {
  color: white;
  background-color: #2755f3;
}
.k-editor-content .k-text-highlighted {
  background-color: rgb(211.8, 221, 252.6);
}
.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-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: 14px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  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: 8px;
  padding-inline: 16px;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  font-size: 16px;
  line-height: 1.25;
  flex: none;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 16px;
}

.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: 12px;
  line-height: 1.2;
}

.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: 8px;
  padding-inline: 16px;
  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: 12px;
}

.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: 16px;
  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: 16px;
  padding-inline: 16px;
  border-bottom-width: 1px;
}
.k-adaptive-actionsheet .k-actionsheet-content {
  padding-block: 8px;
  padding-inline: 16px;
}
.k-adaptive-actionsheet .k-actionsheet-footer {
  padding-block: 8px;
  padding-inline: 16px;
}
.k-adaptive-actionsheet .k-actionsheet-filter {
  width: min(100%, 360px - 32px);
}
.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: rgba(0, 0, 0, 0.12);
  color: #3c3c3c;
  background-color: #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: rgba(0, 0, 0, 0.54);
}

.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: rgba(0, 0, 0, 0.54);
}

.k-actionsheet .k-hr {
  border-color: 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: rgba(0, 0, 0, 0.12);
}

html,
body {
  font-family: "Roboto";
  font-weight: 400;
  height: 100%;
  padding: 0;
  margin: 0;
  color: #3c3c3c;
}

.h-100,
ui-theme-picker {
  height: 100%;
}

.k-drawer-push {
  height: 100%;
}

.k-table-th,
.k-cell-inner > .k-link {
  padding: 11px 20px;
}

div.k-grid-header,
div.k-grid-footer {
  padding: 0 11px 0 0 !important;
}

.k-table-td > .k-radio,
.k-table-td > .k-radio-wrap,
.k-table-td > .k-checkbox,
.k-table-td > .k-checkbox-wrap {
  vertical-align: middle;
}

.k-table-td {
  border-left-width: 1px;
  padding: 3px 20px;
}
.k-table-td .k-combobox {
  margin: 0px -15px;
  width: calc(100% + 30px);
}

.k-input-solid:hover,
.k-input-solid {
  border: 0;
}

.k-menu-group-md .k-menu-item {
  font-size: 14px;
}

.k-breadcrumb {
  background-color: transparent;
}

.k-breadcrumb-last-item {
  font-weight: 700;
}
.k-breadcrumb-last-item .k-state-disabled {
  opacity: 1;
  filter: grayscale(1);
}

.k-drawer-content {
  height: 100%;
}

.k-state-selected .nav-links {
  font-weight: 600;
}

.k-drawer-mini {
  --k-drawer-width: 48px;
}

.k-drawer-expanded {
  --k-drawer-width: 250px;
}

.k-drawer-wrapper,
.k-drawer-mini .k-drawer-wrapper {
  display: flex;
  position: fixed;
  flex-direction: column;
  height: 96%;
}

.k-drawer-mini.k-drawer-expanded .k-drawer-item {
  justify-content: flex-start;
}

.k-drawer-mini .k-drawer.k-drawer-start {
  transition: all 0.1s ease-in-out;
}

.k-drawer-expanded .k-drawer.k-drawer-start {
  transition: all 0.1s ease-in-out;
}

.k-drawer-mini .k-drawer-item {
  justify-content: center;
}

.k-button-group {
  box-shadow: none;
}

.k-popover-body {
  padding: 0;
}

.k-pager-wrap {
  padding: 4px 8px;
  border: 0;
  border-radius: 8px;
}

.k-pager-numbers .k-link {
  padding-left: 3px;
  padding-right: 3px;
}
.k-pager-numbers .k-link.k-state-selected, .k-pager-numbers .k-link.k-selected {
  background-color: transparent;
  font-weight: 600;
}

.k-pager-refresh,
.k-pager-numbers .k-link,
.k-pager-nav {
  min-width: calc(1.4285714286em + 6px + 2px);
  height: calc(1.4285714286em + 6px + 2px);
}

.k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
.k-pager-sizes .k-dropdownlist {
  width: 7em;
}

.k-input-solid,
.k-picker-solid {
  border-radius: 8px !important;
}

.k-grid {
  border-radius: 8px;
}

.k-grid-header {
  font-size: 14px;
}

.k-grid .k-grid-aria-root {
  border-radius: 8px;
}

.k-filter-menu .k-filter-and {
  visibility: hidden;
}
.k-filter-menu .k-filter-and:after {
  content: "And";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  visibility: visible;
  opacity: 1;
}

.k-tabstrip > .k-content {
  padding: 0;
}
.k-tabstrip > .k-content .k-grid {
  border-radius: 0 8px 8px 8px;
  border-width: 1px 1px 1px 0;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: 0px;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
  margin-bottom: -1px;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item::after {
  border-bottom-width: 0;
}

.k-tabstrip-items-wrapper {
  border: 0;
}
.k-tabstrip-items-wrapper .k-active {
  font-weight: 600;
}

.k-tabstrip-items {
  text-transform: capitalize;
}

.k-button {
  box-shadow: none;
  text-transform: capitalize;
}

.k-tabstrip-items-wrapper .k-item:first-child {
  margin: 0 3px 0 0;
}
.k-tabstrip-items-wrapper .k-item {
  margin: 0 3px;
}
.k-tabstrip-items-wrapper .k-item .k-link {
  padding: 9px 20px 7px;
}

.k-window {
  border-radius: 8px;
}

.k-dialog-title,
.k-window-title {
  font-size: 16px;
  font-weight: bold;
}

.k-window-titlebar {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 12px 15px 10px;
}

.k-dialog-action .k-icon {
  font-size: 18px;
}

.k-dialog-content,
.k-window-content {
  font-size: 14px;
  font-weight: 500;
  padding: 15px;
  border-radius: 0 0 8px 8px;
}

.k-listview-content {
  width: 100%;
}

.k-rounded-lg {
  border-radius: 8px;
}

.k-combobox .k-input-button {
  padding: 6px 8px;
}
.k-combobox .k-input-inner {
  padding: 6px 16px;
}

.list-group {
  padding: 0;
  cursor: pointer;
  margin: 0;
  list-style-type: none;
}
.list-group li {
  line-height: 28px;
}
.list-group .selected {
  margin: 0 -15px;
  padding: 0 15px;
}

.flex-all-center, .custom-avatar, .dyna-popover-item .dyna-popover-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-wrap {
  flex-flow: wrap;
}

.d-flex {
  display: flex;
}

.d-flex-1 {
  flex: 1;
}

.flex-col {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-equal-column {
  flex-grow: 1;
  flex-basis: 0;
}

.overflow-auto {
  overflow: auto;
}

.flex-column {
  flex-direction: column;
}

.align-center {
  align-items: center;
}

.align-stretch {
  align-items: stretch;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
}

.items-center {
  align-items: center;
}

.gap-5 {
  gap: 5px;
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-20 {
  gap: 20px;
}

.gap-50 {
  gap: 50px;
}

.space-x-5 > * + * {
  margin-left: 1.25rem;
  /* 20px */
}

.space-x-8 > * + * {
  margin-left: 2rem;
  /* 32px */
}

.br-5 {
  border-radius: 5px;
}

.br-8 {
  border-radius: 8px;
}

.br-10 {
  border-radius: 10px;
}

.br-15 {
  border-radius: 15px;
}

.br-20 {
  border-radius: 20px;
}

.br-50 {
  border-radius: 50px;
}

.lh-15 {
  line-height: 15px;
}

.lh-16 {
  line-height: 16px;
}

.lh-17 {
  line-height: 17px;
}

.lh-21 {
  line-height: 21px;
}

.app-logo {
  border: 0;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-width: 1px;
  border-style: solid;
}
.app-logo img {
  max-height: 40px;
}

.hide-sidebar {
  border: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 15px;
  border-top-width: 1px;
  border-style: solid;
  position: fixed;
  bottom: 0px;
  width: var(--k-drawer-width);
  font-weight: 500;
}

.side-menu-opened {
  padding-right: 7.4rem;
}

.dyna-popover-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px 25px 10px 15px;
  cursor: pointer;
}
.dyna-popover-item:last-child {
  border-radius: 0 0 4px 4px;
}
.dyna-popover-item .dyna-popover-item-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}
.dyna-popover-item .dyna-popover-item-icon img {
  max-height: 20px;
}
.dyna-popover-item .dyna-popover-item-name {
  white-space: nowrap;
}

.card {
  border-radius: 8px;
}

.mt-auto {
  margin-top: auto;
}

.ml-auto {
  margin-left: auto;
}

.p-5 {
  padding: 5px;
}

.p-15 {
  padding: 15px;
}

.p-20 {
  padding: 20px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.fs-13 {
  font-size: 13px;
}

.k-chip-solid-base {
  font-weight: 600;
}

.k-chip-lg {
  padding: 6px 10px;
}

.custom-chips .k-i-close-circle::before {
  content: "\e11b";
}

.selector-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 20px;
}
.selector-list .k-listview {
  height: 480px;
  overflow: auto;
  padding-right: 10px;
}

.dialog-no-scroll .k-dialog-content,
.dialog-no-scroll .k-window-content {
  overflow: hidden;
  height: 100%;
}

.selector-list-item {
  flex: 1;
  position: relative;
  text-align: center;
  line-height: 35px;
}
.selector-list-item .child {
  padding-top: 8px;
  padding-bottom: 8px;
}

.text-left {
  text-align: left;
}

.toolbar {
  background-color: #d8dee9;
  padding: 5px 10px;
}
.toolbar .k-button-md {
  padding: 6px 10px;
}

.search-box {
  position: relative;
}
.search-box .search-icon {
  position: absolute;
  right: 15px;
  top: 9px;
}

.selected-dealer-count {
  margin-top: -5px;
  margin-left: -2px;
  padding-left: 0px !important;
}
.selected-dealer-count .custom-avatar {
  cursor: default;
}

.action-bar .search-box .k-textbox {
  width: 350px;
}

.nav-icon {
  margin-top: -3px;
}

.app-bar-icon {
  font-size: 22px;
}

.cursor-pointer {
  cursor: pointer;
}

.switch-theme {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-avatar {
  cursor: pointer;
  border: 0;
  border-radius: 26px;
  height: 33px !important;
  width: 33px;
  font-weight: bold;
  z-index: 5;
  line-height: 32px;
}

.fw-normal {
  font-weight: normal;
}

.w-100 {
  width: 100%;
}

.alert-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
}

.toolbar-container {
  margin-bottom: 5px;
}
.toolbar-container .action-bar {
  padding: 5px 5px 5px 15px;
}

.pagination-bottom {
  margin-top: 5px;
}

.page-title {
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -0.03em;
  text-align: left;
}

.toggle {
  position: relative;
  display: inline-block;
}
.toggle input {
  height: 40px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 40px;
}
.toggle .fa-moon {
  position: absolute;
  font-size: 15px;
}
.toggle .k-svg-i-brightness-contrast {
  position: absolute;
  font-size: 16px;
}

label.toggle-item {
  width: 65px;
  display: inline-block;
  border-radius: 50px;
  margin-top: 9px;
  position: relative;
  transition: all 0.3s ease;
  transform-origin: 20% center;
  cursor: pointer;
}
label.toggle-item:before {
  display: block;
  border-radius: 2em;
  transition: 0.3s ease;
  content: "";
}

.transparent label {
  border: 0;
  height: 32px;
}
.transparent label::before {
  border: 0;
  width: 26px;
  height: 26px;
  top: 3px;
  left: 4px;
  content: "";
  position: absolute;
}

.radio-list {
  height: 350px;
  overflow: auto;
}
.radio-list .list-item {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 10px 0;
}

.title-medium {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -0.03em;
  text-align: left;
  margin: 0;
}

.dnd-box {
  overflow: auto;
}
.dnd-box .dnd-item {
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -0.03em;
  text-align: left;
  border-radius: 8px;
  margin-bottom: 5px;
  line-height: 18px;
  padding: 12px;
}

.page-lock-popup {
  z-index: 10000 !important;
}
.page-lock-popup .k-window-actions {
  display: none;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.k-loading-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.k-loading-panel-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.6;
}

.k-loading-panel-wrapper {
  position: relative;
  z-index: 2;
  text-align: center;
}

.k-loading-panel-text {
  margin-top: 20px;
  text-align: center;
  color: white;
}

.k-button.k-selected .k-button-text {
  color: black;
}
.k-button.k-selected {
  background-color: #2755f3 !important;
  border-color: #2755f3;
  color: white;
}

.k-pager-input .k-numerictextbox {
  min-width: 60px;
}
.k-pager-input .k-numerictextbox > input {
  text-align: center;
}

kendo-popup:has(> .sidenav-popup) {
  z-index: 2147483647;
}

.boolean-filter-option label {
  cursor: pointer;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: flex-start;
  gap: 4px;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}

.k-multiselecttree-popup .k-popup-dropdowntree .k-treeview,
.k-multiselecttree-popup .k-dropdowntree-popup .k-treeview,
.k-multiselecttree-popup .k-multiselecttree-popup .k-treeview {
  padding-block: 4px;
  padding-inline: 4px;
}
.k-multiselecttree-popup .k-treeview {
  box-sizing: border-box;
  overflow: auto;
  white-space: nowrap;
  max-height: 250px;
}
.k-multiselecttree-popup .k-treeview-top, .k-multiselecttree-popup .k-treeview-mid, .k-multiselecttree-popup .k-treeview-bot {
  display: flex;
}
.k-multiselecttree-popup .k-treeview-item {
  margin: 0;
  padding: 0 0 0 16px;
}
.k-multiselecttree-popup .k-treeview-group {
  margin: 0;
  padding: 0;
  list-style: none;
}
.k-multiselecttree-popup .k-treeview-toggle {
  margin-inline-start: -16px;
  flex: none;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  cursor: pointer;
}
.k-multiselecttree-popup .k-checkbox-wrap {
  padding-right: 4px;
}

.k-dropdowntree-popup kendo-treeview .k-treeview-toggle + span {
  pointer-events: none;
  font-weight: bold;
  -webkit-user-select: none;
          user-select: none;
  outline: none;
  background-color: unset !important;
  padding-left: 2px !important;
}
.k-dropdowntree-popup kendo-treeview .k-treeview-toggle + span::hover, .k-dropdowntree-popup kendo-treeview .k-treeview-toggle + span::focus, .k-dropdowntree-popup kendo-treeview .k-treeview-toggle + span::active {
  background: inherit;
  outline: none;
}
.k-dropdowntree-popup kendo-treeview span.k-treeview-leaf {
  width: 100%;
  margin-right: 4px;
}
.k-dropdowntree-popup kendo-treeview .k-treeview-toggle {
  margin-inline-start: 0;
}
.k-dropdowntree-popup kendo-treeview .k-treeview-item {
  padding: 0 0 0 8px;
  white-space: normal;
}

.k-color-primary {
  color: #2755f3;
}

.k-button-outline-base,
.k-button-solid-base {
  box-shadow: none;
  border-color: #f7f7f7;
  color: #3c3c3c;
}

.k-button-outline-base:hover,
.k-button-outline-base.k-hover {
  border-color: #f7f7f7;
  color: #2755f3;
  background-color: #f4f7ff;
}

.k-button.filters-active.k-button-outline-secondary {
  background-color: #e7f7ff !important;
  color: #2755f3;
}
.k-button.filters-active.k-button-outline-secondary .k-icon,
.k-button.filters-active.k-button-outline-secondary .k-button-text {
  color: #2755f3 !important;
}

.k-pager-wrap {
  color: #3c3c3c;
}

.k-input-solid,
.k-picker-solid {
  border-color: transparent;
  color: #3c3c3c;
  background-color: #e8ecf3;
}
.k-input-solid .k-icon-button .k-icon,
.k-picker-solid .k-icon-button .k-icon {
  color: #2755f3;
}

.k-grid {
  color: #3c3c3c;
  opacity: 1;
}

.k-table-td,
.k-table-th {
  border-inline-start-color: #d8d8d8 !important;
}

.k-grid tr.k-alt {
  background-color: #f1f2f3;
}

.k-drawer {
  border-color: #d8dee9;
}

.k-breadcrumb-icontext-link .k-icon {
  color: #2755f3;
}

.k-breadcrumb-link {
  color: #3c3c3c;
  opacity: 1;
}

.k-dialog-content,
.k-window-content {
  background-color: #fff;
}

.k-dialog-action .k-icon {
  color: #2755f3;
}

.k-dialog-title,
.k-dialog-content,
.k-window-content {
  color: #3c3c3c;
}

.k-grid .k-grid-filter {
  color: #2755f3;
}

.k-drawer-content {
  background: #f7f7f7;
}

.k-popup {
  border-radius: 0px 0px 4px 4px;
  border: 1px solid #d8dee9;
  box-shadow: none;
}

.k-popover {
  box-shadow: 0px 22px 32px rgba(14, 32, 62, 0.2392156863);
  border: 0;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
  background-color: #fff;
}

.tabs-body-white .k-tabstrip-content,
.tabs-body-white .k-tabstrip > .k-content {
  background-color: #fff;
}

.k-tabstrip-items-wrapper .k-active {
  color: #3c3c3c;
  background-color: #fff;
}

.k-tabstrip-items-wrapper .k-item {
  background-color: #fff;
}
.k-tabstrip-items-wrapper .k-item .k-tabstrip-items .k-link {
  color: rgb(187.5, 187.5, 187.5);
}

.k-grid tr.selected,
.k-grid tr.dragging {
  background-color: #d7defe !important;
}

.dialog-gray-bg .k-window-content {
  background-color: #f7f7f7;
}

.card {
  background-color: #fff;
}

.bg-white {
  background-color: #fff !important;
}

.selector-list-item .child {
  background-color: #f7f7f7;
}
.selector-list-item .child .move-icon {
  color: #e4e7ec;
}
.selector-list-item .selected {
  background-color: #deeaff;
}
.selector-list-item .selected .move-icon {
  color: #2755f3;
}

.list-group .selected {
  background-color: #dfecf5;
}

.toolbar-container {
  background-color: #fff;
}
.toolbar-container .pagination {
  border-top: 1px solid #f7f7f7;
}

.app-logo {
  border-bottom-color: #d8dee9;
}

.nav-links {
  color: #3c3c3c;
}

.bg-light-gray {
  background-color: #fff;
}

.hide-sidebar {
  color: #3c3c3c;
  background-color: transparent;
  border: none;
}

.dyna-popover-item.selected {
  border-right: 3px solid #2755f3;
  background-color: #fff;
}
.dyna-popover-item {
  background-color: #f6f7f8;
}
.dyna-popover-item:hover {
  background-color: #e4edf3;
}

.custom-avatar {
  background-color: #2755f3 !important;
  color: #fff;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  background: #d1d7e1;
}

::-webkit-scrollbar-track {
  border-radius: 15px;
}

::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background: #68758b;
}

/* Target the Kendo Grid's scrollbar */
.k-grid-content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px; /* Adjust the width as needed */
  background: #d1d7e1;
}

/* Style the track (the area behind the thumb) */
.k-grid-content::-webkit-scrollbar-track {
  background-color: #d1d7e1; /* Adjust the color and transparency as needed */
  border-radius: 15px;
}

/* Style the thumb (the draggable part) */
.k-grid-content::-webkit-scrollbar-thumb {
  background-color: #68758b; /* Adjust the color and transparency as needed */
  border-radius: 15px;
}

/* Style the thumb on hover */
.k-grid-content::-webkit-scrollbar-thumb:hover {
  background-color: #68758b; /* Adjust the color and transparency as needed */
}

.k-chip-solid-base {
  color: #3c3c3c;
  background-color: #ced5e3;
}

.k-chip-solid-base:hover,
.k-chip-solid-base.k-hover {
  background-color: rgb(183.393442623, 194.4098360656, 214.606557377);
}

.custom-chips .k-i-close-circle::before {
  color: #2755f3;
}

.toolbar {
  background-color: #d8dee9;
}

.toggle .fa-moon {
  color: #9a9a9a;
  right: 7px;
  top: 16px;
}
.toggle .k-svg-i-brightness-contrast {
  color: #2755f3;
  left: 8px;
  top: 8px;
}

.title-medium {
  color: #3c3c3c;
}

.transparent label {
  background: #c8c8c8;
}
.transparent label::before {
  background: #fff;
}

#transparent:checked + label:before {
  content: "";
  transform: translateX(47px);
}

.dnd-box.entered {
  border: 2px dashed #c5e7ff;
  border-radius: 5px;
  background-color: #ecf3ff;
}
.dnd-box .dnd-item {
  color: #3c3c3c;
  background: #f7f7f7;
}
.dnd-box .dnd-item .drag-indicator-icon {
  color: #afb7c6;
}
.dnd-box .dnd-item.selected {
  background-color: #deeaff;
}
.dnd-box .dnd-item.selected .drag-indicator-icon {
  color: #2755f3;
}

.k-menu-item,
.k-menu-item.k-focus {
  height: 44px;
  color: var(--d-color-brand) !important;
  font-weight: 500;
}
.k-menu-item .k-icon-wrapper-host,
.k-menu-item.k-focus .k-icon-wrapper-host {
  font-size: 20px;
}

.app-logo {
  width: auto;
  max-height: 26px;
  background-repeat: no-repeat;
  padding: 40px 0px;
  background-size: 126px;
  box-sizing: content-box;
  background-position-y: 30px;
  background-position-x: 4px;
}

.k-drawer-mini {
  --k-drawer-width: 48px;
}

.k-drawer-expanded {
  --k-drawer-width: 250px;
}
.k-drawer-expanded .app-logo {
  width: auto;
  max-height: 30px;
  background-repeat: no-repeat;
  padding: 40px 0px;
  background-size: 140px;
  box-sizing: content-box;
  background-position-y: 30px;
  background-position-x: center;
}

.page-container {
  padding: 16px;
  padding-bottom: 0px;
  height: 100%;
  box-sizing: border-box;
}
.page-container:has(.fixed-height-page) {
  height: calc(100vh - 65px);
  padding: 16px;
  overflow: auto;
}
@media (max-width: 768px) {
  .page-container:has(.fixed-height-page) {
    height: calc(100vh - 112px);
    padding: 12px;
  }
}
.page-container:has(.fixed-height-page.tight) {
  padding: 12px;
}
.page-container .fixed-height-page {
  min-height: 100%;
  height: auto;
}

.dealer-toolbar {
  height: 40px;
}

.page-title {
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -0.03em;
  text-align: left;
}

.toolbar-container {
  margin-bottom: 5px;
}
.toolbar-container .action-bar {
  padding: 5px 5px 5px 15px;
}
.toolbar-container .pagination {
  border-top: 1px solid #f7f7f7;
}
.toolbar-container.page-header {
  min-height: 40px;
  align-content: center;
}

.ro-exclusions {
  height: calc(100vh - 232px);
}

.labor-op-codes-grid .k-grid-content {
  max-height: calc(100vh - 305px);
}

.labor-op-codes-preview-grid .subcategory,
.labor-line-categorization-preview-grid .subcategory {
  font-style: italic;
}
.labor-op-codes-preview-grid .change-indicator,
.labor-line-categorization-preview-grid .change-indicator {
  margin-right: 3px;
}
.labor-op-codes-preview-grid .category-change .category,
.labor-line-categorization-preview-grid .category-change .category {
  font-weight: bold;
}
.labor-op-codes-preview-grid .subcategory-change .subcategory,
.labor-line-categorization-preview-grid .subcategory-change .subcategory {
  font-weight: bold;
}

.auto-rule-grid .rule-builder-grid .k-grid-content,
.labor-line-rule-grid .rule-builder-grid .k-grid-content {
  max-height: calc(100vh - 295px);
}

.labor-line-categorization-grid .k-grid-content {
  max-height: calc(100vh - 355px);
}

.labor-line-categorization-grid .k-grid,
.labor-line-categorization-preview-grid .k-grid {
  max-width: calc(100vw - var(--roi-nav-width, 200px) - 30px - 10px);
}
.labor-line-categorization-grid .k-grid-content,
.labor-line-categorization-preview-grid .k-grid-content {
  max-height: calc(100vh - 355px);
}

.line-preview .line-preview-start-date,
.line-preview .line-preview-end-date {
  width: 150px;
  margin-left: 10px;
  margin-right: 10px;
}
.line-preview .default-preview-date-ranges-dropdown {
  width: 200px;
  margin-left: 10px;
  margin-right: 10px;
}

.grid-cell-number,
.grid-cell-number-float,
.grid-cell-number-double,
.grid-cell-number-currency,
.grid-cell-number-percent {
  text-align: right;
}

.list-view-exchange {
  height: calc(100vh - 395px) !important;
}
.list-view-exchange .k-loading-color {
  background-color: transparent;
  opacity: 0.1;
}

.error {
  color: var(--d-color-text-error);
}

.bold {
  font-weight: bold;
}

.avg-row {
  font-weight: bold;
}
.avg-row td,
.avg-row td:hover,
.avg-row td:active {
  background-color: var(--d-color-grid-cell-info-bg) !important;
}

.w-65 {
  width: 65%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.w-30 {
  width: 30%;
}

.w-25 {
  width: 25%;
}

.w-20 {
  width: 20%;
}

.w-10 {
  width: 10%;
}

.p-10 {
  padding: 10px;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.color-warning {
  color: var(--d-color-text-warning);
}

.icon {
  color: var(--d-color-icon);
}

.k-grid-content {
  scrollbar-width: thin;
}

.k-grid .k-detail-row .k-detail-cell .border-bottom {
  border-bottom: solid 1px;
  border-color: #d8d8d8;
}
.k-grid .k-detail-row .k-detail-cell .labor-line-detail-row {
  display: flex;
  padding: 10px 0px 10px 0px;
}
.k-grid .k-detail-row .k-detail-cell .labor-line-detail-row .title {
  display: flex;
  min-width: 120px;
  justify-content: flex-end;
  font-weight: 500;
}
.k-grid .k-detail-row .k-detail-cell .labor-line-detail-row .content {
  padding-left: 20px;
}

.dyna-app-shell-frame {
  --roi-nav-width: 200px;
}

.dyna-app-shell-frame:has(.dyna-sidenav.d-nav-collapsed) {
  --roi-nav-width: 64px;
}

.dyna-app-shell-frame:has(.dyna-sidenav.d-nav-mobile) {
  --roi-nav-width: 0px;
}

.rule-processing-loading-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: var(--roi-nav-width, 0px);
  width: auto;
  height: auto;
  z-index: 10003;
  transition: left 0.2s ease;
}

.child-modal {
  z-index: 10002 !important;
}

.k-notification-group {
  z-index: 10004 !important;
}

.wp-admin-grid .k-grid-content,
.wlri-grid .k-grid-content,
.wpmi-grid .k-grid-content,
.gm-dual-grid .k-grid-content {
  max-height: calc(100vh - 364px);
}

.k-combobox .k-input-inner {
  padding: 8px 16px;
}

.center-page-content {
  height: calc(100vh - 180px);
}

.pt-10 {
  padding-top: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.ellipsis-text {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  width: 100%;
}

.editor-form .center-page-content {
  display: inline-flex;
  flex-direction: column;
  overflow-y: auto;
}
.editor-form kendo-formfield {
  flex-grow: 1;
}
.editor-form .form-control {
  margin-top: 5px;
}

.dealer-setting-editor {
  overflow-y: auto;
  height: calc(100vh - 230px) !important;
}
.dealer-setting-editor .date-range {
  display: inherit;
}
@media screen and (min-width: 1200px) {
  .dealer-setting-editor .formfield-exclude-line {
    min-width: 200px;
  }
  .dealer-setting-editor .formfield-dealer-code {
    min-width: 220px;
  }
}
.dealer-setting-editor .line-preview-start-date {
  margin-right: 10px;
}
.dealer-setting-editor .days-back {
  width: 75px;
}
.dealer-setting-editor .label-for-report-setting-checkbox {
  padding-left: 5px;
}
.dealer-setting-editor .center-page-content {
  height: auto;
}
.dealer-setting-editor .data-display {
  overflow: hidden;
  max-width: 24ch;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}
.dealer-setting-editor .summary-row {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  column-gap: 0px;
  display: flex;
}
.dealer-setting-editor .summary-row .summary-data {
  padding: 0 5px 0 5px;
  flex: 1;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d8d8d8;
}
.dealer-setting-editor .summary-row .summary-data .info {
  padding: 5px 5px 0px 0px;
  text-align: right;
}
.dealer-setting-editor .summary-row .summary-data .no-top-margin {
  margin-top: -2px;
}
.dealer-setting-editor .summary-row .summary-data .rate-multiplier-applied {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
}
.dealer-setting-editor .summary-row {
  position: relative;
}
.dealer-setting-editor .flex-grow-unset {
  flex-grow: unset;
}
.dealer-setting-editor .proportional-discounting-header {
  font-size: 1.25em;
}

.labor-category-grid {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 380px);
}
.labor-category-grid .k-grid-content {
  height: calc(100vh - 465px);
}

.advanced-rule-grid {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 380px);
}
.advanced-rule-grid .k-grid-content {
  height: calc(100vh - 465px);
}

.category-rule-container {
  display: flex;
}
.category-rule-container .sub-title {
  margin-bottom: 10px;
}
.category-rule-container .labor-category-container {
  width: 50%;
}
.category-rule-container .advanced-rule-container {
  width: 50%;
}

.error-dialog a {
  color: #2755f3;
}
.error-dialog .error-dialog-details {
  margin-top: 15px;
  font-size: 0.8em;
}
.error-dialog .error-dialog-details .k-expander-content {
  word-wrap: break-word;
}
.error-dialog .error-dialog-details .k-expander-content {
  padding-block: 0;
  padding-inline: 0;
}

.row-icon-button {
  font-size: 1.25em;
  padding: 0.25em;
  cursor: pointer;
}

.advanced-rule-dialog-content kendo-formfield {
  flex-grow: 1;
}
.advanced-rule-dialog-content .form-control {
  margin-top: 5px;
}

.m-0 {
  margin: 0;
}

.display-none {
  display: none;
}

.k-drawer-content {
  min-height: 100%;
  height: auto;
}

.profile-settings-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.profile-settings-container .profile-settings-subcontainer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.profile-settings-container .sub-title {
  margin-bottom: 10px;
}
.profile-settings-container .search-box {
  margin-bottom: 10px;
}
.profile-settings-container .setting .k-grid {
  height: 250px;
}
.profile-settings-container .tall-setting .k-grid {
  height: 880px;
}
.profile-settings-container .advanced-rule-grid {
  height: unset;
}
.profile-settings-container .advanced-rule-grid .k-grid-content {
  height: unset;
}

.pseudo-hyperlink {
  color: var(--d-color-grid-text-link);
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}

.pseudo-hyperlink-inline {
  display: inline;
}

.detail-labor-line-grid .k-grid.k-grid-no-scrollbar .k-grid-content,
.detail-part-grid .k-grid.k-grid-no-scrollbar .k-grid-content {
  overflow-y: hidden;
}

.k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
.k-pager-sizes .k-dropdownlist {
  width: 7em !important;
}

.k-button .fa,
.k-button .fa-solid,
.k-button .fa-regular,
.k-button .fa-light,
.k-button .fa-thin,
.k-button .fa-duotone {
  font-size: 18px;
}

.k-window-content,
.k-dialog-content {
  white-space: pre-wrap;
}
.k-window-content:has(.highlight-dialog-border),
.k-dialog-content:has(.highlight-dialog-border) {
  box-shadow: 0 0 0 3px #ffff80;
}
.k-window-content:has(.ai-confirmed-dialog-border),
.k-dialog-content:has(.ai-confirmed-dialog-border) {
  box-shadow: 0 0 0 3px var(--d-color-badge-bg-success-solid, #368039);
}
.k-window-content:not(:has(kendo-dialog-titlebar)),
.k-dialog-content:not(:has(kendo-dialog-titlebar)) {
  border-radius: 8px;
}

.filesmart-analysis-result-grid {
  display: flex;
  flex-direction: column;
}
.filesmart-analysis-result-grid .fa-regular {
  font-size: 1.25rem;
}
.filesmart-analysis-result-grid .fa-circle-xmark {
  color: var(--d-color-icon-error);
}
.filesmart-analysis-result-grid .fa-circle-check {
  color: var(--d-color-icon-success);
}
.filesmart-analysis-result-grid .link {
  color: #2755f3;
  text-decoration: underline;
}
.filesmart-analysis-result-grid .ellipsis-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.old-version.filesmart-analysis-result-grid {
  height: calc(100vh - 350px);
}
.old-version.filesmart-analysis-result-grid .k-grid-content {
  height: calc(100vh - 445px);
}
.old-version.filesmart-analysis-result-grid .filesmart-item-detail-parts-grid .k-grid-content {
  height: unset;
}

.input-field-bold input {
  font-weight: bold;
}

.checkbox-label {
  padding-left: 5px;
}

.ro-viewer-result-grid {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 430px);
}
.ro-viewer-result-grid .k-grid-content {
  height: calc(100vh - 500px);
}

.dealer-settings-email-distribution-result-grid,
.dealer-settings-migrations-grid {
  height: calc(100vh - 310px);
  display: flex;
  flex-direction: column;
}
.dealer-settings-email-distribution-result-grid .k-grid-content,
.dealer-settings-migrations-grid .k-grid-content {
  height: calc(100vh - 420px);
}

.report34-grid,
.op-code-usage-grid {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 350px);
}
.report34-grid .k-grid,
.op-code-usage-grid .k-grid {
  max-width: calc(100vw - var(--roi-nav-width, 200px) - 30px - 30px);
}
.report34-grid .k-grid-content,
.op-code-usage-grid .k-grid-content {
  height: calc(100vh - 420px);
}
.report34-grid .total-item,
.op-code-usage-grid .total-item {
  font-weight: bold;
}

.op-code-usage-grid .k-detail-cell {
  padding: 3px 20px 3px 125px;
}

.op-code-usage-second-level-grid .k-grid,
.op-code-usage-third-level-grid .k-grid,
.filesmart-item-detail-parts-grid .k-grid {
  max-width: unset;
}
.op-code-usage-second-level-grid .k-grid-content,
.op-code-usage-third-level-grid .k-grid-content,
.filesmart-item-detail-parts-grid .k-grid-content {
  height: unset;
}

.op-code-usage-second-level-grid .k-detail-cell {
  padding: 3px 20px 3px 168px;
}

.opcode-exclude-grid .toolbar-container .action-bar {
  padding: 0;
  display: block;
}
.opcode-exclude-grid .toolbar-container .action-bar .page-title {
  display: none;
}
.opcode-exclude-grid .toolbar-container .action-bar > div {
  display: block;
}
.opcode-exclude-grid .toolbar-container .action-bar .search-box {
  margin-bottom: 0;
}
.opcode-exclude-grid .toolbar-container .action-bar .search-box .k-textbox {
  width: 100%;
}
.opcode-exclude-grid .profile-settings-container .search-box {
  margin-bottom: 0;
}
.opcode-exclude-grid .profile-settings-container .search-box .k-textbox {
  width: 100%;
}

.k-card-title {
  font-size: 14px;
}

.card-title-container {
  display: flex;
  justify-content: space-between;
}
.card-title-container .card-title-buttons span {
  padding-left: 10px;
  cursor: pointer;
}

.card-image {
  width: 100%;
}

body {
  background-color: var(--d-color-surface-app-bg);
}

.roi-nav-logo {
  background-image: url("/assets/images/roi-logo-dark.svg");
}

.roi-nav-logo-icon {
  background-image: url("/assets/images/roi-icon.svg");
}

.app-logo {
  background-image: url("/assets/images/roi-icon.svg");
  background-size: 32px 32px;
  background-position: center;
  padding: 32px 0;
  box-sizing: border-box;
  border: none;
}

.k-drawer-expanded .app-logo {
  background-image: url("/assets/images/roi-logo-dark.svg");
  background-size: 160px 31px;
  background-position-y: center;
  background-position-x: 22px;
  padding: 36px 0;
  box-sizing: border-box;
}

.toolbar-container {
  background-color: #fff;
}

.dealer-toolbar {
  background-color: #f7f7f7;
}

.k-grid .k-grid-table > tbody > tr.bg-modified,
.k-grid .k-grid-table > tbody > tr.bg-modified:hover {
  background-color: #efdece;
}

.filesmart-analysis-result-grid tr.k-table-row.best-ro {
  background-color: #ffff80;
}

.filesmart-top-opportunities-result-grid tr.k-table-row.highlight {
  background-color: #ffff80;
}

.filesmart-analysis-result-grid tr.separation-line td {
  border-top: solid 3px #aaa;
}

.dashlet {
  border: 1px solid #ddd;
  background-color: #fff;
}

.text-default {
  color: var(--color-text-default);
}

.border-bottom {
  border-bottom: 1px solid #b9b9b9;
  padding-bottom: 8px;
}

.dpr-dialog .k-dialog-content,
.dpr-dialog .k-window-content {
  background-color: #fff !important;
}

.dpr-dialog .k-dialog-title,
.dpr-dialog .k-window-title {
  color: #3c3c3c !important;
  font-size: 16px;
  font-weight: bold;
}

.dpr-dialog .btn.secondary:disabled,
.dpr-dialog .btn.secondary[disabled],
.dpr-dialog .k-button.btn.secondary:disabled,
.dpr-dialog .k-button.btn.secondary.k-disabled {
  color: #9a9a9a !important;
  border-color: #b9b9b9 !important;
}

app-daily-review-card.review-card .prior-day,
app-daily-review-card.review-card .month-date,
app-daily-review-card.review-card .month-to-date,
app-daily-review-card.review-card .no-goal-set,
app-daily-review-card .prior-day,
app-daily-review-card .month-date,
app-daily-review-card .month-to-date,
app-daily-review-card .no-goal-set {
  color: #6b6b6b !important;
}

app-daily-review-detail-dialog .no-goal-set {
  color: #6b6b6b !important;
}

.dealer-date-availability-dialog .k-dialog-content {
  background-color: #fff !important;
}

.filesmart-overview .overview-banner .icon {
  background-color: #f4f7ff;
}
.filesmart-overview .overview-banner .icon i {
  color: #2755f3;
}
.filesmart-overview .increase-input-container {
  border: solid 1px #b9b9b9;
}
.filesmart-overview .increase-input-container .increase-input {
  background-color: #fff;
}
.filesmart-overview .what-if-details {
  border: solid 1px #c8c8c8;
  background-color: #f7f7f7;
}
.filesmart-overview .card {
  border: solid 1px #b9b9b9;
}
.filesmart-overview .card-filing-requested {
  border: solid 1px #95b0fd;
  background-color: #f4f7ff;
}
.filesmart-overview .label-increase {
  color: #368039;
}
.filesmart-overview .action-buttons {
  border-bottom: solid 1px #b9b9b9;
}
.filesmart-overview .fs-overview-error {
  color: #a11815;
}

app-report-template-card .dyna-card:hover {
  background-color: #f4f7ff !important;
  outline-color: #95b0fd !important;
}
app-report-template-card .dyna-card:hover .dyna-button > .k-button.dyna-button-secondary {
  background-color: #fff !important;
  border-color: #b9b9b9 !important;
}
app-report-template-card .dyna-card:hover .dyna-button > .k-button.dyna-button-secondary:hover {
  background-color: #f0f1f2 !important;
}

.locked-banner {
  background-color: #fcd675;
  color: #946a03;
  border: 1px solid;
  padding: 16px;
  margin: 5px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
}
.locked-banner i {
  color: #fbba19;
}

.k-button-outline-primary {
  color: #2755f3;
  border-color: #2755f3;
}

col.k-sorted {
  background-color: unset;
}

th.k-sorted {
  background-color: #bfcffe !important;
}

.error-dialog .error-dialog-details .k-expander-title {
  color: #2755f3;
}

/*# sourceMappingURL=theme-dyna-brand-2026a-light.css.map*/