/* cache: 2022-11-19 16:25:59 */
@keyframes ani-remove-fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes ani-remove-left {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-1rem);
    opacity: 0;
  }
}
@keyframes ani-remove-right {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(1rem);
    opacity: 0;
  }
}
@keyframes ani-remove-up {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-1rem);
    opacity: 0;
  }
}
@keyframes ani-remove-down {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(1rem);
    opacity: 0;
  }
}
@keyframes ani-remove-thanos {
  from {
    filter: grayscale(0) blur(0);
    opacity: 1;
  }
  to {
    filter: grayscale(1) blur(1rem);
    opacity: 0;
  }
}
@keyframes ani-remove-resize {
  from {
    opacity: 0;
    max-height: var(--mHeight);
    max-width: var(--mWidth);
  }
  to {
    opacity: 0;
    max-height: 0;
    max-width: 0;
  }
}
@keyframes ani-remove-resize-sub {
  from {
    height: var(--mHeight);
    width: var(--mWidth);
  }
  to {
    height: 0;
    width: 0;
  }
}
[ani-remove] {
  --mHeight: 100vw;
  --mWidth: 100vh;
  animation-name: ani-remove-fade;
}
[ani-remove],
[ani-remove] .ani-remove-extras {
  animation-delay: 0s;
  animation-duration: 0.25s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  box-sizing: border-box;
  overflow: hidden;
}
[ani-remove][ani-remove-duration="slow"],
[ani-remove] .ani-remove-extras[ani-remove-duration="slow"] {
  animation-duration: 0.5s;
}
[ani-remove][ani-remove-duration="normal"],
[ani-remove] .ani-remove-extras[ani-remove-duration="normal"] {
  animation-duration: 0.25s;
}
[ani-remove][ani-remove-duration="fast"],
[ani-remove] .ani-remove-extras[ani-remove-duration="fast"] {
  animation-duration: 0.15s;
}
[ani-remove][ani-remove-duration="snappy"],
[ani-remove] .ani-remove-extras[ani-remove-duration="snappy"] {
  animation-duration: 0.075s;
}
[ani-remove].not(.ani-remove-resize)[ani-remove-delay="slow"] {
  animation-delay: 1s;
}
[ani-remove].not(.ani-remove-resize)[ani-remove-delay="normal"] {
  animation-delay: 0.5s;
}
[ani-remove].not(.ani-remove-resize)[ani-remove-delay="fast"] {
  animation-delay: 0.3s;
}
[ani-remove].not(.ani-remove-resize)[ani-remove-delay="snappy"] {
  animation-delay: 0.15s;
}
[ani-remove].not(.ani-remove-resize)[ani-remove="fade"] {
  animation-name: ani-remove-fade;
}
[ani-remove].not(.ani-remove-resize)[ani-remove="left"] {
  animation-name: ani-remove-left;
}
[ani-remove].not(.ani-remove-resize)[ani-remove="right"] {
  animation-name: ani-remove-right;
}
[ani-remove].not(.ani-remove-resize)[ani-remove="up"],
[ani-remove].not(.ani-remove-resize)[ani-remove="top"] {
  animation-name: ani-remove-up;
}
[ani-remove].not(.ani-remove-resize)[ani-remove="down"],
[ani-remove].not(.ani-remove-resize)[ani-remove="bottom"] {
  animation-name: ani-remove-down;
}
[ani-remove].not(.ani-remove-resize)[ani-remove="thanos"] {
  animation-name: ani-remove-thanos;
}
[ani-remove].ani-remove-resize {
  animation-name: ani-remove-resize;
  max-height: var(--mHeight);
  max-width: var(--mWidth);
}
[ani-remove].ani-remove-resize .ani-remove-extras {
  padding: 0 !important;
  margin: 0 !important;
  height: var(--mHeight);
  width: var(--mWidth);
  animation-name: ani-remove-resize-sub;
}


/*
  keep body as 100% height
  push footer to the bottom
*/
html {
  height: 100%;
}
html body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
html body > * {
  flex-grow: 1;
}
html body > header,
html body > footer {
  flex-grow: 0;
}


.dataTables_wrapper {
  width: 100%;
}
.dataTables_wrapper .dataTables_tabletop,
.dataTables_wrapper .dataTables_tablebottom {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.dataTables_wrapper .dataTables_tabletop > *:first-child,
.dataTables_wrapper .dataTables_tablebottom > *:first-child {
  margin-right: 1rem;
}
.dataTables_wrapper .dataTables_tabletop label,
.dataTables_wrapper .dataTables_tablebottom label {
  margin-bottom: 0;
}
.dataTables_wrapper .dataTables_tablewrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
}


[document-item] .document-each-generic {
  cursor: pointer;
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: 0.25rem;
  box-sizing: border-box;
}
[document-item] .document-each-generic * {
  color: inherit;
}
[document-item] .document-each-generic input {
  display: none;
}
[document-item] .document-each-generic .document-item-frontend {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: width 0.3s ease;
}
[document-item] .document-each-generic .document-item-frontend .document-item-details {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  white-space: nowrap;
}
[document-item] .document-each-generic .document-item-frontend .document-item-details .file-name {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: visible;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
[document-item] .document-each-generic .document-item-frontend .document-item-details .file-size {
  width: fit-content;
  flex-grow: 0;
  flex-shrink: 0;
  opacity: 0.7;
  font-size: 80%;
}
[document-item] .document-list-image,
[document-item] .document-input-image {
  cursor: pointer;
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: 0.25rem;
  box-sizing: border-box;
}
[document-item] .document-list-image *,
[document-item] .document-input-image * {
  color: inherit;
}
[document-item] .document-list-image input,
[document-item] .document-input-image input {
  display: none;
}
[document-item] .document-list-image .document-item-frontend,
[document-item] .document-input-image .document-item-frontend {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: width 0.3s ease;
}
[document-item] .document-list-image .document-item-frontend .document-item-details,
[document-item] .document-input-image .document-item-frontend .document-item-details {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  white-space: nowrap;
}
[document-item] .document-list-image .document-item-frontend .document-item-details .file-name,
[document-item] .document-input-image .document-item-frontend .document-item-details .file-name {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: visible;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
[document-item] .document-list-image .document-item-frontend .document-item-details .file-size,
[document-item] .document-input-image .document-item-frontend .document-item-details .file-size {
  width: fit-content;
  flex-grow: 0;
  flex-shrink: 0;
  opacity: 0.7;
  font-size: 80%;
}
[document-item] .document-list-image .document-image-wrapper,
[document-item] .document-input-image .document-image-wrapper {
  position: relative;
  width: 100%;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
[document-item] .document-list-image .document-image-wrapper img,
[document-item] .document-input-image .document-image-wrapper img {
  width: 100%;
  height: auto;
}
[document-item] .document-list-image .document-item-details,
[document-item] .document-input-image .document-item-details {
  position: absolute;
  font-size: 75%;
  width: calc(100% - 0.75rem);
  left: 0.375rem;
  right: 0.375rem;
  bottom: 0.375rem;
  padding: 0 0.375rem;
  border-radius: 0.25rem;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(2px);
  box-shadow: 0 0.25rem 0.25rem -0.25rem rgba(0, 0, 0, 0.5), inset 0 0 0.5rem #ffffff;
}
[document-item] .document-list-image .document-item-details *,
[document-item] .document-input-image .document-item-details * {
  color: black;
}
[document-item] .document-list-file {
  cursor: pointer;
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: 0.25rem;
  box-sizing: border-box;
  height: calc(1.5em + 0.75rem + 2px);
}
[document-item] .document-list-file * {
  color: inherit;
}
[document-item] .document-list-file input {
  display: none;
}
[document-item] .document-list-file .document-item-frontend {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: width 0.3s ease;
}
[document-item] .document-list-file .document-item-frontend .document-item-details {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  white-space: nowrap;
}
[document-item] .document-list-file .document-item-frontend .document-item-details .file-name {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: visible;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
[document-item] .document-list-file .document-item-frontend .document-item-details .file-size {
  width: fit-content;
  flex-grow: 0;
  flex-shrink: 0;
  opacity: 0.7;
  font-size: 80%;
}
[document-item] .document-list-file .document-item-details {
  padding: 0.375rem 0.75rem;
}
[document-item] .document-input-file {
  cursor: pointer;
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: 0.25rem;
  box-sizing: border-box;
}
[document-item] .document-input-file * {
  color: inherit;
}
[document-item] .document-input-file input {
  display: none;
}
[document-item] .document-input-file .document-item-frontend {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: width 0.3s ease;
}
[document-item] .document-input-file .document-item-frontend .document-item-details {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  white-space: nowrap;
}
[document-item] .document-input-file .document-item-frontend .document-item-details .file-name {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: visible;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
[document-item] .document-input-file .document-item-frontend .document-item-details .file-size {
  width: fit-content;
  flex-grow: 0;
  flex-shrink: 0;
  opacity: 0.7;
  font-size: 80%;
}
[document-item] .document-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: currentcolor;
  opacity: 0;
  transition: width 0.3s ease, opacity 0.15s ease;
  border-radius: 0.25rem;
}
[document-item] .document-progress-bar::before {
  content: attr(progress) '%';
  background-color: currentColor;
  position: absolute;
  top: 50%;
  left: max(1rem,50%);
  transform: translate(-50%, -50%);
  padding: 0 0.3rem;
  border-radius: 0.25rem;
  font-size: 80%;
}
[document-item] .document-progress-bar::after {
  content: attr(progress) '%';
  color: white;
  position: absolute;
  top: 50%;
  left: max(1rem,50%);
  transform: translate(-50%, -50%);
  font-size: 80%;
}
[document-item] .document-progress-bar[progress="1"] {
  pointer-events: all;
  opacity: 1;
  width: 1%;
}
[document-item] .document-progress-bar[progress="1"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="2"] {
  pointer-events: all;
  opacity: 1;
  width: 2%;
}
[document-item] .document-progress-bar[progress="2"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="3"] {
  pointer-events: all;
  opacity: 1;
  width: 3%;
}
[document-item] .document-progress-bar[progress="3"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="4"] {
  pointer-events: all;
  opacity: 1;
  width: 4%;
}
[document-item] .document-progress-bar[progress="4"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="5"] {
  pointer-events: all;
  opacity: 1;
  width: 5%;
}
[document-item] .document-progress-bar[progress="5"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="6"] {
  pointer-events: all;
  opacity: 1;
  width: 6%;
}
[document-item] .document-progress-bar[progress="6"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="7"] {
  pointer-events: all;
  opacity: 1;
  width: 7%;
}
[document-item] .document-progress-bar[progress="7"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="8"] {
  pointer-events: all;
  opacity: 1;
  width: 8%;
}
[document-item] .document-progress-bar[progress="8"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="9"] {
  pointer-events: all;
  opacity: 1;
  width: 9%;
}
[document-item] .document-progress-bar[progress="9"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="10"] {
  pointer-events: all;
  opacity: 1;
  width: 10%;
}
[document-item] .document-progress-bar[progress="10"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="11"] {
  pointer-events: all;
  opacity: 1;
  width: 11%;
}
[document-item] .document-progress-bar[progress="11"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="12"] {
  pointer-events: all;
  opacity: 1;
  width: 12%;
}
[document-item] .document-progress-bar[progress="12"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="13"] {
  pointer-events: all;
  opacity: 1;
  width: 13%;
}
[document-item] .document-progress-bar[progress="13"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="14"] {
  pointer-events: all;
  opacity: 1;
  width: 14%;
}
[document-item] .document-progress-bar[progress="14"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="15"] {
  pointer-events: all;
  opacity: 1;
  width: 15%;
}
[document-item] .document-progress-bar[progress="15"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="16"] {
  pointer-events: all;
  opacity: 1;
  width: 16%;
}
[document-item] .document-progress-bar[progress="16"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="17"] {
  pointer-events: all;
  opacity: 1;
  width: 17%;
}
[document-item] .document-progress-bar[progress="17"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="18"] {
  pointer-events: all;
  opacity: 1;
  width: 18%;
}
[document-item] .document-progress-bar[progress="18"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="19"] {
  pointer-events: all;
  opacity: 1;
  width: 19%;
}
[document-item] .document-progress-bar[progress="19"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="20"] {
  pointer-events: all;
  opacity: 1;
  width: 20%;
}
[document-item] .document-progress-bar[progress="20"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="21"] {
  pointer-events: all;
  opacity: 1;
  width: 21%;
}
[document-item] .document-progress-bar[progress="21"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="22"] {
  pointer-events: all;
  opacity: 1;
  width: 22%;
}
[document-item] .document-progress-bar[progress="22"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="23"] {
  pointer-events: all;
  opacity: 1;
  width: 23%;
}
[document-item] .document-progress-bar[progress="23"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="24"] {
  pointer-events: all;
  opacity: 1;
  width: 24%;
}
[document-item] .document-progress-bar[progress="24"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="25"] {
  pointer-events: all;
  opacity: 1;
  width: 25%;
}
[document-item] .document-progress-bar[progress="25"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="26"] {
  pointer-events: all;
  opacity: 1;
  width: 26%;
}
[document-item] .document-progress-bar[progress="26"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="27"] {
  pointer-events: all;
  opacity: 1;
  width: 27%;
}
[document-item] .document-progress-bar[progress="27"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="28"] {
  pointer-events: all;
  opacity: 1;
  width: 28%;
}
[document-item] .document-progress-bar[progress="28"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="29"] {
  pointer-events: all;
  opacity: 1;
  width: 29%;
}
[document-item] .document-progress-bar[progress="29"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="30"] {
  pointer-events: all;
  opacity: 1;
  width: 30%;
}
[document-item] .document-progress-bar[progress="30"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="31"] {
  pointer-events: all;
  opacity: 1;
  width: 31%;
}
[document-item] .document-progress-bar[progress="31"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="32"] {
  pointer-events: all;
  opacity: 1;
  width: 32%;
}
[document-item] .document-progress-bar[progress="32"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="33"] {
  pointer-events: all;
  opacity: 1;
  width: 33%;
}
[document-item] .document-progress-bar[progress="33"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="34"] {
  pointer-events: all;
  opacity: 1;
  width: 34%;
}
[document-item] .document-progress-bar[progress="34"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="35"] {
  pointer-events: all;
  opacity: 1;
  width: 35%;
}
[document-item] .document-progress-bar[progress="35"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="36"] {
  pointer-events: all;
  opacity: 1;
  width: 36%;
}
[document-item] .document-progress-bar[progress="36"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="37"] {
  pointer-events: all;
  opacity: 1;
  width: 37%;
}
[document-item] .document-progress-bar[progress="37"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="38"] {
  pointer-events: all;
  opacity: 1;
  width: 38%;
}
[document-item] .document-progress-bar[progress="38"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="39"] {
  pointer-events: all;
  opacity: 1;
  width: 39%;
}
[document-item] .document-progress-bar[progress="39"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="40"] {
  pointer-events: all;
  opacity: 1;
  width: 40%;
}
[document-item] .document-progress-bar[progress="40"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="41"] {
  pointer-events: all;
  opacity: 1;
  width: 41%;
}
[document-item] .document-progress-bar[progress="41"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="42"] {
  pointer-events: all;
  opacity: 1;
  width: 42%;
}
[document-item] .document-progress-bar[progress="42"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="43"] {
  pointer-events: all;
  opacity: 1;
  width: 43%;
}
[document-item] .document-progress-bar[progress="43"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="44"] {
  pointer-events: all;
  opacity: 1;
  width: 44%;
}
[document-item] .document-progress-bar[progress="44"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="45"] {
  pointer-events: all;
  opacity: 1;
  width: 45%;
}
[document-item] .document-progress-bar[progress="45"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="46"] {
  pointer-events: all;
  opacity: 1;
  width: 46%;
}
[document-item] .document-progress-bar[progress="46"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="47"] {
  pointer-events: all;
  opacity: 1;
  width: 47%;
}
[document-item] .document-progress-bar[progress="47"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="48"] {
  pointer-events: all;
  opacity: 1;
  width: 48%;
}
[document-item] .document-progress-bar[progress="48"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="49"] {
  pointer-events: all;
  opacity: 1;
  width: 49%;
}
[document-item] .document-progress-bar[progress="49"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="50"] {
  pointer-events: all;
  opacity: 1;
  width: 50%;
}
[document-item] .document-progress-bar[progress="50"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="51"] {
  pointer-events: all;
  opacity: 1;
  width: 51%;
}
[document-item] .document-progress-bar[progress="51"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="52"] {
  pointer-events: all;
  opacity: 1;
  width: 52%;
}
[document-item] .document-progress-bar[progress="52"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="53"] {
  pointer-events: all;
  opacity: 1;
  width: 53%;
}
[document-item] .document-progress-bar[progress="53"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="54"] {
  pointer-events: all;
  opacity: 1;
  width: 54%;
}
[document-item] .document-progress-bar[progress="54"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="55"] {
  pointer-events: all;
  opacity: 1;
  width: 55%;
}
[document-item] .document-progress-bar[progress="55"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="56"] {
  pointer-events: all;
  opacity: 1;
  width: 56%;
}
[document-item] .document-progress-bar[progress="56"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="57"] {
  pointer-events: all;
  opacity: 1;
  width: 57%;
}
[document-item] .document-progress-bar[progress="57"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="58"] {
  pointer-events: all;
  opacity: 1;
  width: 58%;
}
[document-item] .document-progress-bar[progress="58"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="59"] {
  pointer-events: all;
  opacity: 1;
  width: 59%;
}
[document-item] .document-progress-bar[progress="59"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="60"] {
  pointer-events: all;
  opacity: 1;
  width: 60%;
}
[document-item] .document-progress-bar[progress="60"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="61"] {
  pointer-events: all;
  opacity: 1;
  width: 61%;
}
[document-item] .document-progress-bar[progress="61"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="62"] {
  pointer-events: all;
  opacity: 1;
  width: 62%;
}
[document-item] .document-progress-bar[progress="62"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="63"] {
  pointer-events: all;
  opacity: 1;
  width: 63%;
}
[document-item] .document-progress-bar[progress="63"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="64"] {
  pointer-events: all;
  opacity: 1;
  width: 64%;
}
[document-item] .document-progress-bar[progress="64"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="65"] {
  pointer-events: all;
  opacity: 1;
  width: 65%;
}
[document-item] .document-progress-bar[progress="65"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="66"] {
  pointer-events: all;
  opacity: 1;
  width: 66%;
}
[document-item] .document-progress-bar[progress="66"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="67"] {
  pointer-events: all;
  opacity: 1;
  width: 67%;
}
[document-item] .document-progress-bar[progress="67"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="68"] {
  pointer-events: all;
  opacity: 1;
  width: 68%;
}
[document-item] .document-progress-bar[progress="68"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="69"] {
  pointer-events: all;
  opacity: 1;
  width: 69%;
}
[document-item] .document-progress-bar[progress="69"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="70"] {
  pointer-events: all;
  opacity: 1;
  width: 70%;
}
[document-item] .document-progress-bar[progress="70"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="71"] {
  pointer-events: all;
  opacity: 1;
  width: 71%;
}
[document-item] .document-progress-bar[progress="71"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="72"] {
  pointer-events: all;
  opacity: 1;
  width: 72%;
}
[document-item] .document-progress-bar[progress="72"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="73"] {
  pointer-events: all;
  opacity: 1;
  width: 73%;
}
[document-item] .document-progress-bar[progress="73"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="74"] {
  pointer-events: all;
  opacity: 1;
  width: 74%;
}
[document-item] .document-progress-bar[progress="74"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="75"] {
  pointer-events: all;
  opacity: 1;
  width: 75%;
}
[document-item] .document-progress-bar[progress="75"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="76"] {
  pointer-events: all;
  opacity: 1;
  width: 76%;
}
[document-item] .document-progress-bar[progress="76"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="77"] {
  pointer-events: all;
  opacity: 1;
  width: 77%;
}
[document-item] .document-progress-bar[progress="77"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="78"] {
  pointer-events: all;
  opacity: 1;
  width: 78%;
}
[document-item] .document-progress-bar[progress="78"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="79"] {
  pointer-events: all;
  opacity: 1;
  width: 79%;
}
[document-item] .document-progress-bar[progress="79"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="80"] {
  pointer-events: all;
  opacity: 1;
  width: 80%;
}
[document-item] .document-progress-bar[progress="80"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="81"] {
  pointer-events: all;
  opacity: 1;
  width: 81%;
}
[document-item] .document-progress-bar[progress="81"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="82"] {
  pointer-events: all;
  opacity: 1;
  width: 82%;
}
[document-item] .document-progress-bar[progress="82"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="83"] {
  pointer-events: all;
  opacity: 1;
  width: 83%;
}
[document-item] .document-progress-bar[progress="83"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="84"] {
  pointer-events: all;
  opacity: 1;
  width: 84%;
}
[document-item] .document-progress-bar[progress="84"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="85"] {
  pointer-events: all;
  opacity: 1;
  width: 85%;
}
[document-item] .document-progress-bar[progress="85"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="86"] {
  pointer-events: all;
  opacity: 1;
  width: 86%;
}
[document-item] .document-progress-bar[progress="86"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="87"] {
  pointer-events: all;
  opacity: 1;
  width: 87%;
}
[document-item] .document-progress-bar[progress="87"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="88"] {
  pointer-events: all;
  opacity: 1;
  width: 88%;
}
[document-item] .document-progress-bar[progress="88"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="89"] {
  pointer-events: all;
  opacity: 1;
  width: 89%;
}
[document-item] .document-progress-bar[progress="89"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="90"] {
  pointer-events: all;
  opacity: 1;
  width: 90%;
}
[document-item] .document-progress-bar[progress="90"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="91"] {
  pointer-events: all;
  opacity: 1;
  width: 91%;
}
[document-item] .document-progress-bar[progress="91"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="92"] {
  pointer-events: all;
  opacity: 1;
  width: 92%;
}
[document-item] .document-progress-bar[progress="92"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="93"] {
  pointer-events: all;
  opacity: 1;
  width: 93%;
}
[document-item] .document-progress-bar[progress="93"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="94"] {
  pointer-events: all;
  opacity: 1;
  width: 94%;
}
[document-item] .document-progress-bar[progress="94"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="95"] {
  pointer-events: all;
  opacity: 1;
  width: 95%;
}
[document-item] .document-progress-bar[progress="95"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="96"] {
  pointer-events: all;
  opacity: 1;
  width: 96%;
}
[document-item] .document-progress-bar[progress="96"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="97"] {
  pointer-events: all;
  opacity: 1;
  width: 97%;
}
[document-item] .document-progress-bar[progress="97"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="98"] {
  pointer-events: all;
  opacity: 1;
  width: 98%;
}
[document-item] .document-progress-bar[progress="98"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="99"] {
  pointer-events: all;
  opacity: 1;
  width: 99%;
}
[document-item] .document-progress-bar[progress="99"] ~ * {
  display: none;
}
[document-item] .document-progress-bar[progress="100"] {
  pointer-events: all;
  opacity: 1;
  width: 100%;
}
[document-item] .document-progress-bar[progress="100"] ~ * {
  display: none;
}
body.dragging-noscroll {
  overflow: hidden !important;
}
.documents-list {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 0.5em;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.documents-list > * {
  margin: 0 !important;
}
.documents-list > .document-list-place > .document-list-content-wrapper {
  position: absolute;
  top: calc(var(--top,0) - var(--list-top,0));
  left: calc(var(--left,0) - var(--list-left,0));
  width: var(--width,min(10rem,10vmax));
  height: var(--height,min(10rem,10vmax));
  transition: all 0.3s ease;
}
.documents-list > .document-list-place > .document-list-content-wrapper > .document-list-content {
  background-color: white;
  box-sizing: border-box;
}
.documents-list > .document-list-place > .document-list-content-wrapper > .document-list-item-remove {
  cursor: remove;
  color: inherit;
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: currentcolor;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: none;
}
.documents-list > .document-list-place > .document-list-content-wrapper > .document-list-item-remove::before,
.documents-list > .document-list-place > .document-list-content-wrapper > .document-list-item-remove::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.15rem;
  height: 0.6rem;
  background-color: white;
}
.documents-list > .document-list-place > .document-list-content-wrapper > .document-list-item-remove::after {
  width: 0.6rem;
  height: 0.15rem;
}
.documents-list > .document-list-place > .document-list-content-wrapper:hover > .document-list-item-remove {
  opacity: 1;
  pointer-events: all;
}
.documents-list > .document-new-item {
  cursor: pointer;
  order: 999999;
}
.documents-list > .document-new-item > * {
  background-color: #eee;
  width: 2.5em;
  height: 2.5em;
  border-radius: 1.25em;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.documents-list > .document-new-item > *::before,
.documents-list > .document-new-item > *::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.25em;
  height: 1em;
  background-color: currentColor;
}
.documents-list > .document-new-item > *::after {
  width: 1em;
  height: 0.25em;
}
.documents-list > .document-new-item:hover > * {
  width: var(--width, 0);
  height: var(--height, 0);
  border-radius: 0.25em;
}
.documents-list > .document-new-item input {
  display: none !important;
}
.documents-list.grid {
  grid-template-columns: repeat(auto-fill, minmax(min(10rem,10vmax), 1fr));
}
.documents-list.grid > .document-list-place {
  padding-top: 100%;
}
.documents-list.grid > .document-list-place > .document-list-content-wrapper > .document-list-content {
  width: 100%;
  height: 100%;
}
.documents-list.grid > .document-list-place > .document-list-content-wrapper > .document-list-item-remove {
  top: 0.25rem;
  right: 0.25rem;
}
.documents-list.grid > .document-new-item {
  padding-top: 100%;
}
.documents-list.grid > .document-new-item > * {
  position: absolute;
  top: calc(var(--top,0) - var(--list-top,0) + var(--height,0) * 0.5);
  left: calc(var(--left,0) - var(--list-left,0) + var(--width,0) * 0.5);
  background-color: #eee;
}
.documents-list.list > .document-list-place {
  height: var(--content-height, 100%);
}
.documents-list.list > .document-list-place > .document-list-content-wrapper:hover .document-item-frontend {
  width: calc(100% - 1rem);
}
.documents-list.list > .document-list-place > .document-list-content-wrapper > .document-list-item-remove {
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
.documents-list.list > .document-new-item {
  height: calc(1.5em + 0.75rem + 2px);
}
.documents-list.list > .document-new-item > * {
  position: relative;
  top: 50%;
  left: 50%;
}
.documents-list.dragging .document-list-place:not(.dragged) .document-list-content-wrapper {
  filter: grayscale(1);
  opacity: 0.5;
}
.documents-list.dragging.touch .dragged .document-list-content-wrapper {
  z-index: 999;
}
.documents-list.dragging.touch .dragged .document-list-content-wrapper .document-list-content {
  outline-color: black;
}
.documents-list.dragging:not(.touch) .dragged {
  opacity: 0;
}


.form-item-error {
  color: #dc3545;
}


#mobile-console {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #465353;
  z-index: 9999999999;
  box-sizing: border-box;
  padding-top: max(env(safe-area-inset-top,0.5rem),0.5em);
  padding-bottom: max(env(safe-area-inset-bottom,0.5rem),0.5em);
  padding-left: max(env(safe-area-inset-left,0.5rem),0.5em);
  padding-right: max(env(safe-area-inset-right,0.5rem),0.5em);
}
#mobile-console::after {
  content: '';
  position: absolute;
  top: 50%;
  right: max(env(safe-area-inset-right,0.5rem),0.5em);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-top-color: red;
  border-top-width: env(safe-area-inset-top, 0px);
  border-bottom-color: green;
  border-bottom-width: env(safe-area-inset-bottom, 0px);
  border-left-color: blue;
  border-left-width: env(safe-area-inset-left, 0px);
  border-right-color: yellow;
  border-right-width: env(safe-area-inset-right, 0px);
  background-color: red;
  z-index: 9999999999;
}
#mobile-console .mobile-console-wrapper {
  font-family: monospace;
  width: 100%;
  color: #c8d0d0;
  max-height: 25vh;
  overflow: auto;
}
#mobile-console .mobile-console-wrapper pre {
  width: 100%;
  margin: 0;
  color: inherit;
}
#mobile-console .mobile-console-wrapper pre[repeated]::before {
  content: attr(repeated);
  display: inline-block;
  background-color: #c8d0d0;
  color: #758a8a;
  border-radius: 0.5em;
  padding: 0 0.5em;
  margin-right: 0.5em;
}
#mobile-console .mobile-console-wrapper:empty::after {
  content: 'console';
  opacity: 0.3;
}
#mobile-console .mobile-console-close {
  position: absolute;
  bottom: -1rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #2d3434;
  box-shadow: 0 0.5rem 0.5rem -0.5rem #000000;
  pointer-events: all;
}
#mobile-console .mobile-console-close:before,
#mobile-console .mobile-console-close:after {
  position: absolute;
  content: '';
  width: 1rem;
  height: 0.25rem;
  background-color: #c8d0d0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
