Na}{

File Content: `_tabs.scss`

.nav-tabs {
	.nav-link {
		background: $nav-tabs-link-bg;
		color: $nav-tabs-link-color;
		border-radius: 0;
		border: 1px solid $nav-tabs-border-color;
		padding: .75rem 1.5rem;
		@media (max-width: 767px) {
			padding: .75rem .5rem;
		}
	}
	.nav-item {
		&:first-child {
			.nav-link {
				border-radius: 4px 0 0 0;
			}	
		}
		&:last-child {
			.nav-link {
				border-radius: 0 4px 0 0;
			}
		}
	}
	&.nav-tabs-vertical {
		@extend .flex-column;
		border-bottom: 0;
		.nav-link {
			&.active {
				border-bottom-color: $border-color;
			}
		}
		.nav-item {
			&:first-child {
				.nav-link {
					border-radius: 4px 4px 0 0;
				}	
			}
			&:last-child {
				.nav-link {
					border-radius: 0 0 4px 4px;
				}
			}
		}
	}
	&.nav-tabs-vertical-custom {
		@extend .nav-tabs-vertical;
		background: theme-color(primary);
		border-radius: 4px;
		.nav-link {
			background: transparent;
			border-color: rgba($white, .2);
			color: darken(theme-color(primary), 30%);
			font-weight: 600;
			padding: 1.75rem;
			&.active {
				color: $white;
				border-color: rgba($white, .2);
			}
		}
	}
}

.nav-pills {
	border-bottom: 1px solid $border-color;
	padding-bottom: 1rem;
	.nav-link {
		border: 1px solid $border-color;
		padding: .5rem 1.75rem;
		@media (max-width: 767px) {
			padding: .5rem .5rem;
		}
	}
	.nav-item {
		margin-right: 1rem;
		@media (max-width: 767px) {
			margin-right: .5rem;
		}
	}
	&.nav-pills-vertical {
		@extend .flex-column;
		border-bottom: 0;
		.nav-item {
			margin-right: 0;
			margin-bottom: 1rem;
		}
	}
	&.nav-pills-custom {
		border-bottom: 0;
		.nav-link {
			border-radius: 20px;
			padding: .5rem 2.5rem;
			background: $nav-pills-custom-bg;
			color: $black;
			&.active {
				background: theme-color(danger);
				color: $white;
			}
		}
	}
}

/* Pills color variations */
@each $color, $value in $theme-colors {
  .nav-pills-#{$color} {
    .nav-link {
			color: $value;
			&.active {
				background: theme-color($color);
			}
		}
  }
}


.tab-content {
	border: 1px solid $border-color;
	border-top: 0;
	padding: 2rem 1rem;
	text-align: justify;
	&.tab-content-vertical {
		border-top: 1px solid $border-color;
	}
	&.tab-content-vertical-custom {
		border: 0;
		padding-top: 0;
	}
	&.tab-content-custom-pill {
		border: 0;
		padding-left: 0;
	}
}

Name	Size	Permission
loaders	---	0775
mail-components	---	0775
plugin-overrides	---	0775
_accordions.scss	5062 bytes	0775
_badges.scss	336 bytes	0775
_bootstrap-alerts.scss	512 bytes	0775
_bootstrap-progress.scss	304 bytes	0775
_breadcrumbs.scss	2045 bytes	0775
_buttons.scss	1324 bytes	0775
_cards.scss	2914 bytes	0775
_checkbox-radio.scss	5183 bytes	0775
_dropdown.scss	716 bytes	0775
_forms.scss	1183 bytes	0775
_google-maps.scss	403 bytes	0775
_icons.scss	793 bytes	0775
_lists.scss	2417 bytes	0775
_modals.scss	835 bytes	0775
_pagination.scss	2082 bytes	0775
_popover.scss	2002 bytes	0775
_portfolio.scss	1615 bytes	0775
_preview.scss	2502 bytes	0775
_pricing-table.scss	357 bytes	0775
_tables.scss	646 bytes	0775
_tabs.scss	2283 bytes	0775
_timeline.scss	3111 bytes	0775
_todo-list.scss	1583 bytes	0775
_tooltips.scss	611 bytes	0775
_user-profile.scss	251 bytes	0775

File Content: _tabs.scss

File Content: `_tabs.scss`