.container-fluid[data-v-2d551de2] {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.container-fluid .left-page[data-v-2d551de2] {
    width: 256px;
    height: 100%;
    border-right: 1px solid #eeeeee;
    background-color: #fafafa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.container-fluid .left-page .left-item[data-v-2d551de2] {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0%;
              flex: 1 1 0%;
      padding: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
      -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
      height: calc(100% - 48px);
}
.container-fluid .left-page .left-search[data-v-2d551de2] {
      width: 213px;
      height: 32px;
      margin: 16px 0px;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.container-fluid .left-page .left-group[data-v-2d551de2] {
      margin-bottom: 4px;
      width: 100%;
      height: 32px;
      padding: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.container-fluid .left-page .left-group .left-group-title[data-v-2d551de2] {
        color: #454545;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        margin: 0px;
        overflow: hidden;
        white-space: nowrap;
}
.container-fluid .left-page .left-group .left-group-icon[data-v-2d551de2] {
        width: 32px;
        height: 32px;
        border: none;
        border-radius: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.container-fluid .left-page .left-group-item[data-v-2d551de2] {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-bottom: 4px;
      width: 100%;
      height: 32px;
      font-size: 14px;
      border: none;
      border-radius: 4px;
      padding: 5px 14px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #d1f0e5;
      color: #3dba90;
}
.container-fluid .left-page .left-group-item .left-group-title[data-v-2d551de2] {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
        position: relative;
}
.container-fluid .left-page .left-group-item .left-group-title .left-group-text[data-v-2d551de2] {
          color: inherit;
          font-weight: 400;
          font-size: 14px;
          line-height: 22px;
          margin: 0;
          white-space: nowrap;
          overflow: hidden;
          display: inline-block;
          padding-right: 30px;
}
.container-fluid .right-page[data-v-2d551de2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    height: 100%;
    padding: 24px 24px 0px;
    background-color: #fff;
    overflow: hidden;
}
.container-fluid .right-page .right-header[data-v-2d551de2] {
      max-height: 100px;
      margin-bottom: 13px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.container-fluid .right-page .right-header .right-header-text[data-v-2d551de2] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
        min-width: 0px;
}
.container-fluid .right-page .right-header .right-header-text h4[data-v-2d551de2] {
          color: inherit;
          font-weight: 500;
          font-size: 24px;
          line-height: 32px;
          margin: 0px;
          white-space: nowrap;
          overflow: hidden;
          display: inline-block;
}
.container-fluid .right-page .grid-wrap[data-v-2d551de2] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0%;
              flex: 1 1 0%;
      margin-right: -15px;
}
.container-fluid .right-page .grid-wrap .grid[data-v-2d551de2] {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        direction: 1tr;
        position: relative;
        width: 1185px;
        will-change: transform;
        overflow: hidden;
        height: 722px;
        margin-top: 0px;
        padding-top: 1px;
}
.container-fluid .right-page .grid-wrap .grid .button-group[data-v-2d551de2] {
          width: 976px;
          height: 160px;
          max-width: 976px;
          max-height: 160px;
          overflow: visible;
          position: relative;
          margin: 0px 0px 0px 2px;
}
.container-fluid .right-page .grid-wrap .grid .button-group .add-button[data-v-2d551de2] {
            cursor: pointer;
            height: 60px;
            left: 0px;
            position: absolute;
            top: 0px;
            width: 120px;
            border-radius: 4px;
            border: 1px solid #3dba90;
}
.container-fluid .right-page .grid-wrap .grid .button-group .add-button span[data-v-2d551de2] {
              position: absolute;
              top: 50%;
              left: 50%;
              font-size: 14px;
              color: #3dba90;
              font-weight: 500;
              -webkit-transform: translate(-50%, -50%);
                      transform: translate(-50%, -50%);
}