.oflow--form-panel {
  flex-shrink: 0;
  flex-grow: 0;
  box-shadow: -1px 0 0 0 #e8e9ec;
  display: flex;
  right: 0;
  z-index: 600;
  top: 0;
  bottom: 0;
  background-color: #fff;
  height: 100%;

  &.oflow--form-panel-fixed {
      position: initial;
      height: 100%;
  }

  .oflow--form-panel--tabs-container {
      height: 100%;

      >.ant-tabs-nav {
          width: 40px;
          min-width: 40px;
          >.ant-tabs-nav-wrap{
              >.ant-tabs-nav-list {
                  >.ant-tabs-ink-bar {
                      right: 0;
                      left: unset !important;
                  };
      
                  >.ant-tabs-tab {
                      padding: 8px 0 !important;
                      margin-top: 0;
                      width: 38px;
                      text-align: center;
                      display: flex;
                      align-items: center;
                      min-height: 100px;
                      justify-content: center;
                      border-bottom: 1px solid #dfdfdf;
      
                      &.ant-tabs-tab-active,
                      &:hover {
                          background-color: #F5F5F5 !important;
                          >div {
                              color: #000;
                              font-size: 14px;
                              font-weight: normal !important;
                              text-shadow: unset;
                          }
                      }
                      >div {
                          word-break: break-all;
                          width: 24px;
                          color: #888;
                          text-align: center;
                          text-shadow: unset;
                          white-space: pre-wrap;
                      }
                  }
              }
          }
      }

      >.ant-tabs-content-holder {
          >.ant-tabs-content.ant-tabs-content-right {
              height: 100%;
              >.ant-tabs-tabpane{
                  padding-right: 0;
                  height: 100%;
              }
          }
      }

  }

  .oflow--form-panel--content {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      background-color: #fff;
      overflow: hidden;
      height: 100%;
      box-shadow: -1px 0 0 0 #e8e9ec;

      .oflow--form-panel--content--title {
          height: 40px;
          min-height: 40px;
          width: 100%;
          border-bottom: 1px solid #E3E4E6;
        //   border-top: 1px solid #E3E4E6;
          text-align: center;
          line-height: 38px;
          padding: 0 20px;
          font-size: 14px;
          font-weight: 400;
      }

      .oflow--form-panel--content--content {
          padding: 20px;
          flex-grow: 1;
          overflow: auto;
      }

      .oflow--form-panel--content--footer {
          display: flex;
          height: 52px;
          min-height: 52px;
          justify-content: center;
          width: 100%;
          align-items: center;
          box-shadow: inset 0 1px 0 0 #e8e9ec;
          padding: 0 20px
      }
  }
}