@tabBgColor:#C0C0C0;
@tabColor: #7F0000;
@tabActiveBgColor: #0077c0;
@tabActiveColor: @white;
@tabAngleSize: 14px;


.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    .border-radius(0);
    border-bottom: 1px solid;
    position:relative;
    
    font-weight:bold;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-right: 4px;
}
    .nav-tabs > li > a,
    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus
    {
        background-color: @tabBgColor;
        color: @tabColor;
        border-bottom-color: @tabBgColor;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus
    {
        background-color: @tabActiveBgColor;
        color: @tabActiveColor;
        border-bottom-color: @tabActiveBgColor;
    }
    .nav-tabs > li {
        padding-right:20px;
    }
        .nav-tabs > li > a:after
        {
            border-left:   @tabAngleSize solid @tabBgColor;
            border-bottom: @tabAngleSize solid @tabBgColor;
        }
        .nav-tabs > li.active > a:after{
            border-left:  (@tabAngleSize - 1) solid @tabActiveBgColor;
            border-bottom: (@tabAngleSize - 1) solid @tabActiveBgColor;
        }

.nav-tabs > li > a:after,
.nav-tabs > li.active > a:after {
    border-top: @tabAngleSize solid transparent;
    border-right:  @tabAngleSize solid transparent;
    content: ' ';
    display: block;
    height: 0px;
    position: absolute;
    width: 0px;
    z-index: 999;
    top: -1px;
    right:-27px;
}
.nav-tabs > li > a:after{
    right:-28px;
    top: -2px;
}