// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.

.nav-tabs {

border: 0;
padding: $padding-base-vertical $padding-base-horizontal;

> .nav-item{
    > .nav-link{
        color: $white;
        margin: 0;
        margin-right: 5px;
        background-color: $transparent-bg;
        border-radius: 30px;
        padding: $padding-btn-vertical $padding-round-horizontal;
        line-height: $line-height-sm;

        &:hover {
            background-color: $transparent-bg;
            border: 1px solid darken($black,5%);
            color: rgba($white, 0.8);
        }

        &.active{
            border: 1px solid $white;
            border-radius: 30px;
        }

        i.tim-icons{
            font-size: 14px;
            position: relative;
            top: 1px;
            margin-right: 3px;
        }
    }

    &.disabled > .nav-link,
    &.disabled > .nav-link:hover {
        color: rgba(255,255,255,0.5);
    }
}

&.nav-tabs-neutral{
    > .nav-item{
        > .nav-link{
            color: $white;

            &.active{
                border-color: $opacity-5;
                color: $white;
            }
        }
    }
}

&.nav-tabs-primary{
    > .nav-item{
        > .nav-link{
            &.active{
                border-color: $primary;
                color: $primary;
            }
        }
    }
}

&.nav-tabs-info{
    > .nav-item{
        > .nav-link{
            &.active{
                border-color: $info;
                color: $info;
            }
        }
    }
}

&.nav-tabs-danger{
    > .nav-item{
        > .nav-link{
            &.active{
                border-color: $danger;
                color: $danger;
            }
        }
    }
}

&.nav-tabs-warning{
    > .nav-item{
        > .nav-link{
            &.active{
                border-color: $warning;
                color: $warning;
            }
        }
    }
}

&.nav-tabs-success{
    > .nav-item{
        > .nav-link{
            &.active{
                border-color: $success;
                color: $success;
            }
        }
    }
}

}