.@{prefix}{
  &tabs-horizon{
		height: @tabs-horizon-height;
    background: #fff;

		.tabs-item{
			display: inline-block;
			font-size: @font-size-md;
			height: @tabs-horizon-height;
			line-height:@tabs-horizon-height;
			text-align: center;
      padding: 0 0.4*@padding-horizon;
      border: 0;
      background: none;
      color: @font-color;

      &:hover{
        cursor: pointer;
      }
		}

		.tabs-item-current{
			border-bottom:@r*4px @color-primary solid;
			color: @color-primary !important;
		}
	}

  &tabs-horizon-dark{
    background: @color-primary !important;

    .tabs-item{
      color: #fff;
    }

    .tabs-item-current{
			border-bottom:@r*4px lighten(@color-primary, 20%) solid ;
			color: #fff !important;
		}
  }

  &tabs-horizon-opacity{
    background: none !important;
    .tabs-item{
      color: #fff;
    }
    .tabs-item-current{
			border-bottom:@r*4px lighten(@color-primary, 10%) solid ;
			color: #fff !important;
		}
  }

  &tabs-group{
    display: inline-block;
    border: 1px @color-primary solid;
    border-radius: @r*@radius;
    .tabs-item{
      display: inline-block;
      border: 0px !important;
      border-radius: 0 !important;
    }
    .tabs-item-current{
			background: @color-primary;
      color: #fff;
		}
  }

  &tabs-group-dark{
    border: 1px #fff solid;
    .tabs-item{

    }
  }


}