version-component {
  .jf-page-wrapper {
    .jf-page-content {
      h4 {
        margin-bottom: 55px;
        font-weight: 600;
        color: @blackFontDark;
      }
      .jf-content-section {
        background-color: transparent;
        box-shadow: none;
        .jf-main-content-pane {
          overflow: visible;
          .jf-widgets-layout-container {
            overflow: visible !important;
            .docker-layers {
              width: 100%;
              padding: 20px;

              .nav-tabs {
                border-bottom: 1px solid #ddd;
                margin-bottom: 15px;
                background:#fff;
              }

              li.jf-tabs-tab-header{
                cursor: pointer;
                &.active{
                  color: #429f47;
                }

              }
            }
            .content-wrapper {
              width: 100%;
              height: 45vh;
              display: flex;
              overflow: scroll;
              flex-direction: column;
            }
          }

        }
      }
    }

    jf-summary-row {
      jf-summary-row-item {
        .summary-icon-column {
          i.icon.icon-docker-tags {
            top: 30px;
            left: -13px;
            &:before {
              transform: rotate(136deg);
              -webkit-transform: rotate(136deg);
              display: block;
            }
          }
        }
      }
      .package-id {
        position: relative;
        span.package-id-content {
          padding-right:26px;
        }
        jf-clip-copy {
          position: absolute;
          right: 22px;
          top: 30px;
        }
      }
    }
    .nav-tabs {
      background: #fff;
      padding-top: 12px;
    }
  }

  .jf-widgets-layout-container {
    .widget-title {
      font-size: 16px;
      color: @blackBGLight;
      font-weight: 700;
    }
    .version-widget-container {
      padding: 20px;
    }

    .dependencies-list {
      white-space: pre-wrap;
    }

    .widget-wrapper-readme {
      .widget-container {
        white-space: normal !important;
      }
      jf-markup-editor {
        .preview-wrapper {
          overflow: visible;
          border: none;
          padding: 0;
        }
      }
    }

    .jf-table-view {
      .jf-table-top {
        height: 35px;
        margin-bottom: 0;
        .counter-and-filter-wrapper {
          .table-counter {
            display: inline-block;
          }
          .jf-table-filter {
            display: inline-block;
            input {
              border: none;
              border-bottom: solid black 1px;
              height: 20px;
              &[disabled] {
                background: inherit;
              }
            }
          }
        }
      }
    }
  }
}
