@import "~antd/lib/style/themes/default.less";



:global{
  .ant-popover-inner-content{
    padding: 12px 0;
  }
  .popcontent{
    div{
      height: 32px;
      width:60px;
      text-align: center;
      line-height: 32px;
      cursor: pointer;
    }
    div:hover{
      background: #F5F9FF 100%;
      color: #333;
    }
  }
    .Task{
      .ant-form {
        padding: 24px;
      }
      .collape{
        width: 44px;
        height:31px;
        display: inline-block;
        text-align: center;
        line-height: 40px;
        color: #0F71FF;
        margin-right: 16px;
      }
      // .ant-form-item{
      //   margin-bottom: 24px;
      // }
      .cartlist{
        background: #f0f2f5;        
        overflow: hidden;
        padding-bottom: 16px;
        .more{
          clear: both;
          text-align: center;
          color: #666;
          padding: 16px;
          cursor: pointer;
        }
        .more:hover{
          color: #108EE9;
        }
      }
      .tip{
        margin-bottom: 16px;
      }
      .cart-item{
        display: flex;
        flex-direction: column;
        width:320px;
        height: 233px;
        float: left;
        background: #FFFFFF;
        border-radius: 8px;
        color: rgba(0,0,0,0.43);
        margin-left: 16px;
        margin-top:16px;
        font-size: 12px;
        overflow: hidden;
        .title{
          color: rgba(51,51,51,1);
          position: relative;
          line-height: 1;
          margin-bottom: 16px;
          font-size: 16px;
          span{
            position: absolute;
            display: block;
            right: -16px;
            top: -8px;
            width: 50px;
            height: 22px;
            color: #fff;
            background: rgba(61,189,125,1);
            text-align: center;
            line-height: 22px;
            font-size: 12px;
            
          }
          .jj{
            background: rgba(245,106,0,1);
          }
          .dfb{
            background: rgba(217,217,217,1);         
          }
          .ls{
            background: rgba(255,191,0,1);         
          }
        }
        .cart-item-footer{
          display: flex;
          align-items: center;
          justify-content: space-between;
          background: rgba(245,249,255,1);
          height: 32px;
          padding: 0 16px;
          .dot{
            width: 6px;
            height: 6px;
            display: inline-block;
            overflow: hidden;
            background: #108EE9 100%;
            line-height: 0;
            font-size: 0;
            border-radius: 50%;
            margin-right: 6px;
          }
          
        }
        .cart-item-top{
          padding: 16px;
          flex:1;
          .line{
            position: relative;
            display: flex;
            flex-direction: row;
            padding-bottom: 2px;
            margin-bottom: 0;
            span{
              width: 36px;
              flex-shrink: 0;
              color: #333;
            }
            p{
              margin-bottom: 0;
            }
          }
        }
      }
      .cart-item-add{
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px dashed #D9D9D9;
        line-height: 1;
        font-size: 14px;
        color: #333;
        .anticon-plus{
          display: block;
          color: rgba(0,0,0,0.43);
          margin-bottom: 8px;
        }
        
      }
    }
}
:global{
  
  .exclamation{
    color: rgba(153,153,153,1);
    font-size: 12px;
    margin-left: 16px;
    .anticon-exclamation-circle{
      margin-right: 8px;
      color: rgba(217,217,217,1);
    }
  }
  .ant-checkbox-group{
    line-height: 31px;

  }
  .CreateTask-select-project{
    position: relative;
    .ant-input-search{
      position: absolute;
      right: -8px;
      margin-top: -68px;
    }
  }
  .CreateTask{
    .dl-list{
      border: 1px solid #D9D9D9;
      border-radius: 4px;
      overflow: hidden;
      margin-top: 16px;
      dt{
        padding: 8px 16px;;
        line-height: 1;
        color: #333;
        font-size: 16px;
        border-bottom: 1px solid  #D9D9D9;
        margin-bottom: 8px;
        font-weight: normal;
      }
      dd{
        color: #666;
        padding: 0 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .anticon-minus-circle-o{
          font-size: 24px;
          color: #d9d9d9;
        }
        .anticon-minus-circle-o:hover{
          color: #F5222E;
        }
      }
      .lastDD{
        color: #0080FF;
        background: #F5F9FF;
        height: 32px;
        text-align: center;
        margin-top: 8px;
        margin-bottom: 0;
        display: block;
      }
    }
   
    .checkbox-group{
      background: #FFFFFF;
      border: 1px solid #D9D9D9;
      border-radius: 4px;
      padding: 24px;
      line-height: 1;  
    }
    .Switch-box{
      overflow: hidden;
    }
    .Switch-box > div{
      width:140px;
      float: left;
      margin-bottom: 24px;
      text-align: right;
      margin-right: 60px;
    }
    .radioStyle{
      display: block;
      line-height: 30px;
    }
    .ant-input-number{
      width: 100%;
    }
      .Steps{
        margin: 24px;
      }
      .glxm{
        border: 1px solid #D9D9D9;
        border-radius: 4px;
        padding: 16px;
        margin-top:16px;
        dl{
          margin-bottom: 16px;
          dd{
            height: 24px;
            position: relative;
            display: flex;
            align-items: center;
            line-height: 1;
            margin-bottom: 8px;
            div{
              color: #108EE9; 
              flex: 1;   
              padding-left: 8px;
            }
            padding-left: 8px;
            padding-right: 8px;
          }
          dd:hover{
            margin-bottom: 8px;
            background: rgba(245,249,255,1);
          }
        }
      }
    }


    .fjr .row{
      margin-bottom: 8px;
    }
    .fjr-list{
      font-size: 12px;
      color: rgba(102,102,102,1);
      .anticon-user{
        margin-left: 16px;
      }
    }
    .card{
      margin: 0 24px;
      border-bottom: 1px solid #E9E9E9;
      font-size: 16px;
      color: #333;
      line-height: 1;
      padding-bottom: 8px;
      margin-bottom: 24px;
      em{
        color: #F5222E;
        font-size: 12px;
        padding-left: 16px;
      }
    }
}