﻿.tab-header-container {
	padding: 0rem 0.25rem 0rem 0rem;
	display: flex !important;
	align-items: center !important;
	height: 100%;
	border-radius: 8px 8px 0 0;
}

.tab-header-icon {
	margin: 0.25rem;
	width: 1.25rem;
	height: 1.25rem;
}

.tab-header-text {
	font-size: 0.95rem;
	text-align: start !important;
	height: 1.25rem;
}

.tab-header-active {
	background-color: var(--blazor-default-background-color);
	color: var(--blazor-default-foreground-color);
	text-shadow: 0 0 black;
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color: darkblue;
	transition: 0.1s;
}

.tab-header-background {
	background-color: #D8E2EA;
	color: black;
	transition: 0.25s;
}

	.tab-header-background:hover {
		background-color: #D8E2EA;
		color: black;
		transition: 0.25s;
		transform: scale(1.05) translateY(-1px);
		box-shadow: #628DAD 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
	}

.disabled-shadow {
	box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 3px 1px inset, rgba(0, 0, 0, 0.3) -1px -1px 3px -1px inset;
}

.dxbl-tabs-content-panel {
	max-height: calc(100% - 30px);
}

.k-tabstrip-items-wrapper .k-item:focus {
	box-shadow: none !important;
}

.k-tabstrip-items .k-link {
	padding-block: 0px !important;
	padding-inline: 0px !important;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
	background-color: transparent !important;
	border-color: transparent !important;
}

.k-tabstrip-content {
	padding-block: 0px !important;
	padding-inline: 0px !important;
}
