
.nav{
    margin:0;
    padding:0;
    list-style:none;
	width:100%;
	float:left;

	
}
.nav>li{
    position:relative;
    display:block;
	margin:0;
	padding:0;
	float:left;
}

.nav>li>a{
    position:relative;
	 
}
.nav>li>a:hover,.nav>li>a:focus{
    text-decoration:none;
    background-color:#eee
}
.nav>li.disabled>a{
    color:#999
}
.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{
    color:#999;
    text-decoration:none;
    background-color:transparent;
    cursor:not-allowed
}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{
    background-color:#eee;
    border-color:#428bca
}
.nav .nav-divider{
    height:1px;
    margin:9px 0;
    overflow:hidden;
    background-color:#e5e5e5
}
.nav>li>a>img{
    max-width:none
}
.nav-tabs{
    border-bottom:0;
}
.nav-tabs>li{
    float:left;
	display:block;
    width: 96px;
 
}


.nav-tabs>li>a{
	 border-bottom:1px solid #fff;
	 margin:0 0px;
	 display:block;
	 font-size:16px;
	 padding:10px 5px;
	 line-height:20px;
	 color: var(--body-color);
	 text-align: center;
}

.nav-tabs li a span{display: block;
    margin-bottom: 5px;}
.nav-tabs li a span img{
    width: 70px;
    border-radius: 50px;
}
.nav-tabs li a h6{
    font-size: 13px;
    color: #8b8b8b;
    margin-bottom: 0px;
    font-weight: 600;
    line-height: 15px;
    padding-bottom: 5px;
}

.nav-tabs>li>a:hover{
   
  
   
   color:var(--primary-color);
   background-color: #fff;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
    color:var(--primary-color);
    
  
     background-color: #fff;
    
    cursor:default;
}

.nav-tabs li.active a h6{ color:var(--primary-color); border-bottom: 2px solid var(--primary-color);}
   .tab-content>.tab-pane{
    display:none;
	padding:  0 0;
    
}
.tab-content>.active{
    display:block
} 
 


  
  
 @media (max-width:768px){
 	.nav-tabs>li>a{
 	/* font-size:12px;
	padding:5px 10px;
	line-height:normal;
	margin-top:5px; */
	
	
}
 } 

 @media only screen and (max-width: 640px) {
    .nav-tabs li.active a h6 { padding-bottom: 5px;}
    .nav-tabs li a span {
        display: block;
        margin-bottom: 5px;
    }
 }
 
 