@progress/kendo-ui/css/web/kendo.common-material.css

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

.k-sr-only {
  position: absolute;
  left: -1px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.k-display-inline {
  display: inline !important;
}
.k-display-block {
  display: block !important;
}
.k-display-inline-block {
  display: inline-block !important;
}
.k-display-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.k-display-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.k-display-table {
  display: table !important;
}
.k-display-inline-table {
  display: inline-table !important;
}
.k-display-none,
.k-hidden {
  display: none !important;
}
.k-d-flex {
  display: -ms-flexbox;
  display: flex;
}
.k-flex-row {
  -ms-flex-direction: row;
      flex-direction: row;
}
.k-flex-row-reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.k-flex-col {
  -ms-flex-direction: column;
      flex-direction: column;
}
.k-flex-col-reverse {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}
.k-flex-column {
  -ms-flex-direction: column;
      flex-direction: column;
}
.k-flex-column-reverse {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}
.k-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.k-flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.k-flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
.k-flex-initial {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}
.k-flex-1 {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
}
.k-flex-auto {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.k-flex-none {
  -ms-flex: none;
      flex: none;
}
.k-flex-grow {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.k-flex-grow-0 {
  -ms-flex-positive: 0;
      flex-grow: 0;
}
.k-flex-shrink {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.k-flex-shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.k-flex-basis-auto {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.k-flex-basis-0 {
  -ms-flex-preferred-size: 0%;
      flex-basis: 0%;
}
.k-align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.k-align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.k-align-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.k-align-items-stretch {
  -ms-flex-align: stretch;
      align-items: stretch;
}
.k-align-items-baseline {
  -ms-flex-align: baseline;
      align-items: baseline;
}
.k-align-content-start {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.k-align-content-end {
  -ms-flex-line-pack: end;
      align-content: flex-end;
}
.k-align-content-center {
  -ms-flex-line-pack: center;
      align-content: center;
}
.k-align-content-stretch {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.k-align-content-baseline {
  -ms-flex-line-pack: baseline;
      align-content: baseline;
}
.k-align-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.k-align-self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.k-align-self-center {
  -ms-flex-item-align: center;
      align-self: center;
}
.k-align-self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.k-align-self-baseline {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}
.k-justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.k-justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.k-justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.k-justify-content-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.k-justify-content-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.k-justify-content-evenly {
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}
.k-justify-content-stretch > * {
  -ms-flex: 1 0 0%;
      flex: 1 0 0%;
}
.k-justify-items-start {
  justify-items: flex-start;
}
.k-justify-items-end {
  justify-items: flex-end;
}
.k-justify-items-center {
  justify-items: center;
}
.k-justify-items-stretch {
  justify-items: stretch;
}
.k-float-left {
  float: left !important;
}
.k-float-right {
  float: right !important;
}
.k-float-none {
  float: none !important;
}
.k-clear-left {
  float: left !important;
}
.k-clear-right {
  float: right !important;
}
.k-clear-none {
  float: none !important;
}
.k-floatwrap::after {
  content: "";
  display: block;
  clear: both;
}
.k-d-grid {
  display: grid;
}
.k-grid-cols-none {
  grid-template-columns: none;
}
.k-grid-rows-none {
  grid-template-rows: none;
}
.k-grid-flow-col {
  grid-auto-flow: column;
}
.k-grid-flow-col-dense {
  grid-auto-flow: column dense;
}
.k-grid-flow-row {
  grid-auto-flow: row;
}
.k-grid-flow-row-dense {
  grid-auto-flow: row dense;
}
.k-colspan-all {
  grid-column: 1 / -1;
}
.k-colspan-auto {
  grid-column: auto;
}
.k-rowspan-all {
  grid-row: 1 / -1;
}
.k-rowspan-auto {
  grid-row: auto;
}
.k-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.k-colspan-1 {
  grid-column: span 1;
}
.k-col-start-1 {
  grid-column-start: 1;
}
.k-col-end-1 {
  grid-column-end: 1;
}
.k-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.k-colspan-2 {
  grid-column: span 2;
}
.k-col-start-2 {
  grid-column-start: 2;
}
.k-col-end-2 {
  grid-column-end: 2;
}
.k-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.k-colspan-3 {
  grid-column: span 3;
}
.k-col-start-3 {
  grid-column-start: 3;
}
.k-col-end-3 {
  grid-column-end: 3;
}
.k-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.k-colspan-4 {
  grid-column: span 4;
}
.k-col-start-4 {
  grid-column-start: 4;
}
.k-col-end-4 {
  grid-column-end: 4;
}
.k-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.k-colspan-5 {
  grid-column: span 5;
}
.k-col-start-5 {
  grid-column-start: 5;
}
.k-col-end-5 {
  grid-column-end: 5;
}
.k-grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.k-colspan-6 {
  grid-column: span 6;
}
.k-col-start-6 {
  grid-column-start: 6;
}
.k-col-end-6 {
  grid-column-end: 6;
}
.k-grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.k-colspan-7 {
  grid-column: span 7;
}
.k-col-start-7 {
  grid-column-start: 7;
}
.k-col-end-7 {
  grid-column-end: 7;
}
.k-grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.k-colspan-8 {
  grid-column: span 8;
}
.k-col-start-8 {
  grid-column-start: 8;
}
.k-col-end-8 {
  grid-column-end: 8;
}
.k-grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.k-colspan-9 {
  grid-column: span 9;
}
.k-col-start-9 {
  grid-column-start: 9;
}
.k-col-end-9 {
  grid-column-end: 9;
}
.k-grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.k-colspan-10 {
  grid-column: span 10;
}
.k-col-start-10 {
  grid-column-start: 10;
}
.k-col-end-10 {
  grid-column-end: 10;
}
.k-grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.k-colspan-11 {
  grid-column: span 11;
}
.k-col-start-11 {
  grid-column-start: 11;
}
.k-col-end-11 {
  grid-column-end: 11;
}
.k-grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.k-colspan-12 {
  grid-column: span 12;
}
.k-col-start-12 {
  grid-column-start: 12;
}
.k-col-end-12 {
  grid-column-end: 12;
}
.k-grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.k-rowspan-1 {
  grid-row: span 1;
}
.k-row-start-1 {
  grid-row-start: 1;
}
.k-row-end-1 {
  grid-row-end: 1;
}
.k-grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.k-rowspan-2 {
  grid-row: span 2;
}
.k-row-start-2 {
  grid-row-start: 2;
}
.k-row-end-2 {
  grid-row-end: 2;
}
.k-grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.k-rowspan-3 {
  grid-row: span 3;
}
.k-row-start-3 {
  grid-row-start: 3;
}
.k-row-end-3 {
  grid-row-end: 3;
}
.k-grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.k-rowspan-4 {
  grid-row: span 4;
}
.k-row-start-4 {
  grid-row-start: 4;
}
.k-row-end-4 {
  grid-row-end: 4;
}
.k-grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
.k-rowspan-5 {
  grid-row: span 5;
}
.k-row-start-5 {
  grid-row-start: 5;
}
.k-row-end-5 {
  grid-row-end: 5;
}
.k-grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}
.k-rowspan-6 {
  grid-row: span 6;
}
.k-row-start-6 {
  grid-row-start: 6;
}
.k-row-end-6 {
  grid-row-end: 6;
}
.k-grid-rows-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}
.k-rowspan-7 {
  grid-row: span 7;
}
.k-row-start-7 {
  grid-row-start: 7;
}
.k-row-end-7 {
  grid-row-end: 7;
}
.k-grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}
.k-rowspan-8 {
  grid-row: span 8;
}
.k-row-start-8 {
  grid-row-start: 8;
}
.k-row-end-8 {
  grid-row-end: 8;
}
.k-grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}
.k-rowspan-9 {
  grid-row: span 9;
}
.k-row-start-9 {
  grid-row-start: 9;
}
.k-row-end-9 {
  grid-row-end: 9;
}
.k-grid-rows-10 {
  grid-template-rows: repeat(10, minmax(0, 1fr));
}
.k-rowspan-10 {
  grid-row: span 10;
}
.k-row-start-10 {
  grid-row-start: 10;
}
.k-row-end-10 {
  grid-row-end: 10;
}
.k-order-first {
  -ms-flex-order: -9999 !important;
      order: -9999 !important;
}
.k-order-last {
  -ms-flex-order: 9999 !important;
      order: 9999 !important;
}
.k-order-none {
  -ms-flex-order: 0 !important;
      order: 0 !important;
}
.k-order-1 {
  -ms-flex-order: 1 !important;
      order: 1 !important;
}
.k-order-2 {
  -ms-flex-order: 2 !important;
      order: 2 !important;
}
.k-order-3 {
  -ms-flex-order: 3 !important;
      order: 3 !important;
}
.k-order-4 {
  -ms-flex-order: 4 !important;
      order: 4 !important;
}
.k-order-5 {
  -ms-flex-order: 5 !important;
      order: 5 !important;
}
.k-order-6 {
  -ms-flex-order: 6 !important;
      order: 6 !important;
}
.k-order-7 {
  -ms-flex-order: 7 !important;
      order: 7 !important;
}
.k-order-8 {
  -ms-flex-order: 8 !important;
      order: 8 !important;
}
.k-order-9 {
  -ms-flex-order: 9 !important;
      order: 9 !important;
}
.k-order-10 {
  -ms-flex-order: 10 !important;
      order: 10 !important;
}
.k-order-11 {
  -ms-flex-order: 11 !important;
      order: 11 !important;
}
.k-order-12 {
  -ms-flex-order: 12 !important;
      order: 12 !important;
}
.k-overflow-auto {
  overflow: auto;
}
.k-overflow-x-auto {
  overflow-x: auto;
}
.k-overflow-y-auto {
  overflow-y: auto;
}
.\!k-overflow-auto {
  overflow: auto !important;
}
.\!k-overflow-x-auto {
  overflow-x: auto !important;
}
.\!k-overflow-y-auto {
  overflow-y: auto !important;
}
.k-overflow-auto-auto {
  overflow: auto auto !important;
}
.k-overflow-auto-hidden {
  overflow: auto hidden !important;
}
.k-overflow-auto-visible {
  overflow: auto visible !important;
}
.k-overflow-auto-scroll {
  overflow: auto scroll !important;
}
.k-overflow-auto-clip {
  overflow: auto clip !important;
}
.k-overflow-hidden {
  overflow: hidden;
}
.k-overflow-x-hidden {
  overflow-x: hidden;
}
.k-overflow-y-hidden {
  overflow-y: hidden;
}
.\!k-overflow-hidden {
  overflow: hidden !important;
}
.\!k-overflow-x-hidden {
  overflow-x: hidden !important;
}
.\!k-overflow-y-hidden {
  overflow-y: hidden !important;
}
.k-overflow-hidden-auto {
  overflow: hidden auto !important;
}
.k-overflow-hidden-hidden {
  overflow: hidden hidden !important;
}
.k-overflow-hidden-visible {
  overflow: hidden visible !important;
}
.k-overflow-hidden-scroll {
  overflow: hidden scroll !important;
}
.k-overflow-hidden-clip {
  overflow: hidden clip !important;
}
.k-overflow-visible {
  overflow: visible;
}
.k-overflow-x-visible {
  overflow-x: visible;
}
.k-overflow-y-visible {
  overflow-y: visible;
}
.\!k-overflow-visible {
  overflow: visible !important;
}
.\!k-overflow-x-visible {
  overflow-x: visible !important;
}
.\!k-overflow-y-visible {
  overflow-y: visible !important;
}
.k-overflow-visible-auto {
  overflow: visible auto !important;
}
.k-overflow-visible-hidden {
  overflow: visible hidden !important;
}
.k-overflow-visible-visible {
  overflow: visible visible !important;
}
.k-overflow-visible-scroll {
  overflow: visible scroll !important;
}
.k-overflow-visible-clip {
  overflow: visible clip !important;
}
.k-overflow-scroll {
  overflow: scroll;
}
.k-overflow-x-scroll {
  overflow-x: scroll;
}
.k-overflow-y-scroll {
  overflow-y: scroll;
}
.\!k-overflow-scroll {
  overflow: scroll !important;
}
.\!k-overflow-x-scroll {
  overflow-x: scroll !important;
}
.\!k-overflow-y-scroll {
  overflow-y: scroll !important;
}
.k-overflow-scroll-auto {
  overflow: scroll auto !important;
}
.k-overflow-scroll-hidden {
  overflow: scroll hidden !important;
}
.k-overflow-scroll-visible {
  overflow: scroll visible !important;
}
.k-overflow-scroll-scroll {
  overflow: scroll scroll !important;
}
.k-overflow-scroll-clip {
  overflow: scroll clip !important;
}
.k-overflow-clip {
  overflow: clip;
}
.k-overflow-x-clip {
  overflow-x: clip;
}
.k-overflow-y-clip {
  overflow-y: clip;
}
.\!k-overflow-clip {
  overflow: clip !important;
}
.\!k-overflow-x-clip {
  overflow-x: clip !important;
}
.\!k-overflow-y-clip {
  overflow-y: clip !important;
}
.k-overflow-clip-auto {
  overflow: clip auto !important;
}
.k-overflow-clip-hidden {
  overflow: clip hidden !important;
}
.k-overflow-clip-visible {
  overflow: clip visible !important;
}
.k-overflow-clip-scroll {
  overflow: clip scroll !important;
}
.k-overflow-clip-clip {
  overflow: clip clip !important;
}
.k-pointer-events-none {
  pointer-events: none !important;
}
.k-pointer-events-auto {
  pointer-events: auto !important;
}
.k-static,
.k-pos-static {
  position: static !important;
}
.k-relative,
.k-pos-relative {
  position: relative !important;
}
.k-absolute,
.k-pos-absolute {
  position: absolute !important;
}
.k-fixed,
.k-pos-fixed {
  position: fixed !important;
}
.k-sticky,
.k-pos-sticky {
  position: sticky !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-top-start,
.k-pos-top-start {
  top: 0;
  left: 0;
}
.k-rtl .k-top-start,
.k-rtl .k-pos-top-start,
.k-top-start[dir="rtl"],
.k-pos-top-start[dir="rtl"],
[dir="rtl"] .k-top-start,
[dir="rtl"] .k-pos-top-start {
  left: auto;
  right: 0;
}
.k-top-center,
.k-pos-top-center {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.k-top-end,
.k-pos-top-end {
  top: 0;
  right: 0;
}
.k-rtl .k-top-end,
.k-rtl .k-pos-top-end,
.k-top-end[dir="rtl"],
.k-pos-top-end[dir="rtl"],
[dir="rtl"] .k-top-end,
[dir="rtl"] .k-pos-top-end {
  right: auto;
  left: 0;
}
.k-bottom-start,
.k-pos-bottom-start {
  bottom: 0;
  left: 0;
}
.k-rtl .k-bottom-start,
.k-rtl .k-pos-bottom-start,
.k-bottom-start[dir="rtl"],
.k-pos-bottom-start[dir="rtl"],
[dir="rtl"] .k-bottom-start,
[dir="rtl"] .k-pos-bottom-start {
  left: auto;
  right: 0;
}
.k-bottom-center,
.k-pos-bottom-center {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.k-bottom-end,
.k-pos-bottom-end {
  bottom: 0;
  right: 0;
}
.k-rtl .k-bottom-end,
.k-rtl .k-pos-bottom-end,
.k-bottom-end[dir="rtl"],
.k-pos-bottom-end[dir="rtl"],
[dir="rtl"] .k-bottom-end,
[dir="rtl"] .k-pos-bottom-end {
  right: auto;
  left: 0;
}
.k-middle-start,
.k-pos-middle-start {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
.k-middle-end,
.k-pos-middle-end {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.k-resize-none {
  resize: none !important;
}
.k-resize-both {
  resize: both !important;
}
.k-resize-horizontal {
  resize: horizontal !important;
}
.k-resize-vertical {
  resize: vertical !important;
}
.k-spacer {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.k-spacer-sized {
  -ms-flex-positive: 0;
      flex-grow: 0;
}
.k-p-0 {
  padding: 0 !important;
}
.k-pt-0 {
  padding-top: 0 !important;
}
.k-pr-0 {
  padding-right: 0 !important;
}
.k-pb-0 {
  padding-bottom: 0 !important;
}
.k-pl-0 {
  padding-left: 0 !important;
}
.k-m-0 {
  margin: 0 !important;
}
.k-mt-0 {
  margin-top: 0 !important;
}
.k-mr-0 {
  margin-right: 0 !important;
}
.k-mb-0 {
  margin-bottom: 0 !important;
}
.k-ml-0 {
  margin-left: 0 !important;
}
.k-px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.k-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.k-mx-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.k-my-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.k-p-1 {
  padding: 4px !important;
}
.k-pt-1 {
  padding-top: 4px !important;
}
.k-pr-1 {
  padding-right: 4px !important;
}
.k-pb-1 {
  padding-bottom: 4px !important;
}
.k-pl-1 {
  padding-left: 4px !important;
}
.k-m-1 {
  margin: 4px !important;
}
.k-mt-1 {
  margin-top: 4px !important;
}
.k-mr-1 {
  margin-right: 4px !important;
}
.k-mb-1 {
  margin-bottom: 4px !important;
}
.k-ml-1 {
  margin-left: 4px !important;
}
.k-px-1 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.k-py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.k-mx-1 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.k-my-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.k-p-2 {
  padding: 8px !important;
}
.k-pt-2 {
  padding-top: 8px !important;
}
.k-pr-2 {
  padding-right: 8px !important;
}
.k-pb-2 {
  padding-bottom: 8px !important;
}
.k-pl-2 {
  padding-left: 8px !important;
}
.k-m-2 {
  margin: 8px !important;
}
.k-mt-2 {
  margin-top: 8px !important;
}
.k-mr-2 {
  margin-right: 8px !important;
}
.k-mb-2 {
  margin-bottom: 8px !important;
}
.k-ml-2 {
  margin-left: 8px !important;
}
.k-px-2 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.k-py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.k-mx-2 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.k-my-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.k-p-3 {
  padding: 12px !important;
}
.k-pt-3 {
  padding-top: 12px !important;
}
.k-pr-3 {
  padding-right: 12px !important;
}
.k-pb-3 {
  padding-bottom: 12px !important;
}
.k-pl-3 {
  padding-left: 12px !important;
}
.k-m-3 {
  margin: 12px !important;
}
.k-mt-3 {
  margin-top: 12px !important;
}
.k-mr-3 {
  margin-right: 12px !important;
}
.k-mb-3 {
  margin-bottom: 12px !important;
}
.k-ml-3 {
  margin-left: 12px !important;
}
.k-px-3 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.k-py-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.k-mx-3 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.k-my-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.k-p-4 {
  padding: 16px !important;
}
.k-pt-4 {
  padding-top: 16px !important;
}
.k-pr-4 {
  padding-right: 16px !important;
}
.k-pb-4 {
  padding-bottom: 16px !important;
}
.k-pl-4 {
  padding-left: 16px !important;
}
.k-m-4 {
  margin: 16px !important;
}
.k-mt-4 {
  margin-top: 16px !important;
}
.k-mr-4 {
  margin-right: 16px !important;
}
.k-mb-4 {
  margin-bottom: 16px !important;
}
.k-ml-4 {
  margin-left: 16px !important;
}
.k-px-4 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.k-py-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.k-mx-4 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.k-my-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.k-p-5 {
  padding: 20px !important;
}
.k-pt-5 {
  padding-top: 20px !important;
}
.k-pr-5 {
  padding-right: 20px !important;
}
.k-pb-5 {
  padding-bottom: 20px !important;
}
.k-pl-5 {
  padding-left: 20px !important;
}
.k-m-5 {
  margin: 20px !important;
}
.k-mt-5 {
  margin-top: 20px !important;
}
.k-mr-5 {
  margin-right: 20px !important;
}
.k-mb-5 {
  margin-bottom: 20px !important;
}
.k-ml-5 {
  margin-left: 20px !important;
}
.k-px-5 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.k-py-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.k-mx-5 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.k-my-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.k-p-6 {
  padding: 24px !important;
}
.k-pt-6 {
  padding-top: 24px !important;
}
.k-pr-6 {
  padding-right: 24px !important;
}
.k-pb-6 {
  padding-bottom: 24px !important;
}
.k-pl-6 {
  padding-left: 24px !important;
}
.k-m-6 {
  margin: 24px !important;
}
.k-mt-6 {
  margin-top: 24px !important;
}
.k-mr-6 {
  margin-right: 24px !important;
}
.k-mb-6 {
  margin-bottom: 24px !important;
}
.k-ml-6 {
  margin-left: 24px !important;
}
.k-px-6 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.k-py-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.k-mx-6 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.k-my-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.k-p-7 {
  padding: 28px !important;
}
.k-pt-7 {
  padding-top: 28px !important;
}
.k-pr-7 {
  padding-right: 28px !important;
}
.k-pb-7 {
  padding-bottom: 28px !important;
}
.k-pl-7 {
  padding-left: 28px !important;
}
.k-m-7 {
  margin: 28px !important;
}
.k-mt-7 {
  margin-top: 28px !important;
}
.k-mr-7 {
  margin-right: 28px !important;
}
.k-mb-7 {
  margin-bottom: 28px !important;
}
.k-ml-7 {
  margin-left: 28px !important;
}
.k-px-7 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.k-py-7 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.k-mx-7 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.k-my-7 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.k-p-8 {
  padding: 32px !important;
}
.k-pt-8 {
  padding-top: 32px !important;
}
.k-pr-8 {
  padding-right: 32px !important;
}
.k-pb-8 {
  padding-bottom: 32px !important;
}
.k-pl-8 {
  padding-left: 32px !important;
}
.k-m-8 {
  margin: 32px !important;
}
.k-mt-8 {
  margin-top: 32px !important;
}
.k-mr-8 {
  margin-right: 32px !important;
}
.k-mb-8 {
  margin-bottom: 32px !important;
}
.k-ml-8 {
  margin-left: 32px !important;
}
.k-px-8 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.k-py-8 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.k-mx-8 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.k-my-8 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.k-p-9 {
  padding: 36px !important;
}
.k-pt-9 {
  padding-top: 36px !important;
}
.k-pr-9 {
  padding-right: 36px !important;
}
.k-pb-9 {
  padding-bottom: 36px !important;
}
.k-pl-9 {
  padding-left: 36px !important;
}
.k-m-9 {
  margin: 36px !important;
}
.k-mt-9 {
  margin-top: 36px !important;
}
.k-mr-9 {
  margin-right: 36px !important;
}
.k-mb-9 {
  margin-bottom: 36px !important;
}
.k-ml-9 {
  margin-left: 36px !important;
}
.k-px-9 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.k-py-9 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.k-mx-9 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.k-my-9 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.k-p-10 {
  padding: 40px !important;
}
.k-pt-10 {
  padding-top: 40px !important;
}
.k-pr-10 {
  padding-right: 40px !important;
}
.k-pb-10 {
  padding-bottom: 40px !important;
}
.k-pl-10 {
  padding-left: 40px !important;
}
.k-m-10 {
  margin: 40px !important;
}
.k-mt-10 {
  margin-top: 40px !important;
}
.k-mr-10 {
  margin-right: 40px !important;
}
.k-mb-10 {
  margin-bottom: 40px !important;
}
.k-ml-10 {
  margin-left: 40px !important;
}
.k-px-10 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.k-py-10 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.k-mx-10 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.k-my-10 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.k-p-11 {
  padding: 44px !important;
}
.k-pt-11 {
  padding-top: 44px !important;
}
.k-pr-11 {
  padding-right: 44px !important;
}
.k-pb-11 {
  padding-bottom: 44px !important;
}
.k-pl-11 {
  padding-left: 44px !important;
}
.k-m-11 {
  margin: 44px !important;
}
.k-mt-11 {
  margin-top: 44px !important;
}
.k-mr-11 {
  margin-right: 44px !important;
}
.k-mb-11 {
  margin-bottom: 44px !important;
}
.k-ml-11 {
  margin-left: 44px !important;
}
.k-px-11 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.k-py-11 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}
.k-mx-11 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.k-my-11 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}
.k-p-12 {
  padding: 48px !important;
}
.k-pt-12 {
  padding-top: 48px !important;
}
.k-pr-12 {
  padding-right: 48px !important;
}
.k-pb-12 {
  padding-bottom: 48px !important;
}
.k-pl-12 {
  padding-left: 48px !important;
}
.k-m-12 {
  margin: 48px !important;
}
.k-mt-12 {
  margin-top: 48px !important;
}
.k-mr-12 {
  margin-right: 48px !important;
}
.k-mb-12 {
  margin-bottom: 48px !important;
}
.k-ml-12 {
  margin-left: 48px !important;
}
.k-px-12 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.k-py-12 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.k-mx-12 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.k-my-12 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.k-p-13 {
  padding: 52px !important;
}
.k-pt-13 {
  padding-top: 52px !important;
}
.k-pr-13 {
  padding-right: 52px !important;
}
.k-pb-13 {
  padding-bottom: 52px !important;
}
.k-pl-13 {
  padding-left: 52px !important;
}
.k-m-13 {
  margin: 52px !important;
}
.k-mt-13 {
  margin-top: 52px !important;
}
.k-mr-13 {
  margin-right: 52px !important;
}
.k-mb-13 {
  margin-bottom: 52px !important;
}
.k-ml-13 {
  margin-left: 52px !important;
}
.k-px-13 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}
.k-py-13 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}
.k-mx-13 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}
.k-my-13 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}
.k-p-14 {
  padding: 56px !important;
}
.k-pt-14 {
  padding-top: 56px !important;
}
.k-pr-14 {
  padding-right: 56px !important;
}
.k-pb-14 {
  padding-bottom: 56px !important;
}
.k-pl-14 {
  padding-left: 56px !important;
}
.k-m-14 {
  margin: 56px !important;
}
.k-mt-14 {
  margin-top: 56px !important;
}
.k-mr-14 {
  margin-right: 56px !important;
}
.k-mb-14 {
  margin-bottom: 56px !important;
}
.k-ml-14 {
  margin-left: 56px !important;
}
.k-px-14 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}
.k-py-14 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
.k-mx-14 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}
.k-my-14 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
.k-p-15 {
  padding: 60px !important;
}
.k-pt-15 {
  padding-top: 60px !important;
}
.k-pr-15 {
  padding-right: 60px !important;
}
.k-pb-15 {
  padding-bottom: 60px !important;
}
.k-pl-15 {
  padding-left: 60px !important;
}
.k-m-15 {
  margin: 60px !important;
}
.k-mt-15 {
  margin-top: 60px !important;
}
.k-mr-15 {
  margin-right: 60px !important;
}
.k-mb-15 {
  margin-bottom: 60px !important;
}
.k-ml-15 {
  margin-left: 60px !important;
}
.k-px-15 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.k-py-15 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.k-mx-15 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.k-my-15 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.k-p-16 {
  padding: 64px !important;
}
.k-pt-16 {
  padding-top: 64px !important;
}
.k-pr-16 {
  padding-right: 64px !important;
}
.k-pb-16 {
  padding-bottom: 64px !important;
}
.k-pl-16 {
  padding-left: 64px !important;
}
.k-m-16 {
  margin: 64px !important;
}
.k-mt-16 {
  margin-top: 64px !important;
}
.k-mr-16 {
  margin-right: 64px !important;
}
.k-mb-16 {
  margin-bottom: 64px !important;
}
.k-ml-16 {
  margin-left: 64px !important;
}
.k-px-16 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.k-py-16 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.k-mx-16 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.k-my-16 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.k-p-17 {
  padding: 68px !important;
}
.k-pt-17 {
  padding-top: 68px !important;
}
.k-pr-17 {
  padding-right: 68px !important;
}
.k-pb-17 {
  padding-bottom: 68px !important;
}
.k-pl-17 {
  padding-left: 68px !important;
}
.k-m-17 {
  margin: 68px !important;
}
.k-mt-17 {
  margin-top: 68px !important;
}
.k-mr-17 {
  margin-right: 68px !important;
}
.k-mb-17 {
  margin-bottom: 68px !important;
}
.k-ml-17 {
  margin-left: 68px !important;
}
.k-px-17 {
  padding-left: 68px !important;
  padding-right: 68px !important;
}
.k-py-17 {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}
.k-mx-17 {
  padding-left: 68px !important;
  padding-right: 68px !important;
}
.k-my-17 {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}
.k-p-18 {
  padding: 72px !important;
}
.k-pt-18 {
  padding-top: 72px !important;
}
.k-pr-18 {
  padding-right: 72px !important;
}
.k-pb-18 {
  padding-bottom: 72px !important;
}
.k-pl-18 {
  padding-left: 72px !important;
}
.k-m-18 {
  margin: 72px !important;
}
.k-mt-18 {
  margin-top: 72px !important;
}
.k-mr-18 {
  margin-right: 72px !important;
}
.k-mb-18 {
  margin-bottom: 72px !important;
}
.k-ml-18 {
  margin-left: 72px !important;
}
.k-px-18 {
  padding-left: 72px !important;
  padding-right: 72px !important;
}
.k-py-18 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}
.k-mx-18 {
  padding-left: 72px !important;
  padding-right: 72px !important;
}
.k-my-18 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}
.k-p-19 {
  padding: 76px !important;
}
.k-pt-19 {
  padding-top: 76px !important;
}
.k-pr-19 {
  padding-right: 76px !important;
}
.k-pb-19 {
  padding-bottom: 76px !important;
}
.k-pl-19 {
  padding-left: 76px !important;
}
.k-m-19 {
  margin: 76px !important;
}
.k-mt-19 {
  margin-top: 76px !important;
}
.k-mr-19 {
  margin-right: 76px !important;
}
.k-mb-19 {
  margin-bottom: 76px !important;
}
.k-ml-19 {
  margin-left: 76px !important;
}
.k-px-19 {
  padding-left: 76px !important;
  padding-right: 76px !important;
}
.k-py-19 {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}
.k-mx-19 {
  padding-left: 76px !important;
  padding-right: 76px !important;
}
.k-my-19 {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}
.k-p-20 {
  padding: 80px !important;
}
.k-pt-20 {
  padding-top: 80px !important;
}
.k-pr-20 {
  padding-right: 80px !important;
}
.k-pb-20 {
  padding-bottom: 80px !important;
}
.k-pl-20 {
  padding-left: 80px !important;
}
.k-m-20 {
  margin: 80px !important;
}
.k-mt-20 {
  margin-top: 80px !important;
}
.k-mr-20 {
  margin-right: 80px !important;
}
.k-mb-20 {
  margin-bottom: 80px !important;
}
.k-ml-20 {
  margin-left: 80px !important;
}
.k-px-20 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.k-py-20 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.k-mx-20 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.k-my-20 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.k-p-21 {
  padding: 84px !important;
}
.k-pt-21 {
  padding-top: 84px !important;
}
.k-pr-21 {
  padding-right: 84px !important;
}
.k-pb-21 {
  padding-bottom: 84px !important;
}
.k-pl-21 {
  padding-left: 84px !important;
}
.k-m-21 {
  margin: 84px !important;
}
.k-mt-21 {
  margin-top: 84px !important;
}
.k-mr-21 {
  margin-right: 84px !important;
}
.k-mb-21 {
  margin-bottom: 84px !important;
}
.k-ml-21 {
  margin-left: 84px !important;
}
.k-px-21 {
  padding-left: 84px !important;
  padding-right: 84px !important;
}
.k-py-21 {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}
.k-mx-21 {
  padding-left: 84px !important;
  padding-right: 84px !important;
}
.k-my-21 {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}
.k-p-22 {
  padding: 88px !important;
}
.k-pt-22 {
  padding-top: 88px !important;
}
.k-pr-22 {
  padding-right: 88px !important;
}
.k-pb-22 {
  padding-bottom: 88px !important;
}
.k-pl-22 {
  padding-left: 88px !important;
}
.k-m-22 {
  margin: 88px !important;
}
.k-mt-22 {
  margin-top: 88px !important;
}
.k-mr-22 {
  margin-right: 88px !important;
}
.k-mb-22 {
  margin-bottom: 88px !important;
}
.k-ml-22 {
  margin-left: 88px !important;
}
.k-px-22 {
  padding-left: 88px !important;
  padding-right: 88px !important;
}
.k-py-22 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}
.k-mx-22 {
  padding-left: 88px !important;
  padding-right: 88px !important;
}
.k-my-22 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}
.k-p-23 {
  padding: 92px !important;
}
.k-pt-23 {
  padding-top: 92px !important;
}
.k-pr-23 {
  padding-right: 92px !important;
}
.k-pb-23 {
  padding-bottom: 92px !important;
}
.k-pl-23 {
  padding-left: 92px !important;
}
.k-m-23 {
  margin: 92px !important;
}
.k-mt-23 {
  margin-top: 92px !important;
}
.k-mr-23 {
  margin-right: 92px !important;
}
.k-mb-23 {
  margin-bottom: 92px !important;
}
.k-ml-23 {
  margin-left: 92px !important;
}
.k-px-23 {
  padding-left: 92px !important;
  padding-right: 92px !important;
}
.k-py-23 {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}
.k-mx-23 {
  padding-left: 92px !important;
  padding-right: 92px !important;
}
.k-my-23 {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}
.k-p-24 {
  padding: 96px !important;
}
.k-pt-24 {
  padding-top: 96px !important;
}
.k-pr-24 {
  padding-right: 96px !important;
}
.k-pb-24 {
  padding-bottom: 96px !important;
}
.k-pl-24 {
  padding-left: 96px !important;
}
.k-m-24 {
  margin: 96px !important;
}
.k-mt-24 {
  margin-top: 96px !important;
}
.k-mr-24 {
  margin-right: 96px !important;
}
.k-mb-24 {
  margin-bottom: 96px !important;
}
.k-ml-24 {
  margin-left: 96px !important;
}
.k-px-24 {
  padding-left: 96px !important;
  padding-right: 96px !important;
}
.k-py-24 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}
.k-mx-24 {
  padding-left: 96px !important;
  padding-right: 96px !important;
}
.k-my-24 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}
.k-p-xs {
  padding: 4px !important;
}
.k-pt-xs {
  padding-top: 4px !important;
}
.k-pr-xs {
  padding-right: 4px !important;
}
.k-pb-xs {
  padding-bottom: 4px !important;
}
.k-pl-xs {
  padding-left: 4px !important;
}
.k-m-xs {
  margin: 4px !important;
}
.k-mt-xs {
  margin-top: 4px !important;
}
.k-mr-xs {
  margin-right: 4px !important;
}
.k-mb-xs {
  margin-bottom: 4px !important;
}
.k-ml-xs {
  margin-left: 4px !important;
}
.k-px-xs {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.k-py-xs {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.k-mx-xs {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.k-my-xs {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.k-p-sm {
  padding: 8px !important;
}
.k-pt-sm {
  padding-top: 8px !important;
}
.k-pr-sm {
  padding-right: 8px !important;
}
.k-pb-sm {
  padding-bottom: 8px !important;
}
.k-pl-sm {
  padding-left: 8px !important;
}
.k-m-sm {
  margin: 8px !important;
}
.k-mt-sm {
  margin-top: 8px !important;
}
.k-mr-sm {
  margin-right: 8px !important;
}
.k-mb-sm {
  margin-bottom: 8px !important;
}
.k-ml-sm {
  margin-left: 8px !important;
}
.k-px-sm {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.k-py-sm {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.k-mx-sm {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.k-my-sm {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.k-p-md {
  padding: 12px !important;
}
.k-pt-md {
  padding-top: 12px !important;
}
.k-pr-md {
  padding-right: 12px !important;
}
.k-pb-md {
  padding-bottom: 12px !important;
}
.k-pl-md {
  padding-left: 12px !important;
}
.k-m-md {
  margin: 12px !important;
}
.k-mt-md {
  margin-top: 12px !important;
}
.k-mr-md {
  margin-right: 12px !important;
}
.k-mb-md {
  margin-bottom: 12px !important;
}
.k-ml-md {
  margin-left: 12px !important;
}
.k-px-md {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.k-py-md {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.k-mx-md {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.k-my-md {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.k-p-lg {
  padding: 16px !important;
}
.k-pt-lg {
  padding-top: 16px !important;
}
.k-pr-lg {
  padding-right: 16px !important;
}
.k-pb-lg {
  padding-bottom: 16px !important;
}
.k-pl-lg {
  padding-left: 16px !important;
}
.k-m-lg {
  margin: 16px !important;
}
.k-mt-lg {
  margin-top: 16px !important;
}
.k-mr-lg {
  margin-right: 16px !important;
}
.k-mb-lg {
  margin-bottom: 16px !important;
}
.k-ml-lg {
  margin-left: 16px !important;
}
.k-px-lg {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.k-py-lg {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.k-mx-lg {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.k-my-lg {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.k-p-xl {
  padding: 24px !important;
}
.k-pt-xl {
  padding-top: 24px !important;
}
.k-pr-xl {
  padding-right: 24px !important;
}
.k-pb-xl {
  padding-bottom: 24px !important;
}
.k-pl-xl {
  padding-left: 24px !important;
}
.k-m-xl {
  margin: 24px !important;
}
.k-mt-xl {
  margin-top: 24px !important;
}
.k-mr-xl {
  margin-right: 24px !important;
}
.k-mb-xl {
  margin-bottom: 24px !important;
}
.k-ml-xl {
  margin-left: 24px !important;
}
.k-px-xl {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.k-py-xl {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.k-mx-xl {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.k-my-xl {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.k-p-thin {
  padding: 2px !important;
}
.k-pt-thin {
  padding-top: 2px !important;
}
.k-pr-thin {
  padding-right: 2px !important;
}
.k-pb-thin {
  padding-bottom: 2px !important;
}
.k-pl-thin {
  padding-left: 2px !important;
}
.k-m-thin {
  margin: 2px !important;
}
.k-mt-thin {
  margin-top: 2px !important;
}
.k-mr-thin {
  margin-right: 2px !important;
}
.k-mb-thin {
  margin-bottom: 2px !important;
}
.k-ml-thin {
  margin-left: 2px !important;
}
.k-px-thin {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.k-py-thin {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.k-mx-thin {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.k-my-thin {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.k-p-hair {
  padding: 1px !important;
}
.k-pt-hair {
  padding-top: 1px !important;
}
.k-pr-hair {
  padding-right: 1px !important;
}
.k-pb-hair {
  padding-bottom: 1px !important;
}
.k-pl-hair {
  padding-left: 1px !important;
}
.k-m-hair {
  margin: 1px !important;
}
.k-mt-hair {
  margin-top: 1px !important;
}
.k-mr-hair {
  margin-right: 1px !important;
}
.k-mb-hair {
  margin-bottom: 1px !important;
}
.k-ml-hair {
  margin-left: 1px !important;
}
.k-px-hair {
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.k-py-hair {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.k-mx-hair {
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.k-my-hair {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.k-rounded-default {
  border-radius: 4px;
}
.k-rounded-0 {
  border-radius: 0;
}
.k-rounded-sm {
  border-radius: 2px;
}
.k-rounded-md {
  border-radius: 4px;
}
.k-rounded-lg {
  border-radius: 6px;
}
.k-rounded-full {
  border-radius: 9999px;
}
.k-table-layout-fixed {
  table-layout: fixed;
}
.k-table-layout-auto {
  table-layout: auto;
}
.k-text-nowrap {
  white-space: nowrap !important;
}
.k-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-text-left {
  text-align: left !important;
}
.k-text-right {
  text-align: right !important;
}
.k-text-center {
  text-align: center !important;
}
.k-text-justify {
  text-align: justify !important;
}
.k-text-lowercase {
  text-transform: lowercase !important;
}
.k-text-uppercase {
  text-transform: uppercase !important;
}
.k-text-capitalize {
  text-transform: capitalize !important;
}
.k-font-weight-light {
  font-weight: 300 !important;
}
.k-font-weight-normal {
  font-weight: 400 !important;
}
.k-font-weight-bold {
  font-weight: 700 !important;
}
.k-touch-action-none {
  -ms-touch-action: none !important;
      touch-action: none !important;
}
.k-touch-action-auto {
  -ms-touch-action: auto !important;
      touch-action: auto !important;
}
.k-flip-h {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.k-flip-v {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}
.k-flip-h.k-flip-v {
  -webkit-transform: scale(-1, -1);
      -ms-transform: scale(-1, -1);
          transform: scale(-1, -1);
}
.k-rotate-45 {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.k-rotate-90 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.k-rotate-135 {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.k-rotate-180 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.k-rotate-225 {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
}
.k-rotate-270 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.k-rotate-315 {
  -webkit-transform: rotate(315deg);
      -ms-transform: rotate(315deg);
          transform: rotate(315deg);
}
.k-scale-0 {
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
}
.k-scale-1 {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
.k-scale-2 {
  -webkit-transform: scale(2, 2);
      -ms-transform: scale(2, 2);
          transform: scale(2, 2);
}
.k-translate-0 {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.k-translate-0-50 {
  -webkit-transform: translate(0, 50%);
      -ms-transform: translate(0, 50%);
          transform: translate(0, 50%);
}
.k-translate-0-100 {
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
.k-translate-50-0 {
  -webkit-transform: translate(50%, 0);
      -ms-transform: translate(50%, 0);
          transform: translate(50%, 0);
}
.k-translate-50-50 {
  -webkit-transform: translate(50%, 50%);
      -ms-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}
.k-translate-50-100 {
  -webkit-transform: translate(50%, 100%);
      -ms-transform: translate(50%, 100%);
          transform: translate(50%, 100%);
}
.k-translate-100-0 {
  -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
          transform: translate(100%, 0);
}
.k-translate-100-50 {
  -webkit-transform: translate(100%, 50%);
      -ms-transform: translate(100%, 50%);
          transform: translate(100%, 50%);
}
.k-translate-100-100 {
  -webkit-transform: translate(100%, 100%);
      -ms-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
}
.k-user-select-none {
  -webkit-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}
.k-user-select-auto {
  -webkit-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}
.k-user-select-text {
  -webkit-user-select: text !important;
      -ms-user-select: text !important;
          user-select: text !important;
}
.k-user-select-all {
  -webkit-user-select: all !important;
          user-select: all !important;
}
.k-user-select-contain {
  -webkit-user-select: contain !important;
      -ms-user-select: element !important;
          user-select: contain !important;
}
.fake {
  color: red;
}
.k-common-test-class {
  opacity: 0;
}
.k-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.k-no-click {
  pointer-events: none;
}
.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-tabstrip-items .k-item,
.k-link.k-state-hover {
  background-repeat: repeat;
  background-position: 0 center;
}
.k-link:hover {
  text-decoration: none;
}
.k-state-highlight > .k-link {
  color: inherit;
}
.k-searchbox > .k-input {
  margin: 0;
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  box-shadow: none;
  color: inherit;
  background: none;
  font: inherit;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-appearance: none;
}
.k-widget,
.k-block,
.k-inline-block {
  border-style: solid;
  border-width: 1px;
  -webkit-appearance: none;
}
.k-block,
.k-widget {
  line-height: normal;
  outline: 0;
}
.k-widget .k-input::-ms-clear {
  width: 0;
  height: 0;
}
.k-block,
.k-widget,
.k-grid,
.k-splitter,
.k-panelbar,
.k-content,
.k-header-column-menu {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.k-block,
.k-splitbar,
.k-calendar,
.k-pager-wrap,
.k-grid-header .k-i-link-horizontal,
.k-header-column-menu {
  -webkit-touch-callout: none;
}
.k-header-column-menu {
  color: inherit;
}
.k-block {
  padding: 2px;
}
.k-block > .k-header {
  margin: -2px 0 10px -2px;
  padding: 0.3em 2px;
  width: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.2em;
  white-space: nowrap;
  min-height: 16px;
  position: relative;
}
a.k-button-expand {
  display: block;
}
button.k-button-expand,
input[type="submit"].k-button-expand,
input[type="button"].k-button-expand,
input[type="reset"].k-button-expand {
  width: 100%;
}
.k-toolbar .k-button-icontext {
  padding-right: 0.8em;
}
.k-link {
  cursor: pointer;
  outline: 0;
  text-decoration: none;
}
.k-grid-header span.k-link {
  cursor: default;
}
.k-disabled,
.k-state-disabled,
.k-state-disabled .k-link,
.k-disabled .k-icon,
.k-state-disabled .k-icon,
.k-state-disabled .k-upload-button input {
  cursor: default !important;
  pointer-events: none;
  outline: 0;
}
.k-disabled,
.k-state-disabled {
  opacity: 0.7;
}
.k-disabled > .k-button,
.k-state-disabled > .k-button {
  opacity: 1;
}
@media print {
  .k-disabled,
  .k-state-disabled,
  .k-disabled .k-input,
  .k-state-disabled .k-input {
    opacity: 1 !important;
  }
}
.k-state-error {
  border-style: ridge;
}
.k-state-empty {
  font-style: italic;
}
.k-icon.k-i-none {
  background-image: none !important;
}
.k-image {
  border: 0;
}
.k-widget .k-icon.k-i-expand,
.k-widget .k-icon.k-i-collapse {
  cursor: pointer;
}
html .k-success-colored {
  color: #507f50;
  border-color: #d0dfd0;
  background-color: #f0fff0;
}
html .k-info-colored {
  color: #50607f;
  border-color: #d0d9df;
  background-color: #f0f9ff;
}
html .k-error-colored {
  color: #7f5050;
  border-color: #dfd0d0;
  background-color: #fff0f0;
}
.k-inline-block {
  padding: 0 2px;
}
.k-loading,
.k-loading-image {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.k-icon.k-i-loading {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.k-icon.k-i-loading::before {
  content: "";
  display: none;
}
.k-loading-mask,
.k-loading-image,
.k-loading-text {
  position: absolute;
}
.k-loading-mask {
  z-index: 100;
}
.k-loading-mask.k-opaque .k-loading-color {
  opacity: 1;
}
.k-loading-mask .k-loading-progress {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.k-loading-text {
  text-indent: -4000px;
  text-align: center;
}
.k-loading-image,
.k-loading-color {
  width: 100%;
  height: 100%;
}
.k-loading-image {
  top: 0;
  left: 0;
  z-index: 2;
}
.k-loading-color {
  opacity: 0.3;
}
.k-content-frame {
  border: 0;
  width: 100%;
  height: 100%;
}
.k-pane > .k-splitter-overlay {
  opacity: 0;
  position: absolute;
}
.k-drag-clue {
  margin: 0;
  padding: 4px 8px;
  border-width: 1px;
  border-style: solid;
  font-size: 1em;
  line-height: normal;
  white-space: nowrap;
  list-style: none;
  cursor: default;
  overflow: hidden;
  position: absolute;
  z-index: 10003;
}
.k-drag-status {
  margin-top: -3px;
  margin-right: 4px;
  vertical-align: middle;
}
.k-reorder-cue {
  position: absolute;
  width: 1px;
  overflow: visible;
}
.k-reorder-cue .k-icon {
  position: absolute;
  left: -4px;
  width: