/*
// Dark Theme

// Background colors
$body-bg-col: #1d1d1d;
$panel-bg-col: #2e2e2e;
$modal-layer-bg-col: #1d1d1da0;
$schedule-panel-bg-col: #2e2e2e;
$tag-bg-col: #3a3a3a;
$table-head-bg-col: #212121;
$scroll-track-bg-col: #212121;

// Border and shadow colors
$panel-border-col: #454545;
$panel-shadow-col: #000000;

// Text colors
$text-dark-col: #ffffff;
$text-light-col: #c5c5c5;

// Navigation colors
$nav-active-bg-col: #118ab230;
$nav-active-text-col: #ffffff;

// Highlight colors
$highlight-col: #118ab2;
$highlight-blue-col: #4895ef;
$highlight-yellow-col: #d6cf06;
$highlight-green-col: #06d6a0;
$highlight-purple-col: #7678ed;
$highlight-red-col: #ef476f;
$highlight-orange-col: #efb147;
$highlight-gray-col: #e4e5e7;

// Chart colors
$chart-indicator-col: #ff007f;

// Scrollbar colors
$scroll-thumb-col: #d6dee1;
$scroll-thumb-hover-col: #a8bbbf;
*/
.modal-base {
  position: absolute;
  width: min(100vw - 60px, 25rem);
  left: 50%;
  top: 50%;
  opacity: 0;
  transform: translate(-50%, -45%);
  animation: modal-base-anim 0.2s ease-out forwards;
}

.modal-base-sm {
  width: min(100vw - 60px, 25rem);
  max-height: calc(100vh - 100px);
}

.modal-base-md {
  width: min(100vw - 60px, 50rem);
  max-height: calc(100vh - 200px);
}

.modal-base-lg {
  width: calc(100vw - 60px);
  height: calc(100% - 20px);
  max-height: calc(100vh - 200px);
}

.modal-layer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: transparent;
  z-index: 2010;
  animation: modal-layer-anim 0.2s ease-out forwards;
  /*backdrop-filter: blur(5px);*/
}

