.djgrid {
  display: table;
  width: 100%;
  /*border-collapse:collapse;*/
  border-bottom: 0;
  border-bottom: 1px solid #dddddd;
  border-left: 0;
  /*table-layout: fixed;*/
  /*&.smalltext{*/
  font-size: 90%;
  font-weight: 500;
  /*}*/
}
.djgrid.expand {
  table-layout: fixed;
}
.djgrid .grid_head {
  display: table-row-group;
}
.djgrid .grid_head .grid_head_row {
  display: table-row;
  /*border-bottom:0.0825rem solid rgba(0,0,0,0.5);*/
}
.djgrid .grid_head .grid_head_row .grid_head_cell {
  display: table-cell;
  user-select: none;
  /*border:0.5px solid #f3f3f3;*/
  border-bottom: 1px solid #dddddd;
  /* border-right:0;*/
  font-size: 110%;
  text-align: center;
  position: relative;
  vertical-align: middle;
  /*box-shadow:0 1px #cccccc,0 -1px #cccccc;*/ /*pos sticky fix*/
  /*border-right:1px solid #cccccc;*/
  /*transform:translateZ(0);*/
  will-change: width;
}
.djgrid .grid_head .grid_head_row .grid_head_cell[data-key=AX] {
  position: sticky !important;
  right: -1px !important;
  z-index: 999 !important;
}
.djgrid .grid_head .grid_head_row .grid_head_cell[data-key=AX] .grid_head_cell_title {
  /*background: linear-gradient(-90deg, transparent calc(100% - 1px), #aaa 100%);*/
}
.djgrid .grid_head .grid_head_row .grid_head_cell[data-key=NAME], .djgrid .grid_head .grid_head_row .grid_head_cell[data-key=USER] {
  position: sticky;
  left: 0;
  z-index: 999 !important;
  /*background:#fff !important;*/
  padding: 0;
}
.djgrid .grid_head .grid_head_row .grid_head_cell[data-key=NAME] .grid_head_cell_title, .djgrid .grid_head .grid_head_row .grid_head_cell[data-key=USER] .grid_head_cell_title {
  /*padding-right:1rem;*/
  height: 100%;
  /*border-right:0 !important;*/
  /*margin-left:1px;*/
  /*border:0 !important;*/
  /* border-left:1px solid #ccc !important;
   margin-left:1px;*/
  /* background:linear-gradient(90deg,#aaa 0px,#fff 1px);*/
}
.djgrid .grid_head .grid_head_row .grid_head_cell.novis {
  display: none !important;
}
.djgrid .grid_head .grid_head_row .grid_head_cell.grad {
  background: #f3f3f3;
  /*background: linear-gradient(0deg, #dddddd, #eeeeee, #eeeeee, #eeeeee);    */
}
.djgrid .grid_head .grid_head_row .grid_head_cell.grad:hover {
  background: #dddddd;
}
.djgrid .grid_head .grid_head_row .grid_head_cell.align_left {
  text-align: left;
}
.djgrid .grid_head .grid_head_row .grid_head_cell.align_left .grid_head_cell_title {
  /*padding-left:0.625rem;*/
  justify-content: flex-start;
  text-align: left;
}
.djgrid .grid_head .grid_head_row .grid_head_cell.align_center {
  text-align: center;
}
.djgrid .grid_head .grid_head_row .grid_head_cell.align_center .grid_head_cell_title {
  /*padding-left:0;*/
  justify-content: center;
  text-align: center;
}
.djgrid .grid_head .grid_head_row .grid_head_cell.align_right {
  text-align: right;
}
.djgrid .grid_head .grid_head_row .grid_head_cell.align_right .grid_head_cell_title {
  /*padding-left:0;*/
  justify-content: flex-end;
  text-align: right;
}
.djgrid .grid_head .grid_head_row .grid_head_cell.isfilterable .grid_head_cell_title, .djgrid .grid_head .grid_head_row .grid_head_cell.issortable .grid_head_cell_title {
  /*width: calc(100% - 30px);                                        */
  /*padding-right:30px;*/
}
.djgrid .grid_head .grid_head_row .grid_head_cell.stickyrow {
  position: sticky;
  z-index: 15;
  /* top:1px;                                                          */
  /*border-bottom:0;*/
  /*&:before{
      content: '';                                                
      position: absolute;
      height: calc(100% - 0.165rem);
      width: 0.0825rem solid rgba(0,0,0,0.1);
      display: block;
      border-right:0.0825rem solid rgba(0,0,0,0.1);
      left: 0;
      top: 0;
      z-index: 15;                       
  } 
  */
}
.djgrid .grid_head .grid_head_row .grid_head_cell.stickycol {
  position: sticky;
  left: 0;
  z-index: 15;
  /*&:after{
      content: '';                                                
      position: absolute;
      height: 100%;
      width: 2px;
      display: block;
      background: #000000;
      right: -1px;
      top: 0;
      z-index: 15;                       
  }
  &:before{
      content: '';                                                
      position: absolute;
      height: 100%;
      width: 2px;
      display: block;
      background: #000000;
      left: -1px;
      top: 0;
      z-index: 15;                       
  } */
}
.djgrid .grid_head .grid_head_row .grid_head_cell .grid_head_cell_sort {
  /*position:absolute;
  right:0;
  top:0;
  height:100%;*/
  display: block;
  /*z-index:88;
  right:0.5rem;
  text-align:right;*/
  cursor: pointer;
  margin-left: 0.325rem;
  color: #1a1a1a;
  opacity: 0.5;
}
.djgrid .grid_head .grid_head_row .grid_head_cell .grid_head_cell_sort:hover {
  opacity: 1;
}
.djgrid .grid_head .grid_head_row .grid_head_cell .grid_head_cell_title {
  overflow: hidden;
  padding: 1rem 0.325rem;
  border: 0; /*1px solid #ccc;*/
  /*background: linear-gradient(90deg, transparent calc(100% - 1px), #aaa 100%);*/
  border-right: 0;
  border-left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  /*position: absolute;*/
  height: 100%;
  /*top: 0; 
  left:0;                     */
  font-weight: 800;
  white-space: nowrap;
}
.djgrid .grid_head .grid_head_row .grid_head_cell .grid_head_cell_title.wrap {
  white-space: normal;
}
.djgrid .grid_head .grid_head_row .grid_head_cell .grid_head_cell_title > span {
  flex: 1;
}
.djgrid .grid_head .grid_head_row .grid_head_cell .grid_head_cell_title .grid_head_cell_info {
  margin-left: 0.3rem;
  opacity: 0.5;
}
.djgrid .grid_head .grid_head_row .grid_head_cell .grid_head_cell_grip {
  position: absolute;
  right: -3px;
  top: 0;
  width: 5px; /*0.2rem;*/
  cursor: col-resize;
  user-select: none;
  height: 100%;
  display: block;
  z-index: 10;
  /*background:rgba(128,0,0,0.5);*/
}
.djgrid .grid_head .grid_head_row .grid_head_cell .grid_head_cell_grip:hover, .djgrid .grid_head .grid_head_row .grid_head_cell .grid_head_cell_grip.drag {
  background: rgba(0, 0, 128, 0.3);
}
.djgrid .grid_head .grid_head_row .grid_head_cell .grid_head_cell_filter {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: block;
  z-index: 10;
  right: 1.4rem;
  text-align: right;
  cursor: pointer;
}
.djgrid .grid_head .grid_head_row .grid_head_cell .grid_head_cell_filter:before {
  content: "\f0b0";
  font-size: 100%;
  text-align: right;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.djgrid .grid_head .grid_head_row .grid_head_cell:last-child {
  border-right: 0;
}
.djgrid .grid_head.novis .grid_head_row .grid_head_cell {
  max-height: 0;
  overflow: hidden;
}
.djgrid .grid_body {
  display: table-row-group;
  position: relative;
}
.djgrid .grid_body.loading .grid_row_loader {
  display: block;
  height: 8rem;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1010;
  top: 0;
  left: 0;
  width: 100%;
}
.djgrid .grid_body.loading .grid_row_loader span.loader {
  position: absolute;
  width: 8rem;
  height: 8rem;
  display: block;
  top: 50%;
  left: 50%;
  margin-top: -2rem;
  margin-left: -4rem;
  will-change: opacity;
  transition: transform 0.25s, opacity 0.25s ease-in;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22%23ccc%22%3E%0D%0A%20%20%3Cpath%20opacity%3D%22.35%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22%2F%3E%0D%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E%0D%0A) center center no-repeat;
  animation: platform_spin 1s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
  opacity: 1;
  z-index: 99999999999;
}
.djgrid .grid_body.loading .grid_row_loader span.loader_txt {
  font-size: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 4.375rem);
  display: block;
}
.djgrid .grid_body .grid_row {
  display: table-row;
  font-size: 100%;
}
.djgrid .grid_body .grid_row .grid_cell_actions {
  /*background:#ffffff;
  box-shadow: -1rem 0 1.3rem #ffffff;*/
}
.djgrid .grid_body .grid_row.stripe .grid_cell,
.djgrid .grid_body .grid_row.stripe .grid_cell_actions {
  background: #f9f9f9;
}
.djgrid .grid_body .grid_row.stripe .grid_cell[data-col=AX] .grid_cell_actions {
  box-shadow: -1rem 0 1.3rem #f9f9f9;
}
.djgrid .grid_body .grid_row[data-ghost="1"] .grid_cell:not([data-col=AX]) .grid_cell_data, .djgrid .grid_body .grid_row[data-ghost="2"] .grid_cell:not([data-col=AX]) .grid_cell_data {
  opacity: 0.5;
}
.djgrid .grid_body .grid_row[data-ghost=strike] .grid_cell:not([data-col=AX]) .grid_cell_data {
  opacity: 0.5;
  text-decoration: line-through;
}
.djgrid .grid_body .grid_row[data-ghost=alert] .grid_cell,
.djgrid .grid_body .grid_row[data-ghost=alert] .grid_cell_actions, .djgrid .grid_body .grid_row[data-ghost=medium] .grid_cell,
.djgrid .grid_body .grid_row[data-ghost=medium] .grid_cell_actions, .djgrid .grid_body .grid_row[data-ghost=neutral] .grid_cell,
.djgrid .grid_body .grid_row[data-ghost=neutral] .grid_cell_actions {
  background: #FFFEEA;
}
.djgrid .grid_body .grid_row[data-ghost=alert] .grid_cell[data-col=AX] .grid_cell_actions, .djgrid .grid_body .grid_row[data-ghost=medium] .grid_cell[data-col=AX] .grid_cell_actions, .djgrid .grid_body .grid_row[data-ghost=neutral] .grid_cell[data-col=AX] .grid_cell_actions {
  box-shadow: -1rem 0 1.3rem #FFFEEA;
}
.djgrid .grid_body .grid_row[data-ghost=positive] .grid_cell,
.djgrid .grid_body .grid_row[data-ghost=positive] .grid_cell_actions {
  background: #DDFEEA;
}
.djgrid .grid_body .grid_row[data-ghost=positive] .grid_cell[data-col=AX] .grid_cell_actions {
  box-shadow: -1rem 0 1.3rem #DDFEEA;
}
.djgrid .grid_body .grid_row[data-ghost="positive mask"] .grid_cell,
.djgrid .grid_body .grid_row[data-ghost="positive mask"] .grid_cell_actions {
  background: #DDFEEA;
}
.djgrid .grid_body .grid_row[data-ghost="positive mask"] .grid_cell[data-col=AX] .grid_cell_actions {
  box-shadow: -1rem 0 1.3rem #DDFEEA;
}
.djgrid .grid_body .grid_row[data-ghost="positive mask"] .grid_cell:not([data-col=AX]) .grid_cell_data {
  opacity: 0.5;
}
.djgrid .grid_body .grid_row[data-ghost=warn] .grid_cell,
.djgrid .grid_body .grid_row[data-ghost=warn] .grid_cell_actions, .djgrid .grid_body .grid_row[data-ghost=negative] .grid_cell,
.djgrid .grid_body .grid_row[data-ghost=negative] .grid_cell_actions {
  background: #FBCCE6;
}
.djgrid .grid_body .grid_row[data-ghost=warn] .grid_cell[data-col=AX] .grid_cell_actions, .djgrid .grid_body .grid_row[data-ghost=negative] .grid_cell[data-col=AX] .grid_cell_actions {
  box-shadow: -1rem 0 1.3rem #FBCCE6;
}
.djgrid .grid_body .grid_row[data-ghost="negative mask"] .grid_cell,
.djgrid .grid_body .grid_row[data-ghost="negative mask"] .grid_cell_actions {
  background: #fddff0;
}
.djgrid .grid_body .grid_row[data-ghost="negative mask"] .grid_cell[data-col=AX] .grid_cell_actions {
  box-shadow: -1rem 0 1.3rem #fddff0;
}
.djgrid .grid_body .grid_row[data-ghost="negative mask"] .grid_cell:not([data-col=AX]) .grid_cell_data {
  opacity: 0.5;
}
.djgrid .grid_body .grid_row[data-ghost=info] .grid_cell,
.djgrid .grid_body .grid_row[data-ghost=info] .grid_cell_actions, .djgrid .grid_body .grid_row[data-ghost=positive_alt] .grid_cell,
.djgrid .grid_body .grid_row[data-ghost=positive_alt] .grid_cell_actions {
  background: #CCE7F9;
}
.djgrid .grid_body .grid_row[data-ghost=info] .grid_cell[data-col=AX] .grid_cell_actions, .djgrid .grid_body .grid_row[data-ghost=positive_alt] .grid_cell[data-col=AX] .grid_cell_actions {
  box-shadow: -1rem 0 1.3rem #CCE7F9;
}
.djgrid .grid_body .grid_row:hover .grid_cell,
.djgrid .grid_body .grid_row:hover .grid_cell_actions {
  /*background: rgba(45, 195, 208, 0.2);                    */
  background: #D5F3F6;
}
.djgrid .grid_body .grid_row:hover .grid_cell > span,
.djgrid .grid_body .grid_row:hover .grid_cell_actions > span {
  opacity: 1;
  color: #000000;
}
.djgrid .grid_body .grid_row:hover .grid_cell[data-col=AX] .grid_cell_actions {
  box-shadow: -1rem 0 1.3rem #D5F3F6;
}
.djgrid .grid_body .grid_row.menu_active .grid_cell,
.djgrid .grid_body .grid_row.menu_active .grid_cell_actions {
  background: #a5f3f6;
}
.djgrid .grid_body .grid_row.menu_active .grid_cell[data-col=AX] .grid_cell_actions {
  box-shadow: -1rem 0 1.3rem #a5f3f6;
}
.djgrid .grid_body .grid_row .grid_cell {
  display: table-cell;
  padding: 0.65rem 0.325rem; /*0.325rem*/
  font-size: 100%;
  text-align: center;
  vertical-align: middle;
  position: relative;
  background: #ffffff;
  border: 1px solid #eeeeee; /* rgba(0,0,0,0.1);*/
  border-left: 0;
  border-right: 0;
  /*border-top:0;*/
  border-bottom: 0;
}
.djgrid .grid_body .grid_row .grid_cell > span {
  opacity: 0.9;
}
.djgrid .grid_body .grid_row .grid_cell.hov {
  background: #D5F3F6;
}
.djgrid .grid_body .grid_row .grid_cell.menu .grid_cell_data .grid_cell_actions {
  display: flex;
}
.djgrid .grid_body .grid_row .grid_cell.novis {
  display: none;
}
.djgrid .grid_body .grid_row .grid_cell.align_left {
  text-align: left;
}
.djgrid .grid_body .grid_row .grid_cell.align_left .grid_cell_data {
  justify-content: flex-start;
}
.djgrid .grid_body .grid_row .grid_cell.align_center {
  text-align: center;
}
.djgrid .grid_body .grid_row .grid_cell.align_center .grid_cell_data {
  justify-content: center;
}
.djgrid .grid_body .grid_row .grid_cell.align_right {
  text-align: right;
}
.djgrid .grid_body .grid_row .grid_cell.align_right .grid_cell_data {
  justify-content: flex-end;
}
.djgrid .grid_body .grid_row .grid_cell[data-col=ACTION] {
  position: sticky;
  right: 0;
  background: #fff !important;
  border: 0;
  padding: 0;
}
.djgrid .grid_body .grid_row .grid_cell[data-col=ACTION] .grid_cell_data {
  position: relative;
  left: -1px;
  /* border-left:1px solid #ccc;*/
  padding-left: 0.325rem;
  padding-left: 0.65rem;
  padding-right: 0.65rem;
  /*margin-left:1px;*/
  background: linear-gradient(90deg, #aaa 0px, #fff 1px);
}
.djgrid .grid_body .grid_row .grid_cell[data-col=AX] {
  position: sticky !important;
  right: -1px;
  /* background: linear-gradient(-90deg, #ffffff calc(100% - 1px), #eee 100%);*/
  border-color: transparent;
}
.djgrid .grid_body .grid_row .grid_cell[data-col=AX] .grid_cell_actions {
  box-shadow: -1rem 0 1.3rem #ffffff;
}
.djgrid .grid_body .grid_row .grid_cell[data-col=NAME], .djgrid .grid_body .grid_row .grid_cell[data-col=USER] {
  position: sticky;
  left: 0;
  /* background:#fff !important;*/
  /*border:0; */
  padding: 0;
  z-index: 999;
}
.djgrid .grid_body .grid_row .grid_cell[data-col=NAME] .grid_cell_data, .djgrid .grid_body .grid_row .grid_cell[data-col=USER] .grid_cell_data {
  width: calc(100% - 1px);
  /* border-left:1px solid #ccc;*/
  padding: 0.325rem;
  /*padding-left:1rem;*/
  /*margin-left:-1px;*/
  background: linear-gradient(90deg, transparent calc(100% - 1px), #aaa 100%);
  /*border-right:1px solid #cccccc;*/
}
.djgrid .grid_body .grid_row .grid_cell[data-col=NAME] .grid_cell_data span, .djgrid .grid_body .grid_row .grid_cell[data-col=USER] .grid_cell_data span {
  font-weight: 600;
  font-size: 110%;
}
.djgrid .grid_body .grid_row .grid_cell.stickycol {
  position: sticky;
  left: 0;
  z-index: 15;
  background: #ffffff;
}
.djgrid .grid_body .grid_row .grid_cell.stickycol:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  display: block;
  background: #000000;
  right: -1px;
  top: 0;
  z-index: 15;
}
.djgrid .grid_body .grid_row .grid_cell.stickycol:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  display: block;
  background: #000000;
  left: -1px;
  top: 0;
  z-index: 15;
}
.djgrid .grid_body .grid_row .grid_cell[data-type=I] {
  overflow: hidden;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data {
  /*white-space:wrap;
  word-break:break-all;*/
  /*position:absolute; for ellipsis*/
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  top: 0;
  left: 0;
  /*padding: 0.625rem;*/
  height: 100%;
  align-self: center;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data > [class*=fa] {
  font-size: 150%;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data > [class*=fa].positive {
  color: #008000;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data > [class*=fa].negative {
  color: #800000;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data > [class*=fa].neutral {
  color: #808000;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data > [class*=fa].fade50 {
  opacity: 0.5;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data > [class*=fa].fade75 {
  opacity: 0.75;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data > [class*=fa].fade25 {
  opacity: 0.25;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data.warn {
  color: #c00000;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .layout_pill {
  margin: 0;
  white-space: nowrap;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .pbar {
  width: 200px;
  min-width: 200px;
  border: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: row;
  background: #006e92;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .pbar .pbar_seg {
  font-size: 90%;
  padding: 0.5rem 0.3rem;
  background: rgba(255, 255, 255, 0);
  border-left: 1px solid #ffffff;
  color: #ffffff;
  font-weight: 600;
  white-space: nowrap;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .pbar .pbar_seg:nth-child(n+1) {
  background: rgba(255, 255, 255, 0.3);
  background: #006e92;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .pbar .pbar_seg:nth-child(n+2) {
  background: rgba(255, 255, 255, 0.6);
  background: #00b7dc;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .pbar .pbar_seg:nth-child(n+3) {
  background: rgba(255, 255, 255, 0.9);
  background: #00deff;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .pbar .pbar_seg:nth-child(n+4) {
  background: rgba(255, 255, 255, 0.9);
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .pbar .pbar_seg:nth-child(n+5) {
  background: rgba(255, 255, 255, 0.9);
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .progressbadge {
  font-size: 90%;
  width: 2.6rem;
  height: 2.6rem;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .tick-badge {
  color: #ffffff;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.675rem;
  text-align: center;
  /*&.positive{
      background-color:#00cc00;
  }
  &.negative{
      background-color:#cc0000;
  }*/
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data > span {
  white-space: normal;
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-y: visible;
  display: block;
  /*padding: 0 0.625rem;*/
  padding: 0;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data > span.nw {
  white-space: wrap;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data > span > span.sub {
  display: block;
  font-size: 90%;
  font-weight: normal;
  padding-top: 0.2rem;
  font-style: italic;
  opacity: 0.8;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .loader {
  font-size: 1.5rem;
  opacity: 0.5;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data.list > span {
  overflow: visible;
  /* margin-left:0.3rem;*/
  position: relative;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data.list > span span {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data.list > span span:before {
  /* display: block;
   content: '';
   position:absolute;
   left:-0.6rem;
   top:50%;
   transform:translateY(-50%);
   border-radius: 50%;
   height: 5px;
   width: 5px;                                    
   background: rgba(0,0,0,0.2);*/
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data.list > span span a {
  /*position:absolute;
  top:0;
  right:0;      */
  display: none;
  color: #000000;
  background: #ffffff;
  background: rgba(0, 228, 178, 0.3);
  cursor: pointer;
  margin-left: 1rem;
  opacity: 1;
  padding: 0.1rem 0.4rem;
  border-radius: 0.3rem;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data.list > span span a i {
  margin-right: 0.1rem;
  vertical-align: text-bottom;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data.list > span span a:hover {
  opacity: 1;
  background: rgba(0, 228, 178, 0.6);
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data.list > span span a.vis {
  display: block;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data.list > span ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data.list > span ul li {
  position: relative;
  display: flex;
  align-items: center;
  border-top: 0.02rem solid rgba(0, 0, 0, 0.2);
  margin-top: 0.2rem;
  padding-top: 0.2rem;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data.list > span ul li:before {
  /* display: block;
   content: '';
   position:absolute;
   left:-0.6rem;
   top:50%;
   transform:translateY(-50%);
   border-radius: 50%;
   height: 5px;
   width: 5px;                                    
   background: rgba(0,0,0,0.2);*/
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data.list > span.vis ul {
  display: block;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  line-height: 32px;
  padding: 0;
  margin: 0;
  border: 0;
  height: 32px;
  z-index: 5;
  position: relative;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions.single a {
  margin: 0;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions .split {
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  border: 0;
  text-align: right;
  font-size: 0.8rem;
  padding: 0; /* 0.5rem;*/
  font-weight: 600;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  line-height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.8);
  height: 100%;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions .split[disabled] {
  cursor: not-allowed;
  background: #bbbbbb;
  border-color: #aaaaaa;
  color: #ffffff;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions .split.hidden {
  display: none;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions .split.nosplit {
  border-radius: 0.1875rem;
  padding-right: 1px; /*counter border*/
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions .split span {
  /*padding-right:0.4rem;*/
  height: 32px;
  line-height: 32px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions .split i {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  display: block;
  margin: 0;
  font-size: 0.8rem;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions button {
  display: block;
  margin: 0;
  border: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0; /* 0.5rem;*/
  /*margin-left:0.875rem;  
  padding-bottom:0;
  padding-top:0;  */
  height: 100%;
  line-height: 100%;
  height: 100%;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions button[disabled] {
  cursor: not-allowed;
  background: #bbbbbb;
  border-color: #aaaaaa;
  color: #ffffff;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions button.hidden {
  display: none;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions button[data-triggeridx] {
  /* background:transparent;
   border:1px solid transparent;
   color:#1a1a1a;*/
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions button[data-triggeridx]:hover {
  /*background:#f3f3f3;
  border:1px solid #cccccc;*/
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions button i {
  width: 32px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  display: block;
  margin: 0;
  font-size: 0.8rem;
  /*color:#888;                                */
  /*pointer-events: none;*/
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions button i.open {
  display: block;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions button i.close {
  display: none;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions button i.indy {
  font-size: 0.8rem;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions button:hover i {
  /* color:#1a1a1a;*/
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions button.opened i.open {
  display: none;
}
.djgrid .grid_body .grid_row .grid_cell .grid_cell_data .grid_cell_actions button.opened i.close {
  display: block;
}
.djgrid .grid_body .grid_row .grid_cell .layout_pill {
  font-size: 100%;
}
.djgrid .grid_body .grid_row .grid_cell img.pp {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  position: relative;
  display: block;
}
.djgrid .grid_body .grid_row .grid_cell img.org {
  width: 6rem;
  height: 1.8rem;
  position: relative;
  display: block;
}
.djgrid .grid_body .grid_row .grid_cell img[src=""] {
  /*content:url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");*/
  /*&:before{
      font-family:$fontawesome;
      content:'\f110';
      font-weight:100;
      color:#555555;
      font-size:1.375rem;
      display:block;
      position:absolute;
      right:0.875rem;
      top:50%;
      transform:translateY(-50%);
      outline:none;
      border:none;
  }*/
  visibility: hidden;
}
.djgrid .grid_body .grid_row.novis {
  display: none;
}
.djgrid .grid_body .grid_row.nopage {
  display: none;
}

.djgridlock {
  position: relative;
  overflow: visible;
}
.djgridlock.compact .djgridlockhead .djgridlockpage .grid_pages {
  padding: 0 1rem;
}
.djgridlock.compact .djgridlockhead .djgridlockpage .grid_page_select {
  padding: 0 1rem;
}
.djgridlock .djgrid_loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  background: rgba(255, 255, 255, 0.7);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, rgba(228, 228, 228, 0.4) 25%, rgba(228, 228, 228, 0.4) 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(228, 228, 228, 0.4) 75%, rgba(228, 228, 228, 0.4) 100%);
  background-size: 100px 100px;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.djgridlock .djgrid_loader.vis {
  transition: opacity linear 0.2s, z-index linear 0.2s;
  display: flex;
  opacity: 1;
  z-index: 10000;
}
.djgridlock .djgrid_loader .djgrid_loader_canister {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
  flex: 1;
  height: 100%;
  max-height: 75%;
  max-width: 50%;
}
.djgridlock .djgrid_loader .djgrid_loader_canister i {
  font-size: 3rem;
  color: #333333;
}
.djgridlock .djgrid_loader .djgrid_loader_canister h3 {
  font-size: 1.3rem;
  margin: 1rem;
}
.djgridlock .grid_action_items {
  position: absolute;
  left: 0;
  top: 0;
  /* margin-top:-0.2rem;  */
  padding: 0;
  /*.325rem;      */
  height: 0;
  transition: transform 0.2s ease-in-out, opacity 0.3s linear;
  display: flex;
  align-items: center;
  flex-direction: row;
  /*transform:translate(0%,0%);*/
  /*transform:translate(-100%,-100%) translate(-1rem,0%);*/
  /*  transform:translate(-100%,0%) translate(-1rem,0%);*/
  background: transparent;
  opacity: 0;
  pointer-events: none;
}
.djgridlock .grid_action_items.vis {
  /*transform:translate(-100%,0%) translate(-1rem,0%);*/
  /*transform:translate(-100%,0%) translate(-1rem,0%);*/
  transition: transform 0.2s ease-in-out, opacity 0.3s linear;
  opacity: 1;
  pointer-events: auto;
}
.djgridlock .grid_action_items button {
  margin: 0 0.325rem !important;
}
.djgridlock .grid_action_items.menu {
  flex-direction: column;
  background: #f8f8f8;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
  width: auto;
  height: auto;
  padding-top: 0.325rem;
  padding-bottom: 0.325rem;
}
.djgridlock .grid_action_items.menu > div {
  font-weight: bold;
  font-size: 80%;
  padding: 0.425rem;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.djgridlock .grid_action_items.menu a {
  flex: 0 0 100%;
  width: 100%; /* col needed*/
  display: flex;
  padding: 0.65rem;
  padding-right: 1rem;
}
.djgridlock .grid_action_items.menu a.negative span, .djgridlock .grid_action_items.menu a.negative i {
  color: #c00000;
}
.djgridlock .grid_action_items.menu a.positive span, .djgridlock .grid_action_items.menu a.positive i {
  color: #00c000;
}
.djgridlock .grid_action_items.menu a[disabled] span {
  color: #cccccc;
}
.djgridlock .grid_action_items.menu a[disabled] i {
  color: #bbbbbb;
}
.djgridlock .grid_action_items.menu a[disabled]:hover {
  background: none;
  cursor: not-allowed;
}
.djgridlock .grid_action_items.menu a:hover {
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.djgridlock .grid_action_items.menu a i {
  flex: 0 0 1rem;
  margin-right: 0.65rem;
}
.djgridlock .grid_action_items.menu a span {
  color: #1a1a1a;
  font-size: 80%;
  white-space: nowrap;
}
.djgridlock .djgridlockbody {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 4.5rem; /* for no data message */
  /*box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);      */
  /* border-bottom:1px solid #ccc;*/
}
.djgridlock .djgridlockfakebody {
  width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  height: 10px;
}
.djgridlock .djgridlockfakebody .djgridlockfake_inner {
  background: transparent;
  height: 1px;
}
.djgridlock .djgridlockfoot {
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 0;
  /* border-top:1px solid #ccc;*/
}
.djgridlock .djgridlockfoot.vis {
  display: flex;
}
.djgridlock .djgridlockfoot > .djgridlockpage {
  order: 1;
  justify-content: flex-start;
}
.djgridlock .djgridlockfoot > .layout_pill {
  order: 2;
}
.djgridlock .djgridlockpopups {
  position: absolute;
  height: auto;
  width: 100%;
  top: 0;
  left: 0;
  overflow: visible;
  padding-bottom: 2rem; /*for when in report contenttoggle*/
  /**** Load filter ****/
  /**** Save filter ****/
}
.djgridlock .djgridlockpopups:empty {
  padding-bottom: 0;
}
.djgridlock .djgridlockpopups .grid_filter_box {
  display: none;
  position: relative;
  left: 0;
  opacity: 0;
  top: 0;
  z-index: -1000;
  background: #f8f8f8;
  min-width: 50%;
  max-width: 80%;
  min-height: 100px;
  box-shadow: 4px 4px 8px -3px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s;
  background: rgba(248, 248, 248, 0.9);
}
.djgridlock .djgridlockpopups .grid_filter_box.vis {
  z-index: 1000;
  display: block;
  opacity: 1;
  transition: opacity 0.3s;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_head {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_head > h4 {
  display: flex;
  margin: 0;
  padding: 0;
  align-items: center;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_head > h4 span {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 600;
  line-height: 100%;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_head > h4 a {
  flex: 0;
  font-size: 1.3rem;
  color: #1a1a1a;
  cursor: pointer;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_head > p {
  margin: 0;
  padding: 0;
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 100%;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;
  max-height: 50vh;
  overflow: auto;
  margin-bottom: 1rem;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group {
  display: flex;
  flex-wrap: wrap;
  background: #eeeeee;
  padding: 1rem;
  padding-bottom: 0;
  padding-top: 0.5rem;
  margin-bottom: 0.3rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group.logic {
  background: none;
  padding: 0;
  justify-content: center;
  border-color: transparent;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group > h4 {
  width: 100%;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  align-items: center;
  display: flex;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group > h4 > span {
  flex: 1 1 100%;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group > h4 > a {
  font-weight: 300;
  cursor: pointer;
  color: #111111;
  font-size: 1.5rem;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group > h4 > a[class*=remove] {
  color: #cc0000;
  font-size: 1.3rem;
  opacity: 0.5;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group > h4 > a[class*=remove]:hover {
  opacity: 1;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_group_logic {
  background: #cceecc;
  border-radius: 0.3rem;
  width: 3rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111111;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_group_logic > span {
  display: block;
  font-size: 0.8rem;
  font-weight: 800;
  text-align: center;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_group_logic.logic_or {
  margin-right: 1rem;
  display: none;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_item {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #ffffff;
  font-size: 0.875rem;
  position: relative;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_item .grid_filter_box_item_key {
  background: #333333;
  font-weight: 600;
  padding: 1rem;
  display: flex;
  align-items: center;
  height: 100%;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_item .grid_filter_box_item_value {
  background: #33AFF1;
  padding: 1rem;
  display: flex;
  align-items: center;
  height: 100%;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_item .grid_filter_box_item_remove {
  background: #33AFF1;
  padding: 1rem;
  color: #ffffff;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_item .grid_filter_box_item_remove > i {
  font-size: 1.375rem;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_item:hover .grid_filter_box_item_value,
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_item:hover .grid_filter_box_item_remove {
  background: #c00000;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_add {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #888888;
  background: #ffffff;
  border: 1px dotted rgba(0, 0, 0, 0.2);
  font-size: 0.875rem;
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 0;
  margin-bottom: 1rem;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_add .grid_filter_box_add_text {
  display: flex;
  align-items: center;
  margin: 0 1rem;
  padding: 1rem;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_add .grid_filter_box_add_icon {
  display: flex;
  align-items: center;
  margin: 0 1rem;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_add .grid_filter_box_add_icon > i {
  font-size: 1.375rem;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_add:hover {
  background: #00c000;
}
.djgridlock .djgridlockpopups .grid_filter_box .grid_filter_box_body .grid_filter_box_group .grid_filter_box_add:hover > * {
  color: #ffffff;
}
.djgridlock .djgridlockpopups .grid_filter_add {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: 20rem;
  min-height: 15rem;
  box-shadow: 4px 4px 8px -3px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #eeeeee;
  z-index: -1000;
  padding: 1rem;
  font-size: 0.875rem;
}
.djgridlock .djgridlockpopups .grid_filter_add.vis {
  display: block;
  z-index: 1001;
}
.djgridlock .djgridlockpopups .grid_filter_add .grid_filter_add_head {
  width: 100%;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 0.5rem;
}
.djgridlock .djgridlockpopups .grid_filter_add .grid_filter_add_row {
  display: none;
  width: 100%;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
}
.djgridlock .djgridlockpopups .grid_filter_add .grid_filter_add_row.vis {
  display: flex;
}
.djgridlock .djgridlockpopups .grid_filter_add .grid_filter_add_row.r {
  justify-content: flex-end;
}
.djgridlock .djgridlockpopups .grid_filter_add .grid_filter_add_row p {
  font-weight: 600;
  margin: 0;
  padding: 0;
  margin-right: 1rem;
  width: 5rem;
  flex: 0 0 5rem;
}
.djgridlock .djgridlockpopups .grid_filter_add .grid_filter_add_row .djauto {
  flex: 1;
  min-width: unset;
}
.djgridlock .djgridlockpopups .grid_filter_add .grid_filter_add_row input[type=text],
.djgridlock .djgridlockpopups .grid_filter_add .grid_filter_add_row div.input,
.djgridlock .djgridlockpopups .grid_filter_add .grid_filter_add_row select {
  flex: 1 1 100%;
  font-size: 0.875rem;
  padding: 1rem 0.3rem;
  margin: 0;
  height: auto;
  line-height: normal;
  min-width: unset;
}
.djgridlock .djgridlockpopups .grid_filter_add .grid_filter_add_row:last-child {
  margin-bottom: 0;
}
.djgridlock .djgridlockpopups .grid_colselector_box {
  display: none;
  position: relative;
  left: 0;
  opacity: 0;
  top: 0;
  z-index: -1000;
  background: #f8f8f8;
  min-width: 50%;
  max-width: 80%;
  min-height: 100px;
  box-shadow: 4px 4px 8px -3px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s;
  background: rgba(248, 248, 248, 0.9);
}
.djgridlock .djgridlockpopups .grid_colselector_box.vis {
  z-index: 1000;
  display: block;
  opacity: 1;
  transition: opacity 0.3s;
}
.djgridlock .djgridlockpopups .grid_colselector_box .grid_colselector_box_head {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;
}
.djgridlock .djgridlockpopups .grid_colselector_box .grid_colselector_box_head > h4 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
  line-height: 100%;
}
.djgridlock .djgridlockpopups .grid_colselector_box .grid_colselector_box_head > p {
  margin: 0;
  padding: 0;
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 100%;
}
.djgridlock .djgridlockpopups .grid_colselector_box .grid_colselector_box_body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 1rem;
  max-height: 30vh;
  overflow: auto;
  margin-bottom: 1rem;
}
.djgridlock .djgridlockpopups .grid_colselector_box .grid_colselector_box_body > div {
  flex: 0 0 25%;
}
.djgridlock .djgridlockpopups .grid_colselector_box .grid_colselector_box_body a.djcheckbox {
  margin-bottom: 1rem;
}
.djgridlock .djgridlockpopups .grid_filterload_box {
  /* display:none;*/
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
  z-index: -1000;
  background: #f8f8f8;
  min-width: 50%;
  max-width: 80%;
  min-height: 100px;
  box-shadow: 4px 4px 8px -3px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s;
  background: rgba(248, 248, 248, 0.9);
}
.djgridlock .djgridlockpopups .grid_filterload_box.vis {
  z-index: 1000;
  display: block;
  opacity: 1;
  transition: opacity 0.3s;
}
.djgridlock .djgridlockpopups .grid_filterload_box .grid_filterload_box_head {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;
}
.djgridlock .djgridlockpopups .grid_filterload_box .grid_filterload_box_head > h4 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
  line-height: 100%;
}
.djgridlock .djgridlockpopups .grid_filterload_box .grid_filterload_box_head > p {
  margin: 0;
  padding: 0;
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 100%;
}
.djgridlock .djgridlockpopups .grid_filterload_box .grid_filterload_box_body {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;
  max-height: 40vh;
  overflow: auto;
  margin-bottom: 1rem;
}
.djgridlock .djgridlockpopups .grid_filterload_box .grid_filterload_box_body .grid_filterload_item {
  padding: 1rem;
  border: 1px dotted rgba(0, 0, 0, 0.2);
  background: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin-bottom: 1rem;
}
.djgridlock .djgridlockpopups .grid_filterload_box .grid_filterload_box_body .grid_filterload_item:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.djgridlock .djgridlockpopups .grid_filterload_box .grid_filterload_box_body .grid_filterload_item > i {
  font-size: 2rem;
  margin-right: 1rem;
}
.djgridlock .djgridlockpopups .grid_filterload_box .grid_filterload_box_body .grid_filterload_item > .grid_filterload_item_name {
  flex: 1 1 auto;
}
.djgridlock .djgridlockpopups .grid_filterload_box .grid_filterload_box_body .grid_filterload_item > .grid_filterload_item_user {
  font-size: 80%;
  margin-right: 1rem;
}
.djgridlock .djgridlockpopups .grid_filterload_box .grid_filterload_box_body .grid_filterload_item > .grid_filterload_item_date {
  font-size: 80%;
  color: #888888;
}
.djgridlock .djgridlockpopups .grid_filtersave_box {
  /* display:none;*/
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
  z-index: -1000;
  background: #f8f8f8;
  min-width: 50%;
  max-width: 80%;
  min-height: 100px;
  box-shadow: 4px 4px 8px -3px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s;
  background: rgba(248, 248, 248, 0.9);
}
.djgridlock .djgridlockpopups .grid_filtersave_box.vis {
  z-index: 1000;
  display: block;
  opacity: 1;
  transition: opacity 0.3s;
}
.djgridlock .djgridlockpopups .grid_filtersave_box .grid_filtersave_box_head {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;
}
.djgridlock .djgridlockpopups .grid_filtersave_box .grid_filtersave_box_head > h4 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
  line-height: 100%;
}
.djgridlock .djgridlockpopups .grid_filtersave_box .grid_filtersave_box_head > p {
  margin: 0;
  padding: 0;
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 100%;
}
.djgridlock .djgridlockpopups .grid_filtersave_box .grid_filtersave_box_body {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;
  max-height: 10rem;
  overflow: auto;
}
.djgridlock .djgridlockpopups .grid_filtersave_box .grid_filtersave_box_body .grid_filtersave_item {
  padding: 1rem;
  border: 1px dotted rgba(0, 0, 0, 0.2);
  background: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin-bottom: 1rem;
}
.djgridlock .djgridlockpopups .grid_filtersave_box .grid_filtersave_box_body .grid_filtersave_item:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.djgridlock .djgridlockpopups .grid_filtersave_box .grid_filtersave_box_body .grid_filtersave_item > i {
  font-size: 2rem;
  margin-right: 1rem;
}
.djgridlock .djgridlockpopups .grid_filtersave_box .grid_filtersave_box_body .grid_filtersave_item > .grid_filtersave_item_name {
  flex: 1 1 auto;
}
.djgridlock .djgridlockpopups .grid_filtersave_box .grid_filtersave_box_body .grid_filtersave_item > .grid_filtersave_item_user {
  font-size: 80%;
  margin-right: 1rem;
}
.djgridlock .djgridlockpopups .grid_filtersave_box .grid_filtersave_box_body .grid_filtersave_item > .grid_filtersave_item_date {
  font-size: 80%;
  color: #888888;
}
.djgridlock .djgridlockpopups .grid_filtersave_box .grid_filtersave_box_body .grid_filtersave_item .input {
  font-size: 0.875rem;
  padding: 0.375rem;
}
.djgridlock .djgridlockpopups .grid_filtersave_box .grid_filtersave_box_body .grid_filtersave_item > button {
  margin-left: 1rem;
}
.djgridlock .djgridlockhead {
  display: none;
  /*background:#f3f3f3;*/
}
.djgridlock .djgridlockhead.vis {
  display: block;
  z-index: 1000;
  position: relative;
}
.djgridlock .djgridlockhead .grid_caption {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 0; /*1rem;*/
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  justify-content: flex-end;
}
.djgridlock .djgridlockhead .grid_caption > .grid_actions,
.djgridlock .djgridlockhead .grid_caption .grid_filter_actions,
.djgridlock .djgridlockhead .grid_caption .grid_actions_alt {
  order: 2;
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  padding-bottom: 0.325rem;
  /*overflow-x:hidden; bug chops top*/
}
.djgridlock .djgridlockhead .grid_caption > .grid_actions > div,
.djgridlock .djgridlockhead .grid_caption .grid_filter_actions > div,
.djgridlock .djgridlockhead .grid_caption .grid_actions_alt > div {
  display: block;
  margin: 0 0.5rem;
  position: relative;
}
.djgridlock .djgridlockhead .grid_caption > .grid_actions > div:first-child,
.djgridlock .djgridlockhead .grid_caption .grid_filter_actions > div:first-child,
.djgridlock .djgridlockhead .grid_caption .grid_actions_alt > div:first-child {
  margin-left: 0;
}
.djgridlock .djgridlockhead .grid_caption > .grid_actions > div > a,
.djgridlock .djgridlockhead .grid_caption .grid_filter_actions > div > a,
.djgridlock .djgridlockhead .grid_caption .grid_actions_alt > div > a {
  display: none;
  cursor: pointer;
  position: relative;
  height: 2rem;
  width: 2rem;
  color: #1a1a1a;
}
.djgridlock .djgridlockhead .grid_caption > .grid_actions > div > a.vis,
.djgridlock .djgridlockhead .grid_caption .grid_filter_actions > div > a.vis,
.djgridlock .djgridlockhead .grid_caption .grid_actions_alt > div > a.vis {
  display: flex;
  align-items: center;
  justify-content: center;
}
.djgridlock .djgridlockhead .grid_caption > .grid_actions > div > a i,
.djgridlock .djgridlockhead .grid_caption .grid_filter_actions > div > a i,
.djgridlock .djgridlockhead .grid_caption .grid_actions_alt > div > a i {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
}
.djgridlock .djgridlockhead .grid_caption > .grid_actions > div > a span.counter,
.djgridlock .djgridlockhead .grid_caption .grid_filter_actions > div > a span.counter,
.djgridlock .djgridlockhead .grid_caption .grid_actions_alt > div > a span.counter {
  width: 1.6rem;
  height: 1.6rem;
  background: #ee0000;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  line-height: 1.6rem;
  font-family: monospace;
  position: absolute;
  top: -0.7rem;
  right: -0.5rem;
  font-size: 1rem;
  font-weight: 600;
  border: 1px solid rgba(20, 255, 255, 0.2);
  display: block;
}
.djgridlock .djgridlockhead .grid_caption > .grid_actions > div > a span.counter:empty,
.djgridlock .djgridlockhead .grid_caption .grid_filter_actions > div > a span.counter:empty,
.djgridlock .djgridlockhead .grid_caption .grid_actions_alt > div > a span.counter:empty {
  display: none;
}
.djgridlock .djgridlockhead .grid_caption > .grid_actions > div > a:hover,
.djgridlock .djgridlockhead .grid_caption .grid_filter_actions > div > a:hover,
.djgridlock .djgridlockhead .grid_caption .grid_actions_alt > div > a:hover {
  color: #000000;
  background: rgba(0, 0, 0, 0.1);
}
.djgridlock .djgridlockhead .grid_caption .grid_filter_actions {
  order: 0;
}
.djgridlock .djgridlockhead .grid_caption .djgrid_search {
  order: 1;
  margin-right: 1rem;
  flex: 1 1 auto;
  justify-content: flex-end;
  display: flex;
  flex-direction: row;
  padding-bottom: 0.325rem;
}
.djgridlock .djgridlockhead .grid_caption .djgrid_search input {
  padding: 0;
  height: 2rem;
  line-height: 2rem;
  margin: 0;
  font-size: 0.76rem;
  text-indent: 0.5rem;
  border: 1px solid #ffffff; /* rgba(0,0,0,0.1);*/
  background: #f8f8f8;
  width: 100%;
}
.djgridlock .djgridlockhead .grid_caption .djgrid_search input:hover {
  border-color: #888888;
}
.djgridlock .djgridlockhead .grid_caption .djgridlockpage {
  order: 3;
}
.djgridlock .djgridlockhead .grid_caption .layout_pill {
  margin-right: 1rem;
}
.djgridlock .djgridlockhead .grid_caption button {
  margin: 0;
  margin-left: 1rem;
}
.djgridlock .djgridlockhead .grid_caption button i {
  font-size: 1.5rem;
}
.djgridlock .djgridlockhead .grid_caption button.expand {
  background: #1a1a1a;
  color: #ffffff;
}
.djgridlock .djgridlockpage {
  display: none;
  background: #eeeeee;
  border: 1px solid #cccccc;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.djgridlock .djgridlockpage.bottom {
  background: none;
  border: 0;
  width: auto;
  flex: 1 0 auto;
}
.djgridlock .djgridlockpage.top {
  background: none;
  border: 0;
  width: auto;
  flex: 0 0 auto;
}
.djgridlock .djgridlockpage.vis {
  display: flex;
}
.djgridlock .djgridlockpage .grid_pages {
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
  /*padding:1rem;*/
  justify-content: flex-end;
}
.djgridlock .djgridlockpage .grid_pages > a, .djgridlock .djgridlockpage .grid_pages div {
  user-select: none;
  /* background:#ffffff;*/
  padding: 0.325rem;
  border: 1px solid transparent;
  margin-right: 0.325rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  font-size: 0.76rem;
}
.djgridlock .djgridlockpage .grid_pages > a {
  cursor: pointer;
}
.djgridlock .djgridlockpage .grid_pages > a:not(.disabled):hover {
  background: #0c7cd5;
  color: #fff;
}
.djgridlock .djgridlockpage .grid_pages > a.sel, .djgridlock .djgridlockpage .grid_pages > a:active {
  background: #2196F3;
  color: #fff;
}
.djgridlock .djgridlockpage .grid_pages > a.prev.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.djgridlock .djgridlockpage .grid_pages > a.prev:active {
  background: #fff;
}
.djgridlock .djgridlockpage .grid_pages > a.prev:active i {
  color: #2196F3;
  font-weight: 600;
}
.djgridlock .djgridlockpage .grid_pages > a.next.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.djgridlock .djgridlockpage .grid_pages > a.next:active {
  background: #fff;
}
.djgridlock .djgridlockpage .grid_pages > a.next:active i {
  color: #2196F3;
  font-weight: 600;
}
.djgridlock .djgridlockpage .grid_page_select {
  padding: 0 1rem;
  display: flex;
  flex-direction: row;
}
.djgridlock .djgridlockpage .grid_page_select > select {
  margin: 0;
  line-height: 2rem;
  height: 2rem;
  border-color: #ffffff;
  font-size: 0.76rem;
}
.djgridlock .djgridlockpage .grid_page_select > select:hover {
  border-color: #888888;
  cursor: pointer;
}

.djgrid {
  /* &.cssgrid{
       display:grid !important;
       grid-template-columns: minmax(150px, 1fr) minmax(150px, 1.67fr) minmax(150px, 1.67fr) minmax(150px, 1.67fr) minmax(150px, 3.33fr) minmax(150px, 1.67fr);
       grid-template-rows:100px;
   }*/
}
.djgrid thead.grid_head {
  display: contents;
}
.djgrid thead.grid_head tr.grid_head_row {
  display: contents;
}
.djgrid tbody.grid_body {
  display: contents;
}
.djgrid tbody.grid_body tr.grid_row {
  display: contents;
}
.djgrid tbody.grid_body tr.grid_row.blank {
  /*display:contents;*/
  /*display:block;
  height:50px;
  width:100%;*/
}
.djgrid tbody.grid_body tr.grid_row.blank > td {
  grid-column: 1/7;
}
.djgrid tfoot.grid_foot {
  display: contents;
}

.djgrid.cssgrid {
  display: grid !important;
  grid-template-rows: auto;
  grid-auto-rows: minmax(10px, auto);
}
.djgrid.cssgrid .grid_head {
  display: contents;
}
.djgrid.cssgrid .grid_head .grid_head_row {
  display: contents;
}
.djgrid.cssgrid .grid_head .grid_head_row .grid_head_cell {
  display: flex;
  align-items: stretch;
}
.djgrid.cssgrid .grid_head .grid_head_row .grid_head_cell.vis {
  display: block;
}
.djgrid.cssgrid .grid_head .grid_head_row .grid_head_cell:last-child {
  /*border-right:0.0825rem solid #cccccc;*/
}
.djgrid.cssgrid .grid_body {
  display: contents;
}
.djgrid.cssgrid .grid_body .grid_row {
  display: contents;
}
.djgrid.cssgrid .grid_body .grid_row.blank {
  /*display:contents;*/
  display: block;
  height: 10px;
  width: 100%;
  grid-column: 1/-1;
  padding: 0;
}
.djgrid.cssgrid .grid_body .grid_row.blank .grid_cell {
  padding: 0;
  height: 10px;
}
.djgrid.cssgrid .grid_body .grid_row.blank .grid_cell .grid_cell_data {
  padding: 0;
  height: 10px;
}
.djgrid.cssgrid .grid_body .grid_row.a {
  cursor: pointer;
}
.djgrid.cssgrid .grid_body .grid_row.novis {
  display: none;
}
.djgrid.cssgrid .grid_body .grid_row.nopage {
  display: none;
}
.djgrid.cssgrid .grid_body .grid_row .grid_cell {
  display: flex;
  align-items: center;
  justify-content: center;
}
.djgrid.cssgrid .grid_body .grid_row .grid_cell.align_left {
  justify-content: flex-start;
}
.djgrid.cssgrid .grid_body .grid_row .grid_cell.align_left .grid_cell_data {
  justify-content: flex-start;
}
.djgrid.cssgrid .grid_body .grid_row .grid_cell.novis {
  display: none;
}
.djgrid.cssgrid .grid_body .grid_row .grid_cell.fullwidth {
  grid-column: 1/-1;
}
.djgrid.cssgrid .grid_foot {
  display: contents;
}

.grid_large_icon {
  font-size: 2rem;
}

/*# sourceMappingURL=modules-common-scss-djgrid.css.map */