#mobile-console .mobile-console-close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#mobile-console-margin {
  width: 100%;
}
.sticky {
  position: sticky;
  top: 1rem;
}
.sticky-center {
  position: sticky;
  top: calc(50vh - var(--sticky-height) * 0.5px);
}
.stretchy {
  resize: none;
}
.nowrap {
  white-space: nowrap;
  flex-wrap: nowrap;
}
.w-min {
  width: 0;
}
.lh-1 {
  line-height: 1;
}
.scroll-overflow {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.scroll-overflow::after {
  content: 'x';
  visibility: hidden;
}
.scroll-overflow > * {
  position: absolute;
  width: max-content;
  min-width: 100%;
  max-width: 100%;
  right: 0;
  transition: all 1s linear;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scroll-overflow:hover > * {
  transition-delay: 0.5s;
  transition-duration: 5s;
  max-width: 999%;
}


@keyframes ani-img-loaded {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
img[width][height] {
  object-fit: contain;
}
img.img-cover {
  object-fit: cover !important;
}
img.img-contain {
  object-fit: contain !important;
}
img[data-src]:not([src]) {
  opacity: 0;
}
img.img-load:not(.img-noeffect) {
  opacity: 0;
}
img.img-load:not(.img-noeffect).img-loaded {
  animation-name: ani-img-loaded;
  animation-delay: 0.15s;
  animation-duration: 0.15s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
img.img-load:not(.img-noeffect):not(.img-preloaded) {
  animation-delay: 0.5s;
}


@keyframes ani-modal-show {
  from {
    transform: translate(-50%, 1rem);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}
@keyframes ani-modal-close {
  from {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -1rem);
    opacity: 0;
  }
}
#includer-modal > * {
  margin: 1.75rem 0;
  animation-name: ani-modal-show;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  position: absolute;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: none;
}
#includer-modal > *:before {
  content: '';
  display: block;
  background-color: currentcolor;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.5;
  z-index: 99;
  transition: all 0.15s ease;
  pointer-events: none;
}
#includer-modal > *:not(:nth-last-child(-n+5)) {
  opacity: 0;
}
#includer-modal > *:last-child {
  pointer-events: all;
  position: relative;
}
#includer-modal > *:last-child:before {
  opacity: 0;
}
#includer-modal > *:nth-last-child(2) {
  transform: translate(-50%, 0) scale(0.98);
}
#includer-modal > *:nth-last-child(2):before {
  opacity: 0.35;
}
#includer-modal > *:nth-last-child(3) {
  transform: translate(-50%, 0) scale(0.97);
}
#includer-modal > *:nth-last-child(3):before {
  opacity: 0.275;
}
#includer-modal > *:nth-last-child(4) {
  transform: translate(-50%, 0) scale(0.96);
}
#includer-modal > *:nth-last-child(4):before {
  opacity: 0.2;
}
#includer-modal > *:nth-last-child(5) {
  transform: translate(-50%, 0) scale(0.95);
}
#includer-modal > *:nth-last-child(5):before {
  opacity: 0.125;
}
#includer-modal > *.modal-close {
  animation-name: ani-modal-close;
}


