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

// body{
//   background: #f0f2f5;
// }

:global{
  .app_container .ant-switch-checked{
    background-color: #00cc66;
  }
  .DepartmentManagement{
    min-height: calc(100vh - 72px);
    .department-content{
      min-height: 600px;
      background: #fff;
      border-radius: 5px;
      padding-left: 220px;
      position: relative;
      .department-inquiry{
        display: flex;
        flex-direction: column;
        width: 220px;
        padding: 16px 8px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        input{
          color: #333;
        }
        .depart-button{
          margin-top: 8px;
          button{
            color: #666;
            width: 96px;
            &.button-right{
              margin-left: 8px;
            }
          }
        }
        .depart-menu{
          overflow: auto;
          flex: 1;
          // .ant-tree li span.ant-tree-switcher{
          //   position: absolute;
          //   right: 0;
          // }
          .ant-tree li span.ant-tree-switcher::after{
            font-size: 16px;
          }
          span{
            // color: #333;
            font-size: 14px;
          }
          .ant-tree-iconEle {
            display: none;
          }
          ul li{
            color: #333;
            font-size: 14px;
            position: relative;
            float: left;
            min-width: 100%;
          }
          .ant-tree-node-content-wrapper-normal{
            width: 170px;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }
      }
      .department-demonstrate{
        min-height: 600px;
        margin-left: 1px;
        border-left: 1px solid #eeeeee;
        padding: 24px;
        .demonstrate-head{
          margin-top: 4px;
          p.title{
            margin: 0;
            line-height: 1;
            button{
              margin-left: 16px;
              span{
                font-size: 14px;
              }
            }
            span{
              font-size: 20px;
              color: #333333;
              letter-spacing: 0;
              line-height: 1;
            }
            a{
              display: inline-block;
              margin-left: 32px;
              width: 65px;
              height: 32px;
              border: 1px solid #d9d9d9;
              border-radius: 3px;
              text-align: center;
              font-size: 14px;
              color: #666;
              line-height: 32px;
              letter-spacing: 2px;
            }
          }
          .ant-breadcrumb{
            margin-top: 8px;
            span{
              font-size: 14px;
              color: #666666;
              line-height: 1;
            }
          }
        }
        .demonstrate-line{
          margin-top: 24px;
          height: 1px;
          background: #e9e9e9;
        }
        .subordinate-departments{
          margin-top: 24px;
          .sub-title{
            height: 24px;
            &.division-title{
              margin-top: 24px;
            }
            i{
              display: inline-block;
              position: relative;
              top: 4px;
              width: 20px;
              height: 20px;
              background: url("../../../../assets/images/subordinate.png") no-repeat center;
              background-size: cover;
              &.division{
                top: 2px;
                height: 15px;
                background: url("../../../../assets/images/division.png") no-repeat center;
                background-size: cover;
              }
            }
            span{
              display: inline-block;
              font-size: 16px;
              color: #333;
              line-height: 24px;
              margin-left: 8px;
            }
          }
          button{
            margin-top: 16px;
          }
          .depart-list{
            margin-top: 16px;
            ul{
              li{
                height: 40px;
                border-top: 1px solid #e9e9e9;
                &:last-child{
                  border-bottom: 1px solid #e9e9e9;
                }
                a{
                  display: block;
                  font-size: 14px;
                  color: #333;
                  line-height: 40px;
                  padding: 0 20px;
                  i{
                    float: right;
                    margin-top: 13px;
                  }
                }
              }
            }
          }
          .division-button{
            button{
              margin-right: 8px;
            }
          }
          .division-table{
            margin-top: 16px;
            height: auto;
            table{
              td{
                font-size: 12px;
                color: #666;
                a{
                  color: #666;
                }
              }
              span.status{
                font-size: 12px;
                color: #666;
              }
              span.activated{
                display: inline-block;
                width: 6px;
                height: 6px;
                background:  #87d068;
                border-radius: 50%;
                vertical-align: middle;
                margin-top: -3px;
                margin-right: 5px;
              }
              span.inactivated{
                display: inline-block;
                width: 6px;
                height: 6px;
                background:   #ffaa00;
                border-radius: 50%;
                vertical-align: middle;
                margin-top: -3px;
                margin-right: 5px;

              }
            }
          }
        }
      }
    }

    // 覆盖样式
    .ant-menu-submenu > .ant-menu {
      background: #fff;
    }
  }
  .DepartmentManagement .department-inquiry .ant-menu-inline .ant-menu-submenu-title{
    padding-right: 32px;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 14px;
  }
  .DepartmentManagement .department-inquiry .ant-menu-item-selected.ant-menu-item{
    color: #0f71ff;
  }

  //编辑部门
  .edit-department{
    color: #333333 ;
    .edit-header{
      height: 60px;
      border-bottom: 1px solid #E9E9E9;
      h2{
        margin-left: 24px;
        font-size: 18px;
        line-height: 60px;
        font-weight: bold;
      }
    }
    // .edit-form{
        
    // }
    .edit-option{
      padding-right: 44px;
      text-align: right;
      position:fixed;
      bottom:0px;
      height: 62px;
      width: 100%;
      line-height: 62px;
      border-top: 1px solid #E9E9E9;
      background: #fff;
      .edit-delete{
        border-color: #F04134;
        color: #F04134;
      }
    }
  }
  // 选择订单
  .chooseorderlist{
    .ant-modal-body{
        padding:0 24px;
        overflow-y: scroll;
        height: 490px;
      }
      .ant-alert{
        margin:16px 0 0 0;
      }
      .ant-modal-content{
        width:710px;
        height: 600px;
      }
      .ant-modal-header{
        background-color: #F5F9FF;
      }
      .ant-modal-title{
        text-align: center;
      }
      .ant-alert-message{
        font-size: 12px;
      }
      .ant-table-thead > tr > th, .ant-table-tbody > tr > td{
        font-size: 12px; 
      }
      .ant-table-thead > tr > th{
        padding: 15px 10px;
      }
      .ant-table-tbody > tr > td{
        padding: 10px;
      }
      .ant-modal-footer{
        border-top: 0px solid #e8e8e8;
      }
      .ant-modal-footer div{
        text-align: center;
      }
  }
  // 温馨提示
  .surancetip{
    .ant-modal-body{
      padding:0 24px;
      p{
        margin: 16px 0;
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #333333;
      }
      img{
        width: 668px;
        height: 220px;
        background-color: #F4F3F3;
        border: 1px solid #E9E9E9;
        border-radius: 4px;

      }
      .intbtn{
        padding: 16px 0;
        text-align: center;
        button{
          margin: 0 5px;
        }
      }
    }
    .ant-alert{
      margin:16px 0 0 0;
    }
    .ant-modal-content{
      width:710px;
    }
    .ant-modal-header{
      background-color: #F5F9FF;
    }
    .ant-modal-title{
      text-align: center;
    }
    .ant-alert-message{
      font-size: 12px;
    }      
  .ant-modal-footer{
      text-align: center;
      border-top: 0px solid #e8e8e8;
      padding: 16px;
    }
  }
  // 获取方案书
  .accessbook{
    .ant-modal-body{
      // height: 385px;
      padding:0 24px; 
      .ant-form{
        margin: 24px 0 0x;
        .ant-form-item{
          margin-bottom: 16px;
        }
      }
    }
    .ant-alert{
      margin:16px 0 0 0;
    }
    .ant-modal-content{
      width:520px;
    }
    .ant-modal-header{
      background-color: #F5F9FF;
    }
    .ant-modal-title{
      text-align: center;
    }
    .ant-alert-message{
      font-size: 12px;
    }      
    .ant-modal-footer{
      text-align: center;
      border-top: 0px solid #e8e8e8;
      padding: 0px;
    }
  }
  //   选择产品
  .chooseproductlist{
    .ant-card-bordered{
        border: 0px solid #e8e8e8;
    }
    .ant-modal-body{
        padding:0 24px;
        overflow-y: scroll;
        height: 490px;
      }
      .ant-alert{
        margin:16px 0 0 0;
      }
      .ant-modal-content{
        width:710px;
        height: 600px;
      }
      .ant-modal-header{
        background-color: #F5F9FF;
      }
      .ant-modal-title{
        text-align: center;
      }
      .ant-alert-message{
        font-size: 12px;
      }      
    .ant-modal-footer{
        text-align: center;
        border-top: 0px solid #e8e8e8;
      }
      .ant-card{
        // margin-top:16px;
        border-radius: 8px; 
      }
      .ant-card-body{
          padding: 0px;
      }
      .ant-list-item{
        position: relative;
        padding: 16px;
        border: 1px solid #e8e8e8;
        margin: 16px 0;
        .productselect{
            font-size: 24px;
            color: white;
            background-color: #00CB28;
            border-radius: 50%;
            position: absolute;
            bottom: 10px;
            right: 10px;
        }

      }
      .ant-list-item-meta-avatar{
          width: 110px;
          height: 110px;
          // border: 1px solid gray;
          margin-top:10px;
          .ant-avatar{
            width: 110px;
            height: 110px;
            img{
              width: 110px;
              height: 110px;
            }
          }
      }
      .ant-list-item-meta-content{
        .ant-list-item-meta-title{
            a{           
                font-size: 18px;
                color: #333333;
                font-weight: bold;
            }
        }
        .ant-list-item-meta-description{         
            font-size: 12px;
            color: rgba(0,0,0,0.65);
            .premium{
                font-size: 12px;
                color: #999999;
                margin-top: 5px;
                .guaranteebig{
                    font-size: 20px;
                    color: #FF420F;
                }
                .guaranteesm{
                    font-size: 12px;
                    color: #FF420F;
                }

            }
        }
      }
}
.departmet_list{
  &:hover{
    background: #e6f7ff;
  }
}
// drawer
.depart_drawer_container{
  .ant-list-item-meta-title{
    margin-bottom: 0px;
  }
  padding: 8px 8px;
  width: 100%;
  // height: 600px;
  height: 100%;
  overflow: auto;
  // top: 150px;
  // left: 20px;
  // padding: 20px;
  transition: all .6s ease;
  background: #fff;
  border-radius: 5px;
}
.drawer_hide{
  width: 0;
  height: 0;
}
  .demo-infinite-container {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    overflow: auto;
    padding: 8px 24px;
    height: 300px;
  }
  .demo-loading-container {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
  }
}
