.table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.separator td {
    background-color: #cccccc;
}
.row td:first-child{
    padding-left: 5px;
}
.separator td:first-child{
    padding: 5px 10px;
}
.row td{
    vertical-align: middle;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #ccc;
}
.row_disable.row td {
    background-color: #ddd;
}
.row_active.row td {
    background-color: #eae9be;
}
.row_disable.row_active.row td {
    background-color: #ffb500;
}

.row td > * {
    display: inline-block !important;
    vertical-align: middle;
    margin-bottom: 0;
}
.icon {
    display: inline-block;
    vertical-align: middle;
    width:24px;
    height: 28px;
    line-height: 28px;
}

.icon svg{
    display: inline-block;
    vertical-align: middle;
    overflow: visible;
}

.moveDown,
.moveUp,
.trash,
.add,
.restore {
    display: inline-block;
    background: #e7f3cb;
    text-decoration: none;
    color: #222222;
    min-width: 16px;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 5px;
    box-shadow: 0px 0px 3px 0px rgba(0, 127, 0, 0.5);
    font-size: 0.8em;
    cursor: pointer;
}

.row:nth-child(2) td .moveUp{
    display: none !important;
}
.row:last-child td .moveDown{
    display: none !important;
}


.moveDown:active,
.moveUp:active,
.trash:active,
.add:active,
.restore:active {
    background: #c4ff3a;
    cursor: pointer;
}
.moveUp:before,
.moveDown:before,
.trash:before,
.add:before,
.restore:before {
    vertical-align: middle;
    content: '';
    display: inline-block;

    width: 20px;
    height: 20px;

    background: url(./resore.svg) no-repeat center center;
    transition: .01s linear transform;
}

.restore:active:before {
    transform: scale(0.8, 0.8) rotate(-70deg);
}
.moveDown:active:before,
.moveUp:active:before,
.add:active:before,
.trash:active:before {
    transform: scale(0.8, 0.8);
}
.trash {
    margin-right: 0;
}
.trash:before {
    background-image: url(./trash.svg)
}
.add:before {
    background-image: url(./add.svg)
}
.moveUp:before {
    background-image: url(./up.svg);
}
.moveDown:before {
    background-image: url(./down.svg);
}

.lastCol :global(.react-toggle) {
    margin-right: 0px;
}
.lastCol {
    text-align: center;
    width: 50px;
}
.info {
    font-size: 12px;
    color: #ccc;
    margin: 3px 0;
    text-align: center;
}
.fill {
    padding: 0;
    height: 34px;
    width: 75px;
    padding : 0 5px;
}
.label {
    margin-bottom: 10px;
}