.bordered-td {
    border: 1px solid #ddd;
}

.backgrid th{
    font-size:12px !important;
}

.backgrid tr td{
    font-size:12px !important;
    overflow:visible !important; 
}

.backgrid tr td button{
    font-size:12px !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;
}

//This prevent backgrid to resize the columns on edition.
//Also make all columns fit to smaller size.
.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;
}