@keyframes modal-layer-anim {
  from {
    background-color: transparent;
  }
  to {
    background-color: rgba(80, 89, 111, 0.5019607843); /*color.adjust(colors.$highlight-col, $alpha: -0.5);*/
  }
}
@keyframes modal-base-anim {
  from {
    opacity: 0;
    transform: translate(-50%, -45%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
.panel {
  background-color: white;
  border-radius: 0.3rem;
  padding: 0.5rem;
  margin: 0.5rem;
  transition-duration: 0.2s;
}

.panel-border {
  border: 1px solid #c5cdd3;
  outline: 5px solid rgba(197, 205, 211, 0.1);
}

.panel-shadow {
  box-shadow: 0 4px 4px -4px rgba(17, 138, 178, 0.0196078431), 0 8px 8px -4px rgba(17, 138, 178, 0.0196078431), 0 12px 12px -4px rgba(17, 138, 178, 0.0196078431), 0 16px 16px -4px rgba(17, 138, 178, 0.0196078431);
}

.panel-shadow-xl {
  box-shadow: 0 5px 5px -5px rgba(17, 138, 178, 0.0196078431), 0 10px 10px -5px rgba(17, 138, 178, 0.0196078431), 0 15px 15px -5px rgba(17, 138, 178, 0.0196078431), 0 20px 20px -5px rgba(17, 138, 178, 0.0196078431), 0 25px 25px -5px rgba(17, 138, 178, 0.0196078431), 0 30px 30px -5px rgba(17, 138, 178, 0.0196078431), 0 35px 35px -5px rgba(17, 138, 178, 0.0196078431), 0 40px 40px -5px rgba(17, 138, 178, 0.0196078431);
}

.panel-gray {
  --panel-progress: 100%;
  --panel-progress: 0%;
  background: linear-gradient(to right, #e4e5e7 var(--panel-progress), #d4d5d9 var(--panel-progress));
  color: white;
  border-color: #c9cbcf;
  box-shadow: 0 3px 3px -3px rgba(174, 177, 183, 0.05), 0 6px 6px -3px rgba(174, 177, 183, 0.05), 0 9px 9px -3px rgba(174, 177, 183, 0.05), 0 12px 12px -3px rgba(174, 177, 183, 0.05);
}

.panel-gray:hover {
  --panel-progress: 0%;
  background: linear-gradient(to right, #d7d8db var(--panel-progress), #c6c8cd var(--panel-progress));
  color: white;
  border-color: #bcbec3;
  box-shadow: 0 3px 3px -3px rgba(161, 164, 171, 0.05), 0 6px 6px -3px rgba(161, 164, 171, 0.05), 0 9px 9px -3px rgba(161, 164, 171, 0.05), 0 12px 12px -3px rgba(161, 164, 171, 0.05);
}

.panel-blue {
  --panel-progress: 0%;
  background: linear-gradient(to right, #4895ef var(--panel-progress), #2c85ed var(--panel-progress));
  color: white;
  border-color: #197aeb;
  box-shadow: 0 3px 3px -3px rgba(17, 98, 192, 0.05), 0 6px 6px -3px rgba(17, 98, 192, 0.05), 0 9px 9px -3px rgba(17, 98, 192, 0.05), 0 12px 12px -3px rgba(17, 98, 192, 0.05);
}

.panel-blue-updated {
  animation: panel-blue-update-anim 0.6s ease-in-out;
}

@keyframes panel-blue-update-anim {
  0% {
    border-color: #197aeb;
  }
  50% {
    border-color: white;
  }
  100% {
    border-color: #197aeb;
  }
}
.panel-blue:hover {
  --panel-progress: 0%;
  background: linear-gradient(to right, #3187ed var(--panel-progress), #1477ea var(--panel-progress));
  color: white;
  border-color: #136ed8;
  box-shadow: 0 3px 3px -3px rgba(15, 86, 169, 0.05), 0 6px 6px -3px rgba(15, 86, 169, 0.05), 0 9px 9px -3px rgba(15, 86, 169, 0.05), 0 12px 12px -3px rgba(15, 86, 169, 0.05);
}

.panel-purple {
  --panel-progress: 0%;
  background: linear-gradient(to right, #7678ed var(--panel-progress), #5b5de9 var(--panel-progress));
  color: white;
  border-color: #494ce7;
  box-shadow: 0 3px 3px -3px rgba(29, 33, 224, 0.05), 0 6px 6px -3px rgba(29, 33, 224, 0.05), 0 9px 9px -3px rgba(29, 33, 224, 0.05), 0 12px 12px -3px rgba(29, 33, 224, 0.05);
}

.panel-purple:hover {
  --panel-progress: 0%;
  background: linear-gradient(to right, #5f62ea var(--panel-progress), #4447e6 var(--panel-progress));
  color: white;
  border-color: #3235e4;
  box-shadow: 0 3px 3px -3px rgba(26, 29, 201, 0.05), 0 6px 6px -3px rgba(26, 29, 201, 0.05), 0 9px 9px -3px rgba(26, 29, 201, 0.05), 0 12px 12px -3px rgba(26, 29, 201, 0.05);
}

.panel-red {
  --panel-progress: 0%;
  background: linear-gradient(to right, #ef476f var(--panel-progress), #ed2b59 var(--panel-progress));
  color: white;
  border-color: #eb184a;
  box-shadow: 0 3px 3px -3px rgba(191, 17, 58, 0.05), 0 6px 6px -3px rgba(191, 17, 58, 0.05), 0 9px 9px -3px rgba(191, 17, 58, 0.05), 0 12px 12px -3px rgba(191, 17, 58, 0.05);
}

.panel-red:hover {
  --panel-progress: 0%;
  background: linear-gradient(to right, #ed305d var(--panel-progress), #ea1447 var(--panel-progress));
  color: white;
  border-color: #d71341;
  box-shadow: 0 3px 3px -3px rgba(168, 15, 51, 0.05), 0 6px 6px -3px rgba(168, 15, 51, 0.05), 0 9px 9px -3px rgba(168, 15, 51, 0.05), 0 12px 12px -3px rgba(168, 15, 51, 0.05);
}

.panel-green {
  --panel-progress: 0%;
  background: linear-gradient(to right, #06d6a0 var(--panel-progress), #05b88a var(--panel-progress));
  color: white;
  border-color: #05a47b;
  box-shadow: 0 3px 3px -3px rgba(3, 115, 86, 0.05), 0 6px 6px -3px rgba(3, 115, 86, 0.05), 0 9px 9px -3px rgba(3, 115, 86, 0.05), 0 12px 12px -3px rgba(3, 115, 86, 0.05);
}

.panel-green:hover {
  --panel-progress: 0%;
  background: linear-gradient(to right, #05bd8d var(--panel-progress), #049f77 var(--panel-progress));
  color: white;
  border-color: #048c68;
  box-shadow: 0 3px 3px -3px rgba(3, 90, 67, 0.05), 0 6px 6px -3px rgba(3, 90, 67, 0.05), 0 9px 9px -3px rgba(3, 90, 67, 0.05), 0 12px 12px -3px rgba(3, 90, 67, 0.05);
}

.faded {
  opacity: 0.5 !important;
}

.schedule-panel-collection {
  margin: 0.5rem;
  border-radius: 0.3rem;
}

.schedule-panel {
  margin: 0;
  background-color: white;
}

.schedule-title {
  display: flex;
  align-items: center;
  background-color: #f0f0f5;
  border-right: 1px solid #c5cdd3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}

.schedule-block {
  user-select: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

:root {
  --chart-progress: 0;
}

.chart-settings {
  position: sticky !important;
  left: 0;
  background-color: #f4f6fb;
  position: relative;
  z-index: 2000;
  padding-left: 10rem;
  /*box-shadow: inset 0px -4px 7px -3px rgba(168, 180, 189, 0.1);*/
}

.chart {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  background: linear-gradient(to right, #f7f9fb 0%, #f7f9fb 10rem, #e2e6e9 10rem, #e2e6e9 calc(10rem + 1px), #f7f9fb calc(10rem + 1px), #f7f9fb 100%);
  overflow: hidden;
  /*overflow-x: overlay;*/
  /*overflow-x: scroll;
  overflow-y: clip;*/
  /*& tr th:not(:first-child) {
      border-left: 1px solid #e2e6e9;
  }*/
}
.chart .machine-title {
  background-color: #e2e6e9;
  color: #67707e;
  font-weight: normal;
  transition-duration: 0.2s;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.chart .machine-title.active-green {
  background-color: rgba(6, 214, 160, 0.2);
  color: #037356;
  /*background-color: #118ab21a;
  color: #118ab2;*/
}
.chart .machine-title.active-blue {
  background-color: rgba(72, 149, 239, 0.2);
  color: #1162c0;
}
.chart .machine-title.active-purple {
  background-color: rgba(118, 120, 237, 0.2);
  color: #1d21e0;
}
.chart .table {
  background-color: white;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin-bottom: 0 !important;
}
.chart .table th:first-child, .chart .table td:first-child {
  border: none;
  position: sticky;
  left: 0;
  background-color: #f7f9fb;
  min-width: 10rem !important;
  max-width: 10rem !important;
  vertical-align: middle;
}
.chart .table th:first-child {
  z-index: 1003;
}
.chart .table td:first-child {
  z-index: 1000;
}
.chart thead {
  background-color: #f9fbff;
  position: sticky;
  top: 0;
  z-index: 1001;
  box-shadow: 0px 2px 5px rgba(168, 180, 189, 0.4392156863);
}
.chart tr th {
  border: none;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #67707e !important;
  position: sticky;
  left: 10rem;
}
.chart tr td {
  position: relative;
  border-left: 1px solid #e2e6e9;
  white-space: nowrap;
  color: #67707e !important;
  padding: 0rem;
  height: 3.5rem;
}
.chart.chart-hour tr th, .chart.chart-hour tr td {
  min-width: 6rem;
}
.chart.chart-hour-lg tr th, .chart.chart-hour-lg tr td {
  min-width: 8rem;
}
.chart.chart-sequence tr th, .chart.chart-sequence tr td {
  min-width: 18rem;
}
.chart tr td:not(:first-child) {
  border: none;
  border-left: 1px solid #e2e6e9;
  background: repeating-linear-gradient(to right, #f7f9fb 0px, #f7f9fb 1px, transparent 1px, transparent 6rem);
}
.chart tr .section-start {
  background-color: #f9fbff;
  display: table-cell;
  border-left: 1px solid #a8b4bd;
  padding: 0.2rem 2rem 0.2rem 0.3rem;
}
.chart thead .chart-indicator {
  position: absolute;
  bottom: 0;
  width: 2px;
  height: 2px;
  pointer-events: none;
  background-color: #ff007f;
  z-index: 1000;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1254901961);
  left: calc(calc((100% - 10rem) * var(--chart-progress) + 10rem) - 1px);
}
.chart thead .chart-indicator::after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #ff007f;
  pointer-events: none;
  position: absolute;
  z-index: 1000;
  transform: rotateZ(45deg) translate(-4px, -1px);
}
.chart tbody .chart-indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  pointer-events: none;
  background-color: #ff007f;
  z-index: 999;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1254901961);
  left: calc(calc((100% - 10rem) * var(--chart-progress) + 10rem) - 1px);
}
.chart tbody tr:hover {
  --bs-table-accent-bg: rgba(17, 138, 178, 0.08); /*#dfe6ec70;*/
}
.chart .preview-hidden {
  pointer-events: none;
}
.chart .preview-available {
  z-index: 1000;
  pointer-events: none;
  border-radius: 0.3rem;
  border: 1px dashed #118ab2 !important;
  color: #118ab2 !important;
  background-color: rgba(17, 138, 178, 0.1) !important;
  box-shadow: 0 4px 4px -4px rgba(17, 138, 178, 0.05), 0 8px 8px -4px rgba(17, 138, 178, 0.05), 0 12px 12px -4px rgba(17, 138, 178, 0.05), 0 16px 16px -4px rgba(17, 138, 178, 0.05);
}
.chart .preview-available .preview-icon {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  pointer-events: none;
  opacity: 0;
}
.chart .preview-available .preview-move-icon {
  animation: dropzone-move-anim 0.7s ease-in-out;
  animation-iteration-count: infinite;
}
.chart .preview-available .preview-resize-left-icon {
  animation: dropzone-resize-anim 0.7s ease-in-out;
  animation-iteration-count: infinite;
}
.chart .preview-available .preview-resize-right-icon {
  animation: dropzone-resize-anim 0.7s ease-in-out;
  animation-iteration-count: infinite;
}
.chart .preview-denied {
  z-index: 1000;
  pointer-events: none;
  box-shadow: 0 4px 4px -4px rgba(239, 72, 136, 0.05), 0 8px 8px -4px rgba(239, 72, 136, 0.05), 0 12px 12px -4px rgba(239, 72, 136, 0.05), 0 16px 16px -4px rgba(239, 72, 136, 0.05);
}
.chart .preview-denied .preview-icon {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  pointer-events: none;
}

.dropzone {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8784313725);
  left: 0;
  top: 0;
  z-index: 5;
  border: 2px dashed rgba(255, 255, 255, 0.7529411765);
  transition-duration: 0.1s;
  font-size: 2rem !important;
  border-radius: 0.3rem;
  color: #4895ef;
}
.dropzone.active {
  background-color: rgba(142, 190, 245, 0.9);
  color: white;
  border: 2px dashed #4895ef;
}
.dropzone .move-icon {
  pointer-events: none;
  animation: dropzone-move-anim 0.7s ease-in-out;
  animation-iteration-count: infinite;
}
.dropzone .resize-left-icon {
  pointer-events: none;
  animation: dropzone-resize-anim 0.7s ease-in-out;
  animation-iteration-count: infinite;
}
.dropzone .resize-right-icon {
  pointer-events: none;
  animation: dropzone-resize-anim 0.7s ease-in-out;
  animation-iteration-count: infinite;
}

.chart-block {
  border-radius: 0.2rem;
}

.chart-block-preview {
  position: relative;
  user-select: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.chart-block-detail {
  display: none;
  opacity: 0;
  transform: translateY(-5px);
  background-color: rgba(17, 138, 178, 0.1882352941);
  /*padding: 0.1rem;*/
  outline: 1px solid rgba(17, 138, 178, 0.1882352941);
  border-radius: 0.3rem;
  min-width: 18rem;
  z-index: 1000;
}
.chart-block-detail .lock-symbol {
  color: #67707e;
  position: absolute;
  top: 0.2rem;
  right: 0.3rem;
  opacity: 0;
  transform: scale(1.3) translateY(-0.1rem);
  animation: lock-symbol-anim 0.1s ease-out forwards;
}

@keyframes lock-symbol-anim {
  from {
    opacity: 0;
    transform: scale(1.2) translateY(-0.1rem);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.info-tip.top > .chart-block-detail {
  display: block;
  animation: chart-block-detail-top-fadein 0.1s ease-out forwards;
}

.info-tip.bottom > .chart-block-detail {
  display: block;
  animation: chart-block-detail-bottom-fadein 0.1s ease-out forwards;
}

.legend-dot {
  width: 16px;
  height: 16px;
  border-radius: 0.2rem;
}

@keyframes chart-block-detail-bottom-fadein {
  from {
    transform: translateY(-5px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes chart-block-detail-top-fadein {
  from {
    transform: translateY(0px);
    opacity: 0;
  }
  to {
    transform: translateY(-5px);
    opacity: 1;
  }
}
@keyframes dropzone-move-anim {
  0% {
    opacity: 0;
    transform: translate(0%, -20%);
  }
  60% {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  100% {
    opacity: 0;
    transform: translate(0%, 0%);
  }
}
@keyframes dropzone-resize-anim {
  0% {
    opacity: 0;
    transform: translate(-30%, -50%);
  }
  60% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  100% {
    opacity: 0;
  }
}
.pool-container-lg {
  min-width: 75rem;
}

.pool {
  display: flex;
  gap: 0.3rem;
  flex-wrap: wrap;
}

.upload {
  display: flex;
  justify-content: center;
  align-items: center;
  border-style: dashed;
  min-height: 3rem;
  max-height: 3rem;
  transition-duration: 0.2s;
  user-select: none;
  cursor: pointer;
  background-color: transparent;
}

.upload.active,
.upload:hover {
  background-color: rgba(17, 138, 178, 0.1);
  border-color: #118ab2;
  color: #118ab2;
}

.upload-discard {
  display: none;
}

.upload-discard:hover {
  background-color: rgba(239, 71, 111, 0.1);
  border-radius: 0.1rem;
  cursor: pointer;
}

.upload-item.interactive {
  cursor: pointer;
  border-radius: 0.1rem;
}

.upload-item.interactive:hover {
  background-color: rgba(17, 138, 178, 0.1);
}

.upload-item:hover .upload-discard {
  display: block;
}

/*.upload .arrow {
    animation: upload-arrow-anim 0.8s ease-in-out infinite;
}*/
@keyframes upload-arrow-anim {
  0% {
    opacity: 0;
    transform: translate(0rem, -0.5rem);
  }
  25% {
    opacity: 100;
  }
  75% {
    opacity: 100;
  }
  100% {
    opacity: 0;
    transform: translate(0rem, 0.5rem);
  }
}
.context-menu {
  position: absolute;
  z-index: 20000;
}

.context-sub-menu {
  position: relative;
  padding: 6px 0px;
  min-width: 200px;
  background-color: #ffffff;
  color: #67707e !important;
  box-shadow: 0 1.9px 2.2px rgba(0, 0, 0, 0.008), 0 4.5px 5.3px rgba(0, 0, 0, 0.012), 0 8.4px 10px rgba(0, 0, 0, 0.015), 0 15px 17.9px rgba(0, 0, 0, 0.018), 0 28px 33.4px rgba(0, 0, 0, 0.022), 0 67px 80px rgba(0, 0, 0, 0.03);
  border: 1px solid #d6dee1;
}

.context-menu-item > .context-sub-menu {
  display: none;
  position: absolute;
  top: calc(100% - 39px);
  left: calc(100% - 3px);
}

.context-menu-item:hover > .context-sub-menu {
  display: block;
}

.context-menu-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.context-menu-item {
  position: relative;
  user-select: none;
  cursor: pointer;
  padding: 4px 12px;
  transition-duration: 0.1s;
  margin: 0px;
}

.context-menu-disabled {
  position: relative;
  user-select: none;
  padding: 4px 12px;
  margin: 0px;
  cursor: default;
  pointer-events: none;
  opacity: 0.3;
}

.context-menu-item:hover {
  background-color: #118ab2;
  color: white;
  box-shadow: 0 0 2.2px rgba(121, 137, 255, 0.05), 0 1.9px 2.2px rgba(121, 137, 255, 0.016), 0 4.5px 5.3px rgba(121, 137, 255, 0.024), 0 8.4px 10px rgba(121, 137, 255, 0.03), 0 15px 17.9px rgba(121, 137, 255, 0.036), 0 28px 33.4px rgba(121, 137, 255, 0.044), 0 67px 80px rgba(121, 137, 255, 0.06);
}

.context-menu-item:hover * {
  color: white !important;
}

.app-icon {
  font-size: 1.3rem;
  color: #67707e !important;
  transition-duration: 0.1s;
  user-select: none;
  cursor: pointer;
}
.app-icon:hover {
  color: #118ab2 !important;
}

.nav-bar {
  background-color: #f9fbff;
}

.nav-link {
  border-radius: 0.3rem;
  color: #67707e;
  font-weight: bold;
  transition-duration: 0.1s;
}
.nav-link:hover {
  color: #118ab2;
}
.nav-link.active {
  background-color: rgba(17, 138, 178, 0.1);
  color: #118ab2;
}

body {
  font-family: "Quicksand", sans-serif !important;
  background-color: #eaeaf1;
}

.valid {
  outline: unset !important;
}

.form-control:focus {
  border-color: #118ab2 !important;
  box-shadow: 0 0 0 0.25rem rgba(17, 138, 178, 0.25) !important;
}

.sticky-md-top {
  z-index: 2020 !important;
}

::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}

::-webkit-scrollbar-track {
  background-color: #f9fbff;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

::-webkit-scrollbar-track-piece:start {
  background: transparent;
  margin-left: 10rem;
}

::-webkit-scrollbar-corner {
  background-color: #f9fbff;
}

hr.solid {
  /*border-top: 3px solid colors.$panel-border-col;*/
  border-top: 1px solid #118ab2 !important;
  background: transparent;
}

.grid-stack.grid-stack-72 > .grid-stack-item {
  min-width: 1.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="0"] {
  width: 0%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="0"] {
  left: 0%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="0"] {
  min-width: 0%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="0"] {
  max-width: 0%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="1"] {
  width: 1.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="1"] {
  left: 1.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="1"] {
  min-width: 1.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="1"] {
  max-width: 1.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="2"] {
  width: 2.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="2"] {
  left: 2.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="2"] {
  min-width: 2.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="2"] {
  max-width: 2.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="3"] {
  width: 4.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="3"] {
  left: 4.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="3"] {
  min-width: 4.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="3"] {
  max-width: 4.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="4"] {
  width: 5.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="4"] {
  left: 5.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="4"] {
  min-width: 5.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="4"] {
  max-width: 5.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="5"] {
  width: 6.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="5"] {
  left: 6.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="5"] {
  min-width: 6.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="5"] {
  max-width: 6.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="6"] {
  width: 8.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="6"] {
  left: 8.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="6"] {
  min-width: 8.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="6"] {
  max-width: 8.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="7"] {
  width: 9.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="7"] {
  left: 9.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="7"] {
  min-width: 9.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="7"] {
  max-width: 9.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="8"] {
  width: 11.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="8"] {
  left: 11.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="8"] {
  min-width: 11.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="8"] {
  max-width: 11.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="9"] {
  width: 12.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="9"] {
  left: 12.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="9"] {
  min-width: 12.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="9"] {
  max-width: 12.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="10"] {
  width: 13.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="10"] {
  left: 13.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="10"] {
  min-width: 13.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="10"] {
  max-width: 13.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="11"] {
  width: 15.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="11"] {
  left: 15.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="11"] {
  min-width: 15.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="11"] {
  max-width: 15.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="12"] {
  width: 16.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="12"] {
  left: 16.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="12"] {
  min-width: 16.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="12"] {
  max-width: 16.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="13"] {
  width: 18.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="13"] {
  left: 18.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="13"] {
  min-width: 18.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="13"] {
  max-width: 18.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="14"] {
  width: 19.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="14"] {
  left: 19.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="14"] {
  min-width: 19.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="14"] {
  max-width: 19.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="15"] {
  width: 20.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="15"] {
  left: 20.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="15"] {
  min-width: 20.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="15"] {
  max-width: 20.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="16"] {
  width: 22.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="16"] {
  left: 22.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="16"] {
  min-width: 22.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="16"] {
  max-width: 22.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="17"] {
  width: 23.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="17"] {
  left: 23.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="17"] {
  min-width: 23.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="17"] {
  max-width: 23.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="18"] {
  width: 25%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="18"] {
  left: 25%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="18"] {
  min-width: 25%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="18"] {
  max-width: 25%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="19"] {
  width: 26.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="19"] {
  left: 26.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="19"] {
  min-width: 26.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="19"] {
  max-width: 26.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="20"] {
  width: 27.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="20"] {
  left: 27.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="20"] {
  min-width: 27.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="20"] {
  max-width: 27.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="21"] {
  width: 29.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="21"] {
  left: 29.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="21"] {
  min-width: 29.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="21"] {
  max-width: 29.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="22"] {
  width: 30.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="22"] {
  left: 30.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="22"] {
  min-width: 30.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="22"] {
  max-width: 30.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="23"] {
  width: 31.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="23"] {
  left: 31.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="23"] {
  min-width: 31.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="23"] {
  max-width: 31.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="24"] {
  width: 33.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="24"] {
  left: 33.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="24"] {
  min-width: 33.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="24"] {
  max-width: 33.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="25"] {
  width: 34.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="25"] {
  left: 34.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="25"] {
  min-width: 34.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="25"] {
  max-width: 34.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="26"] {
  width: 36.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="26"] {
  left: 36.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="26"] {
  min-width: 36.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="26"] {
  max-width: 36.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="27"] {
  width: 37.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="27"] {
  left: 37.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="27"] {
  min-width: 37.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="27"] {
  max-width: 37.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="28"] {
  width: 38.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="28"] {
  left: 38.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="28"] {
  min-width: 38.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="28"] {
  max-width: 38.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="29"] {
  width: 40.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="29"] {
  left: 40.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="29"] {
  min-width: 40.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="29"] {
  max-width: 40.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="30"] {
  width: 41.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="30"] {
  left: 41.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="30"] {
  min-width: 41.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="30"] {
  max-width: 41.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="31"] {
  width: 43.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="31"] {
  left: 43.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="31"] {
  min-width: 43.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="31"] {
  max-width: 43.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="32"] {
  width: 44.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="32"] {
  left: 44.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="32"] {
  min-width: 44.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="32"] {
  max-width: 44.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="33"] {
  width: 45.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="33"] {
  left: 45.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="33"] {
  min-width: 45.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="33"] {
  max-width: 45.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="34"] {
  width: 47.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="34"] {
  left: 47.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="34"] {
  min-width: 47.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="34"] {
  max-width: 47.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="35"] {
  width: 48.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="35"] {
  left: 48.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="35"] {
  min-width: 48.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="35"] {
  max-width: 48.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="36"] {
  width: 50%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="36"] {
  left: 50%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="36"] {
  min-width: 50%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="36"] {
  max-width: 50%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="37"] {
  width: 51.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="37"] {
  left: 51.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="37"] {
  min-width: 51.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="37"] {
  max-width: 51.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="38"] {
  width: 52.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="38"] {
  left: 52.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="38"] {
  min-width: 52.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="38"] {
  max-width: 52.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="39"] {
  width: 54.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="39"] {
  left: 54.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="39"] {
  min-width: 54.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="39"] {
  max-width: 54.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="40"] {
  width: 55.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="40"] {
  left: 55.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="40"] {
  min-width: 55.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="40"] {
  max-width: 55.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="41"] {
  width: 56.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="41"] {
  left: 56.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="41"] {
  min-width: 56.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="41"] {
  max-width: 56.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="42"] {
  width: 58.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="42"] {
  left: 58.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="42"] {
  min-width: 58.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="42"] {
  max-width: 58.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="43"] {
  width: 59.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="43"] {
  left: 59.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="43"] {
  min-width: 59.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="43"] {
  max-width: 59.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="44"] {
  width: 61.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="44"] {
  left: 61.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="44"] {
  min-width: 61.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="44"] {
  max-width: 61.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="45"] {
  width: 62.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="45"] {
  left: 62.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="45"] {
  min-width: 62.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="45"] {
  max-width: 62.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="46"] {
  width: 63.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="46"] {
  left: 63.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="46"] {
  min-width: 63.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="46"] {
  max-width: 63.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="47"] {
  width: 65.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="47"] {
  left: 65.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="47"] {
  min-width: 65.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="47"] {
  max-width: 65.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="48"] {
  width: 66.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="48"] {
  left: 66.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="48"] {
  min-width: 66.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="48"] {
  max-width: 66.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="49"] {
  width: 68.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="49"] {
  left: 68.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="49"] {
  min-width: 68.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="49"] {
  max-width: 68.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="50"] {
  width: 69.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="50"] {
  left: 69.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="50"] {
  min-width: 69.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="50"] {
  max-width: 69.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="51"] {
  width: 70.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="51"] {
  left: 70.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="51"] {
  min-width: 70.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="51"] {
  max-width: 70.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="52"] {
  width: 72.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="52"] {
  left: 72.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="52"] {
  min-width: 72.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="52"] {
  max-width: 72.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="53"] {
  width: 73.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="53"] {
  left: 73.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="53"] {
  min-width: 73.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="53"] {
  max-width: 73.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="54"] {
  width: 75%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="54"] {
  left: 75%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="54"] {
  min-width: 75%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="54"] {
  max-width: 75%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="55"] {
  width: 76.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="55"] {
  left: 76.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="55"] {
  min-width: 76.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="55"] {
  max-width: 76.3888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="56"] {
  width: 77.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="56"] {
  left: 77.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="56"] {
  min-width: 77.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="56"] {
  max-width: 77.7777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="57"] {
  width: 79.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="57"] {
  left: 79.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="57"] {
  min-width: 79.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="57"] {
  max-width: 79.1666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="58"] {
  width: 80.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="58"] {
  left: 80.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="58"] {
  min-width: 80.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="58"] {
  max-width: 80.5555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="59"] {
  width: 81.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="59"] {
  left: 81.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="59"] {
  min-width: 81.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="59"] {
  max-width: 81.9444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="60"] {
  width: 83.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="60"] {
  left: 83.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="60"] {
  min-width: 83.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="60"] {
  max-width: 83.3333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="61"] {
  width: 84.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="61"] {
  left: 84.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="61"] {
  min-width: 84.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="61"] {
  max-width: 84.7222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="62"] {
  width: 86.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="62"] {
  left: 86.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="62"] {
  min-width: 86.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="62"] {
  max-width: 86.1111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="63"] {
  width: 87.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="63"] {
  left: 87.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="63"] {
  min-width: 87.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="63"] {
  max-width: 87.5%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="64"] {
  width: 88.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="64"] {
  left: 88.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="64"] {
  min-width: 88.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="64"] {
  max-width: 88.8888888889%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="65"] {
  width: 90.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="65"] {
  left: 90.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="65"] {
  min-width: 90.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="65"] {
  max-width: 90.2777777778%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="66"] {
  width: 91.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="66"] {
  left: 91.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="66"] {
  min-width: 91.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="66"] {
  max-width: 91.6666666667%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="67"] {
  width: 93.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="67"] {
  left: 93.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="67"] {
  min-width: 93.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="67"] {
  max-width: 93.0555555556%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="68"] {
  width: 94.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="68"] {
  left: 94.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="68"] {
  min-width: 94.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="68"] {
  max-width: 94.4444444444%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="69"] {
  width: 95.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="69"] {
  left: 95.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="69"] {
  min-width: 95.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="69"] {
  max-width: 95.8333333333%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="70"] {
  width: 97.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="70"] {
  left: 97.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="70"] {
  min-width: 97.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="70"] {
  max-width: 97.2222222222%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="71"] {
  width: 98.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="71"] {
  left: 98.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="71"] {
  min-width: 98.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="71"] {
  max-width: 98.6111111111%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-w="72"] {
  width: 100%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-x="72"] {
  left: 100%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-min-w="72"] {
  min-width: 100%;
}
.grid-stack.grid-stack-72 > .grid-stack-item[gs-max-w="72"] {
  max-width: 100%;
}

.grid-stack.grid-stack-28 > .grid-stack-item {
  min-width: 3.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="0"] {
  width: 0%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="0"] {
  left: 0%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="0"] {
  min-width: 0%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="0"] {
  max-width: 0%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="1"] {
  width: 3.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="1"] {
  left: 3.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="1"] {
  min-width: 3.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="1"] {
  max-width: 3.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="2"] {
  width: 7.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="2"] {
  left: 7.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="2"] {
  min-width: 7.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="2"] {
  max-width: 7.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="3"] {
  width: 10.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="3"] {
  left: 10.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="3"] {
  min-width: 10.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="3"] {
  max-width: 10.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="4"] {
  width: 14.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="4"] {
  left: 14.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="4"] {
  min-width: 14.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="4"] {
  max-width: 14.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="5"] {
  width: 17.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="5"] {
  left: 17.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="5"] {
  min-width: 17.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="5"] {
  max-width: 17.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="6"] {
  width: 21.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="6"] {
  left: 21.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="6"] {
  min-width: 21.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="6"] {
  max-width: 21.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="7"] {
  width: 25%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="7"] {
  left: 25%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="7"] {
  min-width: 25%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="7"] {
  max-width: 25%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="8"] {
  width: 28.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="8"] {
  left: 28.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="8"] {
  min-width: 28.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="8"] {
  max-width: 28.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="9"] {
  width: 32.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="9"] {
  left: 32.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="9"] {
  min-width: 32.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="9"] {
  max-width: 32.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="10"] {
  width: 35.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="10"] {
  left: 35.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="10"] {
  min-width: 35.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="10"] {
  max-width: 35.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="11"] {
  width: 39.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="11"] {
  left: 39.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="11"] {
  min-width: 39.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="11"] {
  max-width: 39.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="12"] {
  width: 42.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="12"] {
  left: 42.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="12"] {
  min-width: 42.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="12"] {
  max-width: 42.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="13"] {
  width: 46.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="13"] {
  left: 46.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="13"] {
  min-width: 46.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="13"] {
  max-width: 46.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="14"] {
  width: 50%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="14"] {
  left: 50%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="14"] {
  min-width: 50%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="14"] {
  max-width: 50%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="15"] {
  width: 53.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="15"] {
  left: 53.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="15"] {
  min-width: 53.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="15"] {
  max-width: 53.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="16"] {
  width: 57.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="16"] {
  left: 57.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="16"] {
  min-width: 57.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="16"] {
  max-width: 57.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="17"] {
  width: 60.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="17"] {
  left: 60.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="17"] {
  min-width: 60.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="17"] {
  max-width: 60.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="18"] {
  width: 64.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="18"] {
  left: 64.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="18"] {
  min-width: 64.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="18"] {
  max-width: 64.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="19"] {
  width: 67.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="19"] {
  left: 67.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="19"] {
  min-width: 67.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="19"] {
  max-width: 67.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="20"] {
  width: 71.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="20"] {
  left: 71.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="20"] {
  min-width: 71.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="20"] {
  max-width: 71.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="21"] {
  width: 75%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="21"] {
  left: 75%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="21"] {
  min-width: 75%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="21"] {
  max-width: 75%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="22"] {
  width: 78.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="22"] {
  left: 78.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="22"] {
  min-width: 78.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="22"] {
  max-width: 78.5714285714%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="23"] {
  width: 82.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="23"] {
  left: 82.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="23"] {
  min-width: 82.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="23"] {
  max-width: 82.1428571429%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="24"] {
  width: 85.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="24"] {
  left: 85.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="24"] {
  min-width: 85.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="24"] {
  max-width: 85.7142857143%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="25"] {
  width: 89.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="25"] {
  left: 89.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="25"] {
  min-width: 89.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="25"] {
  max-width: 89.2857142857%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="26"] {
  width: 92.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="26"] {
  left: 92.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="26"] {
  min-width: 92.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="26"] {
  max-width: 92.8571428571%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="27"] {
  width: 96.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="27"] {
  left: 96.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="27"] {
  min-width: 96.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="27"] {
  max-width: 96.4285714286%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-w="28"] {
  width: 100%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-x="28"] {
  left: 100%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-min-w="28"] {
  min-width: 100%;
}
.grid-stack.grid-stack-28 > .grid-stack-item[gs-max-w="28"] {
  max-width: 100%;
}

.grid-stack-item-content {
  overflow: visible !important;
}

.bg-tag {
  --bs-bg-opacity: 1;
  background-color: #dfe6ec !important;
}

.bg-blue {
  background-color: #4895ef;
}

.bg-green {
  background-color: #06d6a0;
}

.bg-purple {
  background-color: #7678ed;
}

.bg-red {
  background-color: #ef476f;
}

.bg-striped-blue {
  padding: 0.2rem;
  /*border-radius: variables.$panel-border-radius;*/
  background: repeating-linear-gradient(135deg, rgba(72, 149, 239, 0.3), rgba(72, 149, 239, 0.3) 4px, rgba(72, 149, 239, 0.2) 4px, rgba(72, 149, 239, 0.2) 8px);
  opacity: 0;
  transform: translateY(0.1rem);
  animation: bg-fadein-anim 0.2s ease-in-out forwards;
}

.bg-striped-purple {
  padding: 0.2rem;
  border-radius: 0.3rem;
  background: repeating-linear-gradient(135deg, rgba(118, 120, 237, 0.3), rgba(118, 120, 237, 0.3) 4px, rgba(118, 120, 237, 0.2) 4px, rgba(118, 120, 237, 0.2) 8px);
  opacity: 0;
  transform: translateY(0.1rem);
  animation: bg-fadein-anim 0.2s ease-in-out forwards;
}

.bg-striped-green {
  padding: 0.2rem;
  /*border-radius: variables.$panel-border-radius;*/
  background: repeating-linear-gradient(135deg, rgba(6, 214, 160, 0.3), rgba(6, 214, 160, 0.3) 4px, rgba(6, 214, 160, 0.2) 4px, rgba(6, 214, 160, 0.2) 8px);
  opacity: 0;
  transform: translateY(0.1rem);
  animation: bg-fadein-anim 0.2s ease-in-out forwards;
}

.bg-striped-red {
  padding: 0.2rem;
  /*border-radius: variables.$panel-border-radius;*/
  background: repeating-linear-gradient(135deg, rgba(239, 71, 111, 0.3), rgba(239, 71, 111, 0.3) 4px, rgba(239, 71, 111, 0.2) 4px, rgba(239, 71, 111, 0.2) 8px);
  opacity: 0;
  transform: translateY(0.1rem);
  animation: bg-fadein-anim 0.2s ease-in-out forwards;
}

.bg-gray {
  padding: 0.2rem;
}

@keyframes bg-fadein-anim {
  from {
    opacity: 0;
    transform: translateY(0.1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0rem);
  }
}
.btn-main {
  background-color: rgba(17, 138, 178, 0.1);
  border-radius: 0.3rem;
  color: #118ab2;
  font-weight: bold;
  padding: 0.5rem 1rem;
  transition-duration: 0.1s;
}
.btn-main:hover {
  background-color: rgba(17, 138, 178, 0.15);
  color: #118ab2;
}
.btn-main.active {
  background-color: rgba(17, 138, 178, 0.2);
  color: #118ab2;
}

.btn-main:disabled {
  opacity: 0.3 !important;
}

.btn-thin {
  padding: 0.1rem !important;
  height: 1.8rem !important;
}

.form-check-input:checked {
  background-color: #118ab2;
  border-color: #118ab2;
}

.text-tag {
  --bs-text-opacity: 1;
  color: #67707e !important;
}

.text-default {
  color: #67707e !important;
}

.text-blue {
  color: #4895ef !important;
}

.text-purple {
  color: #7678ed !important;
}

.text-yellow {
  color: #d6cf06 !important;
}

.text-green {
  color: #06d6a0 !important;
}

.text-red {
  color: #ef476f !important;
}

.text-orange {
  color: #efb147 !important;
}

.text-highlight {
  color: #118ab2 !important;
}

/*# sourceMappingURL=main.css.map */