/*
  Kapta grid structure
  v0.2 - 2022-08-24
*/
.kgrid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: var(--padding,1rem);
  grid-auto-flow: dense;
  width: 100%;
}
.kgrid.gapless {
  grid-gap: 0;
}
.kgrid > * {
  grid-column: auto / span all;
  grid-row: auto / span 1;
  overflow: visible;
  display: flex;
}
.kgrid > .krow-auto {
  grid-row: auto / span all;
}
.kgrid > .kcol-auto {
  grid-column: auto / span all;
}
.kgrid > .krow-1 {
  grid-row: auto / span 1;
}
.kgrid > .krow-1-auto {
  grid-row: 1 / span all;
}
.kgrid > .kcol-1 {
  grid-column: auto / span 1;
}
.kgrid > .kcol-1-auto {
  grid-column: 1 / span all;
}
.kgrid > .krow-1-1 {
  grid-row: 1 / span 1;
}
.kgrid > .kcol-1-1 {
  grid-column: 1 / span 1;
}
.kgrid > .krow-1-2 {
  grid-row: 1 / span 2;
}
.kgrid > .kcol-1-2 {
  grid-column: 1 / span 2;
}
.kgrid > .krow-1-3 {
  grid-row: 1 / span 3;
}
.kgrid > .kcol-1-3 {
  grid-column: 1 / span 3;
}
.kgrid > .krow-1-4 {
  grid-row: 1 / span 4;
}
.kgrid > .kcol-1-4 {
  grid-column: 1 / span 4;
}
.kgrid > .krow-1-5 {
  grid-row: 1 / span 5;
}
.kgrid > .kcol-1-5 {
  grid-column: 1 / span 5;
}
.kgrid > .krow-1-6 {
  grid-row: 1 / span 6;
}
.kgrid > .kcol-1-6 {
  grid-column: 1 / span 6;
}
.kgrid > .krow-1-7 {
  grid-row: 1 / span 7;
}
.kgrid > .kcol-1-7 {
  grid-column: 1 / span 7;
}
.kgrid > .krow-1-8 {
  grid-row: 1 / span 8;
}
.kgrid > .kcol-1-8 {
  grid-column: 1 / span 8;
}
.kgrid > .krow-1-9 {
  grid-row: 1 / span 9;
}
.kgrid > .kcol-1-9 {
  grid-column: 1 / span 9;
}
.kgrid > .krow-1-10 {
  grid-row: 1 / span 10;
}
.kgrid > .kcol-1-10 {
  grid-column: 1 / span 10;
}
.kgrid > .krow-1-11 {
  grid-row: 1 / span 11;
}
.kgrid > .kcol-1-11 {
  grid-column: 1 / span 11;
}
.kgrid > .krow-1-12 {
  grid-row: 1 / span 12;
}
.kgrid > .kcol-1-12 {
  grid-column: 1 / span 12;
}
.kgrid > .krow-2 {
  grid-row: auto / span 2;
}
.kgrid > .krow-2-auto {
  grid-row: 2 / span all;
}
.kgrid > .kcol-2 {
  grid-column: auto / span 2;
}
.kgrid > .kcol-2-auto {
  grid-column: 2 / span all;
}
.kgrid > .krow-2-1 {
  grid-row: 2 / span 1;
}
.kgrid > .kcol-2-1 {
  grid-column: 2 / span 1;
}
.kgrid > .krow-2-2 {
  grid-row: 2 / span 2;
}
.kgrid > .kcol-2-2 {
  grid-column: 2 / span 2;
}
.kgrid > .krow-2-3 {
  grid-row: 2 / span 3;
}
.kgrid > .kcol-2-3 {
  grid-column: 2 / span 3;
}
.kgrid > .krow-2-4 {
  grid-row: 2 / span 4;
}
.kgrid > .kcol-2-4 {
  grid-column: 2 / span 4;
}
.kgrid > .krow-2-5 {
  grid-row: 2 / span 5;
}
.kgrid > .kcol-2-5 {
  grid-column: 2 / span 5;
}
.kgrid > .krow-2-6 {
  grid-row: 2 / span 6;
}
.kgrid > .kcol-2-6 {
  grid-column: 2 / span 6;
}
.kgrid > .krow-2-7 {
  grid-row: 2 / span 7;
}
.kgrid > .kcol-2-7 {
  grid-column: 2 / span 7;
}
.kgrid > .krow-2-8 {
  grid-row: 2 / span 8;
}
.kgrid > .kcol-2-8 {
  grid-column: 2 / span 8;
}
.kgrid > .krow-2-9 {
  grid-row: 2 / span 9;
}
.kgrid > .kcol-2-9 {
  grid-column: 2 / span 9;
}
.kgrid > .krow-2-10 {
  grid-row: 2 / span 10;
}
.kgrid > .kcol-2-10 {
  grid-column: 2 / span 10;
}
.kgrid > .krow-2-11 {
  grid-row: 2 / span 11;
}
.kgrid > .kcol-2-11 {
  grid-column: 2 / span 11;
}
.kgrid > .krow-2-12 {
  grid-row: 2 / span 12;
}
.kgrid > .kcol-2-12 {
  grid-column: 2 / span 12;
}
.kgrid > .krow-3 {
  grid-row: auto / span 3;
}
.kgrid > .krow-3-auto {
  grid-row: 3 / span all;
}
.kgrid > .kcol-3 {
  grid-column: auto / span 3;
}
.kgrid > .kcol-3-auto {
  grid-column: 3 / span all;
}
.kgrid > .krow-3-1 {
  grid-row: 3 / span 1;
}
.kgrid > .kcol-3-1 {
  grid-column: 3 / span 1;
}
.kgrid > .krow-3-2 {
  grid-row: 3 / span 2;
}
.kgrid > .kcol-3-2 {
  grid-column: 3 / span 2;
}
.kgrid > .krow-3-3 {
  grid-row: 3 / span 3;
}
.kgrid > .kcol-3-3 {
  grid-column: 3 / span 3;
}
.kgrid > .krow-3-4 {
  grid-row: 3 / span 4;
}
.kgrid > .kcol-3-4 {
  grid-column: 3 / span 4;
}
.kgrid > .krow-3-5 {
  grid-row: 3 / span 5;
}
.kgrid > .kcol-3-5 {
  grid-column: 3 / span 5;
}
.kgrid > .krow-3-6 {
  grid-row: 3 / span 6;
}
.kgrid > .kcol-3-6 {
  grid-column: 3 / span 6;
}
.kgrid > .krow-3-7 {
  grid-row: 3 / span 7;
}
.kgrid > .kcol-3-7 {
  grid-column: 3 / span 7;
}
.kgrid > .krow-3-8 {
  grid-row: 3 / span 8;
}
.kgrid > .kcol-3-8 {
  grid-column: 3 / span 8;
}
.kgrid > .krow-3-9 {
  grid-row: 3 / span 9;
}
.kgrid > .kcol-3-9 {
  grid-column: 3 / span 9;
}
.kgrid > .krow-3-10 {
  grid-row: 3 / span 10;
}
.kgrid > .kcol-3-10 {
  grid-column: 3 / span 10;
}
.kgrid > .krow-3-11 {
  grid-row: 3 / span 11;
}
.kgrid > .kcol-3-11 {
  grid-column: 3 / span 11;
}
.kgrid > .krow-3-12 {
  grid-row: 3 / span 12;
}
.kgrid > .kcol-3-12 {
  grid-column: 3 / span 12;
}
.kgrid > .krow-4 {
  grid-row: auto / span 4;
}
.kgrid > .krow-4-auto {
  grid-row: 4 / span all;
}
.kgrid > .kcol-4 {
  grid-column: auto / span 4;
}
.kgrid > .kcol-4-auto {
  grid-column: 4 / span all;
}
.kgrid > .krow-4-1 {
  grid-row: 4 / span 1;
}
.kgrid > .kcol-4-1 {
  grid-column: 4 / span 1;
}
.kgrid > .krow-4-2 {
  grid-row: 4 / span 2;
}
.kgrid > .kcol-4-2 {
  grid-column: 4 / span 2;
}
.kgrid > .krow-4-3 {
  grid-row: 4 / span 3;
}
.kgrid > .kcol-4-3 {
  grid-column: 4 / span 3;
}
.kgrid > .krow-4-4 {
  grid-row: 4 / span 4;
}
.kgrid > .kcol-4-4 {
  grid-column: 4 / span 4;
}
.kgrid > .krow-4-5 {
  grid-row: 4 / span 5;
}
.kgrid > .kcol-4-5 {
  grid-column: 4 / span 5;
}
.kgrid > .krow-4-6 {
  grid-row: 4 / span 6;
}
.kgrid > .kcol-4-6 {
  grid-column: 4 / span 6;
}
.kgrid > .krow-4-7 {
  grid-row: 4 / span 7;
}
.kgrid > .kcol-4-7 {
  grid-column: 4 / span 7;
}
.kgrid > .krow-4-8 {
  grid-row: 4 / span 8;
}
.kgrid > .kcol-4-8 {
  grid-column: 4 / span 8;
}
.kgrid > .krow-4-9 {
  grid-row: 4 / span 9;
}
.kgrid > .kcol-4-9 {
  grid-column: 4 / span 9;
}
.kgrid > .krow-4-10 {
  grid-row: 4 / span 10;
}
.kgrid > .kcol-4-10 {
  grid-column: 4 / span 10;
}
.kgrid > .krow-4-11 {
  grid-row: 4 / span 11;
}
.kgrid > .kcol-4-11 {
  grid-column: 4 / span 11;
}
.kgrid > .krow-4-12 {
  grid-row: 4 / span 12;
}
.kgrid > .kcol-4-12 {
  grid-column: 4 / span 12;
}
.kgrid > .krow-5 {
  grid-row: auto / span 5;
}
.kgrid > .krow-5-auto {
  grid-row: 5 / span all;
}
.kgrid > .kcol-5 {
  grid-column: auto / span 5;
}
.kgrid > .kcol-5-auto {
  grid-column: 5 / span all;
}
.kgrid > .krow-5-1 {
  grid-row: 5 / span 1;
}
.kgrid > .kcol-5-1 {
  grid-column: 5 / span 1;
}
.kgrid > .krow-5-2 {
  grid-row: 5 / span 2;
}
.kgrid > .kcol-5-2 {
  grid-column: 5 / span 2;
}
.kgrid > .krow-5-3 {
  grid-row: 5 / span 3;
}
.kgrid > .kcol-5-3 {
  grid-column: 5 / span 3;
}
.kgrid > .krow-5-4 {
  grid-row: 5 / span 4;
}
.kgrid > .kcol-5-4 {
  grid-column: 5 / span 4;
}
.kgrid > .krow-5-5 {
  grid-row: 5 / span 5;
}
.kgrid > .kcol-5-5 {
  grid-column: 5 / span 5;
}
.kgrid > .krow-5-6 {
  grid-row: 5 / span 6;
}
.kgrid > .kcol-5-6 {
  grid-column: 5 / span 6;
}
.kgrid > .krow-5-7 {
  grid-row: 5 / span 7;
}
.kgrid > .kcol-5-7 {
  grid-column: 5 / span 7;
}
.kgrid > .krow-5-8 {
  grid-row: 5 / span 8;
}
.kgrid > .kcol-5-8 {
  grid-column: 5 / span 8;
}
.kgrid > .krow-5-9 {
  grid-row: 5 / span 9;
}
.kgrid > .kcol-5-9 {
  grid-column: 5 / span 9;
}
.kgrid > .krow-5-10 {
  grid-row: 5 / span 10;
}
.kgrid > .kcol-5-10 {
  grid-column: 5 / span 10;
}
.kgrid > .krow-5-11 {
  grid-row: 5 / span 11;
}
.kgrid > .kcol-5-11 {
  grid-column: 5 / span 11;
}
.kgrid > .krow-5-12 {
  grid-row: 5 / span 12;
}
.kgrid > .kcol-5-12 {
  grid-column: 5 / span 12;
}
.kgrid > .krow-6 {
  grid-row: auto / span 6;
}
.kgrid > .krow-6-auto {
  grid-row: 6 / span all;
}
.kgrid > .kcol-6 {
  grid-column: auto / span 6;
}
.kgrid > .kcol-6-auto {
  grid-column: 6 / span all;
}
.kgrid > .krow-6-1 {
  grid-row: 6 / span 1;
}
.kgrid > .kcol-6-1 {
  grid-column: 6 / span 1;
}
.kgrid > .krow-6-2 {
  grid-row: 6 / span 2;
}
.kgrid > .kcol-6-2 {
  grid-column: 6 / span 2;
}
.kgrid > .krow-6-3 {
  grid-row: 6 / span 3;
}
.kgrid > .kcol-6-3 {
  grid-column: 6 / span 3;
}
.kgrid > .krow-6-4 {
  grid-row: 6 / span 4;
}
.kgrid > .kcol-6-4 {
  grid-column: 6 / span 4;
}
.kgrid > .krow-6-5 {
  grid-row: 6 / span 5;
}
.kgrid > .kcol-6-5 {
  grid-column: 6 / span 5;
}
.kgrid > .krow-6-6 {
  grid-row: 6 / span 6;
}
.kgrid > .kcol-6-6 {
  grid-column: 6 / span 6;
}
.kgrid > .krow-6-7 {
  grid-row: 6 / span 7;
}
.kgrid > .kcol-6-7 {
  grid-column: 6 / span 7;
}
.kgrid > .krow-6-8 {
  grid-row: 6 / span 8;
}
.kgrid > .kcol-6-8 {
  grid-column: 6 / span 8;
}
.kgrid > .krow-6-9 {
  grid-row: 6 / span 9;
}
.kgrid > .kcol-6-9 {
  grid-column: 6 / span 9;
}
.kgrid > .krow-6-10 {
  grid-row: 6 / span 10;
}
.kgrid > .kcol-6-10 {
  grid-column: 6 / span 10;
}
.kgrid > .krow-6-11 {
  grid-row: 6 / span 11;
}
.kgrid > .kcol-6-11 {
  grid-column: 6 / span 11;
}
.kgrid > .krow-6-12 {
  grid-row: 6 / span 12;
}
.kgrid > .kcol-6-12 {
  grid-column: 6 / span 12;
}
.kgrid > .krow-7 {
  grid-row: auto / span 7;
}
.kgrid > .krow-7-auto {
  grid-row: 7 / span all;
}
.kgrid > .kcol-7 {
  grid-column: auto / span 7;
}
.kgrid > .kcol-7-auto {
  grid-column: 7 / span all;
}
.kgrid > .krow-7-1 {
  grid-row: 7 / span 1;
}
.kgrid > .kcol-7-1 {
  grid-column: 7 / span 1;
}
.kgrid > .krow-7-2 {
  grid-row: 7 / span 2;
}
.kgrid > .kcol-7-2 {
  grid-column: 7 / span 2;
}
.kgrid > .krow-7-3 {
  grid-row: 7 / span 3;
}
.kgrid > .kcol-7-3 {
  grid-column: 7 / span 3;
}
.kgrid > .krow-7-4 {
  grid-row: 7 / span 4;
}
.kgrid > .kcol-7-4 {
  grid-column: 7 / span 4;
}
.kgrid > .krow-7-5 {
  grid-row: 7 / span 5;
}
.kgrid > .kcol-7-5 {
  grid-column: 7 / span 5;
}
.kgrid > .krow-7-6 {
  grid-row: 7 / span 6;
}
.kgrid > .kcol-7-6 {
  grid-column: 7 / span 6;
}
.kgrid > .krow-7-7 {
  grid-row: 7 / span 7;
}
.kgrid > .kcol-7-7 {
  grid-column: 7 / span 7;
}
.kgrid > .krow-7-8 {
  grid-row: 7 / span 8;
}
.kgrid > .kcol-7-8 {
  grid-column: 7 / span 8;
}
.kgrid > .krow-7-9 {
  grid-row: 7 / span 9;
}
.kgrid > .kcol-7-9 {
  grid-column: 7 / span 9;
}
.kgrid > .krow-7-10 {
  grid-row: 7 / span 10;
}
.kgrid > .kcol-7-10 {
  grid-column: 7 / span 10;
}
.kgrid > .krow-7-11 {
  grid-row: 7 / span 11;
}
.kgrid > .kcol-7-11 {
  grid-column: 7 / span 11;
}
.kgrid > .krow-7-12 {
  grid-row: 7 / span 12;
}
.kgrid > .kcol-7-12 {
  grid-column: 7 / span 12;
}
.kgrid > .krow-8 {
  grid-row: auto / span 8;
}
.kgrid > .krow-8-auto {
  grid-row: 8 / span all;
}
.kgrid > .kcol-8 {
  grid-column: auto / span 8;
}
.kgrid > .kcol-8-auto {
  grid-column: 8 / span all;
}
.kgrid > .krow-8-1 {
  grid-row: 8 / span 1;
}
.kgrid > .kcol-8-1 {
  grid-column: 8 / span 1;
}
.kgrid > .krow-8-2 {
  grid-row: 8 / span 2;
}
.kgrid > .kcol-8-2 {
  grid-column: 8 / span 2;
}
.kgrid > .krow-8-3 {
  grid-row: 8 / span 3;
}
.kgrid > .kcol-8-3 {
  grid-column: 8 / span 3;
}
.kgrid > .krow-8-4 {
  grid-row: 8 / span 4;
}
.kgrid > .kcol-8-4 {
  grid-column: 8 / span 4;
}
.kgrid > .krow-8-5 {
  grid-row: 8 / span 5;
}
.kgrid > .kcol-8-5 {
  grid-column: 8 / span 5;
}
.kgrid > .krow-8-6 {
  grid-row: 8 / span 6;
}
.kgrid > .kcol-8-6 {
  grid-column: 8 / span 6;
}
.kgrid > .krow-8-7 {
  grid-row: 8 / span 7;
}
.kgrid > .kcol-8-7 {
  grid-column: 8 / span 7;
}
.kgrid > .krow-8-8 {
  grid-row: 8 / span 8;
}
.kgrid > .kcol-8-8 {
  grid-column: 8 / span 8;
}
.kgrid > .krow-8-9 {
  grid-row: 8 / span 9;
}
.kgrid > .kcol-8-9 {
  grid-column: 8 / span 9;
}
.kgrid > .krow-8-10 {
  grid-row: 8 / span 10;
}
.kgrid > .kcol-8-10 {
  grid-column: 8 / span 10;
}
.kgrid > .krow-8-11 {
  grid-row: 8 / span 11;
}
.kgrid > .kcol-8-11 {
  grid-column: 8 / span 11;
}
.kgrid > .krow-8-12 {
  grid-row: 8 / span 12;
}
.kgrid > .kcol-8-12 {
  grid-column: 8 / span 12;
}
.kgrid > .krow-9 {
  grid-row: auto / span 9;
}
.kgrid > .krow-9-auto {
  grid-row: 9 / span all;
}
.kgrid > .kcol-9 {
  grid-column: auto / span 9;
}
.kgrid > .kcol-9-auto {
  grid-column: 9 / span all;
}
.kgrid > .krow-9-1 {
  grid-row: 9 / span 1;
}
.kgrid > .kcol-9-1 {
  grid-column: 9 / span 1;
}
.kgrid > .krow-9-2 {
  grid-row: 9 / span 2;
}
.kgrid > .kcol-9-2 {
  grid-column: 9 / span 2;
}
.kgrid > .krow-9-3 {
  grid-row: 9 / span 3;
}
.kgrid > .kcol-9-3 {
  grid-column: 9 / span 3;
}
.kgrid > .krow-9-4 {
  grid-row: 9 / span 4;
}
.kgrid > .kcol-9-4 {
  grid-column: 9 / span 4;
}
.kgrid > .krow-9-5 {
  grid-row: 9 / span 5;
}
.kgrid > .kcol-9-5 {
  grid-column: 9 / span 5;
}
.kgrid > .krow-9-6 {
  grid-row: 9 / span 6;
}
.kgrid > .kcol-9-6 {
  grid-column: 9 / span 6;
}
.kgrid > .krow-9-7 {
  grid-row: 9 / span 7;
}
.kgrid > .kcol-9-7 {
  grid-column: 9 / span 7;
}
.kgrid > .krow-9-8 {
  grid-row: 9 / span 8;
}
.kgrid > .kcol-9-8 {
  grid-column: 9 / span 8;
}
.kgrid > .krow-9-9 {
  grid-row: 9 / span 9;
}
.kgrid > .kcol-9-9 {
  grid-column: 9 / span 9;
}
.kgrid > .krow-9-10 {
  grid-row: 9 / span 10;
}
.kgrid > .kcol-9-10 {
  grid-column: 9 / span 10;
}
.kgrid > .krow-9-11 {
  grid-row: 9 / span 11;
}
.kgrid > .kcol-9-11 {
  grid-column: 9 / span 11;
}
.kgrid > .krow-9-12 {
  grid-row: 9 / span 12;
}
.kgrid > .kcol-9-12 {
  grid-column: 9 / span 12;
}
.kgrid > .krow-10 {
  grid-row: auto / span 10;
}
.kgrid > .krow-10-auto {
  grid-row: 10 / span all;
}
.kgrid > .kcol-10 {
  grid-column: auto / span 10;
}
.kgrid > .kcol-10-auto {
  grid-column: 10 / span all;
}
.kgrid > .krow-10-1 {
  grid-row: 10 / span 1;
}
.kgrid > .kcol-10-1 {
  grid-column: 10 / span 1;
}
.kgrid > .krow-10-2 {
  grid-row: 10 / span 2;
}
.kgrid > .kcol-10-2 {
  grid-column: 10 / span 2;
}
.kgrid > .krow-10-3 {
  grid-row: 10 / span 3;
}
.kgrid > .kcol-10-3 {
  grid-column: 10 / span 3;
}
.kgrid > .krow-10-4 {
  grid-row: 10 / span 4;
}
.kgrid > .kcol-10-4 {
  grid-column: 10 / span 4;
}
.kgrid > .krow-10-5 {
  grid-row: 10 / span 5;
}
.kgrid > .kcol-10-5 {
  grid-column: 10 / span 5;
}
.kgrid > .krow-10-6 {
  grid-row: 10 / span 6;
}
.kgrid > .kcol-10-6 {
  grid-column: 10 / span 6;
}
.kgrid > .krow-10-7 {
  grid-row: 10 / span 7;
}
.kgrid > .kcol-10-7 {
  grid-column: 10 / span 7;
}
.kgrid > .krow-10-8 {
  grid-row: 10 / span 8;
}
.kgrid > .kcol-10-8 {
  grid-column: 10 / span 8;
}
.kgrid > .krow-10-9 {
  grid-row: 10 / span 9;
}
.kgrid > .kcol-10-9 {
  grid-column: 10 / span 9;
}
.kgrid > .krow-10-10 {
  grid-row: 10 / span 10;
}
.kgrid > .kcol-10-10 {
  grid-column: 10 / span 10;
}
.kgrid > .krow-10-11 {
  grid-row: 10 / span 11;
}
.kgrid > .kcol-10-11 {
  grid-column: 10 / span 11;
}
.kgrid > .krow-10-12 {
  grid-row: 10 / span 12;
}
.kgrid > .kcol-10-12 {
  grid-column: 10 / span 12;
}
.kgrid > .krow-11 {
  grid-row: auto / span 11;
}
.kgrid > .krow-11-auto {
  grid-row: 11 / span all;
}
.kgrid > .kcol-11 {
  grid-column: auto / span 11;
}
.kgrid > .kcol-11-auto {
  grid-column: 11 / span all;
}
.kgrid > .krow-11-1 {
  grid-row: 11 / span 1;
}
.kgrid > .kcol-11-1 {
  grid-column: 11 / span 1;
}
.kgrid > .krow-11-2 {
  grid-row: 11 / span 2;
}
.kgrid > .kcol-11-2 {
  grid-column: 11 / span 2;
}
.kgrid > .krow-11-3 {
  grid-row: 11 / span 3;
}
.kgrid > .kcol-11-3 {
  grid-column: 11 / span 3;
}
.kgrid > .krow-11-4 {
  grid-row: 11 / span 4;
}
.kgrid > .kcol-11-4 {
  grid-column: 11 / span 4;
}
.kgrid > .krow-11-5 {
  grid-row: 11 / span 5;
}
.kgrid > .kcol-11-5 {
  grid-column: 11 / span 5;
}
.kgrid > .krow-11-6 {
  grid-row: 11 / span 6;
}
.kgrid > .kcol-11-6 {
  grid-column: 11 / span 6;
}
.kgrid > .krow-11-7 {
  grid-row: 11 / span 7;
}
.kgrid > .kcol-11-7 {
  grid-column: 11 / span 7;
}
.kgrid > .krow-11-8 {
  grid-row: 11 / span 8;
}
.kgrid > .kcol-11-8 {
  grid-column: 11 / span 8;
}
.kgrid > .krow-11-9 {
  grid-row: 11 / span 9;
}
.kgrid > .kcol-11-9 {
  grid-column: 11 / span 9;
}
.kgrid > .krow-11-10 {
  grid-row: 11 / span 10;
}
.kgrid > .kcol-11-10 {
  grid-column: 11 / span 10;
}
.kgrid > .krow-11-11 {
  grid-row: 11 / span 11;
}
.kgrid > .kcol-11-11 {
  grid-column: 11 / span 11;
}
.kgrid > .krow-11-12 {
  grid-row: 11 / span 12;
}
.kgrid > .kcol-11-12 {
  grid-column: 11 / span 12;
}
.kgrid > .krow-12 {
  grid-row: auto / span 12;
}
.kgrid > .krow-12-auto {
  grid-row: 12 / span all;
}
.kgrid > .kcol-12 {
  grid-column: auto / span 12;
}
.kgrid > .kcol-12-auto {
  grid-column: 12 / span all;
}
.kgrid > .krow-12-1 {
  grid-row: 12 / span 1;
}
.kgrid > .kcol-12-1 {
  grid-column: 12 / span 1;
}
.kgrid > .krow-12-2 {
  grid-row: 12 / span 2;
}
.kgrid > .kcol-12-2 {
  grid-column: 12 / span 2;
}
.kgrid > .krow-12-3 {
  grid-row: 12 / span 3;
}
.kgrid > .kcol-12-3 {
  grid-column: 12 / span 3;
}
.kgrid > .krow-12-4 {
  grid-row: 12 / span 4;
}
.kgrid > .kcol-12-4 {
  grid-column: 12 / span 4;
}
.kgrid > .krow-12-5 {
  grid-row: 12 / span 5;
}
.kgrid > .kcol-12-5 {
  grid-column: 12 / span 5;
}
.kgrid > .krow-12-6 {
  grid-row: 12 / span 6;
}
.kgrid > .kcol-12-6 {
  grid-column: 12 / span 6;
}
.kgrid > .krow-12-7 {
  grid-row: 12 / span 7;
}
.kgrid > .kcol-12-7 {
  grid-column: 12 / span 7;
}
.kgrid > .krow-12-8 {
  grid-row: 12 / span 8;
}
.kgrid > .kcol-12-8 {
  grid-column: 12 / span 8;
}
.kgrid > .krow-12-9 {
  grid-row: 12 / span 9;
}
.kgrid > .kcol-12-9 {
  grid-column: 12 / span 9;
}
.kgrid > .krow-12-10 {
  grid-row: 12 / span 10;
}
.kgrid > .kcol-12-10 {
  grid-column: 12 / span 10;
}
.kgrid > .krow-12-11 {
  grid-row: 12 / span 11;
}
.kgrid > .kcol-12-11 {
  grid-column: 12 / span 11;
}
.kgrid > .krow-12-12 {
  grid-row: 12 / span 12;
}
.kgrid > .kcol-12-12 {
  grid-column: 12 / span 12;
}
@media (min-width: 576px) {
  .kgrid > .krow-sm-auto {
    grid-row: auto / span all;
  }
  .kgrid > .kcol-sm-auto {
    grid-column: auto / span all;
  }
  .kgrid > .krow-sm-1 {
    grid-row: auto / span 1;
  }
  .kgrid > .krow-sm-1-auto {
    grid-row: 1 / span all;
  }
  .kgrid > .kcol-sm-1 {
    grid-column: auto / span 1;
  }
  .kgrid > .kcol-sm-1-auto {
    grid-column: 1 / span all;
  }
  .kgrid > .krow-sm-1-1 {
    grid-row: 1 / span 1;
  }
  .kgrid > .kcol-sm-1-1 {
    grid-column: 1 / span 1;
  }
  .kgrid > .krow-sm-1-2 {
    grid-row: 1 / span 2;
  }
  .kgrid > .kcol-sm-1-2 {
    grid-column: 1 / span 2;
  }
  .kgrid > .krow-sm-1-3 {
    grid-row: 1 / span 3;
  }
  .kgrid > .kcol-sm-1-3 {
    grid-column: 1 / span 3;
  }
  .kgrid > .krow-sm-1-4 {
    grid-row: 1 / span 4;
  }
  .kgrid > .kcol-sm-1-4 {
    grid-column: 1 / span 4;
  }
  .kgrid > .krow-sm-1-5 {
    grid-row: 1 / span 5;
  }
  .kgrid > .kcol-sm-1-5 {
    grid-column: 1 / span 5;
  }
  .kgrid > .krow-sm-1-6 {
    grid-row: 1 / span 6;
  }
  .kgrid > .kcol-sm-1-6 {
    grid-column: 1 / span 6;
  }
  .kgrid > .krow-sm-1-7 {
    grid-row: 1 / span 7;
  }
  .kgrid > .kcol-sm-1-7 {
    grid-column: 1 / span 7;
  }
  .kgrid > .krow-sm-1-8 {
    grid-row: 1 / span 8;
  }
  .kgrid > .kcol-sm-1-8 {
    grid-column: 1 / span 8;
  }
  .kgrid > .krow-sm-1-9 {
    grid-row: 1 / span 9;
  }
  .kgrid > .kcol-sm-1-9 {
    grid-column: 1 / span 9;
  }
  .kgrid > .krow-sm-1-10 {
    grid-row: 1 / span 10;
  }
  .kgrid > .kcol-sm-1-10 {
    grid-column: 1 / span 10;
  }
  .kgrid > .krow-sm-1-11 {
    grid-row: 1 / span 11;
  }
  .kgrid > .kcol-sm-1-11 {
    grid-column: 1 / span 11;
  }
  .kgrid > .krow-sm-1-12 {
    grid-row: 1 / span 12;
  }
  .kgrid > .kcol-sm-1-12 {
    grid-column: 1 / span 12;
  }
  .kgrid > .krow-sm-2 {
    grid-row: auto / span 2;
  }
  .kgrid > .krow-sm-2-auto {
    grid-row: 2 / span all;
  }
  .kgrid > .kcol-sm-2 {
    grid-column: auto / span 2;
  }
  .kgrid > .kcol-sm-2-auto {
    grid-column: 2 / span all;
  }
  .kgrid > .krow-sm-2-1 {
    grid-row: 2 / span 1;
  }
  .kgrid > .kcol-sm-2-1 {
    grid-column: 2 / span 1;
  }
  .kgrid > .krow-sm-2-2 {
    grid-row: 2 / span 2;
  }
  .kgrid > .kcol-sm-2-2 {
    grid-column: 2 / span 2;
  }
  .kgrid > .krow-sm-2-3 {
    grid-row: 2 / span 3;
  }
  .kgrid > .kcol-sm-2-3 {
    grid-column: 2 / span 3;
  }
  .kgrid > .krow-sm-2-4 {
    grid-row: 2 / span 4;
  }
  .kgrid > .kcol-sm-2-4 {
    grid-column: 2 / span 4;
  }
  .kgrid > .krow-sm-2-5 {
    grid-row: 2 / span 5;
  }
  .kgrid > .kcol-sm-2-5 {
    grid-column: 2 / span 5;
  }
  .kgrid > .krow-sm-2-6 {
    grid-row: 2 / span 6;
  }
  .kgrid > .kcol-sm-2-6 {
    grid-column: 2 / span 6;
  }
  .kgrid > .krow-sm-2-7 {
    grid-row: 2 / span 7;
  }
  .kgrid > .kcol-sm-2-7 {
    grid-column: 2 / span 7;
  }
  .kgrid > .krow-sm-2-8 {
    grid-row: 2 / span 8;
  }
  .kgrid > .kcol-sm-2-8 {
    grid-column: 2 / span 8;
  }
  .kgrid > .krow-sm-2-9 {
    grid-row: 2 / span 9;
  }
  .kgrid > .kcol-sm-2-9 {
    grid-column: 2 / span 9;
  }
  .kgrid > .krow-sm-2-10 {
    grid-row: 2 / span 10;
  }
  .kgrid > .kcol-sm-2-10 {
    grid-column: 2 / span 10;
  }
  .kgrid > .krow-sm-2-11 {
    grid-row: 2 / span 11;
  }
  .kgrid > .kcol-sm-2-11 {
    grid-column: 2 / span 11;
  }
  .kgrid > .krow-sm-2-12 {
    grid-row: 2 / span 12;
  }
  .kgrid > .kcol-sm-2-12 {
    grid-column: 2 / span 12;
  }
  .kgrid > .krow-sm-3 {
    grid-row: auto / span 3;
  }
  .kgrid > .krow-sm-3-auto {
    grid-row: 3 / span all;
  }
  .kgrid > .kcol-sm-3 {
    grid-column: auto / span 3;
  }
  .kgrid > .kcol-sm-3-auto {
    grid-column: 3 / span all;
  }
  .kgrid > .krow-sm-3-1 {
    grid-row: 3 / span 1;
  }
  .kgrid > .kcol-sm-3-1 {
    grid-column: 3 / span 1;
  }
  .kgrid > .krow-sm-3-2 {
    grid-row: 3 / span 2;
  }
  .kgrid > .kcol-sm-3-2 {
    grid-column: 3 / span 2;
  }
  .kgrid > .krow-sm-3-3 {
    grid-row: 3 / span 3;
  }
  .kgrid > .kcol-sm-3-3 {
    grid-column: 3 / span 3;
  }
  .kgrid > .krow-sm-3-4 {
    grid-row: 3 / span 4;
  }
  .kgrid > .kcol-sm-3-4 {
    grid-column: 3 / span 4;
  }
  .kgrid > .krow-sm-3-5 {
    grid-row: 3 / span 5;
  }
  .kgrid > .kcol-sm-3-5 {
    grid-column: 3 / span 5;
  }
  .kgrid > .krow-sm-3-6 {
    grid-row: 3 / span 6;
  }
  .kgrid > .kcol-sm-3-6 {
    grid-column: 3 / span 6;
  }
  .kgrid > .krow-sm-3-7 {
    grid-row: 3 / span 7;
  }
  .kgrid > .kcol-sm-3-7 {
    grid-column: 3 / span 7;
  }
  .kgrid > .krow-sm-3-8 {
    grid-row: 3 / span 8;
  }
  .kgrid > .kcol-sm-3-8 {
    grid-column: 3 / span 8;
  }
  .kgrid > .krow-sm-3-9 {
    grid-row: 3 / span 9;
  }
  .kgrid > .kcol-sm-3-9 {
    grid-column: 3 / span 9;
  }
  .kgrid > .krow-sm-3-10 {
    grid-row: 3 / span 10;
  }
  .kgrid > .kcol-sm-3-10 {
    grid-column: 3 / span 10;
  }
  .kgrid > .krow-sm-3-11 {
    grid-row: 3 / span 11;
  }
  .kgrid > .kcol-sm-3-11 {
    grid-column: 3 / span 11;
  }
  .kgrid > .krow-sm-3-12 {
    grid-row: 3 / span 12;
  }
  .kgrid > .kcol-sm-3-12 {
    grid-column: 3 / span 12;
  }
  .kgrid > .krow-sm-4 {
    grid-row: auto / span 4;
  }
  .kgrid > .krow-sm-4-auto {
    grid-row: 4 / span all;
  }
  .kgrid > .kcol-sm-4 {
    grid-column: auto / span 4;
  }
  .kgrid > .kcol-sm-4-auto {
    grid-column: 4 / span all;
  }
  .kgrid > .krow-sm-4-1 {
    grid-row: 4 / span 1;
  }
  .kgrid > .kcol-sm-4-1 {
    grid-column: 4 / span 1;
  }
  .kgrid > .krow-sm-4-2 {
    grid-row: 4 / span 2;
  }
  .kgrid > .kcol-sm-4-2 {
    grid-column: 4 / span 2;
  }
  .kgrid > .krow-sm-4-3 {
    grid-row: 4 / span 3;
  }
  .kgrid > .kcol-sm-4-3 {
    grid-column: 4 / span 3;
  }
  .kgrid > .krow-sm-4-4 {
    grid-row: 4 / span 4;
  }
  .kgrid > .kcol-sm-4-4 {
    grid-column: 4 / span 4;
  }
  .kgrid > .krow-sm-4-5 {
    grid-row: 4 / span 5;
  }
  .kgrid > .kcol-sm-4-5 {
    grid-column: 4 / span 5;
  }
  .kgrid > .krow-sm-4-6 {
    grid-row: 4 / span 6;
  }
  .kgrid > .kcol-sm-4-6 {
    grid-column: 4 / span 6;
  }
  .kgrid > .krow-sm-4-7 {
    grid-row: 4 / span 7;
  }
  .kgrid > .kcol-sm-4-7 {
    grid-column: 4 / span 7;
  }
  .kgrid > .krow-sm-4-8 {
    grid-row: 4 / span 8;
  }
  .kgrid > .kcol-sm-4-8 {
    grid-column: 4 / span 8;
  }
  .kgrid > .krow-sm-4-9 {
    grid-row: 4 / span 9;
  }
  .kgrid > .kcol-sm-4-9 {
    grid-column: 4 / span 9;
  }
  .kgrid > .krow-sm-4-10 {
    grid-row: 4 / span 10;
  }
  .kgrid > .kcol-sm-4-10 {
    grid-column: 4 / span 10;
  }
  .kgrid > .krow-sm-4-11 {
    grid-row: 4 / span 11;
  }
  .kgrid > .kcol-sm-4-11 {
    grid-column: 4 / span 11;
  }
  .kgrid > .krow-sm-4-12 {
    grid-row: 4 / span 12;
  }
  .kgrid > .kcol-sm-4-12 {
    grid-column: 4 / span 12;
  }
  .kgrid > .krow-sm-5 {
    grid-row: auto / span 5;
  }
  .kgrid > .krow-sm-5-auto {
    grid-row: 5 / span all;
  }
  .kgrid > .kcol-sm-5 {
    grid-column: auto / span 5;
  }
  .kgrid > .kcol-sm-5-auto {
    grid-column: 5 / span all;
  }
  .kgrid > .krow-sm-5-1 {
    grid-row: 5 / span 1;
  }
  .kgrid > .kcol-sm-5-1 {
    grid-column: 5 / span 1;
  }
  .kgrid > .krow-sm-5-2 {
    grid-row: 5 / span 2;
  }
  .kgrid > .kcol-sm-5-2 {
    grid-column: 5 / span 2;
  }
  .kgrid > .krow-sm-5-3 {
    grid-row: 5 / span 3;
  }
  .kgrid > .kcol-sm-5-3 {
    grid-column: 5 / span 3;
  }
  .kgrid > .krow-sm-5-4 {
    grid-row: 5 / span 4;
  }
  .kgrid > .kcol-sm-5-4 {
    grid-column: 5 / span 4;
  }
  .kgrid > .krow-sm-5-5 {
    grid-row: 5 / span 5;
  }
  .kgrid > .kcol-sm-5-5 {
    grid-column: 5 / span 5;
  }
  .kgrid > .krow-sm-5-6 {
    grid-row: 5 / span 6;
  }
  .kgrid > .kcol-sm-5-6 {
    grid-column: 5 / span 6;
  }
  .kgrid > .krow-sm-5-7 {
    grid-row: 5 / span 7;
  }
  .kgrid > .kcol-sm-5-7 {
    grid-column: 5 / span 7;
  }
  .kgrid > .krow-sm-5-8 {
    grid-row: 5 / span 8;
  }
  .kgrid > .kcol-sm-5-8 {
    grid-column: 5 / span 8;
  }
  .kgrid > .krow-sm-5-9 {
    grid-row: 5 / span 9;
  }
  .kgrid > .kcol-sm-5-9 {
    grid-column: 5 / span 9;
  }
  .kgrid > .krow-sm-5-10 {
    grid-row: 5 / span 10;
  }
  .kgrid > .kcol-sm-5-10 {
    grid-column: 5 / span 10;
  }
  .kgrid > .krow-sm-5-11 {
    grid-row: 5 / span 11;
  }
  .kgrid > .kcol-sm-5-11 {
    grid-column: 5 / span 11;
  }
  .kgrid > .krow-sm-5-12 {
    grid-row: 5 / span 12;
  }
  .kgrid > .kcol-sm-5-12 {
    grid-column: 5 / span 12;
  }
  .kgrid > .krow-sm-6 {
    grid-row: auto / span 6;
  }
  .kgrid > .krow-sm-6-auto {
    grid-row: 6 / span all;
  }
  .kgrid > .kcol-sm-6 {
    grid-column: auto / span 6;
  }
  .kgrid > .kcol-sm-6-auto {
    grid-column: 6 / span all;
  }
  .kgrid > .krow-sm-6-1 {
    grid-row: 6 / span 1;
  }
  .kgrid > .kcol-sm-6-1 {
    grid-column: 6 / span 1;
  }
  .kgrid > .krow-sm-6-2 {
    grid-row: 6 / span 2;
  }
  .kgrid > .kcol-sm-6-2 {
    grid-column: 6 / span 2;
  }
  .kgrid > .krow-sm-6-3 {
    grid-row: 6 / span 3;
  }
  .kgrid > .kcol-sm-6-3 {
    grid-column: 6 / span 3;
  }
  .kgrid > .krow-sm-6-4 {
    grid-row: 6 / span 4;
  }
  .kgrid > .kcol-sm-6-4 {
    grid-column: 6 / span 4;
  }
  .kgrid > .krow-sm-6-5 {
    grid-row: 6 / span 5;
  }
  .kgrid > .kcol-sm-6-5 {
    grid-column: 6 / span 5;
  }
  .kgrid > .krow-sm-6-6 {
    grid-row: 6 / span 6;
  }
  .kgrid > .kcol-sm-6-6 {
    grid-column: 6 / span 6;
  }
  .kgrid > .krow-sm-6-7 {
    grid-row: 6 / span 7;
  }
  .kgrid > .kcol-sm-6-7 {
    grid-column: 6 / span 7;
  }
  .kgrid > .krow-sm-6-8 {
    grid-row: 6 / span 8;
  }
  .kgrid > .kcol-sm-6-8 {
    grid-column: 6 / span 8;
  }
  .kgrid > .krow-sm-6-9 {
    grid-row: 6 / span 9;
  }
  .kgrid > .kcol-sm-6-9 {
    grid-column: 6 / span 9;
  }
  .kgrid > .krow-sm-6-10 {
    grid-row: 6 / span 10;
  }
  .kgrid > .kcol-sm-6-10 {
    grid-column: 6 / span 10;
  }
  .kgrid > .krow-sm-6-11 {
    grid-row: 6 / span 11;
  }
  .kgrid > .kcol-sm-6-11 {
    grid-column: 6 / span 11;
  }
  .kgrid > .krow-sm-6-12 {
    grid-row: 6 / span 12;
  }
  .kgrid > .kcol-sm-6-12 {
    grid-column: 6 / span 12;
  }
  .kgrid > .krow-sm-7 {
    grid-row: auto / span 7;
  }
  .kgrid > .krow-sm-7-auto {
    grid-row: 7 / span all;
  }
  .kgrid > .kcol-sm-7 {
    grid-column: auto / span 7;
  }
  .kgrid > .kcol-sm-7-auto {
    grid-column: 7 / span all;
  }
  .kgrid > .krow-sm-7-1 {
    grid-row: 7 / span 1;
  }
  .kgrid > .kcol-sm-7-1 {
    grid-column: 7 / span 1;
  }
  .kgrid > .krow-sm-7-2 {
    grid-row: 7 / span 2;
  }
  .kgrid > .kcol-sm-7-2 {
    grid-column: 7 / span 2;
  }
  .kgrid > .krow-sm-7-3 {
    grid-row: 7 / span 3;
  }
  .kgrid > .kcol-sm-7-3 {
    grid-column: 7 / span 3;
  }
  .kgrid > .krow-sm-7-4 {
    grid-row: 7 / span 4;
  }
  .kgrid > .kcol-sm-7-4 {
    grid-column: 7 / span 4;
  }
  .kgrid > .krow-sm-7-5 {
    grid-row: 7 / span 5;
  }
  .kgrid > .kcol-sm-7-5 {
    grid-column: 7 / span 5;
  }
  .kgrid > .krow-sm-7-6 {
    grid-row: 7 / span 6;
  }
  .kgrid > .kcol-sm-7-6 {
    grid-column: 7 / span 6;
  }
  .kgrid > .krow-sm-7-7 {
    grid-row: 7 / span 7;
  }
  .kgrid > .kcol-sm-7-7 {
    grid-column: 7 / span 7;
  }
  .kgrid > .krow-sm-7-8 {
    grid-row: 7 / span 8;
  }
  .kgrid > .kcol-sm-7-8 {
    grid-column: 7 / span 8;
  }
  .kgrid > .krow-sm-7-9 {
    grid-row: 7 / span 9;
  }
  .kgrid > .kcol-sm-7-9 {
    grid-column: 7 / span 9;
  }
  .kgrid > .krow-sm-7-10 {
    grid-row: 7 / span 10;
  }
  .kgrid > .kcol-sm-7-10 {
    grid-column: 7 / span 10;
  }
  .kgrid > .krow-sm-7-11 {
    grid-row: 7 / span 11;
  }
  .kgrid > .kcol-sm-7-11 {
    grid-column: 7 / span 11;
  }
  .kgrid > .krow-sm-7-12 {
    grid-row: 7 / span 12;
  }
  .kgrid > .kcol-sm-7-12 {
    grid-column: 7 / span 12;
  }
  .kgrid > .krow-sm-8 {
    grid-row: auto / span 8;
  }
  .kgrid > .krow-sm-8-auto {
    grid-row: 8 / span all;
  }
  .kgrid > .kcol-sm-8 {
    grid-column: auto / span 8;
  }
  .kgrid > .kcol-sm-8-auto {
    grid-column: 8 / span all;
  }
  .kgrid > .krow-sm-8-1 {
    grid-row: 8 / span 1;
  }
  .kgrid > .kcol-sm-8-1 {
    grid-column: 8 / span 1;
  }
  .kgrid > .krow-sm-8-2 {
    grid-row: 8 / span 2;
  }
  .kgrid > .kcol-sm-8-2 {
    grid-column: 8 / span 2;
  }
  .kgrid > .krow-sm-8-3 {
    grid-row: 8 / span 3;
  }
  .kgrid > .kcol-sm-8-3 {
    grid-column: 8 / span 3;
  }
  .kgrid > .krow-sm-8-4 {
    grid-row: 8 / span 4;
  }
  .kgrid > .kcol-sm-8-4 {
    grid-column: 8 / span 4;
  }
  .kgrid > .krow-sm-8-5 {
    grid-row: 8 / span 5;
  }
  .kgrid > .kcol-sm-8-5 {
    grid-column: 8 / span 5;
  }
  .kgrid > .krow-sm-8-6 {
    grid-row: 8 / span 6;
  }
  .kgrid > .kcol-sm-8-6 {
    grid-column: 8 / span 6;
  }
  .kgrid > .krow-sm-8-7 {
    grid-row: 8 / span 7;
  }
  .kgrid > .kcol-sm-8-7 {
    grid-column: 8 / span 7;
  }
  .kgrid > .krow-sm-8-8 {
    grid-row: 8 / span 8;
  }
  .kgrid > .kcol-sm-8-8 {
    grid-column: 8 / span 8;
  }
  .kgrid > .krow-sm-8-9 {
    grid-row: 8 / span 9;
  }
  .kgrid > .kcol-sm-8-9 {
    grid-column: 8 / span 9;
  }
  .kgrid > .krow-sm-8-10 {
    grid-row: 8 / span 10;
  }
  .kgrid > .kcol-sm-8-10 {
    grid-column: 8 / span 10;
  }
  .kgrid > .krow-sm-8-11 {
    grid-row: 8 / span 11;
  }
  .kgrid > .kcol-sm-8-11 {
    grid-column: 8 / span 11;
  }
  .kgrid > .krow-sm-8-12 {
    grid-row: 8 / span 12;
  }
  .kgrid > .kcol-sm-8-12 {
    grid-column: 8 / span 12;
  }
  .kgrid > .krow-sm-9 {
    grid-row: auto / span 9;
  }
  .kgrid > .krow-sm-9-auto {
    grid-row: 9 / span all;
  }
  .kgrid > .kcol-sm-9 {
    grid-column: auto / span 9;
  }
  .kgrid > .kcol-sm-9-auto {
    grid-column: 9 / span all;
  }
  .kgrid > .krow-sm-9-1 {
    grid-row: 9 / span 1;
  }
  .kgrid > .kcol-sm-9-1 {
    grid-column: 9 / span 1;
  }
  .kgrid > .krow-sm-9-2 {
    grid-row: 9 / span 2;
  }
  .kgrid > .kcol-sm-9-2 {
    grid-column: 9 / span 2;
  }
  .kgrid > .krow-sm-9-3 {
    grid-row: 9 / span 3;
  }
  .kgrid > .kcol-sm-9-3 {
    grid-column: 9 / span 3;
  }
  .kgrid > .krow-sm-9-4 {
    grid-row: 9 / span 4;
  }
  .kgrid > .kcol-sm-9-4 {
    grid-column: 9 / span 4;
  }
  .kgrid > .krow-sm-9-5 {
    grid-row: 9 / span 5;
  }
  .kgrid > .kcol-sm-9-5 {
    grid-column: 9 / span 5;
  }
  .kgrid > .krow-sm-9-6 {
    grid-row: 9 / span 6;
  }
  .kgrid > .kcol-sm-9-6 {
    grid-column: 9 / span 6;
  }
  .kgrid > .krow-sm-9-7 {
    grid-row: 9 / span 7;
  }
  .kgrid > .kcol-sm-9-7 {
    grid-column: 9 / span 7;
  }
  .kgrid > .krow-sm-9-8 {
    grid-row: 9 / span 8;
  }
  .kgrid > .kcol-sm-9-8 {
    grid-column: 9 / span 8;
  }
  .kgrid > .krow-sm-9-9 {
    grid-row: 9 / span 9;
  }
  .kgrid > .kcol-sm-9-9 {
    grid-column: 9 / span 9;
  }
  .kgrid > .krow-sm-9-10 {
    grid-row: 9 / span 10;
  }
  .kgrid > .kcol-sm-9-10 {
    grid-column: 9 / span 10;
  }
  .kgrid > .krow-sm-9-11 {
    grid-row: 9 / span 11;
  }
  .kgrid > .kcol-sm-9-11 {
    grid-column: 9 / span 11;
  }
  .kgrid > .krow-sm-9-12 {
    grid-row: 9 / span 12;
  }
  .kgrid > .kcol-sm-9-12 {
    grid-column: 9 / span 12;
  }
  .kgrid > .krow-sm-10 {
    grid-row: auto / span 10;
  }
  .kgrid > .krow-sm-10-auto {
    grid-row: 10 / span all;
  }
  .kgrid > .kcol-sm-10 {
    grid-column: auto / span 10;
  }
  .kgrid > .kcol-sm-10-auto {
    grid-column: 10 / span all;
  }
  .kgrid > .krow-sm-10-1 {
    grid-row: 10 / span 1;
  }
  .kgrid > .kcol-sm-10-1 {
    grid-column: 10 / span 1;
  }
  .kgrid > .krow-sm-10-2 {
    grid-row: 10 / span 2;
  }
  .kgrid > .kcol-sm-10-2 {
    grid-column: 10 / span 2;
  }
  .kgrid > .krow-sm-10-3 {
    grid-row: 10 / span 3;
  }
  .kgrid > .kcol-sm-10-3 {
    grid-column: 10 / span 3;
  }
  .kgrid > .krow-sm-10-4 {
    grid-row: 10 / span 4;
  }
  .kgrid > .kcol-sm-10-4 {
    grid-column: 10 / span 4;
  }
  .kgrid > .krow-sm-10-5 {
    grid-row: 10 / span 5;
  }
  .kgrid > .kcol-sm-10-5 {
    grid-column: 10 / span 5;
  }
  .kgrid > .krow-sm-10-6 {
    grid-row: 10 / span 6;
  }
  .kgrid > .kcol-sm-10-6 {
    grid-column: 10 / span 6;
  }
  .kgrid > .krow-sm-10-7 {
    grid-row: 10 / span 7;
  }
  .kgrid > .kcol-sm-10-7 {
    grid-column: 10 / span 7;
  }
  .kgrid > .krow-sm-10-8 {
    grid-row: 10 / span 8;
  }
  .kgrid > .kcol-sm-10-8 {
    grid-column: 10 / span 8;
  }
  .kgrid > .krow-sm-10-9 {
    grid-row: 10 / span 9;
  }
  .kgrid > .kcol-sm-10-9 {
    grid-column: 10 / span 9;
  }
  .kgrid > .krow-sm-10-10 {
    grid-row: 10 / span 10;
  }
  .kgrid > .kcol-sm-10-10 {
    grid-column: 10 / span 10;
  }
  .kgrid > .krow-sm-10-11 {
    grid-row: 10 / span 11;
  }
  .kgrid > .kcol-sm-10-11 {
    grid-column: 10 / span 11;
  }
  .kgrid > .krow-sm-10-12 {
    grid-row: 10 / span 12;
  }
  .kgrid > .kcol-sm-10-12 {
    grid-column: 10 / span 12;
  }
  .kgrid > .krow-sm-11 {
    grid-row: auto / span 11;
  }
  .kgrid > .krow-sm-11-auto {
    grid-row: 11 / span all;
  }
  .kgrid > .kcol-sm-11 {
    grid-column: auto / span 11;
  }
  .kgrid > .kcol-sm-11-auto {
    grid-column: 11 / span all;
  }
  .kgrid > .krow-sm-11-1 {
    grid-row: 11 / span 1;
  }
  .kgrid > .kcol-sm-11-1 {
    grid-column: 11 / span 1;
  }
  .kgrid > .krow-sm-11-2 {
    grid-row: 11 / span 2;
  }
  .kgrid > .kcol-sm-11-2 {
    grid-column: 11 / span 2;
  }
  .kgrid > .krow-sm-11-3 {
    grid-row: 11 / span 3;
  }
  .kgrid > .kcol-sm-11-3 {
    grid-column: 11 / span 3;
  }
  .kgrid > .krow-sm-11-4 {
    grid-row: 11 / span 4;
  }
  .kgrid > .kcol-sm-11-4 {
    grid-column: 11 / span 4;
  }
  .kgrid > .krow-sm-11-5 {
    grid-row: 11 / span 5;
  }
  .kgrid > .kcol-sm-11-5 {
    grid-column: 11 / span 5;
  }
  .kgrid > .krow-sm-11-6 {
    grid-row: 11 / span 6;
  }
  .kgrid > .kcol-sm-11-6 {
    grid-column: 11 / span 6;
  }
  .kgrid > .krow-sm-11-7 {
    grid-row: 11 / span 7;
  }
  .kgrid > .kcol-sm-11-7 {
    grid-column: 11 / span 7;
  }
  .kgrid > .krow-sm-11-8 {
    grid-row: 11 / span 8;
  }
  .kgrid > .kcol-sm-11-8 {
    grid-column: 11 / span 8;
  }
  .kgrid > .krow-sm-11-9 {
    grid-row: 11 / span 9;
  }
  .kgrid > .kcol-sm-11-9 {
    grid-column: 11 / span 9;
  }
  .kgrid > .krow-sm-11-10 {
    grid-row: 11 / span 10;
  }
  .kgrid > .kcol-sm-11-10 {
    grid-column: 11 / span 10;
  }
  .kgrid > .krow-sm-11-11 {
    grid-row: 11 / span 11;
  }
  .kgrid > .kcol-sm-11-11 {
    grid-column: 11 / span 11;
  }
  .kgrid > .krow-sm-11-12 {
    grid-row: 11 / span 12;
  }
  .kgrid > .kcol-sm-11-12 {
    grid-column: 11 / span 12;
  }
  .kgrid > .krow-sm-12 {
    grid-row: auto / span 12;
  }
  .kgrid > .krow-sm-12-auto {
    grid-row: 12 / span all;
  }
  .kgrid > .kcol-sm-12 {
    grid-column: auto / span 12;
  }
  .kgrid > .kcol-sm-12-auto {
    grid-column: 12 / span all;
  }
  .kgrid > .krow-sm-12-1 {
    grid-row: 12 / span 1;
  }
  .kgrid > .kcol-sm-12-1 {
    grid-column: 12 / span 1;
  }
  .kgrid > .krow-sm-12-2 {
    grid-row: 12 / span 2;
  }
  .kgrid > .kcol-sm-12-2 {
    grid-column: 12 / span 2;
  }
  .kgrid > .krow-sm-12-3 {
    grid-row: 12 / span 3;
  }
  .kgrid > .kcol-sm-12-3 {
    grid-column: 12 / span 3;
  }
  .kgrid > .krow-sm-12-4 {
    grid-row: 12 / span 4;
  }
  .kgrid > .kcol-sm-12-4 {
    grid-column: 12 / span 4;
  }
  .kgrid > .krow-sm-12-5 {
    grid-row: 12 / span 5;
  }
  .kgrid > .kcol-sm-12-5 {
    grid-column: 12 / span 5;
  }
  .kgrid > .krow-sm-12-6 {
    grid-row: 12 / span 6;
  }
  .kgrid > .kcol-sm-12-6 {
    grid-column: 12 / span 6;
  }
  .kgrid > .krow-sm-12-7 {
    grid-row: 12 / span 7;
  }
  .kgrid > .kcol-sm-12-7 {
    grid-column: 12 / span 7;
  }
  .kgrid > .krow-sm-12-8 {
    grid-row: 12 / span 8;
  }
  .kgrid > .kcol-sm-12-8 {
    grid-column: 12 / span 8;
  }
  .kgrid > .krow-sm-12-9 {
    grid-row: 12 / span 9;
  }
  .kgrid > .kcol-sm-12-9 {
    grid-column: 12 / span 9;
  }
  .kgrid > .krow-sm-12-10 {
    grid-row: 12 / span 10;
  }
  .kgrid > .kcol-sm-12-10 {
    grid-column: 12 / span 10;
  }
  .kgrid > .krow-sm-12-11 {
    grid-row: 12 / span 11;
  }
  .kgrid > .kcol-sm-12-11 {
    grid-column: 12 / span 11;
  }
  .kgrid > .krow-sm-12-12 {
    grid-row: 12 / span 12;
  }
  .kgrid > .kcol-sm-12-12 {
    grid-column: 12 / span 12;
  }
}
@media (min-width: 768px) {
  .kgrid > .krow-md-auto {
    grid-row: auto / span all;
  }
  .kgrid > .kcol-md-auto {
    grid-column: auto / span all;
  }
  .kgrid > .krow-md-1 {
    grid-row: auto / span 1;
  }
  .kgrid > .krow-md-1-auto {
    grid-row: 1 / span all;
  }
  .kgrid > .kcol-md-1 {
    grid-column: auto / span 1;
  }
  .kgrid > .kcol-md-1-auto {
    grid-column: 1 / span all;
  }
  .kgrid > .krow-md-1-1 {
    grid-row: 1 / span 1;
  }
  .kgrid > .kcol-md-1-1 {
    grid-column: 1 / span 1;
  }
  .kgrid > .krow-md-1-2 {
    grid-row: 1 / span 2;
  }
  .kgrid > .kcol-md-1-2 {
    grid-column: 1 / span 2;
  }
  .kgrid > .krow-md-1-3 {
    grid-row: 1 / span 3;
  }
  .kgrid > .kcol-md-1-3 {
    grid-column: 1 / span 3;
  }
  .kgrid > .krow-md-1-4 {
    grid-row: 1 / span 4;
  }
  .kgrid > .kcol-md-1-4 {
    grid-column: 1 / span 4;
  }
  .kgrid > .krow-md-1-5 {
    grid-row: 1 / span 5;
  }
  .kgrid > .kcol-md-1-5 {
    grid-column: 1 / span 5;
  }
  .kgrid > .krow-md-1-6 {
    grid-row: 1 / span 6;
  }
  .kgrid > .kcol-md-1-6 {
    grid-column: 1 / span 6;
  }
  .kgrid > .krow-md-1-7 {
    grid-row: 1 / span 7;
  }
  .kgrid > .kcol-md-1-7 {
    grid-column: 1 / span 7;
  }
  .kgrid > .krow-md-1-8 {
    grid-row: 1 / span 8;
  }
  .kgrid > .kcol-md-1-8 {
    grid-column: 1 / span 8;
  }
  .kgrid > .krow-md-1-9 {
    grid-row: 1 / span 9;
  }
  .kgrid > .kcol-md-1-9 {
    grid-column: 1 / span 9;
  }
  .kgrid > .krow-md-1-10 {
    grid-row: 1 / span 10;
  }
  .kgrid > .kcol-md-1-10 {
    grid-column: 1 / span 10;
  }
  .kgrid > .krow-md-1-11 {
    grid-row: 1 / span 11;
  }
  .kgrid > .kcol-md-1-11 {
    grid-column: 1 / span 11;
  }
  .kgrid > .krow-md-1-12 {
    grid-row: 1 / span 12;
  }
  .kgrid > .kcol-md-1-12 {
    grid-column: 1 / span 12;
  }
  .kgrid > .krow-md-2 {
    grid-row: auto / span 2;
  }
  .kgrid > .krow-md-2-auto {
    grid-row: 2 / span all;
  }
  .kgrid > .kcol-md-2 {
    grid-column: auto / span 2;
  }
  .kgrid > .kcol-md-2-auto {
    grid-column: 2 / span all;
  }
  .kgrid > .krow-md-2-1 {
    grid-row: 2 / span 1;
  }
  .kgrid > .kcol-md-2-1 {
    grid-column: 2 / span 1;
  }
  .kgrid > .krow-md-2-2 {
    grid-row: 2 / span 2;
  }
  .kgrid > .kcol-md-2-2 {
    grid-column: 2 / span 2;
  }
  .kgrid > .krow-md-2-3 {
    grid-row: 2 / span 3;
  }
  .kgrid > .kcol-md-2-3 {
    grid-column: 2 / span 3;
  }
  .kgrid > .krow-md-2-4 {
    grid-row: 2 / span 4;
  }
  .kgrid > .kcol-md-2-4 {
    grid-column: 2 / span 4;
  }
  .kgrid > .krow-md-2-5 {
    grid-row: 2 / span 5;
  }
  .kgrid > .kcol-md-2-5 {
    grid-column: 2 / span 5;
  }
  .kgrid > .krow-md-2-6 {
    grid-row: 2 / span 6;
  }
  .kgrid > .kcol-md-2-6 {
    grid-column: 2 / span 6;
  }
  .kgrid > .krow-md-2-7 {
    grid-row: 2 / span 7;
  }
  .kgrid > .kcol-md-2-7 {
    grid-column: 2 / span 7;
  }
  .kgrid > .krow-md-2-8 {
    grid-row: 2 / span 8;
  }
  .kgrid > .kcol-md-2-8 {
    grid-column: 2 / span 8;
  }
  .kgrid > .krow-md-2-9 {
    grid-row: 2 / span 9;
  }
  .kgrid > .kcol-md-2-9 {
    grid-column: 2 / span 9;
  }
  .kgrid > .krow-md-2-10 {
    grid-row: 2 / span 10;
  }
  .kgrid > .kcol-md-2-10 {
    grid-column: 2 / span 10;
  }
  .kgrid > .krow-md-2-11 {
    grid-row: 2 / span 11;
  }
  .kgrid > .kcol-md-2-11 {
    grid-column: 2 / span 11;
  }
  .kgrid > .krow-md-2-12 {
    grid-row: 2 / span 12;
  }
  .kgrid > .kcol-md-2-12 {
    grid-column: 2 / span 12;
  }
  .kgrid > .krow-md-3 {
    grid-row: auto / span 3;
  }
  .kgrid > .krow-md-3-auto {
    grid-row: 3 / span all;
  }
  .kgrid > .kcol-md-3 {
    grid-column: auto / span 3;
  }
  .kgrid > .kcol-md-3-auto {
    grid-column: 3 / span all;
  }
  .kgrid > .krow-md-3-1 {
    grid-row: 3 / span 1;
  }
  .kgrid > .kcol-md-3-1 {
    grid-column: 3 / span 1;
  }
  .kgrid > .krow-md-3-2 {
    grid-row: 3 / span 2;
  }
  .kgrid > .kcol-md-3-2 {
    grid-column: 3 / span 2;
  }
  .kgrid > .krow-md-3-3 {
    grid-row: 3 / span 3;
  }
  .kgrid > .kcol-md-3-3 {
    grid-column: 3 / span 3;
  }
  .kgrid > .krow-md-3-4 {
    grid-row: 3 / span 4;
  }
  .kgrid > .kcol-md-3-4 {
    grid-column: 3 / span 4;
  }
  .kgrid > .krow-md-3-5 {
    grid-row: 3 / span 5;
  }
  .kgrid > .kcol-md-3-5 {
    grid-column: 3 / span 5;
  }
  .kgrid > .krow-md-3-6 {
    grid-row: 3 / span 6;
  }
  .kgrid > .kcol-md-3-6 {
    grid-column: 3 / span 6;
  }
  .kgrid > .krow-md-3-7 {
    grid-row: 3 / span 7;
  }
  .kgrid > .kcol-md-3-7 {
    grid-column: 3 / span 7;
  }
  .kgrid > .krow-md-3-8 {
    grid-row: 3 / span 8;
  }
  .kgrid > .kcol-md-3-8 {
    grid-column: 3 / span 8;
  }
  .kgrid > .krow-md-3-9 {
    grid-row: 3 / span 9;
  }
  .kgrid > .kcol-md-3-9 {
    grid-column: 3 / span 9;
  }
  .kgrid > .krow-md-3-10 {
    grid-row: 3 / span 10;
  }
  .kgrid > .kcol-md-3-10 {
    grid-column: 3 / span 10;
  }
  .kgrid > .krow-md-3-11 {
    grid-row: 3 / span 11;
  }
  .kgrid > .kcol-md-3-11 {
    grid-column: 3 / span 11;
  }
  .kgrid > .krow-md-3-12 {
    grid-row: 3 / span 12;
  }
  .kgrid > .kcol-md-3-12 {
    grid-column: 3 / span 12;
  }
  .kgrid > .krow-md-4 {
    grid-row: auto / span 4;
  }
  .kgrid > .krow-md-4-auto {
    grid-row: 4 / span all;
  }
  .kgrid > .kcol-md-4 {
    grid-column: auto / span 4;
  }
  .kgrid > .kcol-md-4-auto {
    grid-column: 4 / span all;
  }
  .kgrid > .krow-md-4-1 {
    grid-row: 4 / span 1;
  }
  .kgrid > .kcol-md-4-1 {
    grid-column: 4 / span 1;
  }
  .kgrid > .krow-md-4-2 {
    grid-row: 4 / span 2;
  }
  .kgrid > .kcol-md-4-2 {
    grid-column: 4 / span 2;
  }
  .kgrid > .krow-md-4-3 {
    grid-row: 4 / span 3;
  }
  .kgrid > .kcol-md-4-3 {
    grid-column: 4 / span 3;
  }
  .kgrid > .krow-md-4-4 {
    grid-row: 4 / span 4;
  }
  .kgrid > .kcol-md-4-4 {
    grid-column: 4 / span 4;
  }
  .kgrid > .krow-md-4-5 {
    grid-row: 4 / span 5;
  }
  .kgrid > .kcol-md-4-5 {
    grid-column: 4 / span 5;
  }
  .kgrid > .krow-md-4-6 {
    grid-row: 4 / span 6;
  }
  .kgrid > .kcol-md-4-6 {
    grid-column: 4 / span 6;
  }
  .kgrid > .krow-md-4-7 {
    grid-row: 4 / span 7;
  }
  .kgrid > .kcol-md-4-7 {
    grid-column: 4 / span 7;
  }
  .kgrid > .krow-md-4-8 {
    grid-row: 4 / span 8;
  }
  .kgrid > .kcol-md-4-8 {
    grid-column: 4 / span 8;
  }
  .kgrid > .krow-md-4-9 {
    grid-row: 4 / span 9;
  }
  .kgrid > .kcol-md-4-9 {
    grid-column: 4 / span 9;
  }
  .kgrid > .krow-md-4-10 {
    grid-row: 4 / span 10;
  }
  .kgrid > .kcol-md-4-10 {
    grid-column: 4 / span 10;
  }
  .kgrid > .krow-md-4-11 {
    grid-row: 4 / span 11;
  }
  .kgrid > .kcol-md-4-11 {
    grid-column: 4 / span 11;
  }
  .kgrid > .krow-md-4-12 {
    grid-row: 4 / span 12;
  }
  .kgrid > .kcol-md-4-12 {
    grid-column: 4 / span 12;
  }
  .kgrid > .krow-md-5 {
    grid-row: auto / span 5;
  }
  .kgrid > .krow-md-5-auto {
    grid-row: 5 / span all;
  }
  .kgrid > .kcol-md-5 {
    grid-column: auto / span 5;
  }
  .kgrid > .kcol-md-5-auto {
    grid-column: 5 / span all;
  }
  .kgrid > .krow-md-5-1 {
    grid-row: 5 / span 1;
  }
  .kgrid > .kcol-md-5-1 {
    grid-column: 5 / span 1;
  }
  .kgrid > .krow-md-5-2 {
    grid-row: 5 / span 2;
  }
  .kgrid > .kcol-md-5-2 {
    grid-column: 5 / span 2;
  }
  .kgrid > .krow-md-5-3 {
    grid-row: 5 / span 3;
  }
  .kgrid > .kcol-md-5-3 {
    grid-column: 5 / span 3;
  }
  .kgrid > .krow-md-5-4 {
    grid-row: 5 / span 4;
  }
  .kgrid > .kcol-md-5-4 {
    grid-column: 5 / span 4;
  }
  .kgrid > .krow-md-5-5 {
    grid-row: 5 / span 5;
  }
  .kgrid > .kcol-md-5-5 {
    grid-column: 5 / span 5;
  }
  .kgrid > .krow-md-5-6 {
    grid-row: 5 / span 6;
  }
  .kgrid > .kcol-md-5-6 {
    grid-column: 5 / span 6;
  }
  .kgrid > .krow-md-5-7 {
    grid-row: 5 / span 7;
  }
  .kgrid > .kcol-md-5-7 {
    grid-column: 5 / span 7;
  }
  .kgrid > .krow-md-5-8 {
    grid-row: 5 / span 8;
  }
  .kgrid > .kcol-md-5-8 {
    grid-column: 5 / span 8;
  }
  .kgrid > .krow-md-5-9 {
    grid-row: 5 / span 9;
  }
  .kgrid > .kcol-md-5-9 {
    grid-column: 5 / span 9;
  }
  .kgrid > .krow-md-5-10 {
    grid-row: 5 / span 10;
  }
  .kgrid > .kcol-md-5-10 {
    grid-column: 5 / span 10;
  }
  .kgrid > .krow-md-5-11 {
    grid-row: 5 / span 11;
  }
  .kgrid > .kcol-md-5-11 {
    grid-column: 5 / span 11;
  }
  .kgrid > .krow-md-5-12 {
    grid-row: 5 / span 12;
  }
  .kgrid > .kcol-md-5-12 {
    grid-column: 5 / span 12;
  }
  .kgrid > .krow-md-6 {
    grid-row: auto / span 6;
  }
  .kgrid > .krow-md-6-auto {
    grid-row: 6 / span all;
  }
  .kgrid > .kcol-md-6 {
    grid-column: auto / span 6;
  }
  .kgrid > .kcol-md-6-auto {
    grid-column: 6 / span all;
  }
  .kgrid > .krow-md-6-1 {
    grid-row: 6 / span 1;
  }
  .kgrid > .kcol-md-6-1 {
    grid-column: 6 / span 1;
  }
  .kgrid > .krow-md-6-2 {
    grid-row: 6 / span 2;
  }
  .kgrid > .kcol-md-6-2 {
    grid-column: 6 / span 2;
  }
  .kgrid > .krow-md-6-3 {
    grid-row: 6 / span 3;
  }
  .kgrid > .kcol-md-6-3 {
    grid-column: 6 / span 3;
  }
  .kgrid > .krow-md-6-4 {
    grid-row: 6 / span 4;
  }
  .kgrid > .kcol-md-6-4 {
    grid-column: 6 / span 4;
  }
  .kgrid > .krow-md-6-5 {
    grid-row: 6 / span 5;
  }
  .kgrid > .kcol-md-6-5 {
    grid-column: 6 / span 5;
  }
  .kgrid > .krow-md-6-6 {
    grid-row: 6 / span 6;
  }
  .kgrid > .kcol-md-6-6 {
    grid-column: 6 / span 6;
  }
  .kgrid > .krow-md-6-7 {
    grid-row: 6 / span 7;
  }
  .kgrid > .kcol-md-6-7 {
    grid-column: 6 / span 7;
  }
  .kgrid > .krow-md-6-8 {
    grid-row: 6 / span 8;
  }
  .kgrid > .kcol-md-6-8 {
    grid-column: 6 / span 8;
  }
  .kgrid > .krow-md-6-9 {
    grid-row: 6 / span 9;
  }
  .kgrid > .kcol-md-6-9 {
    grid-column: 6 / span 9;
  }
  .kgrid > .krow-md-6-10 {
    grid-row: 6 / span 10;
  }
  .kgrid > .kcol-md-6-10 {
    grid-column: 6 / span 10;
  }
  .kgrid > .krow-md-6-11 {
    grid-row: 6 / span 11;
  }
  .kgrid > .kcol-md-6-11 {
    grid-column: 6 / span 11;
  }
  .kgrid > .krow-md-6-12 {
    grid-row: 6 / span 12;
  }
  .kgrid > .kcol-md-6-12 {
    grid-column: 6 / span 12;
  }
  .kgrid > .krow-md-7 {
    grid-row: auto / span 7;
  }
  .kgrid > .krow-md-7-auto {
    grid-row: 7 / span all;
  }
  .kgrid > .kcol-md-7 {
    grid-column: auto / span 7;
  }
  .kgrid > .kcol-md-7-auto {
    grid-column: 7 / span all;
  }
  .kgrid > .krow-md-7-1 {
    grid-row: 7 / span 1;
  }
  .kgrid > .kcol-md-7-1 {
    grid-column: 7 / span 1;
  }
  .kgrid > .krow-md-7-2 {
    grid-row: 7 / span 2;
  }
  .kgrid > .kcol-md-7-2 {
    grid-column: 7 / span 2;
  }
  .kgrid > .krow-md-7-3 {
    grid-row: 7 / span 3;
  }
  .kgrid > .kcol-md-7-3 {
    grid-column: 7 / span 3;
  }
  .kgrid > .krow-md-7-4 {
    grid-row: 7 / span 4;
  }
  .kgrid > .kcol-md-7-4 {
    grid-column: 7 / span 4;
  }
  .kgrid > .krow-md-7-5 {
    grid-row: 7 / span 5;
  }
  .kgrid > .kcol-md-7-5 {
    grid-column: 7 / span 5;
  }
  .kgrid > .krow-md-7-6 {
    grid-row: 7 / span 6;
  }
  .kgrid > .kcol-md-7-6 {
    grid-column: 7 / span 6;
  }
  .kgrid > .krow-md-7-7 {
    grid-row: 7 / span 7;
  }
  .kgrid > .kcol-md-7-7 {
    grid-column: 7 / span 7;
  }
  .kgrid > .krow-md-7-8 {
    grid-row: 7 / span 8;
  }
  .kgrid > .kcol-md-7-8 {
    grid-column: 7 / span 8;
  }
  .kgrid > .krow-md-7-9 {
    grid-row: 7 / span 9;
  }
  .kgrid > .kcol-md-7-9 {
    grid-column: 7 / span 9;
  }
  .kgrid > .krow-md-7-10 {
    grid-row: 7 / span 10;
  }
  .kgrid > .kcol-md-7-10 {
    grid-column: 7 / span 10;
  }
  .kgrid > .krow-md-7-11 {
    grid-row: 7 / span 11;
  }
  .kgrid > .kcol-md-7-11 {
    grid-column: 7 / span 11;
  }
  .kgrid > .krow-md-7-12 {
    grid-row: 7 / span 12;
  }
  .kgrid > .kcol-md-7-12 {
    grid-column: 7 / span 12;
  }
  .kgrid > .krow-md-8 {
    grid-row: auto / span 8;
  }
  .kgrid > .krow-md-8-auto {
    grid-row: 8 / span all;
  }
  .kgrid > .kcol-md-8 {
    grid-column: auto / span 8;
  }
  .kgrid > .kcol-md-8-auto {
    grid-column: 8 / span all;
  }
  .kgrid > .krow-md-8-1 {
    grid-row: 8 / span 1;
  }
  .kgrid > .kcol-md-8-1 {
    grid-column: 8 / span 1;
  }
  .kgrid > .krow-md-8-2 {
    grid-row: 8 / span 2;
  }
  .kgrid > .kcol-md-8-2 {
    grid-column: 8 / span 2;
  }
  .kgrid > .krow-md-8-3 {
    grid-row: 8 / span 3;
  }
  .kgrid > .kcol-md-8-3 {
    grid-column: 8 / span 3;
  }
  .kgrid > .krow-md-8-4 {
    grid-row: 8 / span 4;
  }
  .kgrid > .kcol-md-8-4 {
    grid-column: 8 / span 4;
  }
  .kgrid > .krow-md-8-5 {
    grid-row: 8 / span 5;
  }
  .kgrid > .kcol-md-8-5 {
    grid-column: 8 / span 5;
  }
  .kgrid > .krow-md-8-6 {
    grid-row: 8 / span 6;
  }
  .kgrid > .kcol-md-8-6 {
    grid-column: 8 / span 6;
  }
  .kgrid > .krow-md-8-7 {
    grid-row: 8 / span 7;
  }
  .kgrid > .kcol-md-8-7 {
    grid-column: 8 / span 7;
  }
  .kgrid > .krow-md-8-8 {
    grid-row: 8 / span 8;
  }
  .kgrid > .kcol-md-8-8 {
    grid-column: 8 / span 8;
  }
  .kgrid > .krow-md-8-9 {
    grid-row: 8 / span 9;
  }
  .kgrid > .kcol-md-8-9 {
    grid-column: 8 / span 9;
  }
  .kgrid > .krow-md-8-10 {
    grid-row: 8 / span 10;
  }
  .kgrid > .kcol-md-8-10 {
    grid-column: 8 / span 10;
  }
  .kgrid > .krow-md-8-11 {
    grid-row: 8 / span 11;
  }
  .kgrid > .kcol-md-8-11 {
    grid-column: 8 / span 11;
  }
  .kgrid > .krow-md-8-12 {
    grid-row: 8 / span 12;
  }
  .kgrid > .kcol-md-8-12 {
    grid-column: 8 / span 12;
  }
  .kgrid > .krow-md-9 {
    grid-row: auto / span 9;
  }
  .kgrid > .krow-md-9-auto {
    grid-row: 9 / span all;
  }
  .kgrid > .kcol-md-9 {
    grid-column: auto / span 9;
  }
  .kgrid > .kcol-md-9-auto {
    grid-column: 9 / span all;
  }
  .kgrid > .krow-md-9-1 {
    grid-row: 9 / span 1;
  }
  .kgrid > .kcol-md-9-1 {
    grid-column: 9 / span 1;
  }
  .kgrid > .krow-md-9-2 {
    grid-row: 9 / span 2;
  }
  .kgrid > .kcol-md-9-2 {
    grid-column: 9 / span 2;
  }
  .kgrid > .krow-md-9-3 {
    grid-row: 9 / span 3;
  }
  .kgrid > .kcol-md-9-3 {
    grid-column: 9 / span 3;
  }
  .kgrid > .krow-md-9-4 {
    grid-row: 9 / span 4;
  }
  .kgrid > .kcol-md-9-4 {
    grid-column: 9 / span 4;
  }
  .kgrid > .krow-md-9-5 {
    grid-row: 9 / span 5;
  }
  .kgrid > .kcol-md-9-5 {
    grid-column: 9 / span 5;
  }
  .kgrid > .krow-md-9-6 {
    grid-row: 9 / span 6;
  }
  .kgrid > .kcol-md-9-6 {
    grid-column: 9 / span 6;
  }
  .kgrid > .krow-md-9-7 {
    grid-row: 9 / span 7;
  }
  .kgrid > .kcol-md-9-7 {
    grid-column: 9 / span 7;
  }
  .kgrid > .krow-md-9-8 {
    grid-row: 9 / span 8;
  }
  .kgrid > .kcol-md-9-8 {
    grid-column: 9 / span 8;
  }
  .kgrid > .krow-md-9-9 {
    grid-row: 9 / span 9;
  }
  .kgrid > .kcol-md-9-9 {
    grid-column: 9 / span 9;
  }
  .kgrid > .krow-md-9-10 {
    grid-row: 9 / span 10;
  }
  .kgrid > .kcol-md-9-10 {
    grid-column: 9 / span 10;
  }
  .kgrid > .krow-md-9-11 {
    grid-row: 9 / span 11;
  }
  .kgrid > .kcol-md-9-11 {
    grid-column: 9 / span 11;
  }
  .kgrid > .krow-md-9-12 {
    grid-row: 9 / span 12;
  }
  .kgrid > .kcol-md-9-12 {
    grid-column: 9 / span 12;
  }
  .kgrid > .krow-md-10 {
    grid-row: auto / span 10;
  }
  .kgrid > .krow-md-10-auto {
    grid-row: 10 / span all;
  }
  .kgrid > .kcol-md-10 {
    grid-column: auto / span 10;
  }
  .kgrid > .kcol-md-10-auto {
    grid-column: 10 / span all;
  }
  .kgrid > .krow-md-10-1 {
    grid-row: 10 / span 1;
  }
  .kgrid > .kcol-md-10-1 {
    grid-column: 10 / span 1;
  }
  .kgrid > .krow-md-10-2 {
    grid-row: 10 / span 2;
  }
  .kgrid > .kcol-md-10-2 {
    grid-column: 10 / span 2;
  }
  .kgrid > .krow-md-10-3 {
    grid-row: 10 / span 3;
  }
  .kgrid > .kcol-md-10-3 {
    grid-column: 10 / span 3;
  }
  .kgrid > .krow-md-10-4 {
    grid-row: 10 / span 4;
  }
  .kgrid > .kcol-md-10-4 {
    grid-column: 10 / span 4;
  }
  .kgrid > .krow-md-10-5 {
    grid-row: 10 / span 5;
  }
  .kgrid > .kcol-md-10-5 {
    grid-column: 10 / span 5;
  }
  .kgrid > .krow-md-10-6 {
    grid-row: 10 / span 6;
  }
  .kgrid > .kcol-md-10-6 {
    grid-column: 10 / span 6;
  }
  .kgrid > .krow-md-10-7 {
    grid-row: 10 / span 7;
  }
  .kgrid > .kcol-md-10-7 {
    grid-column: 10 / span 7;
  }
  .kgrid > .krow-md-10-8 {
    grid-row: 10 / span 8;
  }
  .kgrid > .kcol-md-10-8 {
    grid-column: 10 / span 8;
  }
  .kgrid > .krow-md-10-9 {
    grid-row: 10 / span 9;
  }
  .kgrid > .kcol-md-10-9 {
    grid-column: 10 / span 9;
  }
  .kgrid > .krow-md-10-10 {
    grid-row: 10 / span 10;
  }
  .kgrid > .kcol-md-10-10 {
    grid-column: 10 / span 10;
  }
  .kgrid > .krow-md-10-11 {
    grid-row: 10 / span 11;
  }
  .kgrid > .kcol-md-10-11 {
    grid-column: 10 / span 11;
  }
  .kgrid > .krow-md-10-12 {
    grid-row: 10 / span 12;
  }
  .kgrid > .kcol-md-10-12 {
    grid-column: 10 / span 12;
  }
  .kgrid > .krow-md-11 {
    grid-row: auto / span 11;
  }
  .kgrid > .krow-md-11-auto {
    grid-row: 11 / span all;
  }
  .kgrid > .kcol-md-11 {
    grid-column: auto / span 11;
  }
  .kgrid > .kcol-md-11-auto {
    grid-column: 11 / span all;
  }
  .kgrid > .krow-md-11-1 {
    grid-row: 11 / span 1;
  }
  .kgrid > .kcol-md-11-1 {
    grid-column: 11 / span 1;
  }
  .kgrid > .krow-md-11-2 {
    grid-row: 11 / span 2;
  }
  .kgrid > .kcol-md-11-2 {
    grid-column: 11 / span 2;
  }
  .kgrid > .krow-md-11-3 {
    grid-row: 11 / span 3;
  }
  .kgrid > .kcol-md-11-3 {
    grid-column: 11 / span 3;
  }
  .kgrid > .krow-md-11-4 {
    grid-row: 11 / span 4;
  }
  .kgrid > .kcol-md-11-4 {
    grid-column: 11 / span 4;
  }
  .kgrid > .krow-md-11-5 {
    grid-row: 11 / span 5;
  }
  .kgrid > .kcol-md-11-5 {
    grid-column: 11 / span 5;
  }
  .kgrid > .krow-md-11-6 {
    grid-row: 11 / span 6;
  }
  .kgrid > .kcol-md-11-6 {
    grid-column: 11 / span 6;
  }
  .kgrid > .krow-md-11-7 {
    grid-row: 11 / span 7;
  }
  .kgrid > .kcol-md-11-7 {
    grid-column: 11 / span 7;
  }
  .kgrid > .krow-md-11-8 {
    grid-row: 11 / span 8;
  }
  .kgrid > .kcol-md-11-8 {
    grid-column: 11 / span 8;
  }
  .kgrid > .krow-md-11-9 {
    grid-row: 11 / span 9;
  }
  .kgrid > .kcol-md-11-9 {
    grid-column: 11 / span 9;
  }
  .kgrid > .krow-md-11-10 {
    grid-row: 11 / span 10;
  }
  .kgrid > .kcol-md-11-10 {
    grid-column: 11 / span 10;
  }
  .kgrid > .krow-md-11-11 {
    grid-row: 11 / span 11;
  }
  .kgrid > .kcol-md-11-11 {
    grid-column: 11 / span 11;
  }
  .kgrid > .krow-md-11-12 {
    grid-row: 11 / span 12;
  }
  .kgrid > .kcol-md-11-12 {
    grid-column: 11 / span 12;
  }
  .kgrid > .krow-md-12 {
    grid-row: auto / span 12;
  }
  .kgrid > .krow-md-12-auto {
    grid-row: 12 / span all;
  }
  .kgrid > .kcol-md-12 {
    grid-column: auto / span 12;
  }
  .kgrid > .kcol-md-12-auto {
    grid-column: 12 / span all;
  }
  .kgrid > .krow-md-12-1 {
    grid-row: 12 / span 1;
  }
  .kgrid > .kcol-md-12-1 {
    grid-column: 12 / span 1;
  }
  .kgrid > .krow-md-12-2 {
    grid-row: 12 / span 2;
  }
  .kgrid > .kcol-md-12-2 {
    grid-column: 12 / span 2;
  }
  .kgrid > .krow-md-12-3 {
    grid-row: 12 / span 3;
  }
  .kgrid > .kcol-md-12-3 {
    grid-column: 12 / span 3;
  }
  .kgrid > .krow-md-12-4 {
    grid-row: 12 / span 4;
  }
  .kgrid > .kcol-md-12-4 {
    grid-column: 12 / span 4;
  }
  .kgrid > .krow-md-12-5 {
    grid-row: 12 / span 5;
  }
  .kgrid > .kcol-md-12-5 {
    grid-column: 12 / span 5;
  }
  .kgrid > .krow-md-12-6 {
    grid-row: 12 / span 6;
  }
  .kgrid > .kcol-md-12-6 {
    grid-column: 12 / span 6;
  }
  .kgrid > .krow-md-12-7 {
    grid-row: 12 / span 7;
  }
  .kgrid > .kcol-md-12-7 {
    grid-column: 12 / span 7;
  }
  .kgrid > .krow-md-12-8 {
    grid-row: 12 / span 8;
  }
  .kgrid > .kcol-md-12-8 {
    grid-column: 12 / span 8;
  }
  .kgrid > .krow-md-12-9 {
    grid-row: 12 / span 9;
  }
  .kgrid > .kcol-md-12-9 {
    grid-column: 12 / span 9;
  }
  .kgrid > .krow-md-12-10 {
    grid-row: 12 / span 10;
  }
  .kgrid > .kcol-md-12-10 {
    grid-column: 12 / span 10;
  }
  .kgrid > .krow-md-12-11 {
    grid-row: 12 / span 11;
  }
  .kgrid > .kcol-md-12-11 {
    grid-column: 12 / span 11;
  }
  .kgrid > .krow-md-12-12 {
    grid-row: 12 / span 12;
  }
  .kgrid > .kcol-md-12-12 {
    grid-column: 12 / span 12;
  }
}
@media (min-width: 992px) {
  .kgrid > .krow-lg-auto {
    grid-row: auto / span all;
  }
  .kgrid > .kcol-lg-auto {
    grid-column: auto / span all;
  }
  .kgrid > .krow-lg-1 {
    grid-row: auto / span 1;
  }
  .kgrid > .krow-lg-1-auto {
    grid-row: 1 / span all;
  }
  .kgrid > .kcol-lg-1 {
    grid-column: auto / span 1;
  }
  .kgrid > .kcol-lg-1-auto {
    grid-column: 1 / span all;
  }
  .kgrid > .krow-lg-1-1 {
    grid-row: 1 / span 1;
  }
  .kgrid > .kcol-lg-1-1 {
    grid-column: 1 / span 1;
  }
  .kgrid > .krow-lg-1-2 {
    grid-row: 1 / span 2;
  }
  .kgrid > .kcol-lg-1-2 {
    grid-column: 1 / span 2;
  }
  .kgrid > .krow-lg-1-3 {
    grid-row: 1 / span 3;
  }
  .kgrid > .kcol-lg-1-3 {
    grid-column: 1 / span 3;
  }
  .kgrid > .krow-lg-1-4 {
    grid-row: 1 / span 4;
  }
  .kgrid > .kcol-lg-1-4 {
    grid-column: 1 / span 4;
  }
  .kgrid > .krow-lg-1-5 {
    grid-row: 1 / span 5;
  }
  .kgrid > .kcol-lg-1-5 {
    grid-column: 1 / span 5;
  }
  .kgrid > .krow-lg-1-6 {
    grid-row: 1 / span 6;
  }
  .kgrid > .kcol-lg-1-6 {
    grid-column: 1 / span 6;
  }
  .kgrid > .krow-lg-1-7 {
    grid-row: 1 / span 7;
  }
  .kgrid > .kcol-lg-1-7 {
    grid-column: 1 / span 7;
  }
  .kgrid > .krow-lg-1-8 {
    grid-row: 1 / span 8;
  }
  .kgrid > .kcol-lg-1-8 {
    grid-column: 1 / span 8;
  }
  .kgrid > .krow-lg-1-9 {
    grid-row: 1 / span 9;
  }
  .kgrid > .kcol-lg-1-9 {
    grid-column: 1 / span 9;
  }
  .kgrid > .krow-lg-1-10 {
    grid-row: 1 / span 10;
  }
  .kgrid > .kcol-lg-1-10 {
    grid-column: 1 / span 10;
  }
  .kgrid > .krow-lg-1-11 {
    grid-row: 1 / span 11;
  }
  .kgrid > .kcol-lg-1-11 {
    grid-column: 1 / span 11;
  }
  .kgrid > .krow-lg-1-12 {
    grid-row: 1 / span 12;
  }
  .kgrid > .kcol-lg-1-12 {
    grid-column: 1 / span 12;
  }
  .kgrid > .krow-lg-2 {
    grid-row: auto / span 2;
  }
  .kgrid > .krow-lg-2-auto {
    grid-row: 2 / span all;
  }
  .kgrid > .kcol-lg-2 {
    grid-column: auto / span 2;
  }
  .kgrid > .kcol-lg-2-auto {
    grid-column: 2 / span all;
  }
  .kgrid > .krow-lg-2-1 {
    grid-row: 2 / span 1;
  }
  .kgrid > .kcol-lg-2-1 {
    grid-column: 2 / span 1;
  }
  .kgrid > .krow-lg-2-2 {
    grid-row: 2 / span 2;
  }
  .kgrid > .kcol-lg-2-2 {
    grid-column: 2 / span 2;
  }
  .kgrid > .krow-lg-2-3 {
    grid-row: 2 / span 3;
  }
  .kgrid > .kcol-lg-2-3 {
    grid-column: 2 / span 3;
  }
  .kgrid > .krow-lg-2-4 {
    grid-row: 2 / span 4;
  }
  .kgrid > .kcol-lg-2-4 {
    grid-column: 2 / span 4;
  }
  .kgrid > .krow-lg-2-5 {
    grid-row: 2 / span 5;
  }
  .kgrid > .kcol-lg-2-5 {
    grid-column: 2 / span 5;
  }
  .kgrid > .krow-lg-2-6 {
    grid-row: 2 / span 6;
  }
  .kgrid > .kcol-lg-2-6 {
    grid-column: 2 / span 6;
  }
  .kgrid > .krow-lg-2-7 {
    grid-row: 2 / span 7;
  }
  .kgrid > .kcol-lg-2-7 {
    grid-column: 2 / span 7;
  }
  .kgrid > .krow-lg-2-8 {
    grid-row: 2 / span 8;
  }
  .kgrid > .kcol-lg-2-8 {
    grid-column: 2 / span 8;
  }
  .kgrid > .krow-lg-2-9 {
    grid-row: 2 / span 9;
  }
  .kgrid > .kcol-lg-2-9 {
    grid-column: 2 / span 9;
  }
  .kgrid > .krow-lg-2-10 {
    grid-row: 2 / span 10;
  }
  .kgrid > .kcol-lg-2-10 {
    grid-column: 2 / span 10;
  }
  .kgrid > .krow-lg-2-11 {
    grid-row: 2 / span 11;
  }
  .kgrid > .kcol-lg-2-11 {
    grid-column: 2 / span 11;
  }
  .kgrid > .krow-lg-2-12 {
    grid-row: 2 / span 12;
  }
  .kgrid > .kcol-lg-2-12 {
    grid-column: 2 / span 12;
  }
  .kgrid > .krow-lg-3 {
    grid-row: auto / span 3;
  }
  .kgrid > .krow-lg-3-auto {
    grid-row: 3 / span all;
  }
  .kgrid > .kcol-lg-3 {
    grid-column: auto / span 3;
  }
  .kgrid > .kcol-lg-3-auto {
    grid-column: 3 / span all;
  }
  .kgrid > .krow-lg-3-1 {
    grid-row: 3 / span 1;
  }
  .kgrid > .kcol-lg-3-1 {
    grid-column: 3 / span 1;
  }
  .kgrid > .krow-lg-3-2 {
    grid-row: 3 / span 2;
  }
  .kgrid > .kcol-lg-3-2 {
    grid-column: 3 / span 2;
  }
  .kgrid > .krow-lg-3-3 {
    grid-row: 3 / span 3;
  }
  .kgrid > .kcol-lg-3-3 {
    grid-column: 3 / span 3;
  }
  .kgrid > .krow-lg-3-4 {
    grid-row: 3 / span 4;
  }
  .kgrid > .kcol-lg-3-4 {
    grid-column: 3 / span 4;
  }
  .kgrid > .krow-lg-3-5 {
    grid-row: 3 / span 5;
  }
  .kgrid > .kcol-lg-3-5 {
    grid-column: 3 / span 5;
  }
  .kgrid > .krow-lg-3-6 {
    grid-row: 3 / span 6;
  }
  .kgrid > .kcol-lg-3-6 {
    grid-column: 3 / span 6;
  }
  .kgrid > .krow-lg-3-7 {
    grid-row: 3 / span 7;
  }
  .kgrid > .kcol-lg-3-7 {
    grid-column: 3 / span 7;
  }
  .kgrid > .krow-lg-3-8 {
    grid-row: 3 / span 8;
  }
  .kgrid > .kcol-lg-3-8 {
    grid-column: 3 / span 8;
  }
  .kgrid > .krow-lg-3-9 {
    grid-row: 3 / span 9;
  }
  .kgrid > .kcol-lg-3-9 {
    grid-column: 3 / span 9;
  }
  .kgrid > .krow-lg-3-10 {
    grid-row: 3 / span 10;
  }
  .kgrid > .kcol-lg-3-10 {
    grid-column: 3 / span 10;
  }
  .kgrid > .krow-lg-3-11 {
    grid-row: 3 / span 11;
  }
  .kgrid > .kcol-lg-3-11 {
    grid-column: 3 / span 11;
  }
  .kgrid > .krow-lg-3-12 {
    grid-row: 3 / span 12;
  }
  .kgrid > .kcol-lg-3-12 {
    grid-column: 3 / span 12;
  }
  .kgrid > .krow-lg-4 {
    grid-row: auto / span 4;
  }
  .kgrid > .krow-lg-4-auto {
    grid-row: 4 / span all;
  }
  .kgrid > .kcol-lg-4 {
    grid-column: auto / span 4;
  }
  .kgrid > .kcol-lg-4-auto {
    grid-column: 4 / span all;
  }
  .kgrid > .krow-lg-4-1 {
    grid-row: 4 / span 1;
  }
  .kgrid > .kcol-lg-4-1 {
    grid-column: 4 / span 1;
  }
  .kgrid > .krow-lg-4-2 {
    grid-row: 4 / span 2;
  }
  .kgrid > .kcol-lg-4-2 {
    grid-column: 4 / span 2;
  }
  .kgrid > .krow-lg-4-3 {
    grid-row: 4 / span 3;
  }
  .kgrid > .kcol-lg-4-3 {
    grid-column: 4 / span 3;
  }
  .kgrid > .krow-lg-4-4 {
    grid-row: 4 / span 4;
  }
  .kgrid > .kcol-lg-4-4 {
    grid-column: 4 / span 4;
  }
  .kgrid > .krow-lg-4-5 {
    grid-row: 4 / span 5;
  }
  .kgrid > .kcol-lg-4-5 {
    grid-column: 4 / span 5;
  }
  .kgrid > .krow-lg-4-6 {
    grid-row: 4 / span 6;
  }
  .kgrid > .kcol-lg-4-6 {
    grid-column: 4 / span 6;
  }
  .kgrid > .krow-lg-4-7 {
    grid-row: 4 / span 7;
  }
  .kgrid > .kcol-lg-4-7 {
    grid-column: 4 / span 7;
  }
  .kgrid > .krow-lg-4-8 {
    grid-row: 4 / span 8;
  }
  .kgrid > .kcol-lg-4-8 {
    grid-column: 4 / span 8;
  }
  .kgrid > .krow-lg-4-9 {
    grid-row: 4 / span 9;
  }
  .kgrid > .kcol-lg-4-9 {
    grid-column: 4 / span 9;
  }
  .kgrid > .krow-lg-4-10 {
    grid-row: 4 / span 10;
  }
  .kgrid > .kcol-lg-4-10 {
    grid-column: 4 / span 10;
  }
  .kgrid > .krow-lg-4-11 {
    grid-row: 4 / span 11;
  }
  .kgrid > .kcol-lg-4-11 {
    grid-column: 4 / span 11;
  }
  .kgrid > .krow-lg-4-12 {
    grid-row: 4 / span 12;
  }
  .kgrid > .kcol-lg-4-12 {
    grid-column: 4 / span 12;
  }
  .kgrid > .krow-lg-5 {
    grid-row: auto / span 5;
  }
  .kgrid > .krow-lg-5-auto {
    grid-row: 5 / span all;
  }
  .kgrid > .kcol-lg-5 {
    grid-column: auto / span 5;
  }
  .kgrid > .kcol-lg-5-auto {
    grid-column: 5 / span all;
  }
  .kgrid > .krow-lg-5-1 {
    grid-row: 5 / span 1;
  }
  .kgrid > .kcol-lg-5-1 {
    grid-column: 5 / span 1;
  }
  .kgrid > .krow-lg-5-2 {
    grid-row: 5 / span 2;
  }
  .kgrid > .kcol-lg-5-2 {
    grid-column: 5 / span 2;
  }
  .kgrid > .krow-lg-5-3 {
    grid-row: 5 / span 3;
  }
  .kgrid > .kcol-lg-5-3 {
    grid-column: 5 / span 3;
  }
  .kgrid > .krow-lg-5-4 {
    grid-row: 5 / span 4;
  }
  .kgrid > .kcol-lg-5-4 {
    grid-column: 5 / span 4;
  }
  .kgrid > .krow-lg-5-5 {
    grid-row: 5 / span 5;
  }
  .kgrid > .kcol-lg-5-5 {
    grid-column: 5 / span 5;
  }
  .kgrid > .krow-lg-5-6 {
    grid-row: 5 / span 6;
  }
  .kgrid > .kcol-lg-5-6 {
    grid-column: 5 / span 6;
  }
  .kgrid > .krow-lg-5-7 {
    grid-row: 5 / span 7;
  }
  .kgrid > .kcol-lg-5-7 {
    grid-column: 5 / span 7;
  }
  .kgrid > .krow-lg-5-8 {
    grid-row: 5 / span 8;
  }
  .kgrid > .kcol-lg-5-8 {
    grid-column: 5 / span 8;
  }
  .kgrid > .krow-lg-5-9 {
    grid-row: 5 / span 9;
  }
  .kgrid > .kcol-lg-5-9 {
    grid-column: 5 / span 9;
  }
  .kgrid > .krow-lg-5-10 {
    grid-row: 5 / span 10;
  }
  .kgrid > .kcol-lg-5-10 {
    grid-column: 5 / span 10;
  }
  .kgrid > .krow-lg-5-11 {
    grid-row: 5 / span 11;
  }
  .kgrid > .kcol-lg-5-11 {
    grid-column: 5 / span 11;
  }
  .kgrid > .krow-lg-5-12 {
    grid-row: 5 / span 12;
  }
  .kgrid > .kcol-lg-5-12 {
    grid-column: 5 / span 12;
  }
  .kgrid > .krow-lg-6 {
    grid-row: auto / span 6;
  }
  .kgrid > .krow-lg-6-auto {
    grid-row: 6 / span all;
  }
  .kgrid > .kcol-lg-6 {
    grid-column: auto / span 6;
  }
  .kgrid > .kcol-lg-6-auto {
    grid-column: 6 / span all;
  }
  .kgrid > .krow-lg-6-1 {
    grid-row: 6 / span 1;
  }
  .kgrid > .kcol-lg-6-1 {
    grid-column: 6 / span 1;
  }
  .kgrid > .krow-lg-6-2 {
    grid-row: 6 / span 2;
  }
  .kgrid > .kcol-lg-6-2 {
    grid-column: 6 / span 2;
  }
  .kgrid > .krow-lg-6-3 {
    grid-row: 6 / span 3;
  }
  .kgrid > .kcol-lg-6-3 {
    grid-column: 6 / span 3;
  }
  .kgrid > .krow-lg-6-4 {
    grid-row: 6 / span 4;
  }
  .kgrid > .kcol-lg-6-4 {
    grid-column: 6 / span 4;
  }
  .kgrid > .krow-lg-6-5 {
    grid-row: 6 / span 5;
  }
  .kgrid > .kcol-lg-6-5 {
    grid-column: 6 / span 5;
  }
  .kgrid > .krow-lg-6-6 {
    grid-row: 6 / span 6;
  }
  .kgrid > .kcol-lg-6-6 {
    grid-column: 6 / span 6;
  }
  .kgrid > .krow-lg-6-7 {
    grid-row: 6 / span 7;
  }
  .kgrid > .kcol-lg-6-7 {
    grid-column: 6 / span 7;
  }
  .kgrid > .krow-lg-6-8 {
    grid-row: 6 / span 8;
  }
  .kgrid > .kcol-lg-6-8 {
    grid-column: 6 / span 8;
  }
  .kgrid > .krow-lg-6-9 {
    grid-row: 6 / span 9;
  }
  .kgrid > .kcol-lg-6-9 {
    grid-column: 6 / span 9;
  }
  .kgrid > .krow-lg-6-10 {
    grid-row: 6 / span 10;
  }
  .kgrid > .kcol-lg-6-10 {
    grid-column: 6 / span 10;
  }
  .kgrid > .krow-lg-6-11 {
    grid-row: 6 / span 11;
  }
  .kgrid > .kcol-lg-6-11 {
    grid-column: 6 / span 11;
  }
  .kgrid > .krow-lg-6-12 {
    grid-row: 6 / span 12;
  }
  .kgrid > .kcol-lg-6-12 {
    grid-column: 6 / span 12;
  }
  .kgrid > .krow-lg-7 {
    grid-row: auto / span 7;
  }
  .kgrid > .krow-lg-7-auto {
    grid-row: 7 / span all;
  }
  .kgrid > .kcol-lg-7 {
    grid-column: auto / span 7;
  }
  .kgrid > .kcol-lg-7-auto {
    grid-column: 7 / span all;
  }
  .kgrid > .krow-lg-7-1 {
    grid-row: 7 / span 1;
  }
  .kgrid > .kcol-lg-7-1 {
    grid-column: 7 / span 1;
  }
  .kgrid > .krow-lg-7-2 {
    grid-row: 7 / span 2;
  }
  .kgrid > .kcol-lg-7-2 {
    grid-column: 7 / span 2;
  }
  .kgrid > .krow-lg-7-3 {
    grid-row: 7 / span 3;
  }
  .kgrid > .kcol-lg-7-3 {
    grid-column: 7 / span 3;
  }
  .kgrid > .krow-lg-7-4 {
    grid-row: 7 / span 4;
  }
  .kgrid > .kcol-lg-7-4 {
    grid-column: 7 / span 4;
  }
  .kgrid > .krow-lg-7-5 {
    grid-row: 7 / span 5;
  }
  .kgrid > .kcol-lg-7-5 {
    grid-column: 7 / span 5;
  }
  .kgrid > .krow-lg-7-6 {
    grid-row: 7 / span 6;
  }
  .kgrid > .kcol-lg-7-6 {
    grid-column: 7 / span 6;
  }
  .kgrid > .krow-lg-7-7 {
    grid-row: 7 / span 7;
  }
  .kgrid > .kcol-lg-7-7 {
    grid-column: 7 / span 7;
  }
  .kgrid > .krow-lg-7-8 {
    grid-row: 7 / span 8;
  }
  .kgrid > .kcol-lg-7-8 {
    grid-column: 7 / span 8;
  }
  .kgrid > .krow-lg-7-9 {
    grid-row: 7 / span 9;
  }
  .kgrid > .kcol-lg-7-9 {
    grid-column: 7 / span 9;
  }
  .kgrid > .krow-lg-7-10 {
    grid-row: 7 / span 10;
  }
  .kgrid > .kcol-lg-7-10 {
    grid-column: 7 / span 10;
  }
  .kgrid > .krow-lg-7-11 {
    grid-row: 7 / span 11;
  }
  .kgrid > .kcol-lg-7-11 {
    grid-column: 7 / span 11;
  }
  .kgrid > .krow-lg-7-12 {
    grid-row: 7 / span 12;
  }
  .kgrid > .kcol-lg-7-12 {
    grid-column: 7 / span 12;
  }
  .kgrid > .krow-lg-8 {
    grid-row: auto / span 8;
  }
  .kgrid > .krow-lg-8-auto {
    grid-row: 8 / span all;
  }
  .kgrid > .kcol-lg-8 {
    grid-column: auto / span 8;
  }
  .kgrid > .kcol-lg-8-auto {
    grid-column: 8 / span all;
  }
  .kgrid > .krow-lg-8-1 {
    grid-row: 8 / span 1;
  }
  .kgrid > .kcol-lg-8-1 {
    grid-column: 8 / span 1;
  }
  .kgrid > .krow-lg-8-2 {
    grid-row: 8 / span 2;
  }
  .kgrid > .kcol-lg-8-2 {
    grid-column: 8 / span 2;
  }
  .kgrid > .krow-lg-8-3 {
    grid-row: 8 / span 3;
  }
  .kgrid > .kcol-lg-8-3 {
    grid-column: 8 / span 3;
  }
  .kgrid > .krow-lg-8-4 {
    grid-row: 8 / span 4;
  }
  .kgrid > .kcol-lg-8-4 {
    grid-column: 8 / span 4;
  }
  .kgrid > .krow-lg-8-5 {
    grid-row: 8 / span 5;
  }
  .kgrid > .kcol-lg-8-5 {
    grid-column: 8 / span 5;
  }
  .kgrid > .krow-lg-8-6 {
    grid-row: 8 / span 6;
  }
  .kgrid > .kcol-lg-8-6 {
    grid-column: 8 / span 6;
  }
  .kgrid > .krow-lg-8-7 {
    grid-row: 8 / span 7;
  }
  .kgrid > .kcol-lg-8-7 {
    grid-column: 8 / span 7;
  }
  .kgrid > .krow-lg-8-8 {
    grid-row: 8 / span 8;
  }
  .kgrid > .kcol-lg-8-8 {
    grid-column: 8 / span 8;
  }
  .kgrid > .krow-lg-8-9 {
    grid-row: 8 / span 9;
  }
  .kgrid > .kcol-lg-8-9 {
    grid-column: 8 / span 9;
  }
  .kgrid > .krow-lg-8-10 {
    grid-row: 8 / span 10;
  }
  .kgrid > .kcol-lg-8-10 {
    grid-column: 8 / span 10;
  }
  .kgrid > .krow-lg-8-11 {
    grid-row: 8 / span 11;
  }
  .kgrid > .kcol-lg-8-11 {
    grid-column: 8 / span 11;
  }
  .kgrid > .krow-lg-8-12 {
    grid-row: 8 / span 12;
  }
  .kgrid > .kcol-lg-8-12 {
    grid-column: 8 / span 12;
  }
  .kgrid > .krow-lg-9 {
    grid-row: auto / span 9;
  }
  .kgrid > .krow-lg-9-auto {
    grid-row: 9 / span all;
  }
  .kgrid > .kcol-lg-9 {
    grid-column: auto / span 9;
  }
  .kgrid > .kcol-lg-9-auto {
    grid-column: 9 / span all;
  }
  .kgrid > .krow-lg-9-1 {
    grid-row: 9 / span 1;
  }
  .kgrid > .kcol-lg-9-1 {
    grid-column: 9 / span 1;
  }
  .kgrid > .krow-lg-9-2 {
    grid-row: 9 / span 2;
  }
  .kgrid > .kcol-lg-9-2 {
    grid-column: 9 / span 2;
  }
  .kgrid > .krow-lg-9-3 {
    grid-row: 9 / span 3;
  }
  .kgrid > .kcol-lg-9-3 {
    grid-column: 9 / span 3;
  }
  .kgrid > .krow-lg-9-4 {
    grid-row: 9 / span 4;
  }
  .kgrid > .kcol-lg-9-4 {
    grid-column: 9 / span 4;
  }
  .kgrid > .krow-lg-9-5 {
    grid-row: 9 / span 5;
  }
  .kgrid > .kcol-lg-9-5 {
    grid-column: 9 / span 5;
  }
  .kgrid > .krow-lg-9-6 {
    grid-row: 9 / span 6;
  }
  .kgrid > .kcol-lg-9-6 {
    grid-column: 9 / span 6;
  }
  .kgrid > .krow-lg-9-7 {
    grid-row: 9 / span 7;
  }
  .kgrid > .kcol-lg-9-7 {
    grid-column: 9 / span 7;
  }
  .kgrid > .krow-lg-9-8 {
    grid-row: 9 / span 8;
  }
  .kgrid > .kcol-lg-9-8 {
    grid-column: 9 / span 8;
  }
  .kgrid > .krow-lg-9-9 {
    grid-row: 9 / span 9;
  }
  .kgrid > .kcol-lg-9-9 {
    grid-column: 9 / span 9;
  }
  .kgrid > .krow-lg-9-10 {
    grid-row: 9 / span 10;
  }
  .kgrid > .kcol-lg-9-10 {
    grid-column: 9 / span 10;
  }
  .kgrid > .krow-lg-9-11 {
    grid-row: 9 / span 11;
  }
  .kgrid > .kcol-lg-9-11 {
    grid-column: 9 / span 11;
  }
  .kgrid > .krow-lg-9-12 {
    grid-row: 9 / span 12;
  }
  .kgrid > .kcol-lg-9-12 {
    grid-column: 9 / span 12;
  }
  .kgrid > .krow-lg-10 {
    grid-row: auto / span 10;
  }
  .kgrid > .krow-lg-10-auto {
    grid-row: 10 / span all;
  }
  .kgrid > .kcol-lg-10 {
    grid-column: auto / span 10;
  }
  .kgrid > .kcol-lg-10-auto {
    grid-column: 10 / span all;
  }
  .kgrid > .krow-lg-10-1 {
    grid-row: 10 / span 1;
  }
  .kgrid > .kcol-lg-10-1 {
    grid-column: 10 / span 1;
  }
  .kgrid > .krow-lg-10-2 {
    grid-row: 10 / span 2;
  }
  .kgrid > .kcol-lg-10-2 {
    grid-column: 10 / span 2;
  }
  .kgrid > .krow-lg-10-3 {
    grid-row: 10 / span 3;
  }
  .kgrid > .kcol-lg-10-3 {
    grid-column: 10 / span 3;
  }
  .kgrid > .krow-lg-10-4 {
    grid-row: 10 / span 4;
  }
  .kgrid > .kcol-lg-10-4 {
    grid-column: 10 / span 4;
  }
  .kgrid > .krow-lg-10-5 {
    grid-row: 10 / span 5;
  }
  .kgrid > .kcol-lg-10-5 {
    grid-column: 10 / span 5;
  }
  .kgrid > .krow-lg-10-6 {
    grid-row: 10 / span 6;
  }
  .kgrid > .kcol-lg-10-6 {
    grid-column: 10 / span 6;
  }
  .kgrid > .krow-lg-10-7 {
    grid-row: 10 / span 7;
  }
  .kgrid > .kcol-lg-10-7 {
    grid-column: 10 / span 7;
  }
  .kgrid > .krow-lg-10-8 {
    grid-row: 10 / span 8;
  }
  .kgrid > .kcol-lg-10-8 {
    grid-column: 10 / span 8;
  }
  .kgrid > .krow-lg-10-9 {
    grid-row: 10 / span 9;
  }
  .kgrid > .kcol-lg-10-9 {
    grid-column: 10 / span 9;
  }
  .kgrid > .krow-lg-10-10 {
    grid-row: 10 / span 10;
  }
  .kgrid > .kcol-lg-10-10 {
    grid-column: 10 / span 10;
  }
  .kgrid > .krow-lg-10-11 {
    grid-row: 10 / span 11;
  }
  .kgrid > .kcol-lg-10-11 {
    grid-column: 10 / span 11;
  }
  .kgrid > .krow-lg-10-12 {
    grid-row: 10 / span 12;
  }
  .kgrid > .kcol-lg-10-12 {
    grid-column: 10 / span 12;
  }
  .kgrid > .krow-lg-11 {
    grid-row: auto / span 11;
  }
  .kgrid > .krow-lg-11-auto {
    grid-row: 11 / span all;
  }
  .kgrid > .kcol-lg-11 {
    grid-column: auto / span 11;
  }
  .kgrid > .kcol-lg-11-auto {
    grid-column: 11 / span all;
  }
  .kgrid > .krow-lg-11-1 {
    grid-row: 11 / span 1;
  }
  .kgrid > .kcol-lg-11-1 {
    grid-column: 11 / span 1;
  }
  .kgrid > .krow-lg-11-2 {
    grid-row: 11 / span 2;
  }
  .kgrid > .kcol-lg-11-2 {
    grid-column: 11 / span 2;
  }
  .kgrid > .krow-lg-11-3 {
    grid-row: 11 / span 3;
  }
  .kgrid > .kcol-lg-11-3 {
    grid-column: 11 / span 3;
  }
  .kgrid > .krow-lg-11-4 {
    grid-row: 11 / span 4;
  }
  .kgrid > .kcol-lg-11-4 {
    grid-column: 11 / span 4;
  }
  .kgrid > .krow-lg-11-5 {
    grid-row: 11 / span 5;
  }
  .kgrid > .kcol-lg-11-5 {
    grid-column: 11 / span 5;
  }
  .kgrid > .krow-lg-11-6 {
    grid-row: 11 / span 6;
  }
  .kgrid > .kcol-lg-11-6 {
    grid-column: 11 / span 6;
  }
  .kgrid > .krow-lg-11-7 {
    grid-row: 11 / span 7;
  }
  .kgrid > .kcol-lg-11-7 {
    grid-column: 11 / span 7;
  }
  .kgrid > .krow-lg-11-8 {
    grid-row: 11 / span 8;
  }
  .kgrid > .kcol-lg-11-8 {
    grid-column: 11 / span 8;
  }
  .kgrid > .krow-lg-11-9 {
    grid-row: 11 / span 9;
  }
  .kgrid > .kcol-lg-11-9 {
    grid-column: 11 / span 9;
  }
  .kgrid > .krow-lg-11-10 {
    grid-row: 11 / span 10;
  }
  .kgrid > .kcol-lg-11-10 {
    grid-column: 11 / span 10;
  }
  .kgrid > .krow-lg-11-11 {
    grid-row: 11 / span 11;
  }
  .kgrid > .kcol-lg-11-11 {
    grid-column: 11 / span 11;
  }
  .kgrid > .krow-lg-11-12 {
    grid-row: 11 / span 12;
  }
  .kgrid > .kcol-lg-11-12 {
    grid-column: 11 / span 12;
  }
  .kgrid > .krow-lg-12 {
    grid-row: auto / span 12;
  }
  .kgrid > .krow-lg-12-auto {
    grid-row: 12 / span all;
  }
  .kgrid > .kcol-lg-12 {
    grid-column: auto / span 12;
  }
  .kgrid > .kcol-lg-12-auto {
    grid-column: 12 / span all;
  }
  .kgrid > .krow-lg-12-1 {
    grid-row: 12 / span 1;
  }
  .kgrid > .kcol-lg-12-1 {
    grid-column: 12 / span 1;
  }
  .kgrid > .krow-lg-12-2 {
    grid-row: 12 / span 2;
  }
  .kgrid > .kcol-lg-12-2 {
    grid-column: 12 / span 2;
  }
  .kgrid > .krow-lg-12-3 {
    grid-row: 12 / span 3;
  }
  .kgrid > .kcol-lg-12-3 {
    grid-column: 12 / span 3;
  }
  .kgrid > .krow-lg-12-4 {
    grid-row: 12 / span 4;
  }
  .kgrid > .kcol-lg-12-4 {
    grid-column: 12 / span 4;
  }
  .kgrid > .krow-lg-12-5 {
    grid-row: 12 / span 5;
  }
  .kgrid > .kcol-lg-12-5 {
    grid-column: 12 / span 5;
  }
  .kgrid > .krow-lg-12-6 {
    grid-row: 12 / span 6;
  }
  .kgrid > .kcol-lg-12-6 {
    grid-column: 12 / span 6;
  }
  .kgrid > .krow-lg-12-7 {
    grid-row: 12 / span 7;
  }
  .kgrid > .kcol-lg-12-7 {
    grid-column: 12 / span 7;
  }
  .kgrid > .krow-lg-12-8 {
    grid-row: 12 / span 8;
  }
  .kgrid > .kcol-lg-12-8 {
    grid-column: 12 / span 8;
  }
  .kgrid > .krow-lg-12-9 {
    grid-row: 12 / span 9;
  }
  .kgrid > .kcol-lg-12-9 {
    grid-column: 12 / span 9;
  }
  .kgrid > .krow-lg-12-10 {
    grid-row: 12 / span 10;
  }
  .kgrid > .kcol-lg-12-10 {
    grid-column: 12 / span 10;
  }
  .kgrid > .krow-lg-12-11 {
    grid-row: 12 / span 11;
  }
  .kgrid > .kcol-lg-12-11 {
    grid-column: 12 / span 11;
  }
  .kgrid > .krow-lg-12-12 {
    grid-row: 12 / span 12;
  }
  .kgrid > .kcol-lg-12-12 {
    grid-column: 12 / span 12;
  }
}
@media (min-width: 1200px) {
  .kgrid > .krow-xl-auto {
    grid-row: auto / span all;
  }
  .kgrid > .kcol-xl-auto {
    grid-column: auto / span all;
  }
  .kgrid > .krow-xl-1 {
    grid-row: auto / span 1;
  }
  .kgrid > .krow-xl-1-auto {
    grid-row: 1 / span all;
  }
  .kgrid > .kcol-xl-1 {
    grid-column: auto / span 1;
  }
  .kgrid > .kcol-xl-1-auto {
    grid-column: 1 / span all;
  }
  .kgrid > .krow-xl-1-1 {
    grid-row: 1 / span 1;
  }
  .kgrid > .kcol-xl-1-1 {
    grid-column: 1 / span 1;
  }
  .kgrid > .krow-xl-1-2 {
    grid-row: 1 / span 2;
  }
  .kgrid > .kcol-xl-1-2 {
    grid-column: 1 / span 2;
  }
  .kgrid > .krow-xl-1-3 {
    grid-row: 1 / span 3;
  }
  .kgrid > .kcol-xl-1-3 {
    grid-column: 1 / span 3;
  }
  .kgrid > .krow-xl-1-4 {
    grid-row: 1 / span 4;
  }
  .kgrid > .kcol-xl-1-4 {
    grid-column: 1 / span 4;
  }
  .kgrid > .krow-xl-1-5 {
    grid-row: 1 / span 5;
  }
  .kgrid > .kcol-xl-1-5 {
    grid-column: 1 / span 5;
  }
  .kgrid > .krow-xl-1-6 {
    grid-row: 1 / span 6;
  }
  .kgrid > .kcol-xl-1-6 {
    grid-column: 1 / span 6;
  }
  .kgrid > .krow-xl-1-7 {
    grid-row: 1 / span 7;
  }
  .kgrid > .kcol-xl-1-7 {
    grid-column: 1 / span 7;
  }
  .kgrid > .krow-xl-1-8 {
    grid-row: 1 / span 8;
  }
  .kgrid > .kcol-xl-1-8 {
    grid-column: 1 / span 8;
  }
  .kgrid > .krow-xl-1-9 {
    grid-row: 1 / span 9;
  }
  .kgrid > .kcol-xl-1-9 {
    grid-column: 1 / span 9;
  }
  .kgrid > .krow-xl-1-10 {
    grid-row: 1 / span 10;
  }
  .kgrid > .kcol-xl-1-10 {
    grid-column: 1 / span 10;
  }
  .kgrid > .krow-xl-1-11 {
    grid-row: 1 / span 11;
  }
  .kgrid > .kcol-xl-1-11 {
    grid-column: 1 / span 11;
  }
  .kgrid > .krow-xl-1-12 {
    grid-row: 1 / span 12;
  }
  .kgrid > .kcol-xl-1-12 {
    grid-column: 1 / span 12;
  }
  .kgrid > .krow-xl-2 {
    grid-row: auto / span 2;
  }
  .kgrid > .krow-xl-2-auto {
    grid-row: 2 / span all;
  }
  .kgrid > .kcol-xl-2 {
    grid-column: auto / span 2;
  }
  .kgrid > .kcol-xl-2-auto {
    grid-column: 2 / span all;
  }
  .kgrid > .krow-xl-2-1 {
    grid-row: 2 / span 1;
  }
  .kgrid > .kcol-xl-2-1 {
    grid-column: 2 / span 1;
  }
  .kgrid > .krow-xl-2-2 {
    grid-row: 2 / span 2;
  }
  .kgrid > .kcol-xl-2-2 {
    grid-column: 2 / span 2;
  }
  .kgrid > .krow-xl-2-3 {
    grid-row: 2 / span 3;
  }
  .kgrid > .kcol-xl-2-3 {
    grid-column: 2 / span 3;
  }
  .kgrid > .krow-xl-2-4 {
    grid-row: 2 / span 4;
  }
  .kgrid > .kcol-xl-2-4 {
    grid-column: 2 / span 4;
  }
  .kgrid > .krow-xl-2-5 {
    grid-row: 2 / span 5;
  }
  .kgrid > .kcol-xl-2-5 {
    grid-column: 2 / span 5;
  }
  .kgrid > .krow-xl-2-6 {
    grid-row: 2 / span 6;
  }
  .kgrid > .kcol-xl-2-6 {
    grid-column: 2 / span 6;
  }
  .kgrid > .krow-xl-2-7 {
    grid-row: 2 / span 7;
  }
  .kgrid > .kcol-xl-2-7 {
    grid-column: 2 / span 7;
  }
  .kgrid > .krow-xl-2-8 {
    grid-row: 2 / span 8;
  }
  .kgrid > .kcol-xl-2-8 {
    grid-column: 2 / span 8;
  }
  .kgrid > .krow-xl-2-9 {
    grid-row: 2 / span 9;
  }
  .kgrid > .kcol-xl-2-9 {
    grid-column: 2 / span 9;
  }
  .kgrid > .krow-xl-2-10 {
    grid-row: 2 / span 10;
  }
  .kgrid > .kcol-xl-2-10 {
    grid-column: 2 / span 10;
  }
  .kgrid > .krow-xl-2-11 {
    grid-row: 2 / span 11;
  }
  .kgrid > .kcol-xl-2-11 {
    grid-column: 2 / span 11;
  }
  .kgrid > .krow-xl-2-12 {
    grid-row: 2 / span 12;
  }
  .kgrid > .kcol-xl-2-12 {
    grid-column: 2 / span 12;
  }
  .kgrid > .krow-xl-3 {
    grid-row: auto / span 3;
  }
  .kgrid > .krow-xl-3-auto {
    grid-row: 3 / span all;
  }
  .kgrid > .kcol-xl-3 {
    grid-column: auto / span 3;
  }
  .kgrid > .kcol-xl-3-auto {
    grid-column: 3 / span all;
  }
  .kgrid > .krow-xl-3-1 {
    grid-row: 3 / span 1;
  }
  .kgrid > .kcol-xl-3-1 {
    grid-column: 3 / span 1;
  }
  .kgrid > .krow-xl-3-2 {
    grid-row: 3 / span 2;
  }
  .kgrid > .kcol-xl-3-2 {
    grid-column: 3 / span 2;
  }
  .kgrid > .krow-xl-3-3 {
    grid-row: 3 / span 3;
  }
  .kgrid > .kcol-xl-3-3 {
    grid-column: 3 / span 3;
  }
  .kgrid > .krow-xl-3-4 {
    grid-row: 3 / span 4;
  }
  .kgrid > .kcol-xl-3-4 {
    grid-column: 3 / span 4;
  }
  .kgrid > .krow-xl-3-5 {
    grid-row: 3 / span 5;
  }
  .kgrid > .kcol-xl-3-5 {
    grid-column: 3 / span 5;
  }
  .kgrid > .krow-xl-3-6 {
    grid-row: 3 / span 6;
  }
  .kgrid > .kcol-xl-3-6 {
    grid-column: 3 / span 6;
  }
  .kgrid > .krow-xl-3-7 {
    grid-row: 3 / span 7;
  }
  .kgrid > .kcol-xl-3-7 {
    grid-column: 3 / span 7;
  }
  .kgrid > .krow-xl-3-8 {
    grid-row: 3 / span 8;
  }
  .kgrid > .kcol-xl-3-8 {
    grid-column: 3 / span 8;
  }
  .kgrid > .krow-xl-3-9 {
    grid-row: 3 / span 9;
  }
  .kgrid > .kcol-xl-3-9 {
    grid-column: 3 / span 9;
  }
  .kgrid > .krow-xl-3-10 {
    grid-row: 3 / span 10;
  }
  .kgrid > .kcol-xl-3-10 {
    grid-column: 3 / span 10;
  }
  .kgrid > .krow-xl-3-11 {
    grid-row: 3 / span 11;
  }
  .kgrid > .kcol-xl-3-11 {
    grid-column: 3 / span 11;
  }
  .kgrid > .krow-xl-3-12 {
    grid-row: 3 / span 12;
  }
  .kgrid > .kcol-xl-3-12 {
    grid-column: 3 / span 12;
  }
  .kgrid > .krow-xl-4 {
    grid-row: auto / span 4;
  }
  .kgrid > .krow-xl-4-auto {
    grid-row: 4 / span all;
  }
  .kgrid > .kcol-xl-4 {
    grid-column: auto / span 4;
  }
  .kgrid > .kcol-xl-4-auto {
    grid-column: 4 / span all;
  }
  .kgrid > .krow-xl-4-1 {
    grid-row: 4 / span 1;
  }
  .kgrid > .kcol-xl-4-1 {
    grid-column: 4 / span 1;
  }
  .kgrid > .krow-xl-4-2 {
    grid-row: 4 / span 2;
  }
  .kgrid > .kcol-xl-4-2 {
    grid-column: 4 / span 2;
  }
  .kgrid > .krow-xl-4-3 {
    grid-row: 4 / span 3;
  }
  .kgrid > .kcol-xl-4-3 {
    grid-column: 4 / span 3;
  }
  .kgrid > .krow-xl-4-4 {
    grid-row: 4 / span 4;
  }
  .kgrid > .kcol-xl-4-4 {
    grid-column: 4 / span 4;
  }
  .kgrid > .krow-xl-4-5 {
    grid-row: 4 / span 5;
  }
  .kgrid > .kcol-xl-4-5 {
    grid-column: 4 / span 5;
  }
  .kgrid > .krow-xl-4-6 {
    grid-row: 4 / span 6;
  }
  .kgrid > .kcol-xl-4-6 {
    grid-column: 4 / span 6;
  }
  .kgrid > .krow-xl-4-7 {
    grid-row: 4 / span 7;
  }
  .kgrid > .kcol-xl-4-7 {
    grid-column: 4 / span 7;
  }
  .kgrid > .krow-xl-4-8 {
    grid-row: 4 / span 8;
  }
  .kgrid > .kcol-xl-4-8 {
    grid-column: 4 / span 8;
  }
  .kgrid > .krow-xl-4-9 {
    grid-row: 4 / span 9;
  }
  .kgrid > .kcol-xl-4-9 {
    grid-column: 4 / span 9;
  }
  .kgrid > .krow-xl-4-10 {
    grid-row: 4 / span 10;
  }
  .kgrid > .kcol-xl-4-10 {
    grid-column: 4 / span 10;
  }
  .kgrid > .krow-xl-4-11 {
    grid-row: 4 / span 11;
  }
  .kgrid > .kcol-xl-4-11 {
    grid-column: 4 / span 11;
  }
  .kgrid > .krow-xl-4-12 {
    grid-row: 4 / span 12;
  }
  .kgrid > .kcol-xl-4-12 {
    grid-column: 4 / span 12;
  }
  .kgrid > .krow-xl-5 {
    grid-row: auto / span 5;
  }
  .kgrid > .krow-xl-5-auto {
    grid-row: 5 / span all;
  }
  .kgrid > .kcol-xl-5 {
    grid-column: auto / span 5;
  }
  .kgrid > .kcol-xl-5-auto {
    grid-column: 5 / span all;
  }
  .kgrid > .krow-xl-5-1 {
    grid-row: 5 / span 1;
  }
  .kgrid > .kcol-xl-5-1 {
    grid-column: 5 / span 1;
  }
  .kgrid > .krow-xl-5-2 {
    grid-row: 5 / span 2;
  }
  .kgrid > .kcol-xl-5-2 {
    grid-column: 5 / span 2;
  }
  .kgrid > .krow-xl-5-3 {
    grid-row: 5 / span 3;
  }
  .kgrid > .kcol-xl-5-3 {
    grid-column: 5 / span 3;
  }
  .kgrid > .krow-xl-5-4 {
    grid-row: 5 / span 4;
  }
  .kgrid > .kcol-xl-5-4 {
    grid-column: 5 / span 4;
  }
  .kgrid > .krow-xl-5-5 {
    grid-row: 5 / span 5;
  }
  .kgrid > .kcol-xl-5-5 {
    grid-column: 5 / span 5;
  }
  .kgrid > .krow-xl-5-6 {
    grid-row: 5 / span 6;
  }
  .kgrid > .kcol-xl-5-6 {
    grid-column: 5 / span 6;
  }
  .kgrid > .krow-xl-5-7 {
    grid-row: 5 / span 7;
  }
  .kgrid > .kcol-xl-5-7 {
    grid-column: 5 / span 7;
  }
  .kgrid > .krow-xl-5-8 {
    grid-row: 5 / span 8;
  }
  .kgrid > .kcol-xl-5-8 {
    grid-column: 5 / span 8;
  }
  .kgrid > .krow-xl-5-9 {
    grid-row: 5 / span 9;
  }
  .kgrid > .kcol-xl-5-9 {
    grid-column: 5 / span 9;
  }
  .kgrid > .krow-xl-5-10 {
    grid-row: 5 / span 10;
  }
  .kgrid > .kcol-xl-5-10 {
    grid-column: 5 / span 10;
  }
  .kgrid > .krow-xl-5-11 {
    grid-row: 5 / span 11;
  }
  .kgrid > .kcol-xl-5-11 {
    grid-column: 5 / span 11;
  }
  .kgrid > .krow-xl-5-12 {
    grid-row: 5 / span 12;
  }
  .kgrid > .kcol-xl-5-12 {
    grid-column: 5 / span 12;
  }
  .kgrid > .krow-xl-6 {
    grid-row: auto / span 6;
  }
  .kgrid > .krow-xl-6-auto {
    grid-row: 6 / span all;
  }
  .kgrid > .kcol-xl-6 {
    grid-column: auto / span 6;
  }
  .kgrid > .kcol-xl-6-auto {
    grid-column: 6 / span all;
  }
  .kgrid > .krow-xl-6-1 {
    grid-row: 6 / span 1;
  }
  .kgrid > .kcol-xl-6-1 {
    grid-column: 6 / span 1;
  }
  .kgrid > .krow-xl-6-2 {
    grid-row: 6 / span 2;
  }
  .kgrid > .kcol-xl-6-2 {
    grid-column: 6 / span 2;
  }
  .kgrid > .krow-xl-6-3 {
    grid-row: 6 / span 3;
  }
  .kgrid > .kcol-xl-6-3 {
    grid-column: 6 / span 3;
  }
  .kgrid > .krow-xl-6-4 {
    grid-row: 6 / span 4;
  }
  .kgrid > .kcol-xl-6-4 {
    grid-column: 6 / span 4;
  }
  .kgrid > .krow-xl-6-5 {
    grid-row: 6 / span 5;
  }
  .kgrid > .kcol-xl-6-5 {
    grid-column: 6 / span 5;
  }
  .kgrid > .krow-xl-6-6 {
    grid-row: 6 / span 6;
  }
  .kgrid > .kcol-xl-6-6 {
    grid-column: 6 / span 6;
  }
  .kgrid > .krow-xl-6-7 {
    grid-row: 6 / span 7;
  }
  .kgrid > .kcol-xl-6-7 {
    grid-column: 6 / span 7;
  }
  .kgrid > .krow-xl-6-8 {
    grid-row: 6 / span 8;
  }
  .kgrid > .kcol-xl-6-8 {
    grid-column: 6 / span 8;
  }
  .kgrid > .krow-xl-6-9 {
    grid-row: 6 / span 9;
  }
  .kgrid > .kcol-xl-6-9 {
    grid-column: 6 / span 9;
  }
  .kgrid > .krow-xl-6-10 {
    grid-row: 6 / span 10;
  }
  .kgrid > .kcol-xl-6-10 {
    grid-column: 6 / span 10;
  }
  .kgrid > .krow-xl-6-11 {
    grid-row: 6 / span 11;
  }
  .kgrid > .kcol-xl-6-11 {
    grid-column: 6 / span 11;
  }
  .kgrid > .krow-xl-6-12 {
    grid-row: 6 / span 12;
  }
  .kgrid > .kcol-xl-6-12 {
    grid-column: 6 / span 12;
  }
  .kgrid > .krow-xl-7 {
    grid-row: auto / span 7;
  }
  .kgrid > .krow-xl-7-auto {
    grid-row: 7 / span all;
  }
  .kgrid > .kcol-xl-7 {
    grid-column: auto / span 7;
  }
  .kgrid > .kcol-xl-7-auto {
    grid-column: 7 / span all;
  }
  .kgrid > .krow-xl-7-1 {
    grid-row: 7 / span 1;
  }
  .kgrid > .kcol-xl-7-1 {
    grid-column: 7 / span 1;
  }
  .kgrid > .krow-xl-7-2 {
    grid-row: 7 / span 2;
  }
  .kgrid > .kcol-xl-7-2 {
    grid-column: 7 / span 2;
  }
  .kgrid > .krow-xl-7-3 {
    grid-row: 7 / span 3;
  }
  .kgrid > .kcol-xl-7-3 {
    grid-column: 7 / span 3;
  }
  .kgrid > .krow-xl-7-4 {
    grid-row: 7 / span 4;
  }
  .kgrid > .kcol-xl-7-4 {
    grid-column: 7 / span 4;
  }
  .kgrid > .krow-xl-7-5 {
    grid-row: 7 / span 5;
  }
  .kgrid > .kcol-xl-7-5 {
    grid-column: 7 / span 5;
  }
  .kgrid > .krow-xl-7-6 {
    grid-row: 7 / span 6;
  }
  .kgrid > .kcol-xl-7-6 {
    grid-column: 7 / span 6;
  }
  .kgrid > .krow-xl-7-7 {
    grid-row: 7 / span 7;
  }
  .kgrid > .kcol-xl-7-7 {
    grid-column: 7 / span 7;
  }
  .kgrid > .krow-xl-7-8 {
    grid-row: 7 / span 8;
  }
  .kgrid > .kcol-xl-7-8 {
    grid-column: 7 / span 8;
  }
  .kgrid > .krow-xl-7-9 {
    grid-row: 7 / span 9;
  }
  .kgrid > .kcol-xl-7-9 {
    grid-column: 7 / span 9;
  }
  .kgrid > .krow-xl-7-10 {
    grid-row: 7 / span 10;
  }
  .kgrid > .kcol-xl-7-10 {
    grid-column: 7 / span 10;
  }
  .kgrid > .krow-xl-7-11 {
    grid-row: 7 / span 11;
  }
  .kgrid > .kcol-xl-7-11 {
    grid-column: 7 / span 11;
  }
  .kgrid > .krow-xl-7-12 {
    grid-row: 7 / span 12;
  }
  .kgrid > .kcol-xl-7-12 {
    grid-column: 7 / span 12;
  }
  .kgrid > .krow-xl-8 {
    grid-row: auto / span 8;
  }
  .kgrid > .krow-xl-8-auto {
    grid-row: 8 / span all;
  }
  .kgrid > .kcol-xl-8 {
    grid-column: auto / span 8;
  }
  .kgrid > .kcol-xl-8-auto {
    grid-column: 8 / span all;
  }
  .kgrid > .krow-xl-8-1 {
    grid-row: 8 / span 1;
  }
  .kgrid > .kcol-xl-8-1 {
    grid-column: 8 / span 1;
  }
  .kgrid > .krow-xl-8-2 {
    grid-row: 8 / span 2;
  }
  .kgrid > .kcol-xl-8-2 {
    grid-column: 8 / span 2;
  }
  .kgrid > .krow-xl-8-3 {
    grid-row: 8 / span 3;
  }
  .kgrid > .kcol-xl-8-3 {
    grid-column: 8 / span 3;
  }
  .kgrid > .krow-xl-8-4 {
    grid-row: 8 / span 4;
  }
  .kgrid > .kcol-xl-8-4 {
    grid-column: 8 / span 4;
  }
  .kgrid > .krow-xl-8-5 {
    grid-row: 8 / span 5;
  }
  .kgrid > .kcol-xl-8-5 {
    grid-column: 8 / span 5;
  }
  .kgrid > .krow-xl-8-6 {
    grid-row: 8 / span 6;
  }
  .kgrid > .kcol-xl-8-6 {
    grid-column: 8 / span 6;
  }
  .kgrid > .krow-xl-8-7 {
    grid-row: 8 / span 7;
  }
  .kgrid > .kcol-xl-8-7 {
    grid-column: 8 / span 7;
  }
  .kgrid > .krow-xl-8-8 {
    grid-row: 8 / span 8;
  }
  .kgrid > .kcol-xl-8-8 {
    grid-column: 8 / span 8;
  }
  .kgrid > .krow-xl-8-9 {
    grid-row: 8 / span 9;
  }
  .kgrid > .kcol-xl-8-9 {
    grid-column: 8 / span 9;
  }
  .kgrid > .krow-xl-8-10 {
    grid-row: 8 / span 10;
  }
  .kgrid > .kcol-xl-8-10 {
    grid-column: 8 / span 10;
  }
  .kgrid > .krow-xl-8-11 {
    grid-row: 8 / span 11;
  }
  .kgrid > .kcol-xl-8-11 {
    grid-column: 8 / span 11;
  }
  .kgrid > .krow-xl-8-12 {
    grid-row: 8 / span 12;
  }
  .kgrid > .kcol-xl-8-12 {
    grid-column: 8 / span 12;
  }
  .kgrid > .krow-xl-9 {
    grid-row: auto / span 9;
  }
  .kgrid > .krow-xl-9-auto {
    grid-row: 9 / span all;
  }
  .kgrid > .kcol-xl-9 {
    grid-column: auto / span 9;
  }
  .kgrid > .kcol-xl-9-auto {
    grid-column: 9 / span all;
  }
  .kgrid > .krow-xl-9-1 {
    grid-row: 9 / span 1;
  }
  .kgrid > .kcol-xl-9-1 {
    grid-column: 9 / span 1;
  }
  .kgrid > .krow-xl-9-2 {
    grid-row: 9 / span 2;
  }
  .kgrid > .kcol-xl-9-2 {
    grid-column: 9 / span 2;
  }
  .kgrid > .krow-xl-9-3 {
    grid-row: 9 / span 3;
  }
  .kgrid > .kcol-xl-9-3 {
    grid-column: 9 / span 3;
  }
  .kgrid > .krow-xl-9-4 {
    grid-row: 9 / span 4;
  }
  .kgrid > .kcol-xl-9-4 {
    grid-column: 9 / span 4;
  }
  .kgrid > .krow-xl-9-5 {
    grid-row: 9 / span 5;
  }
  .kgrid > .kcol-xl-9-5 {
    grid-column: 9 / span 5;
  }
  .kgrid > .krow-xl-9-6 {
    grid-row: 9 / span 6;
  }
  .kgrid > .kcol-xl-9-6 {
    grid-column: 9 / span 6;
  }
  .kgrid > .krow-xl-9-7 {
    grid-row: 9 / span 7;
  }
  .kgrid > .kcol-xl-9-7 {
    grid-column: 9 / span 7;
  }
  .kgrid > .krow-xl-9-8 {
    grid-row: 9 / span 8;
  }
  .kgrid > .kcol-xl-9-8 {
    grid-column: 9 / span 8;
  }
  .kgrid > .krow-xl-9-9 {
    grid-row: 9 / span 9;
  }
  .kgrid > .kcol-xl-9-9 {
    grid-column: 9 / span 9;
  }
  .kgrid > .krow-xl-9-10 {
    grid-row: 9 / span 10;
  }
  .kgrid > .kcol-xl-9-10 {
    grid-column: 9 / span 10;
  }
  .kgrid > .krow-xl-9-11 {
    grid-row: 9 / span 11;
  }
  .kgrid > .kcol-xl-9-11 {
    grid-column: 9 / span 11;
  }
  .kgrid > .krow-xl-9-12 {
    grid-row: 9 / span 12;
  }
  .kgrid > .kcol-xl-9-12 {
    grid-column: 9 / span 12;
  }
  .kgrid > .krow-xl-10 {
    grid-row: auto / span 10;
  }
  .kgrid > .krow-xl-10-auto {
    grid-row: 10 / span all;
  }
  .kgrid > .kcol-xl-10 {
    grid-column: auto / span 10;
  }
  .kgrid > .kcol-xl-10-auto {
    grid-column: 10 / span all;
  }
  .kgrid > .krow-xl-10-1 {
    grid-row: 10 / span 1;
  }
  .kgrid > .kcol-xl-10-1 {
    grid-column: 10 / span 1;
  }
  .kgrid > .krow-xl-10-2 {
    grid-row: 10 / span 2;
  }
  .kgrid > .kcol-xl-10-2 {
    grid-column: 10 / span 2;
  }
  .kgrid > .krow-xl-10-3 {
    grid-row: 10 / span 3;
  }
  .kgrid > .kcol-xl-10-3 {
    grid-column: 10 / span 3;
  }
  .kgrid > .krow-xl-10-4 {
    grid-row: 10 / span 4;
  }
  .kgrid > .kcol-xl-10-4 {
    grid-column: 10 / span 4;
  }
  .kgrid > .krow-xl-10-5 {
    grid-row: 10 / span 5;
  }
  .kgrid > .kcol-xl-10-5 {
    grid-column: 10 / span 5;
  }
  .kgrid > .krow-xl-10-6 {
    grid-row: 10 / span 6;
  }
  .kgrid > .kcol-xl-10-6 {
    grid-column: 10 / span 6;
  }
  .kgrid > .krow-xl-10-7 {
    grid-row: 10 / span 7;
  }
  .kgrid > .kcol-xl-10-7 {
    grid-column: 10 / span 7;
  }
  .kgrid > .krow-xl-10-8 {
    grid-row: 10 / span 8;
  }
  .kgrid > .kcol-xl-10-8 {
    grid-column: 10 / span 8;
  }
  .kgrid > .krow-xl-10-9 {
    grid-row: 10 / span 9;
  }
  .kgrid > .kcol-xl-10-9 {
    grid-column: 10 / span 9;
  }
  .kgrid > .krow-xl-10-10 {
    grid-row: 10 / span 10;
  }
  .kgrid > .kcol-xl-10-10 {
    grid-column: 10 / span 10;
  }
  .kgrid > .krow-xl-10-11 {
    grid-row: 10 / span 11;
  }
  .kgrid > .kcol-xl-10-11 {
    grid-column: 10 / span 11;
  }
  .kgrid > .krow-xl-10-12 {
    grid-row: 10 / span 12;
  }
  .kgrid > .kcol-xl-10-12 {
    grid-column: 10 / span 12;
  }
  .kgrid > .krow-xl-11 {
    grid-row: auto / span 11;
  }
  .kgrid > .krow-xl-11-auto {
    grid-row: 11 / span all;
  }
  .kgrid > .kcol-xl-11 {
    grid-column: auto / span 11;
  }
  .kgrid > .kcol-xl-11-auto {
    grid-column: 11 / span all;
  }
  .kgrid > .krow-xl-11-1 {
    grid-row: 11 / span 1;
  }
  .kgrid > .kcol-xl-11-1 {
    grid-column: 11 / span 1;
  }
  .kgrid > .krow-xl-11-2 {
    grid-row: 11 / span 2;
  }
  .kgrid > .kcol-xl-11-2 {
    grid-column: 11 / span 2;
  }
  .kgrid > .krow-xl-11-3 {
    grid-row: 11 / span 3;
  }
  .kgrid > .kcol-xl-11-3 {
    grid-column: 11 / span 3;
  }
  .kgrid > .krow-xl-11-4 {
    grid-row: 11 / span 4;
  }
  .kgrid > .kcol-xl-11-4 {
    grid-column: 11 / span 4;
  }
  .kgrid > .krow-xl-11-5 {
    grid-row: 11 / span 5;
  }
  .kgrid > .kcol-xl-11-5 {
    grid-column: 11 / span 5;
  }
  .kgrid > .krow-xl-11-6 {
    grid-row: 11 / span 6;
  }
  .kgrid > .kcol-xl-11-6 {
    grid-column: 11 / span 6;
  }
  .kgrid > .krow-xl-11-7 {
    grid-row: 11 / span 7;
  }
  .kgrid > .kcol-xl-11-7 {
    grid-column: 11 / span 7;
  }
  .kgrid > .krow-xl-11-8 {
    grid-row: 11 / span 8;
  }
  .kgrid > .kcol-xl-11-8 {
    grid-column: 11 / span 8;
  }
  .kgrid > .krow-xl-11-9 {
    grid-row: 11 / span 9;
  }
  .kgrid > .kcol-xl-11-9 {
    grid-column: 11 / span 9;
  }
  .kgrid > .krow-xl-11-10 {
    grid-row: 11 / span 10;
  }
  .kgrid > .kcol-xl-11-10 {
    grid-column: 11 / span 10;
  }
  .kgrid > .krow-xl-11-11 {
    grid-row: 11 / span 11;
  }
  .kgrid > .kcol-xl-11-11 {
    grid-column: 11 / span 11;
  }
  .kgrid > .krow-xl-11-12 {
    grid-row: 11 / span 12;
  }
  .kgrid > .kcol-xl-11-12 {
    grid-column: 11 / span 12;
  }
  .kgrid > .krow-xl-12 {
    grid-row: auto / span 12;
  }
  .kgrid > .krow-xl-12-auto {
    grid-row: 12 / span all;
  }
  .kgrid > .kcol-xl-12 {
    grid-column: auto / span 12;
  }
  .kgrid > .kcol-xl-12-auto {
    grid-column: 12 / span all;
  }
  .kgrid > .krow-xl-12-1 {
    grid-row: 12 / span 1;
  }
  .kgrid > .kcol-xl-12-1 {
    grid-column: 12 / span 1;
  }
  .kgrid > .krow-xl-12-2 {
    grid-row: 12 / span 2;
  }
  .kgrid > .kcol-xl-12-2 {
    grid-column: 12 / span 2;
  }
  .kgrid > .krow-xl-12-3 {
    grid-row: 12 / span 3;
  }
  .kgrid > .kcol-xl-12-3 {
    grid-column: 12 / span 3;
  }
  .kgrid > .krow-xl-12-4 {
    grid-row: 12 / span 4;
  }
  .kgrid > .kcol-xl-12-4 {
    grid-column: 12 / span 4;
  }
  .kgrid > .krow-xl-12-5 {
    grid-row: 12 / span 5;
  }
  .kgrid > .kcol-xl-12-5 {
    grid-column: 12 / span 5;
  }
  .kgrid > .krow-xl-12-6 {
    grid-row: 12 / span 6;
  }
  .kgrid > .kcol-xl-12-6 {
    grid-column: 12 / span 6;
  }
  .kgrid > .krow-xl-12-7 {
    grid-row: 12 / span 7;
  }
  .kgrid > .kcol-xl-12-7 {
    grid-column: 12 / span 7;
  }
  .kgrid > .krow-xl-12-8 {
    grid-row: 12 / span 8;
  }
  .kgrid > .kcol-xl-12-8 {
    grid-column: 12 / span 8;
  }
  .kgrid > .krow-xl-12-9 {
    grid-row: 12 / span 9;
  }
  .kgrid > .kcol-xl-12-9 {
    grid-column: 12 / span 9;
  }
  .kgrid > .krow-xl-12-10 {
    grid-row: 12 / span 10;
  }
  .kgrid > .kcol-xl-12-10 {
    grid-column: 12 / span 10;
  }
  .kgrid > .krow-xl-12-11 {
    grid-row: 12 / span 11;
  }
  .kgrid > .kcol-xl-12-11 {
    grid-column: 12 / span 11;
  }
  .kgrid > .krow-xl-12-12 {
    grid-row: 12 / span 12;
  }
  .kgrid > .kcol-xl-12-12 {
    grid-column: 12 / span 12;
  }
}
@media (min-width: 1400px) {
  .kgrid > .krow-xxl-auto {
    grid-row: auto / span all;
  }
  .kgrid > .kcol-xxl-auto {
    grid-column: auto / span all;
  }
  .kgrid > .krow-xxl-1 {
    grid-row: auto / span 1;
  }
  .kgrid > .krow-xxl-1-auto {
    grid-row: 1 / span all;
  }
  .kgrid > .kcol-xxl-1 {
    grid-column: auto / span 1;
  }
  .kgrid > .kcol-xxl-1-auto {
    grid-column: 1 / span all;
  }
  .kgrid > .krow-xxl-1-1 {
    grid-row: 1 / span 1;
  }
  .kgrid > .kcol-xxl-1-1 {
    grid-column: 1 / span 1;
  }
  .kgrid > .krow-xxl-1-2 {
    grid-row: 1 / span 2;
  }
  .kgrid > .kcol-xxl-1-2 {
    grid-column: 1 / span 2;
  }
  .kgrid > .krow-xxl-1-3 {
    grid-row: 1 / span 3;
  }
  .kgrid > .kcol-xxl-1-3 {
    grid-column: 1 / span 3;
  }
  .kgrid > .krow-xxl-1-4 {
    grid-row: 1 / span 4;
  }
  .kgrid > .kcol-xxl-1-4 {
    grid-column: 1 / span 4;
  }
  .kgrid > .krow-xxl-1-5 {
    grid-row: 1 / span 5;
  }
  .kgrid > .kcol-xxl-1-5 {
    grid-column: 1 / span 5;
  }
  .kgrid > .krow-xxl-1-6 {
    grid-row: 1 / span 6;
  }
  .kgrid > .kcol-xxl-1-6 {
    grid-column: 1 / span 6;
  }
  .kgrid > .krow-xxl-1-7 {
    grid-row: 1 / span 7;
  }
  .kgrid > .kcol-xxl-1-7 {
    grid-column: 1 / span 7;
  }
  .kgrid > .krow-xxl-1-8 {
    grid-row: 1 / span 8;
  }
  .kgrid > .kcol-xxl-1-8 {
    grid-column: 1 / span 8;
  }
  .kgrid > .krow-xxl-1-9 {
    grid-row: 1 / span 9;
  }
  .kgrid > .kcol-xxl-1-9 {
    grid-column: 1 / span 9;
  }
  .kgrid > .krow-xxl-1-10 {
    grid-row: 1 / span 10;
  }
  .kgrid > .kcol-xxl-1-10 {
    grid-column: 1 / span 10;
  }
  .kgrid > .krow-xxl-1-11 {
    grid-row: 1 / span 11;
  }
  .kgrid > .kcol-xxl-1-11 {
    grid-column: 1 / span 11;
  }
  .kgrid > .krow-xxl-1-12 {
    grid-row: 1 / span 12;
  }
  .kgrid > .kcol-xxl-1-12 {
    grid-column: 1 / span 12;
  }
  .kgrid > .krow-xxl-2 {
    grid-row: auto / span 2;
  }
  .kgrid > .krow-xxl-2-auto {
    grid-row: 2 / span all;
  }
  .kgrid > .kcol-xxl-2 {
    grid-column: auto / span 2;
  }
  .kgrid > .kcol-xxl-2-auto {
    grid-column: 2 / span all;
  }
  .kgrid > .krow-xxl-2-1 {
    grid-row: 2 / span 1;
  }
  .kgrid > .kcol-xxl-2-1 {
    grid-column: 2 / span 1;
  }
  .kgrid > .krow-xxl-2-2 {
    grid-row: 2 / span 2;
  }
  .kgrid > .kcol-xxl-2-2 {
    grid-column: 2 / span 2;
  }
  .kgrid > .krow-xxl-2-3 {
    grid-row: 2 / span 3;
  }
  .kgrid > .kcol-xxl-2-3 {
    grid-column: 2 / span 3;
  }
  .kgrid > .krow-xxl-2-4 {
    grid-row: 2 / span 4;
  }
  .kgrid > .kcol-xxl-2-4 {
    grid-column: 2 / span 4;
  }
  .kgrid > .krow-xxl-2-5 {
    grid-row: 2 / span 5;
  }
  .kgrid > .kcol-xxl-2-5 {
    grid-column: 2 / span 5;
  }
  .kgrid > .krow-xxl-2-6 {
    grid-row: 2 / span 6;
  }
  .kgrid > .kcol-xxl-2-6 {
    grid-column: 2 / span 6;
  }
  .kgrid > .krow-xxl-2-7 {
    grid-row: 2 / span 7;
  }
  .kgrid > .kcol-xxl-2-7 {
    grid-column: 2 / span 7;
  }
  .kgrid > .krow-xxl-2-8 {
    grid-row: 2 / span 8;
  }
  .kgrid > .kcol-xxl-2-8 {
    grid-column: 2 / span 8;
  }
  .kgrid > .krow-xxl-2-9 {
    grid-row: 2 / span 9;
  }
  .kgrid > .kcol-xxl-2-9 {
    grid-column: 2 / span 9;
  }
  .kgrid > .krow-xxl-2-10 {
    grid-row: 2 / span 10;
  }
  .kgrid > .kcol-xxl-2-10 {
    grid-column: 2 / span 10;
  }
  .kgrid > .krow-xxl-2-11 {
    grid-row: 2 / span 11;
  }
  .kgrid > .kcol-xxl-2-11 {
    grid-column: 2 / span 11;
  }
  .kgrid > .krow-xxl-2-12 {
    grid-row: 2 / span 12;
  }
  .kgrid > .kcol-xxl-2-12 {
    grid-column: 2 / span 12;
  }
  .kgrid > .krow-xxl-3 {
    grid-row: auto / span 3;
  }
  .kgrid > .krow-xxl-3-auto {
    grid-row: 3 / span all;
  }
  .kgrid > .kcol-xxl-3 {
    grid-column: auto / span 3;
  }
  .kgrid > .kcol-xxl-3-auto {
    grid-column: 3 / span all;
  }
  .kgrid > .krow-xxl-3-1 {
    grid-row: 3 / span 1;
  }
  .kgrid > .kcol-xxl-3-1 {
    grid-column: 3 / span 1;
  }
  .kgrid > .krow-xxl-3-2 {
    grid-row: 3 / span 2;
  }
  .kgrid > .kcol-xxl-3-2 {
    grid-column: 3 / span 2;
  }
  .kgrid > .krow-xxl-3-3 {
    grid-row: 3 / span 3;
  }
  .kgrid > .kcol-xxl-3-3 {
    grid-column: 3 / span 3;
  }
  .kgrid > .krow-xxl-3-4 {
    grid-row: 3 / span 4;
  }
  .kgrid > .kcol-xxl-3-4 {
    grid-column: 3 / span 4;
  }
  .kgrid > .krow-xxl-3-5 {
    grid-row: 3 / span 5;
  }
  .kgrid > .kcol-xxl-3-5 {
    grid-column: 3 / span 5;
  }
  .kgrid > .krow-xxl-3-6 {
    grid-row: 3 / span 6;
  }
  .kgrid > .kcol-xxl-3-6 {
    grid-column: 3 / span 6;
  }
  .kgrid > .krow-xxl-3-7 {
    grid-row: 3 / span 7;
  }
  .kgrid > .kcol-xxl-3-7 {
    grid-column: 3 / span 7;
  }
  .kgrid > .krow-xxl-3-8 {
    grid-row: 3 / span 8;
  }
  .kgrid > .kcol-xxl-3-8 {
    grid-column: 3 / span 8;
  }
  .kgrid > .krow-xxl-3-9 {
    grid-row: 3 / span 9;
  }
  .kgrid > .kcol-xxl-3-9 {
    grid-column: 3 / span 9;
  }
  .kgrid > .krow-xxl-3-10 {
    grid-row: 3 / span 10;
  }
  .kgrid > .kcol-xxl-3-10 {
    grid-column: 3 / span 10;
  }
  .kgrid > .krow-xxl-3-11 {
    grid-row: 3 / span 11;
  }
  .kgrid > .kcol-xxl-3-11 {
    grid-column: 3 / span 11;
  }
  .kgrid > .krow-xxl-3-12 {
    grid-row: 3 / span 12;
  }
  .kgrid > .kcol-xxl-3-12 {
    grid-column: 3 / span 12;
  }
  .kgrid > .krow-xxl-4 {
    grid-row: auto / span 4;
  }
  .kgrid > .krow-xxl-4-auto {
    grid-row: 4 / span all;
  }
  .kgrid > .kcol-xxl-4 {
    grid-column: auto / span 4;
  }
  .kgrid > .kcol-xxl-4-auto {
    grid-column: 4 / span all;
  }
  .kgrid > .krow-xxl-4-1 {
    grid-row: 4 / span 1;
  }
  .kgrid > .kcol-xxl-4-1 {
    grid-column: 4 / span 1;
  }
  .kgrid > .krow-xxl-4-2 {
    grid-row: 4 / span 2;
  }
  .kgrid > .kcol-xxl-4-2 {
    grid-column: 4 / span 2;
  }
  .kgrid > .krow-xxl-4-3 {
    grid-row: 4 / span 3;
  }
  .kgrid > .kcol-xxl-4-3 {
    grid-column: 4 / span 3;
  }
  .kgrid > .krow-xxl-4-4 {
    grid-row: 4 / span 4;
  }
  .kgrid > .kcol-xxl-4-4 {
    grid-column: 4 / span 4;
  }
  .kgrid > .krow-xxl-4-5 {
    grid-row: 4 / span 5;
  }
  .kgrid > .kcol-xxl-4-5 {
    grid-column: 4 / span 5;
  }
  .kgrid > .krow-xxl-4-6 {
    grid-row: 4 / span 6;
  }
  .kgrid > .kcol-xxl-4-6 {
    grid-column: 4 / span 6;
  }
  .kgrid > .krow-xxl-4-7 {
    grid-row: 4 / span 7;
  }
  .kgrid > .kcol-xxl-4-7 {
    grid-column: 4 / span 7;
  }
  .kgrid > .krow-xxl-4-8 {
    grid-row: 4 / span 8;
  }
  .kgrid > .kcol-xxl-4-8 {
    grid-column: 4 / span 8;
  }
  .kgrid > .krow-xxl-4-9 {
    grid-row: 4 / span 9;
  }
  .kgrid > .kcol-xxl-4-9 {
    grid-column: 4 / span 9;
  }
  .kgrid > .krow-xxl-4-10 {
    grid-row: 4 / span 10;
  }
  .kgrid > .kcol-xxl-4-10 {
    grid-column: 4 / span 10;
  }
  .kgrid > .krow-xxl-4-11 {
    grid-row: 4 / span 11;
  }
  .kgrid > .kcol-xxl-4-11 {
    grid-column: 4 / span 11;
  }
  .kgrid > .krow-xxl-4-12 {
    grid-row: 4 / span 12;
  }
  .kgrid > .kcol-xxl-4-12 {
    grid-column: 4 / span 12;
  }
  .kgrid > .krow-xxl-5 {
    grid-row: auto / span 5;
  }
  .kgrid > .krow-xxl-5-auto {
    grid-row: 5 / span all;
  }
  .kgrid > .kcol-xxl-5 {
    grid-column: auto / span 5;
  }
  .kgrid > .kcol-xxl-5-auto {
    grid-column: 5 / span all;
  }
  .kgrid > .krow-xxl-5-1 {
    grid-row: 5 / span 1;
  }
  .kgrid > .kcol-xxl-5-1 {
    grid-column: 5 / span 1;
  }
  .kgrid > .krow-xxl-5-2 {
    grid-row: 5 / span 2;
  }
  .kgrid > .kcol-xxl-5-2 {
    grid-column: 5 / span 2;
  }
  .kgrid > .krow-xxl-5-3 {
    grid-row: 5 / span 3;
  }
  .kgrid > .kcol-xxl-5-3 {
    grid-column: 5 / span 3;
  }
  .kgrid > .krow-xxl-5-4 {
    grid-row: 5 / span 4;
  }
  .kgrid > .kcol-xxl-5-4 {
    grid-column: 5 / span 4;
  }
  .kgrid > .krow-xxl-5-5 {
    grid-row: 5 / span 5;
  }
  .kgrid > .kcol-xxl-5-5 {
    grid-column: 5 / span 5;
  }
  .kgrid > .krow-xxl-5-6 {
    grid-row: 5 / span 6;
  }
  .kgrid > .kcol-xxl-5-6 {
    grid-column: 5 / span 6;
  }
  .kgrid > .krow-xxl-5-7 {
    grid-row: 5 / span 7;
  }
  .kgrid > .kcol-xxl-5-7 {
    grid-column: 5 / span 7;
  }
  .kgrid > .krow-xxl-5-8 {
    grid-row: 5 / span 8;
  }
  .kgrid > .kcol-xxl-5-8 {
    grid-column: 5 / span 8;
  }
  .kgrid > .krow-xxl-5-9 {
    grid-row: 5 / span 9;
  }
  .kgrid > .kcol-xxl-5-9 {
    grid-column: 5 / span 9;
  }
  .kgrid > .krow-xxl-5-10 {
    grid-row: 5 / span 10;
  }
  .kgrid > .kcol-xxl-5-10 {
    grid-column: 5 / span 10;
  }
  .kgrid > .krow-xxl-5-11 {
    grid-row: 5 / span 11;
  }
  .kgrid > .kcol-xxl-5-11 {
    grid-column: 5 / span 11;
  }
  .kgrid > .krow-xxl-5-12 {
    grid-row: 5 / span 12;
  }
  .kgrid > .kcol-xxl-5-12 {
    grid-column: 5 / span 12;
  }
  .kgrid > .krow-xxl-6 {
    grid-row: auto / span 6;
  }
  .kgrid > .krow-xxl-6-auto {
    grid-row: 6 / span all;
  }
  .kgrid > .kcol-xxl-6 {
    grid-column: auto / span 6;
  }
  .kgrid > .kcol-xxl-6-auto {
    grid-column: 6 / span all;
  }
  .kgrid > .krow-xxl-6-1 {
    grid-row: 6 / span 1;
  }
  .kgrid > .kcol-xxl-6-1 {
    grid-column: 6 / span 1;
  }
  .kgrid > .krow-xxl-6-2 {
    grid-row: 6 / span 2;
  }
  .kgrid > .kcol-xxl-6-2 {
    grid-column: 6 / span 2;
  }
  .kgrid > .krow-xxl-6-3 {
    grid-row: 6 / span 3;
  }
  .kgrid > .kcol-xxl-6-3 {
    grid-column: 6 / span 3;
  }
  .kgrid > .krow-xxl-6-4 {
    grid-row: 6 / span 4;
  }
  .kgrid > .kcol-xxl-6-4 {
    grid-column: 6 / span 4;
  }
  .kgrid > .krow-xxl-6-5 {
    grid-row: 6 / span 5;
  }
  .kgrid > .kcol-xxl-6-5 {
    grid-column: 6 / span 5;
  }
  .kgrid > .krow-xxl-6-6 {
    grid-row: 6 / span 6;
  }
  .kgrid > .kcol-xxl-6-6 {
    grid-column: 6 / span 6;
  }
  .kgrid > .krow-xxl-6-7 {
    grid-row: 6 / span 7;
  }
  .kgrid > .kcol-xxl-6-7 {
    grid-column: 6 / span 7;
  }
  .kgrid > .krow-xxl-6-8 {
    grid-row: 6 / span 8;
  }
  .kgrid > .kcol-xxl-6-8 {
    grid-column: 6 / span 8;
  }
  .kgrid > .krow-xxl-6-9 {
    grid-row: 6 / span 9;
  }
  .kgrid > .kcol-xxl-6-9 {
    grid-column: 6 / span 9;
  }
  .kgrid > .krow-xxl-6-10 {
    grid-row: 6 / span 10;
  }
  .kgrid > .kcol-xxl-6-10 {
    grid-column: 6 / span 10;
  }
  .kgrid > .krow-xxl-6-11 {
    grid-row: 6 / span 11;
  }
  .kgrid > .kcol-xxl-6-11 {
    grid-column: 6 / span 11;
  }
  .kgrid > .krow-xxl-6-12 {
    grid-row: 6 / span 12;
  }
  .kgrid > .kcol-xxl-6-12 {
    grid-column: 6 / span 12;
  }
  .kgrid > .krow-xxl-7 {
    grid-row: auto / span 7;
  }
  .kgrid > .krow-xxl-7-auto {
    grid-row: 7 / span all;
  }
  .kgrid > .kcol-xxl-7 {
    grid-column: auto / span 7;
  }
  .kgrid > .kcol-xxl-7-auto {
    grid-column: 7 / span all;
  }
  .kgrid > .krow-xxl-7-1 {
    grid-row: 7 / span 1;
  }
  .kgrid > .kcol-xxl-7-1 {
    grid-column: 7 / span 1;
  }
  .kgrid > .krow-xxl-7-2 {
    grid-row: 7 / span 2;
  }
  .kgrid > .kcol-xxl-7-2 {
    grid-column: 7 / span 2;
  }
  .kgrid > .krow-xxl-7-3 {
    grid-row: 7 / span 3;
  }
  .kgrid > .kcol-xxl-7-3 {
    grid-column: 7 / span 3;
  }
  .kgrid > .krow-xxl-7-4 {
    grid-row: 7 / span 4;
  }
  .kgrid > .kcol-xxl-7-4 {
    grid-column: 7 / span 4;
  }
  .kgrid > .krow-xxl-7-5 {
    grid-row: 7 / span 5;
  }
  .kgrid > .kcol-xxl-7-5 {
    grid-column: 7 / span 5;
  }
  .kgrid > .krow-xxl-7-6 {
    grid-row: 7 / span 6;
  }
  .kgrid > .kcol-xxl-7-6 {
    grid-column: 7 / span 6;
  }
  .kgrid > .krow-xxl-7-7 {
    grid-row: 7 / span 7;
  }
  .kgrid > .kcol-xxl-7-7 {
    grid-column: 7 / span 7;
  }
  .kgrid > .krow-xxl-7-8 {
    grid-row: 7 / span 8;
  }
  .kgrid > .kcol-xxl-7-8 {
    grid-column: 7 / span 8;
  }
  .kgrid > .krow-xxl-7-9 {
    grid-row: 7 / span 9;
  }
  .kgrid > .kcol-xxl-7-9 {
    grid-column: 7 / span 9;
  }
  .kgrid > .krow-xxl-7-10 {
    grid-row: 7 / span 10;
  }
  .kgrid > .kcol-xxl-7-10 {
    grid-column: 7 / span 10;
  }
  .kgrid > .krow-xxl-7-11 {
    grid-row: 7 / span 11;
  }
  .kgrid > .kcol-xxl-7-11 {
    grid-column: 7 / span 11;
  }
  .kgrid > .krow-xxl-7-12 {
    grid-row: 7 / span 12;
  }
  .kgrid > .kcol-xxl-7-12 {
    grid-column: 7 / span 12;
  }
  .kgrid > .krow-xxl-8 {
    grid-row: auto / span 8;
  }
  .kgrid > .krow-xxl-8-auto {
    grid-row: 8 / span all;
  }
  .kgrid > .kcol-xxl-8 {
    grid-column: auto / span 8;
  }
  .kgrid > .kcol-xxl-8-auto {
    grid-column: 8 / span all;
  }
  .kgrid > .krow-xxl-8-1 {
    grid-row: 8 / span 1;
  }
  .kgrid > .kcol-xxl-8-1 {
    grid-column: 8 / span 1;
  }
  .kgrid > .krow-xxl-8-2 {
    grid-row: 8 / span 2;
  }
  .kgrid > .kcol-xxl-8-2 {
    grid-column: 8 / span 2;
  }
  .kgrid > .krow-xxl-8-3 {
    grid-row: 8 / span 3;
  }
  .kgrid > .kcol-xxl-8-3 {
    grid-column: 8 / span 3;
  }
  .kgrid > .krow-xxl-8-4 {
    grid-row: 8 / span 4;
  }
  .kgrid > .kcol-xxl-8-4 {
    grid-column: 8 / span 4;
  }
  .kgrid > .krow-xxl-8-5 {
    grid-row: 8 / span 5;
  }
  .kgrid > .kcol-xxl-8-5 {
    grid-column: 8 / span 5;
  }
  .kgrid > .krow-xxl-8-6 {
    grid-row: 8 / span 6;
  }
  .kgrid > .kcol-xxl-8-6 {
    grid-column: 8 / span 6;
  }
  .kgrid > .krow-xxl-8-7 {
    grid-row: 8 / span 7;
  }
  .kgrid > .kcol-xxl-8-7 {
    grid-column: 8 / span 7;
  }
  .kgrid > .krow-xxl-8-8 {
    grid-row: 8 / span 8;
  }
  .kgrid > .kcol-xxl-8-8 {
    grid-column: 8 / span 8;
  }
  .kgrid > .krow-xxl-8-9 {
    grid-row: 8 / span 9;
  }
  .kgrid > .kcol-xxl-8-9 {
    grid-column: 8 / span 9;
  }
  .kgrid > .krow-xxl-8-10 {
    grid-row: 8 / span 10;
  }
  .kgrid > .kcol-xxl-8-10 {
    grid-column: 8 / span 10;
  }
  .kgrid > .krow-xxl-8-11 {
    grid-row: 8 / span 11;
  }
  .kgrid > .kcol-xxl-8-11 {
    grid-column: 8 / span 11;
  }
  .kgrid > .krow-xxl-8-12 {
    grid-row: 8 / span 12;
  }
  .kgrid > .kcol-xxl-8-12 {
    grid-column: 8 / span 12;
  }
  .kgrid > .krow-xxl-9 {
    grid-row: auto / span 9;
  }
  .kgrid > .krow-xxl-9-auto {
    grid-row: 9 / span all;
  }
  .kgrid > .kcol-xxl-9 {
    grid-column: auto / span 9;
  }
  .kgrid > .kcol-xxl-9-auto {
    grid-column: 9 / span all;
  }
  .kgrid > .krow-xxl-9-1 {
    grid-row: 9 / span 1;
  }
  .kgrid > .kcol-xxl-9-1 {
    grid-column: 9 / span 1;
  }
  .kgrid > .krow-xxl-9-2 {
    grid-row: 9 / span 2;
  }
  .kgrid > .kcol-xxl-9-2 {
    grid-column: 9 / span 2;
  }
  .kgrid > .krow-xxl-9-3 {
    grid-row: 9 / span 3;
  }
  .kgrid > .kcol-xxl-9-3 {
    grid-column: 9 / span 3;
  }
  .kgrid > .krow-xxl-9-4 {
    grid-row: 9 / span 4;
  }
  .kgrid > .kcol-xxl-9-4 {
    grid-column: 9 / span 4;
  }
  .kgrid > .krow-xxl-9-5 {
    grid-row: 9 / span 5;
  }
  .kgrid > .kcol-xxl-9-5 {
    grid-column: 9 / span 5;
  }
  .kgrid > .krow-xxl-9-6 {
    grid-row: 9 / span 6;
  }
  .kgrid > .kcol-xxl-9-6 {
    grid-column: 9 / span 6;
  }
  .kgrid > .krow-xxl-9-7 {
    grid-row: 9 / span 7;
  }
  .kgrid > .kcol-xxl-9-7 {
    grid-column: 9 / span 7;
  }
  .kgrid > .krow-xxl-9-8 {
    grid-row: 9 / span 8;
  }
  .kgrid > .kcol-xxl-9-8 {
    grid-column: 9 / span 8;
  }
  .kgrid > .krow-xxl-9-9 {
    grid-row: 9 / span 9;
  }
  .kgrid > .kcol-xxl-9-9 {
    grid-column: 9 / span 9;
  }
  .kgrid > .krow-xxl-9-10 {
    grid-row: 9 / span 10;
  }
  .kgrid > .kcol-xxl-9-10 {
    grid-column: 9 / span 10;
  }
  .kgrid > .krow-xxl-9-11 {
    grid-row: 9 / span 11;
  }
  .kgrid > .kcol-xxl-9-11 {
    grid-column: 9 / span 11;
  }
  .kgrid > .krow-xxl-9-12 {
    grid-row: 9 / span 12;
  }
  .kgrid > .kcol-xxl-9-12 {
    grid-column: 9 / span 12;
  }
  .kgrid > .krow-xxl-10 {
    grid-row: auto / span 10;
  }
  .kgrid > .krow-xxl-10-auto {
    grid-row: 10 / span all;
  }
  .kgrid > .kcol-xxl-10 {
    grid-column: auto / span 10;
  }
  .kgrid > .kcol-xxl-10-auto {
    grid-column: 10 / span all;
  }
  .kgrid > .krow-xxl-10-1 {
    grid-row: 10 / span 1;
  }
  .kgrid > .kcol-xxl-10-1 {
    grid-column: 10 / span 1;
  }
  .kgrid > .krow-xxl-10-2 {
    grid-row: 10 / span 2;
  }
  .kgrid > .kcol-xxl-10-2 {
    grid-column: 10 / span 2;
  }
  .kgrid > .krow-xxl-10-3 {
    grid-row: 10 / span 3;
  }
  .kgrid > .kcol-xxl-10-3 {
    grid-column: 10 / span 3;
  }
  .kgrid > .krow-xxl-10-4 {
    grid-row: 10 / span 4;
  }
  .kgrid > .kcol-xxl-10-4 {
    grid-column: 10 / span 4;
  }
  .kgrid > .krow-xxl-10-5 {
    grid-row: 10 / span 5;
  }
  .kgrid > .kcol-xxl-10-5 {
    grid-column: 10 / span 5;
  }
  .kgrid > .krow-xxl-10-6 {
    grid-row: 10 / span 6;
  }
  .kgrid > .kcol-xxl-10-6 {
    grid-column: 10 / span 6;
  }
  .kgrid > .krow-xxl-10-7 {
    grid-row: 10 / span 7;
  }
  .kgrid > .kcol-xxl-10-7 {
    grid-column: 10 / span 7;
  }
  .kgrid > .krow-xxl-10-8 {
    grid-row: 10 / span 8;
  }
  .kgrid > .kcol-xxl-10-8 {
    grid-column: 10 / span 8;
  }
  .kgrid > .krow-xxl-10-9 {
    grid-row: 10 / span 9;
  }
  .kgrid > .kcol-xxl-10-9 {
    grid-column: 10 / span 9;
  }
  .kgrid > .krow-xxl-10-10 {
    grid-row: 10 / span 10;
  }
  .kgrid > .kcol-xxl-10-10 {
    grid-column: 10 / span 10;
  }
  .kgrid > .krow-xxl-10-11 {
    grid-row: 10 / span 11;
  }
  .kgrid > .kcol-xxl-10-11 {
    grid-column: 10 / span 11;
  }
  .kgrid > .krow-xxl-10-12 {
    grid-row: 10 / span 12;
  }
  .kgrid > .kcol-xxl-10-12 {
    grid-column: 10 / span 12;
  }
  .kgrid > .krow-xxl-11 {
    grid-row: auto / span 11;
  }
  .kgrid > .krow-xxl-11-auto {
    grid-row: 11 / span all;
  }
  .kgrid > .kcol-xxl-11 {
    grid-column: auto / span 11;
  }
  .kgrid > .kcol-xxl-11-auto {
    grid-column: 11 / span all;
  }
  .kgrid > .krow-xxl-11-1 {
    grid-row: 11 / span 1;
  }
  .kgrid > .kcol-xxl-11-1 {
    grid-column: 11 / span 1;
  }
  .kgrid > .krow-xxl-11-2 {
    grid-row: 11 / span 2;
  }
  .kgrid > .kcol-xxl-11-2 {
    grid-column: 11 / span 2;
  }
  .kgrid > .krow-xxl-11-3 {
    grid-row: 11 / span 3;
  }
  .kgrid > .kcol-xxl-11-3 {
    grid-column: 11 / span 3;
  }
  .kgrid > .krow-xxl-11-4 {
    grid-row: 11 / span 4;
  }
  .kgrid > .kcol-xxl-11-4 {
    grid-column: 11 / span 4;
  }
  .kgrid > .krow-xxl-11-5 {
    grid-row: 11 / span 5;
  }
  .kgrid > .kcol-xxl-11-5 {
    grid-column: 11 / span 5;
  }
  .kgrid > .krow-xxl-11-6 {
    grid-row: 11 / span 6;
  }
  .kgrid > .kcol-xxl-11-6 {
    grid-column: 11 / span 6;
  }
  .kgrid > .krow-xxl-11-7 {
    grid-row: 11 / span 7;
  }
  .kgrid > .kcol-xxl-11-7 {
    grid-column: 11 / span 7;
  }
  .kgrid > .krow-xxl-11-8 {
    grid-row: 11 / span 8;
  }
  .kgrid > .kcol-xxl-11-8 {
    grid-column: 11 / span 8;
  }
  .kgrid > .krow-xxl-11-9 {
    grid-row: 11 / span 9;
  }
  .kgrid > .kcol-xxl-11-9 {
    grid-column: 11 / span 9;
  }
  .kgrid > .krow-xxl-11-10 {
    grid-row: 11 / span 10;
  }
  .kgrid > .kcol-xxl-11-10 {
    grid-column: 11 / span 10;
  }
  .kgrid > .krow-xxl-11-11 {
    grid-row: 11 / span 11;
  }
  .kgrid > .kcol-xxl-11-11 {
    grid-column: 11 / span 11;
  }
  .kgrid > .krow-xxl-11-12 {
    grid-row: 11 / span 12;
  }
  .kgrid > .kcol-xxl-11-12 {
    grid-column: 11 / span 12;
  }
  .kgrid > .krow-xxl-12 {
    grid-row: auto / span 12;
  }
  .kgrid > .krow-xxl-12-auto {
    grid-row: 12 / span all;
  }
  .kgrid > .kcol-xxl-12 {
    grid-column: auto / span 12;
  }
  .kgrid > .kcol-xxl-12-auto {
    grid-column: 12 / span all;
  }
  .kgrid > .krow-xxl-12-1 {
    grid-row: 12 / span 1;
  }
  .kgrid > .kcol-xxl-12-1 {
    grid-column: 12 / span 1;
  }
  .kgrid > .krow-xxl-12-2 {
    grid-row: 12 / span 2;
  }
  .kgrid > .kcol-xxl-12-2 {
    grid-column: 12 / span 2;
  }
  .kgrid > .krow-xxl-12-3 {
    grid-row: 12 / span 3;
  }
  .kgrid > .kcol-xxl-12-3 {
    grid-column: 12 / span 3;
  }
  .kgrid > .krow-xxl-12-4 {
    grid-row: 12 / span 4;
  }
  .kgrid > .kcol-xxl-12-4 {
    grid-column: 12 / span 4;
  }
  .kgrid > .krow-xxl-12-5 {
    grid-row: 12 / span 5;
  }
  .kgrid > .kcol-xxl-12-5 {
    grid-column: 12 / span 5;
  }
  .kgrid > .krow-xxl-12-6 {
    grid-row: 12 / span 6;
  }
  .kgrid > .kcol-xxl-12-6 {
    grid-column: 12 / span 6;
  }
  .kgrid > .krow-xxl-12-7 {
    grid-row: 12 / span 7;
  }
  .kgrid > .kcol-xxl-12-7 {
    grid-column: 12 / span 7;
  }
  .kgrid > .krow-xxl-12-8 {
    grid-row: 12 / span 8;
  }
  .kgrid > .kcol-xxl-12-8 {
    grid-column: 12 / span 8;
  }
  .kgrid > .krow-xxl-12-9 {
    grid-row: 12 / span 9;
  }
  .kgrid > .kcol-xxl-12-9 {
    grid-column: 12 / span 9;
  }
  .kgrid > .krow-xxl-12-10 {
    grid-row: 12 / span 10;
  }
  .kgrid > .kcol-xxl-12-10 {
    grid-column: 12 / span 10;
  }
  .kgrid > .krow-xxl-12-11 {
    grid-row: 12 / span 11;
  }
  .kgrid > .kcol-xxl-12-11 {
    grid-column: 12 / span 11;
  }
  .kgrid > .krow-xxl-12-12 {
    grid-row: 12 / span 12;
  }
  .kgrid > .kcol-xxl-12-12 {
    grid-column: 12 / span 12;
  }
}


