// DELETE VARIABLES

/*--------------------------------------------------------
     Tabs
---------------------------------------------------------*/

//Tabs
$nav-tabs-border-width: $border-width;
$nav-tabs-border-color: $border-color;
$nav-tabs-border-radius: $border-radius;
$nav-tabs-link-hover-border-color: $hover-color;
$nav-tabs-link-color: $color-body;
$nav-tabs-link-active-color: $color-theme;
$nav-tabs-link-active-bg: transparent;
$nav-tabs-link-active-border-color: $border-color;

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

.tabs {
    .nav-tabs {
        border-bottom: 2px solid $nav-tabs-border-color;
        margin-bottom: 30px;

        .nav-item {
            margin-bottom: - 2px;
        }

        .nav-link {

            padding: 14px 24px;
            color: rgba( $color-body, .8);
            transition: 0.3s ease;
            font-weight: 600;

            color: $nav-tabs-link-color;
            border: 0;
            /*border: $nav-tabs-border-width solid transparent;*/
            border-top-left-radius: $nav-tabs-border-radius;
            border-top-right-radius: $nav-tabs-border-radius;
            border-bottom: 2px solid $nav-tabs-border-color;
            &.disabled {
                color: rgba( $color-body, .5);
            }
        }

        .nav-link.active {
            color: $nav-tabs-link-active-color;
            background-color: $nav-tabs-link-active-bg;
            border-bottom: 2px solid $nav-tabs-link-active-color;
        }

        .dropdown-menu {
            border-radius: $nav-tabs-border-radius;
            border: 0;
            box-shadow: $box-shadow;
        }


    }

    &.tabs-clean {
        .nav-tabs {
            border-bottom: 0;
            .nav-link {
                border: $nav-tabs-border-width solid transparent;
                border-bottom-left-radius: $nav-tabs-border-radius;
                border-bottom-right-radius: $nav-tabs-border-radius;
            }
            .nav-link.active {
                border-color: $nav-tabs-link-active-border-color;
            }
        }

    }

    &.tabs-vertical {
        .nav-tabs {
            border: 0;
            margin-bottom: 0;
         

        .nav-link {
            border-radius: 0;
            border-bottom: 0;
            border-right: 2px solid $nav-tabs-border-color;
        }
        .nav-link.active {
            color: $nav-tabs-link-active-color;
            background-color: $nav-tabs-link-active-bg;
            border-right: 2px solid $nav-tabs-link-active-color;
        }
    }

}

&.tabs-folder {
    
    .nav-tabs {
        margin-bottom: 0;
         border-bottom: 0;
        
         .nav-item {
            margin-bottom: 0;
        }
        .nav-link {
                border: $nav-tabs-border-width solid transparent;
                     border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }
            .nav-link.active {
                border-color: $nav-tabs-link-active-border-color;
                border-bottom-color: $color-white;
            }
        
        
       /* .nav-link {
                border-top-left-radius: $nav-tabs-border-radius;
                border-top-right-radius: $nav-tabs-border-radius;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                border-bottom-width: 2px;
        }
        .nav-link.active {
            border: $nav-tabs-border-width solid $nav-tabs-border-color;
            border-bottom-color: $nav-tabs-link-active-color;
        }*/
    }
    .tab-content {
        margin-top: -1px;
        border: $nav-tabs-border-width solid $nav-tabs-border-color;

        bottom: 10px;
        padding: 30px;
        border-radius: 0 6px 6px 6px;
    }
}





}