@import "~antd-v4/lib/style/themes/default.less";
.char {
  margin: 24px;
}

.commonChar {
  // padding-top: 10px;
  padding-bottom: 10px;
  background: #888;
  :global{
    .ant-col-18{
      padding-right: 24px;
    }
    .ant-card-body{
      overflow: hidden;
    }
  }
  .commonCharContainer {
    margin-bottom: 24px;
    overflow: hidden;
    canvas + div {
      display: none;
    }
    :global {
      .ant-card-extra {
        padding: 12px 24px!important;
      }
    }
    .commonRollChar{
      .xly-list > .ant-layout{
        margin: 0 !important;
      }
    }
  }
}

.commonCharPage{
  padding: 105px 20px 0 20px;
  background: #888;
}

.offlineCard {
  :global {
    .ant-tabs-ink-bar {
      bottom: auto;
    }
    .ant-tabs-bar {
      border-bottom: none;
    }
    .ant-tabs-nav-container-scrolling {
      padding-left: 40px;
      padding-right: 40px;
    }
    .ant-tabs-tab-prev-icon:before {
      position: relative;
      left: 6px;
    }
    .ant-tabs-tab-next-icon:before {
      position: relative;
      right: 6px;
    }
    .ant-tabs-tab-active h4 {
      color: @primary-color;
    }
  }
  .tabGroup {
    width: 138px;
    margin: 8px 0!important;
  }
}


