#TasksContainer {
    margin-top: 40px;
    background-color: #d9d5d5;
    overflow: auto;
    height: calc(100% - 40px);
}
.panel {
    display: flex;
}
.panel .list {
    flex: 0 0 33%;
}
.panel .view {
    flex: 1;
    border: 1px solid;
}
.block {
    border: 1px solid;
    padding: 5px;
    margin: 5px;
}
.block .item {
  padding: 5px;
  border: 1px solid #848484;
  margin: 2px;
  cursor: pointer;
  display: flex;
  gap: 10px;
}

.item.Ordered, .item.StandBy {
    background-color: #c5e0f0;
}
.item.OnlineShop, .item.OnlineLB {
    background-color: #ddeaff;
}
.item.AddToShop {
    background-color: #eecf91;
}
.item.Process, .item.AddToStock, .item.AddToShip, .item.AddToShop {
    background-color: #c6e8c6;
}

div.task {
    width: 340px;
    float:left;
    margin: 10px;
    text-align: center;
}

.task .row {
    background-color: #fff;
    margin: 5px;
    cursor: pointer;
    display: flex;
    overflow: visible;
}
.task .row > div {
    padding: 5px;
    border: 1px solid;
}
div.row {
    overflow: auto;
    background-color: transparent;
}

.task .row.needinfo {
    background-color: #f7f1c6;
    color: #000;
}
.task .row.todo {
    background-color: #c5ecf2;
    color: #000;
}
.task .row.inprogress {
    background-color: #d0ffd0;
    color: #000;
}
.row.done {
    background-color: #ffdede;
    color: #000;
}
.task .row.pending {
    background-color: #ffffc9;
    color: #000;
}
.header {
    border: 1px solid;
    background-color: #b7acff;
}
.tasks {
    min-height: 30px;
    padding:0;
    margin:0;
}
.col-sort {
    cursor: move;
}
.col-sort, .col-order {
    width: 30px;
}
.col-staff {
}
.col-des {
    flex: 1;
}

/*orde css*/
.order {
    background-color: #c2e6f0;
    padding: 5px;
}
.orderItems {
    background-color: #fdf7c8;
    padding: 5px;
}
.orderItems .item {
    display: flex;
    margin: 5px;
    padding: 5px;
}
.item .OrderProduct {
  flex: 0 0 420px;
}
.OrderAttribute, .Label, .OrderQuantity, .Recipe, .Preparation {
  flex: 0 0 70px;
  margin-right: 5px;
}
.Preparation input {
    width: 50px;
}
.item.title {
    color: #00f;
}
.red {
    color: #f00;
}
.blue {
    color: #00f;
}
.OrderId {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
}