.tabs-outside {
  height: 100%;
  width: 100%;
  background: #ffffff;

  // .tabs-inside {
  //   height: 65em;
  // }

  .ant-tabs {
    height: 100%;
    color: white;

    .ant-tabs-bar {
      border-bottom: 1px solid #d7d6d6;
      // height: 8em;
      height: 45px;
      margin-bottom: 0;
      background: #e3e3e3;
    }

    .ant-tabs-content {
      position: relative;
      width: 100%;
      height: 100%;

      > div {
        height: 100%;

        .ant-tabs-tabpane {
          height: 100%;
        }
      }
    }
  }

  .ant-tabs-nav-scroll {
    // padding-left: calc(50% - 144px);
  }

  .ant-tabs-nav-container {
    font-size: 20px;
    left: 40px;
    // padding-top: 35px;

    .ant-tabs-ink-bar {
      background-color: #306a9d;
    }

    .ant-tabs-tab-inner {
      color: #000000;
    }
  }
}

.show-div {
  visibility: visible;
}

.hide-div {
  visibility: hidden;
}