.kinput-extras-wrapper {
  position: fixed;
  outline: 2px dashed red;
  pointer-events: none;
}
.kinput-wrapper {
  position: relative;
}
.kinput-wrapper .kinput-extras-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kinput-floating {
  position: fixed;
  width: 10rem;
  height: 10rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.kinput-floating.visible {
  opacity: 1;
}
.kinput-floating.visible > * {
  pointer-events: all;
}
.kinput-floating .kinput-floating-dropdown {
  position: absolute;
  top: 100%;
  box-sizing: border-box;
  padding: 1rem;
  width: 100%;
  background-color: white;
  outline: 1px solid gray;
}


.kmodal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
}
.kmodal-wrapper:before,
.kmodal-wrapper > *:not(:last-child):before {
  content: '';
  display: block;
  background-color: currentcolor;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.5;
  z-index: 0;
  transition: all 0.15s ease;
}
.kmodal-wrapper > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center 200%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 0.5rem;
  max-height: calc(100vh - 2rem);
  max-width: calc(100vw - 2rem);
  overflow: auto;
}
.kmodal-wrapper > *:not(:nth-last-child(-n+5)) {
  opacity: 0;
}
.kmodal-wrapper > *:nth-last-child(2) {
  transform: translate(-50%, -50%) scale(0.98);
}
.kmodal-wrapper > *:nth-last-child(2):before {
  opacity: 0.15;
}
.kmodal-wrapper > *:nth-last-child(3) {
  transform: translate(-50%, -50%) scale(0.97);
}
.kmodal-wrapper > *:nth-last-child(3):before {
  opacity: 0.225;
}
.kmodal-wrapper > *:nth-last-child(4) {
  transform: translate(-50%, -50%) scale(0.96);
}
.kmodal-wrapper > *:nth-last-child(4):before {
  opacity: 0.3;
}
.kmodal-wrapper > *:nth-last-child(5) {
  transform: translate(-50%, -50%) scale(0.95);
}
.kmodal-wrapper > *:nth-last-child(5):before {
  opacity: 0.375;
}
.kmodal-wrapper:not(:empty) {
  pointer-events: all;
  opacity: 1;
}


