/* ----------------------------------------
 * Yundesk timing
 * ----------------------------------------
 */
 .yundesk_control{
  position: absolute;
  top: 4px;
  left: 58%;
  transform: (-50%,0);
  border-radius:2px ;
  /* background: #FF6E33;
  width: 120px; */
  height: 16px;
  line-height: 16px; 
  text-align: center;
  /* color: #3a8ee6; */
  font-size: 16px;
  padding: 1px;
 }
 .yundesk_time {
    position: absolute;
    top: 100;
    left: 40%;
    transform: (-50%,0);
    border-radius:2px ;
    background: #FF6E33;
    width: 160px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    padding: 1px;
    .icon{
      position: absolute;
      top: 0;
      right: -40px;
      background: #FF6E33;
      font-size: 16px;
      text-align: center;
      margin: 0px auto;
      padding-left: 5px;
      padding-right: 5px;
    }
  }
  .yundesk_more {
    position: absolute;
    left: 48%;
    transform: (-50%,0);
    border-radius:2px ;
    line-height: 32px;
    text-align: center;
    color: #FF6E33;
    font-size: 18px;
    padding: 1px;
    margin: auto;
    visibility: hidden;
  }
  .yundesk_control_bar{
    margin-left: 10px;
    color: #3a8ee6;
  }
  .yundesk_control_bar_disable{
    margin-left: 10px;
    pointer-events: none;
    color: #b0b098;
  } 
  .el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }