.roleAdd {
  .ant-modal-close {
    display: none;
  }

  .roleAddMain {
    border-top: 1px solid #999999;
    padding-top: 15px;
    width: 100%;

    .row {
      margin-bottom: 20px;
      position: relative;
      display: flex;
      padding: 0 24px 0 0px;
      text-align: right;

      .rowSpan {
        display: inline-block;
        width: 80px;
        line-height: 32px;
        &>span{
          position: relative;
          top: 2px;
          color: #ff4d4f;
        }
      }

      .bs {
        &::before {
          content: '*';
          position: absolute;
          top: 2px;
          left: 1px;
          z-index: 10;
          color: #ff4d4f;
        }
      }

      .inputBox {
        width: calc(100% - 90px);

      }

      .inputBoxCheck {
        width: 155px;

        .rowCheck {
          display: block;
          display: flex;
          margin-left: 4px;
          margin-top: 5px;
        }
      }
    }

    .roleAddButton {
      text-align: center;
    }
  }

  .lookRole {
    .row {
      pointer-events: none;
    }
  }
}