[lang-input-item] [lang-input]:not(.active) {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  z-index: -99;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
[lang-input-item] [lang-input-selector]:not(.active) {
  opacity: 0.5;
  filter: grayscale(1);
}
html [lang-wrapper] {
  display: none;
}
html[lang="en"] [lang-wrapper="en"] {
  display: inherit;
}
html[lang="pt"] [lang-wrapper="pt"] {
  display: inherit;
}


.segment-builder {
  --size-padding: 1.5rem;
  --color-bg-d2: #666;
  --color-bg-d1: #777;
  --color-bg: #888;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.segment-builder .segment-builder-sections {
  flex-grow: 1;
  flex-shrink: 1;
}
.segment-builder .segment-builder-sections .segment-builder-placeholder {
  width: 100%;
  visibility: visible !important;
}
.segment-builder .segment-builder-sections .segment-builder-section {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  transform: translateY(0);
  transition: opacity 0.3s ease, box-shadow 0.15s ease, transform 0.15s ease, outline 0.15s ease;
}
.segment-builder .segment-builder-sections .segment-builder-section:not(:last-child) .segment-inputs::after {
  content: '';
  border-bottom: 1px dotted currentcolor;
  width: 50%;
  display: block;
  opacity: 0.2;
  position: relative;
  top: -0.25rem;
  left: 50%;
  transform: translateX(-50%);
}
.segment-builder .segment-builder-sections .segment-builder-section .edit {
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
  z-index: 10;
  position: relative;
}
.segment-builder .segment-builder-sections .segment-builder-section .edit > * {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  min-height: 0;
  flex-grow: 1;
}
.segment-builder .segment-builder-sections .segment-builder-section .edit > *:first-child {
  max-height: 2rem;
}
.segment-builder .segment-builder-sections .segment-icon {
  display: none;
}
.segment-builder .segment-builder-sections:active .segment-builder-section {
  transition-delay: 0.3s;
}
.segment-builder .segment-builder-sections:active .segment-builder-section.ui-sortable-helper {
  transition-delay: 0s;
  z-index: 9999;
}
.segment-builder .segment-builder-sections:active .segment-builder-section:not(:hover):not(.ui-sortable-helper) {
  opacity: 0.3;
}
.segment-builder .segment-picker-wrap {
  flex-grow: 0;
  flex-shrink: 0;
  padding-left: 0.5rem;
}
.segment-builder .segment-picker-wrap .segment-picker {
  padding: 0.25rem;
  display: flex;
  flex-direction: column;
  outline: 1px solid var(--color-bg-d2);
}
.segment-builder .segment-picker-wrap .segment-picker > * {
  margin: 0;
}
.segment-builder .segment-picker-wrap .segment-picker .segment-picker-each {
  min-width: max-content;
  background-color: white;
}
.segment-builder .segment-picker-wrap .segment-picker .segment-picker-each:hover {
  background-color: #eee;
}
.segment-builder .segment-picker-wrap .segment-picker .segment-picker-each .segment-icon {
  cursor: pointer;
  margin: 0;
  text-align: center;
  width: 10ch;
}
.segment-builder .segment-picker-wrap .segment-picker .segment-picker-each .segment-icon > * {
  font-size: 120%;
  justify-content: center;
  padding: 0 0.25rem;
}
.segment-builder .segment-picker-each .segment-builder-section {
  display: none;
}


[discount="true"] .without-discount {
  display: none !important;
}
[discount="false"] .with-discount {
  display: none !important;
}
[stock="true"] .without-stock {
  display: none !important;
}
[stock="false"] {
  filter: grayscale(0.5);
  opacity: 0.8;
}
[stock="false"] .with-stock {
  display: none !important;
}
[cart-item].cart-max-qty [cart-prop="plus"] {
  opacity: 0.2;
  pointer-events: none;
}
[cart-item].cart-min-qty [cart-prop="minus"] {
  opacity: 0.2;
  pointer-events: none;
}


.texteditor-wrap textarea {
  position: absolute;
  z-index: -100;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.texteditor-wrap .ql-toolbar {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1;
}
.texteditor-wrap .ql-editor {
  max-height: calc(var(--vh,1vh) * 100 - 4rem - var(--toolbar-height) * 1px);
}
.texteditor-view p {
  margin: 0;
}