.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.name,
.items-grid-container .backgrid td.name,
.items-grid-container .backgrid th.agentId,
.items-grid-container .backgrid td.agentId,
.items-grid-container .backgrid th.lastExecutionTime,
.items-grid-container .backgrid td.lastExecutionTime {
  width: 20% !important;
}

.items-grid-container .backgrid th.statusCode {
    width: 10% !important;
}

.locked-row td:not(.actions-cell){
    background-color: #d9d9d9;
    color: #aaa !important;
}

.disabled {
    background-color: #d9d9d9;
    color: #aaa !important;
    cursor: default;
}

