.gridFullScreen {
  height: 75vh;
}

.gridSmallScreen {
  height: 50vh;
}

.gridSmallSmall {
  height: 25vh;
}

.gridGoodsDecScreen {
  height: 25vh;
}

.gridLookup {
  height: 50vh;
  font-size: 14px
}

.grid-msg-overlay {
  position: absolute;
  top: 29px;
  bottom: 0;
  width: 100%;
  background-color: rgba(237, 237, 237, 0.80);
  z-index: 2;
}

.grid-msg-overlay .msg {
  opacity: 1;
  position: absolute;
  width: 25%;
  height: 25%;
  top: 40%;
  left: 40%;
  background-color: #eee;
  border-radius: 4px;
  border: 1px solid #555;
  text-align: center;
  font-size: 24px;
  display: table;
}

.grid-msg-overlay .loadingGrid {
  opacity: 1;
  position: absolute;
  top: 45%;
  left: 45%;
  width: 10%;
  height: 10%;
  background-color: transparent;
  color: #B7E40C;
  border: none;
  text-align: center;
  font-size: 80px;
  display: table;
}
/*
  Lastly this is the actual message text. It uses
  display: table-cell so the vertical alignment
  works properly.
*/
.grid-msg-overlay .msg span {
  display: table-cell;
  vertical-align: middle;
}
.ui-grid-cell:last-child {
    border-right: 1px solid #d4d4d4 !important;
}

.ui-grid-column-menu-button-last-col {
    margin-right: 0px;
}

.ui-grid-top-panel {
    background: #f2f2f2
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    background-color:#d4d6d8;
}

.ui-grid-cell-focus {
    background-color:#9b9b9b;
}

.SLA-danger {
  color: #cb2330;
}
.SLA-amber {
  color: #e66a00;
}

.SLA-green {
  color: #B8E50C;
}

.ui-grid-readonly {
  background-color:#f2f2f2;
}