/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


.corona-tabs.tabs,
.corona-tabs {
	border-width: 0;
	padding: 0;
	color: #333333;
	font-size : 15px;
	font-weight: 600;
}
.corona-tabs.tabs:active {
	color: #0069b4;
}
.corona-tabs .nav-item .nav-link {
	padding: 0 12px;
	height: 42px;
	color: #333333;
	line-height: 42px;
	letter-spacing: 0.1px;
	text-transform: uppercase;
}

.corona-tabs .nav-item .nav-link:hover,
.corona-tabs .nav-item .nav-link:focus {
	color: #ffffff;
}
.corona-tabs .nav-item .nav-link.active:hover,
.corona-tabs .nav-item .nav-link.active:focus {
	color: #0069b4;
}

.corona-tabs .nav-item.ui-tabs-active .nav-link {
	top: 0;
	background-color: var(--bs-nav-pills-link-active-bg);
}

.corona-tabs .nav-item.ui-tabs-active .nav-link .badge.bg-warning {
	background-color: var(--cnvs-themecolor);
}

.corona-tabs .nav-item .badge { margin-left: 5px; }

.corona-tabs .tab-content {
	padding: 30px;
	background-color: rgba(255,255,255,0.95);
	border-top: 3px solid var(--cnvs-secondary-color);
}

.corona-tabs.tabs label {
	font-weight: 600;
	text-transform: uppercase;
	font-size: .875rem;
	letter-spacing: 1px;
}