.mapbender-element-tab-navigator {
  padding: 0;
  position: relative;

  > .ui-tabs-nav {
    > li {
      list-style: none;
      float: left;
      position: relative;
      margin-bottom: 1px;
      border-bottom: 0 !important;
      padding: 0;
      white-space: normal;
      &.ui-state-active > a {
        background-color: $buttonFirstActiveColor;
        z-index: 1;
        position: relative;
      }
      &.current > a{
        background-color:  #47791f;
      }
      > a {
        border-radius: 0px;
        @extend .button;
        float: left;
        > span.close {
          font-size: 0;
          display: inline-block;
          margin-left: 6px;
          margin-right: -4px;
          &:after {
            font-family: FontAwesome;
            font-size: 13px;
            content: "\f00d";
          }
        }
      }
    }
  }

  .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
  }
  .ui-tabs-hide {
    display: none !important;
  }

  .tab-content {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
  }
}
