.top-box {
  padding: 0 20px;
}

.el-tag {
  font-size: 16px;
  cursor: pointer;
}

.order-pane {
  border: 1px solid #dcdfe6;
  padding: 10px;
  height: 50px;
  line-height: 25px;
}

.order-pane .order-box {
  display: inline-block;
  border: 1px solid #adb0b3;
  margin-right: 10px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}

.order-pane .order-box .el-icon-circle-close {
  position: inherit;
  margin-left: 5px;
}

.order-name {
}

.order-name .name {
  border: 2px solid #29ba9c;
  padding: 5px 12px;
  border-radius: 3px;
  background: #eaf8f5;
  color: #29ba9c;
  margin-right: 10px;
  cursor: pointer;
}

.no-drop {
  background: #dcdfe6 !important;
  border: 2px solid #dcdfe6 !important;
  color: white !important;
  cursor: no-drop !important;
}

@media (max-width: 1450px) {
  .fixed-pane {
    left:70% !important;
  }
}

@media (max-height: 960px) {
  .fixed-pane {
    height: 45% !important;
    overflow: auto !important;
  }
}