/* CLASSIC TABS (STYLE 1)
-----------------------------*/

.nav-tabs { border-bottom: 1px solid #ddd; }
.nav-tabs .nav-item { margin-bottom: -1px; }
.nav-tabs a.nav-link { color: #000; border-top: 3px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; padding: 10px; text-align: center; }
.nav-tabs a.nav-link:focus, .nav-tabs a.nav-link:hover { color: #000; background-color: #fff; border-top: 3px solid #000; }
.nav-tabs a.nav-link.active, .nav-tabs .nav-item.show a.nav-link { color: #000; background-color: #fff; border-top: 3px solid #000; }
.nav-tabs a.nav-link .tab-title { font-size: inherit !important; margin: 0 !important; font-weight: bold; }
.nav-tabs a.nav-link .tab-icon { font-size: inherit; }
@media (max-width: 991px) {
	.nav-tabs a.nav-link .tab-title { display: initial; }
	.nav-tabs a.nav-link .tab-icon { font-size: 1.5rem; }
}

/* CUSTOM TABS (STYLE 2)
-----------------------------*/

.nav-tabs.nav-tabs-custom { border-bottom: 3px solid #ddd; }
.nav-tabs.nav-tabs-custom .nav-item { margin-bottom: -3px; }
.nav-tabs.nav-tabs-custom a.nav-link { background: none; color: #000; border: none; border-bottom: 3px solid #ddd; text-align: center; }
.nav-tabs.nav-tabs-custom a.nav-link:focus, .nav-tabs.nav-tabs-custom a.nav-link:hover { background: none; color: #000; border-bottom: 3px solid #bbb; }
.nav-tabs.nav-tabs-custom a.nav-link.active, .nav-tabs.nav-tabs-custom .nav-item.show a.nav-link { background: none !important; color: #000; border-bottom: 3px solid #666; }
.nav-tabs a.nav-link .tab-title { font-size: inherit !important; margin: 0 !important; font-weight: bold; }
.nav-tabs a.nav-link .tab-icon { font-size: inherit; }
@media (max-width: 991px) {
	.nav-tabs a.nav-link .tab-title { display: initial; }
	.nav-tabs a.nav-link .tab-icon { font-size: 1.5rem; }
}

/* PILL TABS (STYLE 3/4/5)
-----------------------------*/

.nav-tabs-style-3 { position: relative; margin: 0 -2px; }
.nav-pills .nav-item { width: auto; margin: 0 2px 4px 2px; text-align: center; }
.nav-pills-vert-left .nav-pills .nav-item,
.nav-pills-vert-right .nav-pills .nav-item { text-align: left !important; }

.nav-pills .nav-item a { padding: 0.8rem !important; }
.nav-pills .nav-item a { border: 1px solid #ddd; background: #fff; color: #000; }
.nav-pills .nav-item a:hover { border: 1px solid #ddd; background: #ddd; color: #000; }
.nav-pills .nav-item a.active { border: 1px solid #343a40; background: #343a40; color: #fff; }
.nav-pills .nav-item a .tab-title { font-size: inherit !important; margin: 0 !important; font-weight: bold; }
.nav-pills .nav-item a .tab-icon { font-size: inherit; }

.nav-pills a.nav-link { padding: 0.6rem !important; }
.nav-pills a.nav-link { border: 1px solid #ddd; background: #fff; color: #000; }
.nav-pills a.nav-link:hover { border: 1px solid #ddd; background: #ddd; color: #000; }
.nav-pills a.nav-link.active { border: 1px solid #343a40; background: #343a40; color: #fff; }
.nav-pills a.nav-link .tab-title { font-size: inherit !important; margin: 0 !important; font-weight: bold; }
.nav-pills a.nav-link .tab-icon { font-size: inherit; }

@media (max-width: 991px) {
	.nav-tabs-style-4, .nav-tabs-style-5 { position: relative; margin: 0 -1px; }
	.nav-pills .nav-item { display: inline-block; width: auto !important; }
 	.nav-pills a.nav-link .tab-title { display: initial; }
	.nav-pills a.nav-link .tab-icon { font-size: 1.5rem; }
	.nav-pills-vert-left .nav-pills .nav-item,
	.nav-pills-vert-right .nav-pills .nav-item { text-align: center !important; }
}