.grid {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.grid .grid-sorting-wrapper {
  position: absolute;
  z-index: 1000;
  left: 0;
  right: 0;
}

.grid .grid-sorting {
  position: absolute;
  z-index: 1000;
  top: 4px;
  right: 4px;
  display: none;
}

.grid .grid-sorting > div {
  position: absolute;
  z-index: 100;
  right: 0px;
  display: block;
  width: 0;
  height: 0;
  top: 0px;
}

.grid .grid-sorting.sorting-asc > div {
  border-style: solid;
  border-width: 0 6px 10.4px 6px;
  border-color: transparent transparent red transparent;
}

.grid .grid-sorting.sorting-desc > div {
  border-style: solid;
  border-width: 10.4px 6px 0 6px;
  border-color: red transparent transparent transparent;
}

.grid.grid.sorting .grid-sorting {
  display: block;
}

.grid.grid.sorting.headings .grid-sorting > div {
  right: -40px;
}

.grid .grid-edit {
  z-index: 10000;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  padding: 0rem;
  background: white;
  border-top: 1px solid #ccc;
}

.grid .grid-edit input {
  width: 100% !important;
  font-size: 1.5rem !important;
  padding: 1rem !important;
  border: none !important;
  outline: none !important;
  font-family: Arial, Helvetica, sans-serif;
}

.grid .grid-scale {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.grid .grid-popper {
  position: absolute;
  z-index: 1000;
  background: white;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
  min-width: 60px;
}

.grid .grid-popper a {
  display: block;
  padding: 4px 6px;
  cursor: pointer;
  font-size: 11px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #495057;
}

.grid .grid-popper a.selected, .grid .grid-popper a:hover {
  background: #f0f0f0;
}

.grid.dark .grid-popper {
  background: #2e2e2e;
  color: #cccccc;
}

.grid.dark .grid-popper a {
  color: #cccccc;
}

.grid.dark .grid-popper a.selected, .grid.dark .grid-popper a:hover {
  background: #1a1a1a;
  color: white;
}

.grid .grid-merge {
  position: fixed;
  top: -100vh;
  left: -100vw;
  z-index: -10;
}

.grid.headings .grid-headings {
  left: 0;
  top: 0;
  color: #000000;
}

.grid.headings .grid-selector {
  top: 20px;
}

.grid.headings .grid-row.heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.grid.headings .grid-cell-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.grid .grid-scroll {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-x: scroll;
  overflow-y: scroll;
}

.grid .grid-headings {
  position: absolute;
  z-index: 50;
  left: -40px;
  top: -20px;
  bottom: 0;
  right: 0;
  pointer-events: none;
  -webkit-transition: 300ms left, 300ms top;
  transition: 300ms left, 300ms top;
}

.grid .grid-headings .grid-container {
  overflow: hidden;
}

.grid .grid-box {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  pointer-events: none;
}

.grid .grid-freeze-corner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 45;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  overflow: hidden;
}

.grid .grid-freeze-columns {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 30;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  overflow: hidden;
}

.grid .grid-freeze-rows {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 40;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  overflow: hidden;
}

.grid .grid-heading-row {
  height: 40px;
  z-index: 10000;
}

.grid .grid-main {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  overflow: auto;
}

.grid .grid-main.overflow-x {
  overflow-x: hidden !important;
}

.grid .grid-main.overflow-y {
  overflow-y: hidden !important;
}

.grid .grid-selector-wrapper {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  pointer-events: none;
  overflow: hidden;
}

.grid .grid-selector-container {
  overflow: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  overflow: hidden;
}

.grid .grid-selector-container .grid-selector-position {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
}

.grid .grid-selector-container.grid-selector-main {
  right: 0;
  bottom: 0;
}

.grid .grid-selector-container.grid-selector-common {
  z-index: 40;
}

.grid .grid-selector-container.grid-selector-rows {
  right: 0;
  z-index: 30;
}

.grid .grid-selector-container.grid-selector-columns {
  bottom: 0;
  z-index: 20;
}

.grid .grid-selector {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 25;
  display: none;
  pointer-events: none;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.grid .grid-selector::after {
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  right: -2px;
  bottom: -2px;
  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px grey;
          box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px grey;
  border: 1px solid gray;
}

.grid .grid-selector.row {
  z-index: 50;
}

.grid .grid-selector.col {
  z-index: 30;
}

.grid .grid-selector input {
  position: absolute;
  z-index: 200;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  outline: 0px;
  background-color: ivory;
  font-size: 11pt;
  color: black;
  padding: 2px;
  border: none;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
  pointer-events: all;
}

.grid.selector .grid-selector {
  display: block;
}

.grid.editing .grid-selector {
  background: transparent;
}

.grid.editing.touch .grid-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.grid.focus .grid-selector::after {
  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #217346;
          box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #217346;
  border: 1px solid #217346;
}

.grid.touch .grid-main {
  overflow-x: scroll;
  overflow-y: scroll;
}

.grid.optimised .grid-box {
  z-index: -1;
}

.grid .grid-scroller {
  position: absolute;
  z-index: 30;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  overflow: auto;
  right: 0;
  bottom: 0;
}

.grid .grid-container {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.grid .grid-common {
  z-index: 40;
  overflow: hidden;
}

.grid .grid-rows {
  z-index: 30;
  position: absolute;
  right: 0;
}

.grid .grid-columns {
  z-index: 20;
  bottom: 0;
  position: absolute;
  overflow: hidden;
}

.grid .grid-row {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  z-index: 10;
  left: 0;
  top: 0;
  pointer-events: all;
}

.grid .grid-row.hover .grid-cell .grid-background::after {
  content: '';
  position: absolute;
  z-index: 1;
  background: rgba(30, 144, 255, 0.3);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.grid .grid-row.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.grid .grid-row.heading {
  height: 20px;
  display: none;
}

.grid.hover .grid-row:hover .grid-cell .grid-background::after {
  content: '';
  position: absolute;
  z-index: 1;
  background: rgba(30, 144, 255, 0.3);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.grid.structured .grid-resize-handle {
  display: none;
}

.grid .grid-cells {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
}

.grid .grid-cell {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  position: relative;
  z-index: 10;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 11pt;
  font-family: sans-serif;
  top: 0;
  height: 100%;
}

.grid .grid-cell .grid-background {
  position: absolute;
  z-index: 10;
  left: -1px;
  top: -1px;
  bottom: -1px;
  right: -1px;
  pointer-events: none;
  background-position: center;
  background-repeat: no-repeat;
}

.grid .grid-cell .grid-background .grid-highlight {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
}

.grid .grid-cell .grid-background .grid-highlight.flash {
  opacity: 0.5;
  display: block;
}

.grid .grid-cell .grid-background .grid-highlight.flash.fade {
  opacity: 0;
  -webkit-transition: 300ms all;
  transition: 300ms all;
}

.grid .grid-cell .grid-background .grid-background-border {
  position: absolute;
  z-index: -1;
  left: -0.5px;
  top: -0.5px;
  right: -0.5px;
  bottom: -0.5px;
  border-width: 1px;
  border-style: solid;
}

.grid .grid-cell .grid-border {
  pointer-events: none;
  position: absolute;
  z-index: 30;
  left: 0px;
  top: 0px;
  right: -1px;
  bottom: -1px;
}

.grid .grid-cell .grid-status {
  position: absolute;
  z-index: 30;
  left: 0;
  bottom: 0px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  overflow: hidden;
}

.grid .grid-cell .grid-text {
  position: absolute;
  z-index: 20;
  left: 0;
  bottom: 1px;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  letter-spacing: -0.2px;
  overflow: hidden;
  pointer-events: none;
}

.grid .grid-cell .grid-text .number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.grid .grid-cell .grid-text .number .symbol {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.grid .grid-cell .grid-text > div {
  padding: 2px 3px;
}

.grid .grid-cell .grid-text.grid-checkbox .checkbox {
  height: 16px;
  width: 16px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 0;
  padding: 0;
  margin: 0 2px;
  pointer-events: all;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.grid .grid-cell .grid-text.grid-checkbox.checked .checkbox {
  border-color: rgba(255, 255, 255, 0.15);
  background: dodgerblue;
  background-size: 84%;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiAgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LDIwLjQyTDIuNzksMTQuMjFMNS42MiwxMS4zOEw5LDE0Ljc3TDE4Ljg4LDQuODhMMjEuNzEsNy43MUw5LDIwLjQyWiIgLz48L3N2Zz4=");
}

.grid .grid-cell .grid-text.grid-checkbox .text {
  display: none;
}

.grid .grid-cell .grid-text.grid-button > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 1;
  left: 2px;
  right: 1px;
  bottom: 1px;
  top: 2px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transition: all 300ms;
  transition: all 300ms;
  overflow: hidden;
  pointer-events: all;
}

.grid .grid-cell .grid-text.grid-button > div:hover {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.4);
}

.grid .grid-cell .grid-text.link {
  pointer-events: all;
  cursor: pointer;
}

.grid .grid-cell .grid-text.link > div {
  text-decoration: underline;
}

.grid .grid-cell.image .grid-text {
  display: none;
}

.grid .grid-cell.found::after .grid-background {
  background: rgba(30, 144, 255, 0.3) !important;
}

.grid .grid-cell.selected::after {
  background: rgba(62, 197, 66, 0.2);
  position: absolute;
  content: '';
  z-index: 11;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.grid .grid-cell.history::after {
  content: '';
  position: absolute;
  z-index: 10;
  left: 1px;
  top: 1px;
  right: 0px;
  bottom: 0px;
  border: 1px solid gray;
}

.grid .grid-cell.history .grid-history {
  display: none;
  position: absolute;
  top: 1px;
  right: 0;
  width: 18px;
  height: 18px;
  background-color: gray;
  z-index: 100;
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEyLDIwQTgsOCAwIDAsMCAyMCwxMkE4LDggMCAwLDAgMTIsNEE4LDggMCAwLDAgNCwxMkE4LDggMCAwLDAgMTIsMjBNMTIsMkExMCwxMCAwIDAsMSAyMiwxMkExMCwxMCAwIDAsMSAxMiwyMkM2LjQ3LDIyIDIsMTcuNSAyLDEyQTEwLDEwIDAgMCwxIDEyLDJNMTIuNSw3VjEyLjI1TDE3LDE0LjkyTDE2LjI1LDE2LjE1TDExLDEzVjdIMTIuNVoiIC8+PC9zdmc+");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  color: white;
}

.grid .grid-cell.history.user-0::after {
  border-color: deeppink;
}

.grid .grid-cell.history.user-0 .grid-history {
  background-color: deeppink;
}

.grid .grid-cell.history.user-1::after {
  border-color: aqua;
}

.grid .grid-cell.history.user-1 .grid-history {
  background-color: aqua;
}

.grid .grid-cell.history.user-2::after {
  border-color: tomato;
}

.grid .grid-cell.history.user-2 .grid-history {
  background-color: tomato;
}

.grid .grid-cell.history.user-3::after {
  border-color: orange;
}

.grid .grid-cell.history.user-3 .grid-history {
  background-color: orange;
}

.grid .grid-cell.history.user-4::after {
  border-color: yellow;
}

.grid .grid-cell.history.user-4 .grid-history {
  background-color: yellow;
}

.grid .grid-cell.history.user-5::after {
  border-color: limegreen;
}

.grid .grid-cell.history.user-5 .grid-history {
  background-color: limegreen;
}

.grid .grid-cell.history:hover .grid-history {
  display: block;
}

.grid .grid-cell.permission-no::after {
  content: '';
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM5RENGRjgxNjM2MzExRTg4OUQ4OEYwNkI4MjU3NkQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM5RENGRjgyNjM2MzExRTg4OUQ4OEYwNkI4MjU3NkQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzlEQ0ZGN0Y2MzYzMTFFODg5RDg4RjA2QjgyNTc2RDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzlEQ0ZGODA2MzYzMTFFODg5RDg4RjA2QjgyNTc2RDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Y6xvnAAAAIklEQVR42mJgYGBwAGKG////gzEMOMAFkGTAKtGVOgAEGABZtRjp+304JgAAAABJRU5ErkJggg==");
}

.grid .grid-cell.cell-dark.permission-no::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBDRDk5QTUwNjM2MzExRTg5RDA0ODExMkVCNTRBOEE4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBDRDk5QTUxNjM2MzExRTg5RDA0ODExMkVCNTRBOEE4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MENEOTlBNEU2MzYzMTFFODlEMDQ4MTEyRUI1NEE4QTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MENEOTlBNEY2MzYzMTFFODlEMDQ4MTEyRUI1NEE4QTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz79VCh4AAAAIElEQVR42mL4//+/AxAzwDCM4YAuABdkBIsigANAgAEAU/Yn27yuc7UAAAAASUVORK5CYII=");
}

.grid .grid-cell.cell-found .grid-background .grid-highlight {
  background: rgba(30, 144, 255, 0.3);
}

.grid .grid-cell.cell-found .grid-background::after {
  content: '';
  position: absolute;
  z-index: 1;
  background: rgba(30, 144, 255, 0.3);
  left: 2px;
  top: 2px;
  right: 1px;
  bottom: 1px;
  border: 1px solid dodgerblue;
}

.grid.gridlines .grid-cell::before {
  content: '';
  pointer-events: none;
  position: absolute;
  z-index: 25;
  left: 0px;
  top: 0px;
  right: -1px;
  bottom: -1px;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}

.grid .grid-cell-heading {
  background: white;
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 9px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  position: relative;
  z-index: 10;
  display: flex;
  font-family: sans-serif;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: all;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: none;
}

.grid .grid-cell-heading.grid-cell-heading-corner {
  width: 40px;
  height: 20px;
}

.grid .grid-cell-heading.grid-cell-heading-col {
  height: 20px;
}

.grid .grid-cell-heading.grid-cell-heading-row {
  width: 40px;
}

.grid .grid-cell-heading.grid-cell-heading-corner::after {
  border-right-width: 1px;
  border-bottom-width: 1px;
  bottom: -1px;
  right: -1px;
}

.grid .grid-cell-heading.selected:hover, .grid .grid-cell-heading:hover {
  background: #9fd5b7;
  color: #1b5d39;
}

.grid .grid-cell-heading.selected {
  background: #dfe5e6;
}

.grid .grid-cell-heading.grid-cell-heading-row.selected::after {
  border-right: 2px solid #217346;
}

.grid .grid-cell-heading.grid-cell-heading-col.selected::after {
  border-bottom: 2px solid #217346;
}

.grid .grid-cell-heading::after {
  content: '';
  border-style: solid;
  border-color: #cccccc;
  border-width: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.grid .grid-cell-heading.grid-cell-heading-row::after {
  border-bottom-width: 1px;
  border-right-width: 1px;
  right: -1px;
  bottom: -1px;
}

.grid .grid-cell-heading.grid-cell-heading-col::after {
  border-bottom-width: 1px;
  border-right-width: 1px;
  bottom: -1px;
  right: -1px;
}

.grid .grid-cell-heading .grid-resize-handle {
  position: absolute;
  z-index: 10;
  background: #1e90ff;
  opacity: 0;
}

.grid .grid-cell-heading .grid-resize-handle:hover {
  opacity: 1;
}

.grid .grid-cell-heading.grid-cell-heading-col .grid-resize-handle {
  top: 0;
  right: 0px;
  width: 8px;
  bottom: 0;
  cursor: col-resize;
}

.grid .grid-cell-heading.grid-cell-heading-row .grid-resize-handle {
  left: 0;
  right: 0;
  bottom: 0px;
  height: 8px;
  cursor: row-resize;
}

.grid.resizing .grid-cell-heading {
  pointer-events: none;
}

.grid.resizing .grid-cell-heading .grid-resize-handle {
  pointer-events: all;
}

.grid .grid-scrollbar {
  position: absolute;
  z-index: 20;
  -webkit-transition: 300ms all;
  transition: 300ms all;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0;
}

.grid .grid-scrollbar.grid-scrollbar-x {
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
}

.grid .grid-scrollbar.grid-scrollbar-x:hover {
  height: 16px;
}

.grid .grid-scrollbar.grid-scrollbar-y {
  right: 0;
  top: 0;
  bottom: 0;
  width: 10px;
}

.grid .grid-scrollbar.grid-scrollbar-y:hover {
  width: 16px;
}

.grid .grid-scrollbar .grid-scrollbar-handle {
  background: #cccccc;
  border-radius: 4px;
  position: absolute;
  z-index: 10;
  -webkit-transition: 300ms border-radius;
  transition: 300ms border-radius;
}

.grid .grid-scrollbar .grid-scrollbar-handle.grid-scrollbar-handle-x {
  left: 0;
  top: 2px;
  height: 6px;
  min-width: 8px;
  -webkit-transition: 300ms height;
  transition: 300ms height;
}

.grid .grid-scrollbar .grid-scrollbar-handle.grid-scrollbar-handle-y {
  top: 0;
  right: 2px;
  width: 6px;
  min-height: 8px;
  -webkit-transition: 300ms width;
  transition: 300ms width;
}

.grid .grid-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.grid .grid-scrollbar:hover .grid-scrollbar-handle {
  border-radius: 6px;
}

.grid .grid-scrollbar:hover .grid-scrollbar-handle.grid-scrollbar-handle-x {
  height: 12px;
}

.grid .grid-scrollbar:hover .grid-scrollbar-handle.grid-scrollbar-handle-y {
  width: 12px;
}

.grid .grid-scrollbar.disabled {
  display: none;
}

.grid:hover .grid-scrollbar {
  opacity: 1;
}

.grid.scrolling-x .grid-scrollbar.grid-scrollbar-x {
  height: 16px;
}

.grid.scrolling-x .grid-scrollbar-handle.grid-scrollbar-handle-x {
  height: 12px;
}

.grid.scrolling-y .grid-scrollbar.grid-scrollbar-y {
  width: 16px;
}

.grid.scrolling-y .grid-scrollbar-handle.grid-scrollbar-handle-y {
  width: 12px;
}

.grid.dark .grid-cell-heading {
  background: #212529;
  color: rgba(255, 255, 255, 0.6);
}

.grid.dark .grid-cell-heading::after {
  border-color: #141619;
}

.grid.dark .grid-cell-heading.selected {
  background: black;
}

.grid.dark .grid-cell-heading.grid-cell-heading-row.selected::after {
  border-right: 2px solid rgba(0, 255, 58, 0.5);
}

.grid.dark .grid-cell-heading.grid-cell-heading-col.selected::after {
  border-bottom: 2px solid rgba(0, 255, 58, 0.5);
}

.grid.dark .grid-cell-heading.selected:hover, .grid.dark .grid-cell-heading:hover {
  background: #217346;
  color: white;
}

.grid.dark .grid-scrollbar {
  background: rgba(120, 120, 120, 0.12);
}

.grid.dark .grid-scrollbar .grid-scrollbar-handle {
  background: #656669;
}
/*# sourceMappingURL=grid.css.map */