/* Data Grid */
#data_grid .mvc-grid-table > table > thead > tr > th.hiddenheader > div > input.mvc-grid-value::placeholder {
  color: var(--grid_header_color) !important;
}

#data_grid tbody tr:hover,
#data_grid tfooter tr:hover,
#data_grid tbody tr.highlighted:hover {
  background-color: rgb(202,237,251) !important;
  cursor: pointer;
}

#data_grid .mvc-grid-table > table > tbody > tr > td,
#data_grid .mvc-grid-table > table > tfoot > tr > td {
  border: 1px solid var(--grid_border_color);
  padding: 0.5em;
  padding-top: 0;
  padding-bottom: 0;
}

#data_grid .mvc-grid {
  font-size: .775rem;
}

#data_grid .pending_delete {
  background-color: lightcoral !important;
}

#data_grid .mvc-grid-table > table > tbody > tr.highlighted {
  background-color: transparent;
  -webkit-animation-name: mvc_grid_table_row_highlight_animate; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 10s; /* Chrome, Safari, Opera */
  animation-name: mvc_grid_table_row_highlight_animate;
  animation-duration: 10s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mvc_grid_table_row_highlight_animate {
    0%   {background-color: #ffffcc;}
    100% {background-color: transparent;}
}

/* Standard syntax */
@keyframes mvc_grid_table_row_highlight_animate {
    0%   {background-color: #ffffcc;}
    100% {background-color: transparent;}
}
/* Data Grid */