.nav{   

    &.nav-tabs{
        > li{

            &.active > a {
                &,
                &:hover,
                &:focus {
                    background-color: #f4f7f6;
                    color: $font-color;
                }
            }

            > a {
                color: inherit;
                font-weight: $font-weight-600;
            
                &:hover,
                &:focus {
                    background-color: #f5f5f5;
                }
            }
        }
    }

    &.nav-tabs-new{
        > li{

            > a {
                color: $grey-600;			
                @extend .m-r-5;
                border: 1px solid $grey-300;
                border-radius: .25rem;
                padding:5px 15px;
                background-color: transparent;

                @include transition(all .3s ease-in-out);
                &:hover{
                    @include box-shadow(0 5px 10px 0 rgba(0,0,0,0.2));        
                }
                &.active{
                    border: 1px solid $grey-400;
                }
            }
        }
    }

    &.nav-tabs-new2{
        border-bottom: 1px solid $grey-300;
        > li{

            > a {
                color: $grey-600;
                padding: 7px 20px;
                @extend .m-r-5;
                background-color: transparent;
                border-bottom: transparent;
                font-size: 15px;
            
                &:hover,
                &:focus {
                    color: $color-primary;
                    border-bottom: 2px solid $color-primary !important;
                }
                &.active{
                    border-bottom: 2px solid $color-primary !important;
                    background-color: transparent;
                    color: $color-primary;
                }
            }
        }
    }
}

.tab-content{
    @extend .m-t-10;
}

.nav-pills{

    > li{

        &.active > a {
            &,
            &:hover,
            &:focus {
                background-color: #efefef;
                color: $font-color;
            }
        }

        > a {
            color: inherit;
        }
    }
}

.nav-tabs-colored > li.active > a {
	&,
	&:hover,
	&:focus {
		background-color: #f5f5f5;
		color: $font-color;
	}
}