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

body {
  background: #f0f2f5;
}

:global {
  .Role {
    padding: 16px;
    flex: 1;
    .department-content {
      display: flex;
      height: 100%;
      background: #fff;
      border-radius: 5px;
      position: relative;
      .department-inquiry {
        display: flex;
        height: 100%;
        flex-direction: column;
        width: 220px;
        padding: 0px 8px;
        input {
          color: #333;
        }
        .depart-button {
          // margin-top: 8px;
          button {
            color: #666;
            width: 96px;
            &.button-right {
              margin-left: 8px;
            }
          }
        }
        .depart-menu {
          flex: 1;
          overflow: auto;
          span {
            color: #333;
            font-size: 14px;
          }
          ul li {
            color: #333;
            font-size: 14px;
          }
          ul {
            .ant-menu-item-selected.ant-menu-item {
              color: #fff;
            }
          }
        }
      }
      .department-demonstrate {
        flex: 1;
        min-height: 600px;
        margin-left: 1px;
        border-left: 1px solid #eeeeee;
        padding: 24px;
        .demonstrate-head {
          margin-top: 4px;
          border-bottom: 1px solid #e9e9e9;
          p.title {
            span.current-role {
              font-size: 20px;
              color: #333333;
              letter-spacing: 0;
              line-height: 1;
            }
            .role-button {
              // display: inline-block;
              margin-left: 8px;
              // padding: 0px 10px;
              // 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 {
          button {
            margin-top: 16px;
          }
          //height: 24px;
          // .sub-title{
          //   height: 24px;
          //   &.division-title{
          //     margin-top: 24px;
          //   }
          //   label{
          //     display: inline-block;
          //     float: left;
          //     width: 24px;
          //     height: 24px;
          //     background: url("../images/subordinate.png")no-repeat center;
          //     background-size: cover;
          //     &.division{
          //       margin-top: 2px;
          //       width: 24px;
          //       height: 19px;
          //       background: url("../images/division.png")no-repeat center;
          //     }
          //   }
          //   span{
          //     display: inline-block;
          //     float: left;
          //     font-size: 16px;
          //     color: #333;
          //     line-height: 24px;
          //     margin-left: 8px;
          //   }
          // }
          // .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;
    }
  }
  .Role .department-inquiry .ant-menu-inline .ant-menu-submenu-title {
    padding-right: 32px;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 14px;
  }
  .Role .department-inquiry .ant-menu-item-selected.ant-menu-item {
    color: #0f71ff;
  }

  //编辑角色
  .edit-role {
    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;
      }
    }
  }

  //权限分配
  .permissions-allocation {
    .permissions-form {
      // padding: 0 20px;
      .permissions-top {
        padding-bottom: 24px;
        // border-bottom: 1px solid #e9e9e9;
        .c {
          margin-top: 10px;
        }
      }
      // .permissions-bottom {
      //   padding-top: 28px;
      // }
      .ant-form-item-label label {
        color: #666;
      }
      .permissions-checkbox {
        color: #333;
        margin-left: 8px;
        .ant-checkbox {
          margin-right: 10px;
        }
      }
      .ant-form-item {
        margin-bottom: 0px;
      }
      .enterprise-department {
        margin: 12px 0 0 0;
      }
      .permissions-tree {
        // margin: 12px 0 24px 0;
        // border: 1px solid #e9e9e9;
        .ant-tree {
          margin: 0 4px;
        }
      }
    }
  }
}