.nav-tabs {
    > li > a {
        text-shadow: @darkOnLightTextShadow;
    }
}

// use with ul elements
// for example:
// .widget > ul.nav-tabs {
//    &:extend(.minimalTabs all);
// }
.minimalTabs {
	padding: 0;
	border-color: @borderColorMediumTransparent;
	margin: 0;

	> li {
	    margin-bottom: -1px;
	}

	> li > a,
	li.active > a {
	    #3L > .border-radius(0);
	    margin-right: 0;
	    border: none;
	    background: none;
	    padding-top: 8px;
	    padding-bottom: 8px;
	    border-style: none none solid none;
	    border-width: 2px;
	    border-color: transparent;
	}
	> li > a {
	    background-color: transparent;
	}
    > li:not(.disabled) > a {
	    color: @textColorButton;
	}
    > li.disabled > a {
        &,
        &:hover,
        &:focus {
           color: @textColorLight;
       }
	}
	li.active > a {
		&,
		&:focus,
		&:hover {
			border-style: none none solid none;
		    border-width: 2px;
		    border-bottom-color: #00C853;
		    color: @textColorButton;
		    background: none;
		}
	}

	&.nav-justified {
		border-bottom: 1px solid @borderColorMedium;

		> li > a {
			margin-bottom: -1px;
		}
	}
}