.bordered-td {
  border: 1px solid #ddd;
}
.backgrid th {
  font-size: 14px !important;
}
.backgrid tr td {
  font-size: 14px !important;
  overflow: visible !important;
}
.backgrid tr td button {
  font-size: 14px !important;
}
.dmt-script-newrow {
  color: #fff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #555;
}
.dmt-script-new {
  color: #888;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #555;
}
.dmt-script-stopped {
  color: #f57070;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #a00;
}
.dmt-script-paused {
  color: #f5f570;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #aa0;
}
.dmt-script-running {
  color: #70f570;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0a0;
}
.green {
  color: #70f570;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0a0;
}
.yellow {
  color: #f5f570;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #aa0;
}
.red {
  color: #f57070;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #a00;
}
.backgrid td,
.backgrid th {
  width: 1px !important;
}
.items-grid-container .backgrid th.positionId,
.items-grid-container .backgrid td.positionId {
  width: 10% !important;
}
.items-grid-container .backgrid th.heat,
.items-grid-container .backgrid td.heat {
  width: 10% !important;
}
.items-grid-container .backgrid th.meltOrder,
.items-grid-container .backgrid td.meltOrder,
.items-grid-container .backgrid th.ladle,
.items-grid-container .backgrid td.ladle,
.items-grid-container .backgrid th.since,
.items-grid-container .backgrid td.since,
.items-grid-container .backgrid th.grade,
.items-grid-container .backgrid td.grade,
.items-grid-container .backgrid th.status,
.items-grid-container .backgrid td.status,
.items-grid-container .backgrid th.gross,
.items-grid-container .backgrid td.gross,
.items-grid-container .backgrid th.tare,
.items-grid-container .backgrid td.tare,
.items-grid-container .backgrid th.slag,
.items-grid-container .backgrid td.slag,
.items-grid-container .backgrid th.skull,
.items-grid-container .backgrid td.skull,
.items-grid-container .backgrid th.lid,
.items-grid-container .backgrid td.lid {
  width: 8% !important;
}
.locked-row td:not(.actions-cell) {
  background-color: #d9d9d9;
  color: #aaa !important;
}
.disabled {
  background-color: #d9d9d9;
  color: #aaa !important;
  cursor: default;
}
.ladle-select-container {
  margin: auto;
  width: 50%;
}

.changed-row {
    background-color: #ff8e8e
}

.backgrid .warning {
    background-color: #f5f570
}

.backgrid .alarm {
    background-color: #ff0000;
    color:white;
    
}




.action-button {
  height: 4em;
}

td.campaign-counter {
    cursor: pointer;
}