.features .tab-pane ul li {
    padding-bottom: 0; 
	}
.nav-pills>li>a {
     border-radius: 4px; 
}
.nav>li>a {
    /* position: relative; */
    display: block;
     padding: 6px 10px; 
}
a {
    color: green ;
    text-decoration: none;
    text-decoration: none;
}
.nav-tabs{border-bottom:1px solid #ddd}
.nav-tabs>li{float:left;margin-bottom:-1px}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid red ; border-radius:4px 4px 0 0}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
/*
.nav-tabs>li.active>a , .nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}
*/
.nav-tabs.nav-justified{width:100%;border-bottom:0}
.nav-tabs.nav-justified>li{float:none}
.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}
.nav-tabs.nav-justified>li{display:table-cell;width:1%}
.nav-tabs.nav-justified>li>a{margin-bottom:0}}
.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {border:1px solid #ddd}
/*
button.nav-link:hover
 {border:1px solid var(--color-primary)}*/
				

.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;  border-radius:4px 4px 0 0}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}
.nav-pills>li{ REMfloat:left  }

/* con border-radius:18px 
.nav-pills>li>a{ margin: 5px  4px ; box-shadow: 0px 8px 8px -3px rgba(0, 0, 0, 0.4); border-radius:18px  ; border:1px solid green   }
.nav-pills>li>a:hover { background-color: #C7F6C7 ;  transition: all 1s ease; box-shadow: 0px 8px 8px -3px rgba(0, 0, 0, 0.8) }
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color: #72CC90 ; border-radius:18px  ;}
*/

.nav-pills>li>a{ border-radius:0  ; margin: 0px  4px ; color : #878787  ; border-bottom:2px solid transparent     }




.nav-pills>li>a.calen::before {    content: "\F26E\00a0";   font-family: "bootstrap-icons"; }
.nav-pills>li>a:hover.calen::before {    content: "\F270\00a0";   font-family: "bootstrap-icons"; ; color: §firebrick;}
.nav-pills>li.active>a.calen::before  {      content: "\F1E2\00a0";   font-family: "bootstrap-icons";  }

.nav-pills>li>a.libro::before {    content: "\F194\00a0";   font-family: "bootstrap-icons";  }
.nav-pills>li>a:hover.libro::before {    content: "\F192\00a0";   font-family: "bootstrap-icons"; ; color: §firebrick;}
.nav-pills>li.active>a.libro::before  {      content: "\F192\00a0";   font-family: "bootstrap-icons"; }

.nav-pills>li>a.penna::before {    content: "\F604\00a0";   font-family: "bootstrap-icons";  }
.nav-pills>li>a:hover.penna::before {    content: "\F604\00a0";   font-family: "bootstrap-icons"; REMcolor: firebrick; transition: all 0.6s;}
.nav-pills>li.active>a.penna::before  {      content: "\F604\00a0";   font-family: "bootstrap-icons"; }



.nav-pills>li>a.trofeo::before {    content: "\F154\00a0";   font-family: "bootstrap-icons";  }
.nav-pills>li>a:hover.trofeo::before {    content: "\F153\00a0";   font-family: "bootstrap-icons"; ; color: §firebrick;}
.nav-pills>li.active>a.trofeo::before  {      content: "\F153\00a0";   font-family: "bootstrap-icons"; }


.nav-pills>li>a.pippo::before {    content: "\F26E";   font-family: "bootstrap-icons";  }
.nav-pills>li>a:hover.pippo::before {    content: "\F270\00a0";   font-family: "bootstrap-icons"; ; color: §firebrick;}
.nav-pills>li.active>a.pippo::before  {      content: "\F26A\00a0";   font-family: "bootstrap-icons"; }

.nav-pills>li>a.foto::before {    content: "\F220\00a0";   font-family: "bootstrap-icons";  }
.nav-pills>li>a:hover.foto::before {    content: "\F270\00a0";   font-family: "bootstrap-icons"; color: §firebrick;}
.nav-pills>li.active>a.foto::before  {      content: "\F219\00a0";   font-family: "bootstrap-icons"; }




li>button.nav-link::before {    content: "\F26E";   font-family: "bootstrap-icons"; color: var(--color-primary) ; }
li>button.nav-link.active::before {    content: "\F1E2\00a0";   font-family: "bootstrap-icons"; color: var(--color-primary) ; }
#myTab { border-bottom:1px solid  #D6D9DA  !important ;}
li>button.nav-link.active  { border-bottom:2px solid var(--color-primary) !important ;}
 li>button.nav-link:hover { border-bottom:2px solid gray !important ;}

/* hover 
.nav-pills>li>a.pippo:hover::before {    content: "\F26A";   font-family: "bootstrap-icons";    transition: all 0.5s ; }
*/

.nav-pills>li>a:hover {  color: var(--color-primary) ;  border-bottom: 2px solid darkgray   }
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus { transition: all 0.6s; color: var(--color-primary) ;  border-bottom:2px solid var(--color-primary)  }

.nav-pills>li.active>a .bi  {  transition: all 0.5s;  color: green  !important }



.nav-pills>li+li{margin-left:2px}
.nav-stacked>li{float:none}
.nav-stacked>li+li{margin-top:2px;margin-left:0}
.nav-justified{width:100%}
.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}


#exTab1 .tab-content {
  color : white;
  background-color: green;
  padding : 5px 5px;
}
#exTab2 h3 {
  color : white;
  background-color: green;
  padding : 5px 5px;
}
/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 5px;
}