/* _content/KzenOnline/Components/Layout/BottomNavMenu.razor.rz.scp.css */
.user-dropdown[b-wultb4r1u9]
{
	display: none;
}

.bottom-sidebar[b-wultb4r1u9]
{
	display: none;
}

@media (max-width: 41.25rem)
{
	.sidebar[b-wultb4r1u9]
	{
		display: none;
	}

	main[b-wultb4r1u9]
	{
		padding-bottom: 6vh;
	}

	.bottom-sidebar[b-wultb4r1u9]
	{
		position: fixed;
		bottom: 0px;
		width: 100%;
		display: flex;
		height: 7vh;
		z-index: 10;
		justify-content: space-around;
		background-color: #3a0647;
		padding: 6px 0;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		flex-wrap: nowrap;
	}

	.sidebar-icon[b-wultb4r1u9]
	{
		text-decoration: none;
		color: white;
		flex: 0 0 auto;
	}
	.bottom-sidebar a.active[b-wultb4r1u9]
	{
		background-color: red;
		color: white;
	}

	.sidebar-icon .bi[b-wultb4r1u9]
		{
			font-size: 0.5rem;
		}

	.icon-text[b-wultb4r1u9]
	{
		font-size: 0.6rem;
		color: white;
		margin-top: -5px;
	}

	.top-row[b-wultb4r1u9]
	{
		display: none;
		height: 6vh;
		padding: 5px;
	}
}

@media (min-width: 41.26rem)
{
	.page[b-wultb4r1u9]
	{
		flex-direction: row;
	}

	.sidebar[b-wultb4r1u9]
	{
		width: 300px;
		height: 100vh;
		position: sticky;
		top: 0;
	}

	.top-row[b-wultb4r1u9]
	{
		display: flex;
		position: sticky;
		top: 0;
		z-index: 1;
	}

	.sidebar[b-wultb4r1u9]
	{
		display: block;
	}
}

@media (max-width: 41.25rem)
{
	.user-dropdown[b-wultb4r1u9]
	{
		position: relative;
		z-index: 1050;
		display: block;
	}

	.asdf[b-wultb4r1u9]
	{
		position: fixed;
		display: block;
	}

	.dropdown-menu3[b-wultb4r1u9]
	{
		position: absolute;
		bottom: 2.3rem;
		right: -10px;
		border-radius: 12px 12px 0px 12px;
		border: 1px solid #ccc;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		z-index: 1055;
		background-color: #3a0647;
		color: black;
		width: 100px;
		transform-origin: top;
		transition: opacity 0.3s ease, transform 0.3s ease;
	}

	.overlay[b-wultb4r1u9]
	{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1049;
		background: transparent;
	}

	.dropdown-item[b-wultb4r1u9]
	{
		display: block;
		padding: 8px 5px;
		text-decoration: none;
		color: white;
		font-size: 16px;
		transition: background-color 0.3s ease, padding-left 0.2s ease;
	}
}
/* _content/KzenOnline/Components/Layout/MainLayout.razor.rz.scp.css */
.main-body[b-qv5ejcppgw]
{
	height: 93%;
	min-height: 93vh;
	/*overflow-y: auto;*/
	z-index: -1 !important;
	width: 100%;
}
.content[b-qv5ejcppgw]
{
	padding-top: 0 !important;
}
.page[b-qv5ejcppgw]
{
	position: relative;
	display: flex;
	flex-direction: column;
}
.name-hdr[b-qv5ejcppgw]
{
	font-size: 1.25rem;
	font-weight: bold;
	margin: 0;
	text-align: end;
	
}
.name-hdr .role[b-qv5ejcppgw]
{
	display: block;
	font-size: 0.7rem;
	color: white;
	margin-left: 3rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
}

main[b-qv5ejcppgw]
{
	flex: 1;
	width: 64%;
	z-index: 1;
}

.sidebar[b-qv5ejcppgw]
{
	width: 20%;
	min-width: 20%;
	scrollbar-width: thin;
	background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.bottom-sidebar[b-qv5ejcppgw]
{
	display: none;
}

.top-row[b-qv5ejcppgw]
{
	position: relative;
	background-image: linear-gradient(180deg, #181617 0%, #535554 180%);
	color: white;
	justify-content: flex-end;
	height: 7vh;
	gap: 1rem;
	align-items: center;
	display: flex;
	padding: 0rem 0.5rem;
	align-items: center;
}
.page-name[b-qv5ejcppgw]
{
	position: absolute;
	left: 0.5rem;
	top: 0.3em;
	font-size: 1.1rem;
}
@media (max-width: 41.25rem) 
{
	.page-name h4[b-qv5ejcppgw]
	{
		width: 6rem;
		line-height: 1;
	}

	.name-hdr[b-qv5ejcppgw]
	{
		width: 12rem;
		font-weight: 580;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
@media (max-width: 41.25rem)
{
	.main-body[b-qv5ejcppgw]
	{
		height: 100%;
	}

	.sidebar[b-qv5ejcppgw]
	{
		display: none;
	}

	main[b-qv5ejcppgw]
	{
		width: 100%;
		padding-bottom: 6vh;
	}

	.sidebar-icon[b-qv5ejcppgw]
	{
		text-decoration: none;
		color: white;
		flex: 0 0 auto;
		margin: 0 0.3rem;
	}

		.sidebar-icon .bi[b-qv5ejcppgw]
		{
			font-size: 1rem;
		}

	.icon-text[b-qv5ejcppgw]
	{
		font-size: 0.6rem;
		color: white;
	}

	.top-row[b-qv5ejcppgw]
	{
		height: 6vh;
		padding: 0.3rem;
	}

	.page-name[b-qv5ejcppgw]
	{
		top: 0.8em;
	}

		.page-name h4[b-qv5ejcppgw]
		{
			width: 6rem;
			line-height: 1;
			font-size: 0.9rem !important;
		}

	.name-hdr[b-qv5ejcppgw]
	{
		font-size: 1rem;
		width: 11rem;
		font-weight: 580;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media (min-width: 41.26rem)
{
	.page[b-qv5ejcppgw]
	{
		flex-direction: row;
	}

	.sidebar[b-qv5ejcppgw]
	{
		width: 250px;
		height: 100vh;
		position: sticky;
		top: 0;
	}

	.top-row[b-qv5ejcppgw]
	{
		position: sticky;
		top: 0;
		z-index: 1;
	}

	.sidebar[b-qv5ejcppgw]
	{
		display: block;
	}
}

#blazor-error-ui[b-qv5ejcppgw]
{
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

.user-dropdown[b-qv5ejcppgw]
{
	position: relative;
	display: inline-block;
}

.dropdown-container[b-qv5ejcppgw]
{
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: transform 0.3s ease;
}
.dropdown-container:hover[b-qv5ejcppgw]
{
	transform: scale(1.05);
}
.user-logo[b-qv5ejcppgw]
{
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	border: 2px solid #f0f0f0;
}

.dropdown-menu2[b-qv5ejcppgw]
{
	position: absolute;
	color: white;
	background: linear-gradient(135deg, #1a1a1a, #333);
	top: 100%;
	border-radius: 0.75rem 0px 0.75rem 0.75rem;
	right: 0.23rem;
	border: 0.06rem solid #ccc;
	box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
	z-index: 1000;
	overflow: hidden;
	transition: opacity 0.3s ease, transform 0.3s ease;
	width: 6.35rem;
	transform-origin: top;
	animation: dropdownFade-b-qv5ejcppgw 0.3s ease-out;
}

.dropdown-item[b-qv5ejcppgw]
{
	display: block;
	padding: 0.3rem 0.6rem;
	text-decoration: none;
	color: white;
	font-size: 1rem;
	font-family: "Roboto", sans-serif;
	transition: background-color 0.3s ease, padding-left 0.2s ease;
}
	.dropdown-item:hover[b-qv5ejcppgw]
	{
		background-color: #444;
		padding-left: 1.2rem;
	}
@keyframes dropdownFade-b-qv5ejcppgw
{
	from
	{
		opacity: 0;
		transform: translateY(-10px);
	}

	to
	{
		opacity: 1;
		transform: translateY(0);
	}
}
/* _content/KzenOnline/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-eetyqqi43h]
{
	appearance: none;
	cursor: pointer;
	width: 3.5rem;
	height: 2.5rem;
	color: white;
	position: absolute;
	top: 0.5rem;
	right: 1rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
	
}

	.navbar-toggler:checked[b-eetyqqi43h]
	{
		background-color: rgba(255, 255, 255, 0.5);
	}

.top-row[b-eetyqqi43h]
{
	height: 7vh;
	background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-eetyqqi43h]
{
	font-size: 1.1rem;
}

.bi[b-eetyqqi43h]
{
	display: inline-block;
	position: relative;
	width: 1.25rem;
	height: 1.25rem;
	margin-right: 0.75rem;
	top: -0.06rem;
	background-size: cover;
}

.bi-house-door-fill-nav-menu[b-eetyqqi43h]
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-eetyqqi43h]
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-eetyqqi43h]
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-eetyqqi43h]
{
	font-size: 1rem;
	padding-bottom: 0.2rem;
	display: flex;
	font-weight: bold;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}

.nav-item[b-eetyqqi43h]  .nav-link
{
	color: #d7d7d7;
	background: none;
	border: none;
	border-radius: 0.25rem;
	height: 3rem;
	display: flex;
	align-items: center;
	line-height: 3rem;
	width: 100%;
}

.nav-item[b-eetyqqi43h]  a.active
{
	background-color: rgba(255,255,255,0.37);
	color: white;
}

.nav-item[b-eetyqqi43h]  .nav-link:hover
{
	background-color: rgba(255,255,255,0.37);
	color: white;
}

.nav-scrollable[b-eetyqqi43h]
{
	display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-eetyqqi43h]
{
	display: block;
}

@media (min-width: 40.1rem)
{
	.navbar-toggler[b-eetyqqi43h]
	{
		display: none;
	}

	.nav-scrollable[b-eetyqqi43h]
	{
		/* Never collapse the sidebar for wide screens */
		display: block;
		/* Allow sidebar to scroll for tall menus */
		height: calc(100vh - 3.5rem);
		overflow-y: auto;
	}
}

h3[b-eetyqqi43h], p[b-eetyqqi43h]
{
	margin: 0;
	padding: 0;
}

.logo-holder[b-eetyqqi43h]
{
	font-family: 'Lato', sans-serif;
	position: relative;
	left: 10%;
}

.logo-4 h3[b-eetyqqi43h]
{
	color: #e74c3c;
	font-weight: 900;
	letter-spacing: 0.2rem;
	font-size: 23px;
	line-height: 0.65;
	font-family: 'Lobster', cursive;
}

.logo-4 p[b-eetyqqi43h]
{
	font-size: 12px;
	text-align: end;
	color: white;
	font-weight: 400;
	text-transform: capitalize;
	font-style: italic;
	font-family: 'Mansalva', cursive;
}


@media (max-width: 61.5rem)
{
	.nav-item[b-eetyqqi43h]
	{
		/*font-size: 0.68rem;*/
		display: flex;
		flex-direction: row;
	}
}

.navv[b-eetyqqi43h]
{
	width: 100%;
}

[b-eetyqqi43h] .nav-group-menu
{
	display: flex;
	flex-direction: row;
	gap: 1.2rem;
	align-items: center;
}
[b-eetyqqi43h] .nav-group-header
{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}
/* _content/KzenOnline/Components/Layout/StaticSsrLayout.razor.rz.scp.css */

.progs-loader[b-v213dhg1z5]
{
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
}

.spinner[b-v213dhg1z5]
{
	width: 100px;
	height: 100px;
	border: 6px solid #000;
	border-top-color: #ff0000;
	border-radius: 50%;
	animation: spin-b-v213dhg1z5 0.8s linear infinite;
	margin: 100px auto;
}

@keyframes spin-b-v213dhg1z5
{
	to
	{
		transform: rotate(360deg);
	}
}
/* _content/KzenOnline/Components/Pages/Acc/AddUpdtUzerDylog.razor.rz.scp.css */
.lock-container[b-g2dpv6la4a]
{
	position: relative;
}

#lock-toggle[b-g2dpv6la4a]
{
	display: none;
}


.lock-icon[b-g2dpv6la4a]::before
{
	content: '\1F513';
	font-size: 26px;
	color: #333;
	transition: color 0.3s ease;
}

#lock-toggle:checked + .lock-btn .lock-icon[b-g2dpv6la4a]::before
{
	content: '\1F512';
	color: #fff;
}
/* _content/KzenOnline/Components/Pages/Acc/GenrateUzerDylog.razor.rz.scp.css */
.card[b-rc9sgbqvyh]
{
	font-family: 'Arial', sans-serif;
	background: #ffffff;
	border-radius: 0.9rem;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	width: 23rem;
	padding: 1.5rem;
	transition: transform 0.2s;
}

.card-header[b-rc9sgbqvyh]
{
	display: flex;
	align-items: center;
	gap: 0.8rem;
	font-size: 1.5em;
	font-weight: bold;
	color: #4a90e2;
	margin-bottom: 20px;
}

.card-header h3[b-rc9sgbqvyh]
{
	font-size: 1.2rem;
	font-weight: bold;
}

.card-content[b-rc9sgbqvyh]
{
	padding: 0.92rem 0;
}

.form-group[b-rc9sgbqvyh]
{
	margin-bottom: 1rem;
}

label[b-rc9sgbqvyh]
{
	font-size: 1em;
	color: #555;
	display: block;
	margin-bottom: 0.5rem;
}

.form-control[b-rc9sgbqvyh]
{
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 1rem;
}
.btn[b-rc9sgbqvyh]
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 2px;
	padding: 0.9rem;
	font-size: 1em;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: background 0.3s, transform 0.2s;
}
.btn-primary[b-rc9sgbqvyh]
{
	background: #4a90e2;
	color: white;
}

	.btn-primary:hover[b-rc9sgbqvyh]
	{
		background: #357abd;
		transform: scale(1.05);
	}

	.btn-primary:disabled[b-rc9sgbqvyh]
	{
		background: #ccc;
		cursor: not-allowed;
	}

.btn-secondary[b-rc9sgbqvyh]
{
	background: #43a047;
	color: white;
	padding: 0.5rem 1rem;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: background 0.3s ease;
}

	.btn-secondary:hover[b-rc9sgbqvyh]
	{
		background: #388e3c;
	}

.loader[b-rc9sgbqvyh]
{
	border: 2px solid #ccc;
	border-top: 2px solid white;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	animation: spin-b-rc9sgbqvyh 1s linear infinite;
	display: inline-block;
	margin-right: 0.5rem;
	vertical-align: middle;
}

@keyframes spin-b-rc9sgbqvyh
{
	from
	{
		transform: rotate(0deg);
	}

	to
	{
		transform: rotate(360deg);
	}
}

select[b-rc9sgbqvyh]
{
	width: 100%;
	padding: 10px;
	font-size: 1em;
	border: 1px solid #ccc;
	border-radius: 5px;
	outline: none;
}

select:focus[b-rc9sgbqvyh]
{
	border-color: #4a90e2;
	box-shadow: 0 0 5px rgba(74, 144, 226, 0.5);
}

.credentials[b-rc9sgbqvyh]
{
	position: relative;
	margin-top: 20px;
	background: #f7f9fc;
	padding: 15px;
	border: 1px solid #e0e7ef;
	border-radius: 5px;
}

	.credentials p[b-rc9sgbqvyh]
	{
		font-size: 1em;
		margin-bottom: 10px;
		color: #555;
	}

	.credentials strong[b-rc9sgbqvyh]
	{
		color: #333;
	}

.copy-btn[b-rc9sgbqvyh]
{
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
	color: #5cb85c;
	cursor: pointer;
	padding: 5px;
	font-size: 1.2em;
	transition: transform 0.2s, color 0.3s;
}

.copy-btn:hover[b-rc9sgbqvyh]
{
	color: #4cae4c;
	transform: scale(1.1);
}



@media (max-width: 48rem)
{
	body[b-rc9sgbqvyh]
	{
		padding: 10px;
	}

	.card[b-rc9sgbqvyh]
	{
		padding: 15px;
	}

	.card-header[b-rc9sgbqvyh]
	{
		font-size: 1.2em;
	}

	.btn[b-rc9sgbqvyh]
	{
		padding: 8px 15px;
		font-size: 0.9em;
	}

	.icon-header[b-rc9sgbqvyh]
	{
		width: 30px;
		height: 30px;
		font-size: 1em;
	}
}

@media (max-width: 30rem)
{
	.card[b-rc9sgbqvyh]
	{
		width: 17rem;
	}

	.card-header[b-rc9sgbqvyh]
	{
		flex-direction: column;
		text-align: center;
		font-size: 1rem;
	}

	.form-actions[b-rc9sgbqvyh]
	{
		text-align: center;
	}

	.credentials[b-rc9sgbqvyh]
	{
		text-align: center;
	}

	.btn[b-rc9sgbqvyh]
	{
		width: 100%;
		justify-content: center;
	}
}
/* _content/KzenOnline/Components/Pages/Acc/MnagUsers.razor.rz.scp.css */
.mng-container[b-ao7a07rqy9]
{
	min-height: 90vh;
	overflow-y: auto;
	padding-right: 0.2rem;
}
@media (max-width: 40rem)
{
	.mng-container[b-ao7a07rqy9]
	{
		width: 97vw;
	}
}
.features-title[b-ao7a07rqy9]
{
	margin-bottom: 0.75rem;
	font-weight: bold;
	color: #333;
	text-align: center;
}

[b-ao7a07rqy9] .features-chipset
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	padding: 1rem;
	border: 1px solid #e0e0e0;
	border-radius: 0.5rem;
	background-color: #f9f9f9;
}

[b-ao7a07rqy9] .chip-wrapper
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
}

[b-ao7a07rqy9] .feature-chip
{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 1rem;
	border-radius: 1rem;
/*	background: linear-gradient(90deg, #2196F3, #21CBF3);*/
	color: white;
	font-size: 0.9rem;
	font-weight: 500;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 0.12rem 0.32rem rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

.feature-chip:hover[b-ao7a07rqy9]
{
	transform: scale(1.05);
	box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.3);
}

 .chip-icon[b-ao7a07rqy9]
{
	margin-right: 0.5rem;
	font-size: 1.2rem;
	color: white;
}

[b-ao7a07rqy9] .mud-table-head th:first-child
{
	border-radius: 10px 0px 0px 0px !important;
}

[b-ao7a07rqy9] .mud-table-head th:last-child
{
	border-radius: 0px 0.62rem 0px 0px !important;
}

[b-ao7a07rqy9] .mud-table
{
	border: 1px solid #ddd;
	border-radius: 0.62rem;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

[b-ao7a07rqy9] .mud-table-head
{
	height: 0.32rem !important;
}

[b-ao7a07rqy9] .mud-table-head th
{
	padding: 0.4rem !important;
	background-color: #00334d !important;
	color: white !important;
	font-weight: bold !important;
	height: 0.32rem !important;
	line-height: 1 !important;
	font-size: 0.87rem !important;
}

[b-ao7a07rqy9] .mud-table-row
{
	height: 0.32rem !important;
}
[b-ao7a07rqy9] .mud-table-row .mud-icon-button
{
	padding: 0.56rem 0.25rem !important;
	font-size: 0.75rem !important;
	border: none !important;
}

[b-ao7a07rqy9] .mud-table-cell
{
	height: 0.32rem !important;
	line-height: 1 !important;
	font-size: 0.87rem !important;
	border: none !important;
}

[b-ao7a07rqy9] .mud-table-row:nth-child(odd)
{
	background-color: #f2f2f2 !important;
}

[b-ao7a07rqy9] .mud-table-row:nth-child(even)
{
	background-color: #ffffff !important;
}

[b-ao7a07rqy9] .mud-table-row:hover
{
	background-color: #d1ecf1 !important;
}
[b-ao7a07rqy9] .mud-data-grid .mud-table-cell .column-header .sort-direction-icon
{
	color: white !important;
	opacity: 1 !important;
}

[b-ao7a07rqy9] .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label
{
	color: white !important;
	opacity: 1 !important;
}
[b-ao7a07rqy9] .mud-sort-index
{
	color: white !important;
}
@media (max-width: 37.5rem)
{
	.table-container[b-ao7a07rqy9]
	{
		overflow-x: auto;
	}

	[b-ao7a07rqy9] .mud-table
	{
		width: 100%;
		display: table !important;
		table-layout: auto;
		padding-top: 1.2rem !important;
	}

	[b-ao7a07rqy9] .mud-table-row
	{
		display: table-row !important;
		flex-direction: unset !important;
		height: 3px !important;
		max-height: 0.3rem !important;
	}

	[b-ao7a07rqy9] .mud-table-cell
	{
		word-wrap: break-word;
		display: table-cell !important;
		margin-left: unset !important;
		max-height: 0.3rem !important;
		white-space: nowrap;
		font-size: 1rem !important;
	}

		[b-ao7a07rqy9] .mud-table-cell::before
		{
			display: none !important;
		}

	[b-ao7a07rqy9] .mud-table-head
	{
		display: table-header-group !important;
	}
}
/* _content/KzenOnline/Components/Pages/Acc/NwUzrRgstrDylog.razor.rz.scp.css */
.card[b-ipkreqxfgr]
{
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	max-width: 600px;
	margin: auto;
	overflow: hidden;
}

.card-header[b-ipkreqxfgr]
{
	background-color: #007bff;
	color: #fff;
	padding: 16px;
	font-size: 1.25rem;
}

.card-body[b-ipkreqxfgr]
{
	padding: 16px;
}

.form-group[b-ipkreqxfgr]
{
	margin-bottom: 1rem;
}

	.form-group label[b-ipkreqxfgr]
	{
		display: block;
		margin-bottom: 0.5rem;
		font-weight: bold;
	}

.form-control[b-ipkreqxfgr]
{
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1rem;
}

.form-text[b-ipkreqxfgr]
{
	font-size: 0.875rem;
	color: #6c757d;
}

.captcha-container[b-ipkreqxfgr]
{
	display: flex;
	align-items: center;
	gap: 10px;
}

.captcha-image[b-ipkreqxfgr]
{
	width: 60%;
	height: auto;
}

.captcha-input[b-ipkreqxfgr]
{
	flex-grow: 1;
	width: 30%;
}

.form-actions[b-ipkreqxfgr]
{
	display: flex;
	justify-content: flex-end;
	margin-top: 1rem;
}

.btn[b-ipkreqxfgr]
{
	padding: 8px 16px;
	font-size: 1rem;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.btn-primary[b-ipkreqxfgr]
{
	background-color: #007bff;
	color: #fff;
}

	.btn-primary:disabled[b-ipkreqxfgr]
	{
		background-color: #6c757d;
	}

.card-footer[b-ipkreqxfgr]
{
	padding: 16px;
	background-color: #f8f9fa;
	border-top: 1px solid #ddd;
}

.text-danger[b-ipkreqxfgr]
{
	color: #dc3545;
}

.spinner-border[b-ipkreqxfgr]
{
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: spinner-border-b-ipkreqxfgr .75s linear infinite;
}

@keyframes spinner-border-b-ipkreqxfgr
{
	to
	{
		transform: rotate(360deg);
	}
}

@media (max-width: 768px)
{
	.form-actions[b-ipkreqxfgr]
	{
		text-align: center;
	}

	.btn[b-ipkreqxfgr]
	{
		width: 100%;
	}
}
.refresh[b-ipkreqxfgr]
{
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: bold;
}

.spin-animation[b-ipkreqxfgr]
{
	animation: spin-b-ipkreqxfgr 1s linear infinite;
}

@keyframes spin-b-ipkreqxfgr
{
	from
	{
		transform: rotate(0deg);
	}

	to
	{
		transform: rotate(360deg);
	}
}
/* _content/KzenOnline/Components/Pages/Acc/UsrLogin.razor.rz.scp.css */

*[b-ovjna3bm6e]
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Ensure checkboxes align properly */
.rmbrme-container[b-ovjna3bm6e]
{
	margin-left: 0.2rem;
	position: relative;
	display: flex;
	align-items: center;
	width: 100%; /* Ensures it takes full width of form */
	justify-content: start; /* Aligns checkbox and label to the left */
}

	.rmbrme-container input[b-ovjna3bm6e]
	{
		margin: 0;
		width: auto; /* Prevents it from stretching */
		vertical-align: top; /* Ensures alignment with text */
	}

	.rmbrme-container label[b-ovjna3bm6e]
	{
		position: static !important;
		transform: none !important;
		pointer-events: auto;
		font-size: 16px;
		color: #555;
		cursor: pointer;
		margin-left: 5px; /* Adjust spacing if needed */
	}

.main[b-ovjna3bm6e]
{
	
	font-family: Arial, sans-serif;
	display: flex;
	justify-content: center;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	height: 89vh;
}

.login-container[b-ovjna3bm6e]
{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.login-box[b-ovjna3bm6e]
{
	margin-top: 2rem;
	position: relative;
	padding: 40px;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	width: 100%;
	max-width: 400px;
	text-align: center;
}

.logo img[b-ovjna3bm6e]
{
	max-width: 250px;
	margin-bottom: 30px;
}

.input-container[b-ovjna3bm6e]
{
	position: relative;
	margin: 20px 0;
}
.password-hint[b-ovjna3bm6e]
{
	text-align: start;
	font-size: 1rem;
	color: #555;
	font-weight: 500;
	opacity: 0.9;
	transition: all 0.3s ease;
}
	.password-hint small[b-ovjna3bm6e]
	{
		font-style: italic;
		color: #6c757d;
		
	}
input[b-ovjna3bm6e]
{
	width: 100%;
	padding: 12px 12px 12px 12px;
	border: none;
	outline: none;
	border-bottom: 1px solid #ddd;
	border-radius: 4px;
	font-size: 16px;
	background-color: transparent;
	display: block;
}

input:focus[b-ovjna3bm6e]
{
	outline: none;
	border-color: #007bff;
}

.frgt-text[b-ovjna3bm6e]
{
	margin-top: -10px;
	margin-bottom: 25px;
	font-family: "segoe ui", verdana, helvetica, arial, sans-serif;
}

	.frgt-text h5[b-ovjna3bm6e]
	{
		font-family: "segoe ui", verdana, helvetica, arial, sans-serif;
		font-weight: 400;
		font-size: 14px;
		font-style: normal;
	}

label[b-ovjna3bm6e]
{
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
	font-size: 16px;
	color: #aaa;
	pointer-events: none;
	transition: 0.2s;
	z-index: 1;
}

.chblabel[b-ovjna3bm6e]
{
	font-size: 16px;
}

input:focus + label[b-ovjna3bm6e],
input:not(:placeholder-shown) + label[b-ovjna3bm6e]
{
	top: -2px;
	left: 12px;
	font-size: 14px;
	color: #007bff;
}

button[b-ovjna3bm6e]
{
	width: 100%;
	padding: 12px;
	background-color: #007bff;
	border: none;
	border-radius: 4px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

button:hover[b-ovjna3bm6e]
{
	background-color: #0056b3;
}

.forgot-password[b-ovjna3bm6e]
{
	display: block;
	margin-top: 10px;
	color: #007bff;
	text-decoration: none;
	cursor: pointer;
}

.forgot-password:hover[b-ovjna3bm6e]
{
	text-decoration: underline;
}


.term[b-ovjna3bm6e]
{
	position: relative;
	bottom: -2rem;
	text-align: center;
	color: blue;
	font-family: "Roboto Slab", serif;
	font-style: normal;
}


@media (max-width: 768px)
{
	.login-box[b-ovjna3bm6e]
	{
		padding: 20px;
	}

	.login-container[b-ovjna3bm6e]
	{
		width: 80%;
	}

	input[b-ovjna3bm6e], button[b-ovjna3bm6e]
	{
		font-size: 14px;
		padding: 10px;
	}
}

@media (max-width: 480px)
{
	.logo img[b-ovjna3bm6e]
	{
		max-width: 120px;
	}

	input[b-ovjna3bm6e], button[b-ovjna3bm6e]
	{
		font-size: 12px;
		padding: 8px;
	}
	.term[b-ovjna3bm6e]
	{
		font-size: 0.8rem;
		
	}
}


.back-btn[b-ovjna3bm6e]
{
	position: absolute;
	top: 0;
	left: 8px;
	display: block;
	font-size: 23px;
	font-weight: 900;
	text-align: center;
	color: #0078d4;
	cursor: pointer;
	text-decoration: underline;
}

.forgot-password[b-ovjna3bm6e]
{
	display: block;
	margin-top: 10px;
	text-align: center;
	color: #0078d4;
	cursor: pointer;
	text-decoration: underline;
}
.refresh[b-ovjna3bm6e]
{
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: bold;

}
.spin-animation[b-ovjna3bm6e]
{
	animation: spin-b-ovjna3bm6e 1s linear infinite;
}

@keyframes spin-b-ovjna3bm6e
{
	from
	{
		transform: rotate(0deg);
	}

	to
	{
		transform: rotate(360deg);
	}
}
/* _content/KzenOnline/Components/Pages/Acc/UzerProfile.razor.rz.scp.css */
.profile-container[b-g4h0pfb0tp]
{
	min-height: 93vh;
	font-family: 'Arial', sans-serif;
	margin: 0 auto;
	padding: 1.25rem;
}
[b-g4h0pfb0tp] .upld_btn
{
	position: absolute;
	top: 0.7rem;
	right: 0.5rem;
	background-color: beige;
	font-size: 1.5rem;
	color: black;
	border-radius: 50%;
	padding: 0.25rem;
	cursor: pointer;
}
/* Themes */



.profile-header[b-g4h0pfb0tp]
{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	gap: 1.5em;
}

.avatar-container[b-g4h0pfb0tp]
{
	position: relative;
	width: 7.5rem;
	height: 7.5rem;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #ccc;
}

.profile-avatar[b-g4h0pfb0tp]
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.edit-icon[b-g4h0pfb0tp]
{
	position: absolute;
	top: 0.32rem;
	right: 0.32rem;
	background: rgba(0, 0, 0, 0.6);
	color: white;
	border-radius: 50%;
	padding: 0.32rem;
	font-size: 0.87rem;
	cursor: pointer;
}

.profile-info h1[b-g4h0pfb0tp]
{
	margin: 0;
	font-size: 1.5rem;
}

.profile-stats[b-g4h0pfb0tp]
{
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
	margin-top: 0.62rem;
}

.stat-item strong[b-g4h0pfb0tp]
{
	color: #007bff;
}

.profile-body[b-g4h0pfb0tp]
{
	display: flex;
	padding: 0.32rem;
	align-items: flex-start;
}

.profile-settings[b-g4h0pfb0tp]
{
	width: 100%;
}

.edit-profile-section[b-g4h0pfb0tp]
{
	flex: 0 0 60%;
	border-right: 1px solid #ccc;
	padding: 1.25rem;
}

.theme-section[b-g4h0pfb0tp]
{
	flex: 0 0 40%;
	padding: 1.25rem;
}

.edit-profile-form[b-g4h0pfb0tp]
{
	width: 40%;
}

	.edit-profile-form label[b-g4h0pfb0tp]
	{
		display: block;
		margin-top: 0.62rem;
	}

	.edit-profile-form input[b-g4h0pfb0tp],
	.edit-profile-form textarea[b-g4h0pfb0tp]
	{
		width: 100%;
		padding: 0.5rem;
		margin-top: 0.32rem;
		border: 1px solid #ccc;
		border-radius: 0.5rem;
	}


.input-container[b-g4h0pfb0tp]
{
	position: relative;
	width: 100%;
}

.theme-options[b-g4h0pfb0tp]
{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0.62rem;
	min-width: 100%;
	border: 1px solid #ccc;
	height: fit-content;
	background-color: white;
	border-radius: 0.5rem;
}
.theme-box[b-g4h0pfb0tp]
{
	border-radius: 0.4rem;
	border: 1px solid gray;
	margin-left: 0.25rem;
}

.theme-options h4[b-g4h0pfb0tp]
{
	position: absolute;
	left: 0.25rem;
	top: 30%;
	color: gray;
}

.font-option[b-g4h0pfb0tp]
{
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	padding: 0.62rem;
	min-width: 100%;
	margin-top: 0.4rem;
	border: 1px solid #ccc;
	height: fit-content;
	background-color: white;
	border-radius: 0.5rem;
}

	.font-option h4[b-g4h0pfb0tp], .theme-options h4[b-g4h0pfb0tp]
	{
		font-size: 1.2rem;
		margin-bottom: 1rem;
		font-weight: bold;
		color: #333;
	}

.font-selector[b-g4h0pfb0tp]
{
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1rem;
	width: 100%;
}

	.font-selector select[b-g4h0pfb0tp]
	{
		padding: 0.5rem;
		font-size: 1rem;
		border: 1px solid #ccc;
		border-radius: 0.25rem;
		background-color: white;
		outline: none;
		transition: border-color 0.3s ease;
	}

		.font-selector select:focus[b-g4h0pfb0tp]
		{
			border-color: #4CAF50;
		}

.font-weight-toggle[b-g4h0pfb0tp]
{
	display: flex;
	align-items: center;
	gap: 0.5rem;
	justify-content: center;
	width: 100%;
}

	.font-weight-toggle input[type="checkbox"][b-g4h0pfb0tp]
	{
		position: relative;
		width: 40px;
		height: 20px;
		appearance: none;
		background-color: #ccc;
		border-radius: 30px;
		cursor: pointer;
		transition: background-color 0.3s;
	}

		.font-weight-toggle input[type="checkbox"]:checked[b-g4h0pfb0tp]
		{
			background-color: #4CAF50;
		}

		.font-weight-toggle input[type="checkbox"][b-g4h0pfb0tp]:before
		{
			content: "";
			position: absolute;
			top: 2px;
			left: 2px;
			width: 16px;
			height: 16px;
			background-color: white;
			border-radius: 50%;
			transition: left 0.3s ease;
		}

		.font-weight-toggle input[type="checkbox"]:checked[b-g4h0pfb0tp]:before
		{
			left: 22px;
		}

	.font-weight-toggle label[b-g4h0pfb0tp]
	{
		font-size: 1rem;
		color: #333;
	}

.select-font[b-g4h0pfb0tp]
{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 1.2rem;
}
@media (max-width: 600px)
{
	.theme-options[b-g4h0pfb0tp]
	{
		flex-direction: column;
		padding: 1rem;
		align-items: center;
	}

		.theme-options h4[b-g4h0pfb0tp]
		{
			position: static; 
			text-align: center;
			margin-bottom: 1rem;
		}

	.font-option[b-g4h0pfb0tp]
	{
		width: 100%;
		padding: 1rem;
		flex-direction: column;
	}

	.font-selector[b-g4h0pfb0tp]
	{
		flex-direction: column;
		gap: 0.5rem;
		width: 100%;
	}

		.font-selector select[b-g4h0pfb0tp]
		{
			width: 100%;
			font-size: 0.9rem;
		}

	.font-weight-toggle[b-g4h0pfb0tp]
	{
		flex-direction: column;
		align-items: center;
		gap: 0.5rem;
		width: 100%;
	}

		.font-weight-toggle input[type="checkbox"][b-g4h0pfb0tp]
		{
			width: 50px;
		}
}

@media (min-width: 600px) and (max-width: 900px)
{
	.theme-options[b-g4h0pfb0tp]
	{
		flex-direction: column;
		padding: 1rem;
		align-items: center;
	}

	.font-option[b-g4h0pfb0tp]
	{
		width: 100%;
		padding: 1rem;
	}

	.font-selector[b-g4h0pfb0tp]
	{
		flex-direction: column;
		gap: 0.5rem;
		width: 100%;
	}

		.font-selector select[b-g4h0pfb0tp]
		{
			width: 100%;
			font-size: 1rem;
		}

	.font-weight-toggle[b-g4h0pfb0tp]
	{
		flex-direction: column;
		align-items: center;
		gap: 0.5rem;
		width: 100%;
	}
}

@media (min-width: 900px)
{
	.theme-options[b-g4h0pfb0tp]
	{
		flex-direction: row;
		align-items: center;
	}

	.font-option[b-g4h0pfb0tp]
	{
		flex-direction: row;
		justify-content: space-between;
		width: 48%;
	}

	.font-selector[b-g4h0pfb0tp]
	{
		flex-direction: row;
		gap: 1rem;
		width: auto;
	}

		.font-selector select[b-g4h0pfb0tp]
		{
			width: auto;
		}

	.font-weight-toggle[b-g4h0pfb0tp]
	{
		flex-direction: row;
		gap: 0.5rem;
		justify-content: flex-start;
		width: auto;
	}
}



button[type="submit"][b-g4h0pfb0tp]
{
	margin-top: 1rem;
	padding: 0.32rem 1.25rem;
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 0.25rem;
	cursor: pointer;
}

@media (max-width: 37.5rem)
{
	.profile-header[b-g4h0pfb0tp]
	{
		flex-direction: column;
		align-items: center;
	}

	.avatar-container[b-g4h0pfb0tp]
	{
		width: 100px;
		height: 100px;
	}

	.profile-avatar[b-g4h0pfb0tp]
	{
		width: 100%;
		height: 100%;
	}

	.profile-info[b-g4h0pfb0tp]
	{
		text-align: center;
	}

	.profile-stats[b-g4h0pfb0tp]
	{
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}

	.profile-body[b-g4h0pfb0tp]
	{
		flex-direction: column;
	}

	.profile-settings[b-g4h0pfb0tp]
	{
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	.edit-profile-form[b-g4h0pfb0tp]
	{
		width: 90%;
	}

	.edit-profile-section[b-g4h0pfb0tp]
	{
		width: 100%;
		border-right: none;
		padding: 10px;
	}

	.theme-options[b-g4h0pfb0tp]
	{
		flex-direction: row;
		width: 100%;
		margin-top: 5px;
		align-items: center;
	}

	.theme-box[b-g4h0pfb0tp]
	{
		width: 50px;
		height: 50px;
	}

	button[type="submit"][b-g4h0pfb0tp]
	{
		width: 100%;
	}
}

@media (min-width: 37.52rem) and (max-width: 64rem)
{
	.profile-header[b-g4h0pfb0tp]
	{
		flex-direction: row;
	}

	.avatar-container[b-g4h0pfb0tp]
	{
		width: 100px;
		height: 100px;
	}

	.profile-info h1[b-g4h0pfb0tp]
	{
		font-size: 22px;
	}

	.profile-stats[b-g4h0pfb0tp]
	{
		gap: 10px;
	}

	.profile-body[b-g4h0pfb0tp]
	{
		flex-direction: column;
		align-items: center;
	}

	.profile-settings[b-g4h0pfb0tp]
	{
		flex-direction: column;
	}

	.edit-profile-form[b-g4h0pfb0tp]
	{
		width: 80%;
	}

	.edit-profile-section[b-g4h0pfb0tp]
	{
		width: 100%;
		padding: 15px;
	}

	.theme-options[b-g4h0pfb0tp]
	{
		width: 100%;
		justify-content: center;
	}

	.theme-box[b-g4h0pfb0tp]
	{
		width: 60px;
		height: 60px;
	}
}

@media (min-width: 64.1rem)
{
	.profile-header[b-g4h0pfb0tp]
	{
		flex-direction: row;
	}

	.avatar-container[b-g4h0pfb0tp]
	{
		width: 120px;
		height: 120px;
	}

	.profile-info h1[b-g4h0pfb0tp]
	{
		font-size: 24px;
	}

	.profile-body[b-g4h0pfb0tp]
	{
		flex-direction: row;
	}

	.profile-settings[b-g4h0pfb0tp]
	{
		flex-direction: row;
	}

	.edit-profile-form[b-g4h0pfb0tp]
	{
		width: 40%;
	}

	.edit-profile-section[b-g4h0pfb0tp]
	{
		width: 60%;
	}

	.theme-options[b-g4h0pfb0tp]
	{
		width: 50%;
		justify-content: flex-end;
	}

	.theme-box[b-g4h0pfb0tp]
	{
		width: 80px;
		height: 80px;
	}
}

.chngd-pswd[b-g4h0pfb0tp]
{
	cursor: pointer;
}


.tabs[b-g4h0pfb0tp]
{
	display: flex;
	gap: 1.2em;
	font-family: 'Arial', sans-serif;
}

	.tabs button[b-g4h0pfb0tp]
	{
		background: none;
		border: none;
		font-size: 14px;
		cursor: pointer;
		transition: 0.3s;
	}

		.tabs button:hover[b-g4h0pfb0tp]
		{
			color: #007bff;
		}

		.tabs button.active-tab[b-g4h0pfb0tp]
		{
			background-color: #0078d7;
			color: white;
			padding: 0.3rem 0.7rem;
			border-radius: 0.9rem;
			transform: scale(1.1);
		}

		.tabs button:active[b-g4h0pfb0tp]
		{
			transform: scale(0.95);
		}
.input-container input[b-g4h0pfb0tp]
{
	width: 100%;
	padding: 0.5rem;
	padding-right: 2rem;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
}

.input-container i[b-g4h0pfb0tp]
{
	position: absolute;
	right: 10px;
	top: 55%;
	cursor: pointer;	
}

/* _content/KzenOnline/Components/Pages/Features/CRM/CRM.razor.rz.scp.css */
.crm-container[b-r8iji54kkc]
{
	padding-right: 0.2rem;
}


.small-rating[b-r8iji54kkc]
{
	margin-right: 63px;
	margin-left: -43px;
}

.text-container[b-r8iji54kkc]
{
	padding: 1.5rem;
}

.form-container[b-r8iji54kkc]
{
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-top: -10px;
	height: auto;
	overflow-y: auto;
	scrollbar-width: none;
	opacity: 0;
	transform: translateY(-30px);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	right: 0;
}


.form-container.visible[b-r8iji54kkc]
{
	opacity: 1;
	display: block;
	transform: translateY(0);
	pointer-events: auto;
	position: static;
	visibility: visible;
}

.cut-btn[b-r8iji54kkc]
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.8rem 1rem;
	background: #B8B8B8;
	border-bottom: 1px solid #ddd;
	border-radius: 8px 8px 0 0;
}
.theme-dark[b-r8iji54kkc]
{
	color: red !important;
}

.main[b-r8iji54kkc]
{
	margin-top: -25px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.select-wrapper[b-r8iji54kkc]
{
	width: 100%;
}

.more-btn[b-r8iji54kkc]
{
	margin-top: 2rem;
	margin-left: 0.5rem;
	color: red;
	cursor: pointer;
}

.mud-text-field[b-r8iji54kkc],
.mud-select[b-r8iji54kkc]
{
	width: 100%;
}

.validation-summary[b-r8iji54kkc]
{
	margin-top: 1rem;
}

@media (max-width: 1024px)
{
	.form-container[b-r8iji54kkc]
	{
		width: 95%;
	}

	.main[b-r8iji54kkc]
	{
		width: 95%;
	}
}



@media (max-width: 768px)
{
	.form-container[b-r8iji54kkc]
	{
		width: 100%;
	}
}

@media (max-width: 480px)
{
	.form-container[b-r8iji54kkc]
	{
		width: 100%;
		margin-top: 0;
	}

	.table-container[b-r8iji54kkc]
	{
		width: 100%;
	}

	.mud-text-field[b-r8iji54kkc],
	.mud-select[b-r8iji54kkc]
	{
		font-size: 0.9rem;
	}

	.more-btn[b-r8iji54kkc]
	{
		font-size: 0.9rem;
	}
}

@media (max-width: 400px)
{
	.form-container[b-r8iji54kkc]
	{
		width: 100%;
		margin-top: 0;
	}

	.cut-btn[b-r8iji54kkc]
	{
		padding: 0.4rem 0.6rem;
	}

	.mud-text-field[b-r8iji54kkc],
	.mud-select[b-r8iji54kkc]
	{
		font-size: 0.9rem;
	}

	.more-btn[b-r8iji54kkc]
	{
		font-size: 0.9rem;
	}
}



.form-header[b-r8iji54kkc]
{
	border-radius: 8px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	justify-content: space-between;
	padding: 8px;
	margin-top: 18px;
	align-items: center;
}

	.form-header .MudText[b-r8iji54kkc]
	{
		font-size: 1.2rem;
	}

	.form-header .close-btn[b-r8iji54kkc]
	{
		transition: transform 0.2s ease-in-out;
	}

		.form-header .close-btn:hover[b-r8iji54kkc]
		{
			transform: rotate(90deg);
		}

[b-r8iji54kkc] .add-rate
{
	display: flex;
	align-items: center;
	margin-top: 10px;
	justify-content: center;
}

[b-r8iji54kkc] .view
{
	position: relative;
	left: 12px;
}

[b-r8iji54kkc] .mud-table-head th:first-child
{
	border-radius: 10px 0px 0px 0px !important;
}

[b-r8iji54kkc] .mud-table-head th:last-child
{
	border-radius: 0px 10px 0px 0px !important;
}

[b-r8iji54kkc] .mud-table
{
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

[b-r8iji54kkc] .mud-table-head th
{
	padding: 0.5rem !important;
	background-color: #00334d !important;
	color: white !important;
	font-weight: bold !important;
	height: 5px !important;
	line-height: 1 !important;
	font-size: 14px !important;
}

[b-r8iji54kkc] .mud-table-row
{
	height: 5px !important;
}

[b-r8iji54kkc] .mud-table-cell
{
	height: 5px !important;
	line-height: 1 !important;
	font-size: 14px !important;
	border: none !important;
}

[b-r8iji54kkc] .mud-table-row:nth-child(odd)
{
	background-color: #f2f2f2 !important;
}

[b-r8iji54kkc] .mud-table-row:nth-child(even)
{
	background-color: #ffffff !important;
}

[b-r8iji54kkc] .mud-table-row:hover
{
	background-color: #d1ecf1 !important;
}

@media (max-width: 37.5rem)
{
	[b-r8iji54kkc] .mud-toolbar-gutters
	{
		display: flex !important;
		flex-direction: row !important;
		gap: 1.2rem !important;
	}
	.table-container[b-r8iji54kkc]
	{
		overflow-x: auto;
	}
	[b-r8iji54kkc] .mud-table
	{
		width: 100%;
		display: table !important;
		table-layout: auto;
	}
		[b-r8iji54kkc] .mud-table-row
		{
			display: table-row !important;
			flex-direction: unset !important;
			height: 3px !important;
			max-height: 0.3rem !important;
		}

	[b-r8iji54kkc] .mud-table-cell
	{
		word-wrap: break-word;
		display: table-cell !important;
		margin-left: unset !important;
		max-height: 0.3rem !important;
		white-space: nowrap;
		font-size: 1rem !important;
	}
		[b-r8iji54kkc] .mud-table-cell::before
		{
			display: none !important;
		}

	[b-r8iji54kkc] .mud-table-head
	{
		display: table-header-group !important;
	}
}


[b-r8iji54kkc] .mud-data-grid .mud-table-cell .column-header .sort-direction-icon
{
	color: white !important;
	opacity: 1 !important;
}

[b-r8iji54kkc] .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label
{
	color: white !important;
	opacity: 1 !important;
}

[b-r8iji54kkc] .mud-sort-index
{
	color: white !important;
}

.icon-with-label-row[b-r8iji54kkc]
{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 0.5rem;
}

	.icon-with-label-row .mud-icon-button[b-r8iji54kkc]
	{
		margin-right: 0.25rem;
	}

	.icon-with-label-row .mud-typography[b-r8iji54kkc]
	{
		font-size: 0.75rem;
		color: rgba(255, 255, 255, 0.65);
		white-space: nowrap;
	}
/* _content/KzenOnline/Components/Pages/Features/CRM/CRMMt_AddUpdtDylg.razor.rz.scp.css */
.close-btn[b-ym4z5nwm0r]
{
	color: #333;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

	.close-btn:hover[b-ym4z5nwm0r]
	{
		color: #e74c3c;
	}

.h3[b-ym4z5nwm0r]
{
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #333;
}

.p[b-ym4z5nwm0r]
{
	margin-bottom: 20px;
	font-size: 0.95em;
	color: #666;
}

#form-grid[b-ym4z5nwm0r]
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 17px;
	margin-bottom: 15px;
}

.field[b-ym4z5nwm0r]
{
	display: flex;
	flex-direction: column;
	text-align: left;
}

	.field label[b-ym4z5nwm0r]
	{
		margin-bottom: 5px;
		font-size: 0.9em;
		color: #444;
		font-weight: 500;
	}

	.field select[b-ym4z5nwm0r],
	.field input[type="text"][b-ym4z5nwm0r],
	.field input[type="datetime-local"][b-ym4z5nwm0r]
	{
		font-size: 1em;
		width: 120px;
		padding: 6px 8px;
		border: 1px solid #ccc;
		border-radius: 5px;
		transition: border-color 0.3s ease;
	}

		.field select:focus[b-ym4z5nwm0r],
		.field input[type="text"]:focus[b-ym4z5nwm0r],
		.field input[type="datetime-local"]:focus[b-ym4z5nwm0r]
		{
			border-color: #3498db;
			outline: none;
		}

.field-notes[b-ym4z5nwm0r]
{
	margin-top: 15px;
}

	.field-notes textarea[b-ym4z5nwm0r]
	{
		font-size: 1em;
		padding: 8px 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		width: 100%;
		transition: border-color 0.3s ease;
	}

		.field-notes textarea:focus[b-ym4z5nwm0r]
		{
			border-color: #3498db;
			outline: none;
		}

.field button[b-ym4z5nwm0r]
{
	margin-top: 15px;
	padding: 10px;
	background-color: #3498db;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 1em;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

	.field button:hover[b-ym4z5nwm0r]
	{
		background-color: #2980b9;
	}

.text-container[b-ym4z5nwm0r]
{
	padding: 1.5rem;
}





/* _content/KzenOnline/Components/Pages/Features/CRM/CRM_meet.razor.rz.scp.css */
.nav-link[b-bbwir4upo2]
{
	width: 8px;
}
[b-bbwir4upo2] .mud-table-head th:first-child
{
	border-radius: 10px 0px 0px 0px !important;
}

[b-bbwir4upo2] .mud-table-head th:last-child
{
	border-radius: 0px 10px 0px 0px !important;
}

[b-bbwir4upo2] .mud-table
{
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

[b-bbwir4upo2] .mud-table-head
{
	height: 5px !important;
}

	[b-bbwir4upo2] .mud-table-head th
	{
		padding: 0.5rem !important;
		background-color: #00334d !important;
		color: white !important;
		font-weight: bold !important;
		height: 5px !important;
		line-height: 1 !important;
		font-size: 14px !important;
	}

[b-bbwir4upo2] .mud-table-row
{
	height: 5px !important;
}

	[b-bbwir4upo2] .mud-table-row .mud-icon-button
	{
		padding: 9px 4px !important;
		font-size: 12px !important;
		border: none !important;
	}

[b-bbwir4upo2] .mud-table-cell
{
	height: 5px !important;
	line-height: 1 !important;
	font-size: 14px !important;
	border: none !important;
}

[b-bbwir4upo2] .mud-table-row:nth-child(odd)
{
	background-color: #f2f2f2 !important;
}

[b-bbwir4upo2] .mud-table-row:nth-child(even)
{
	background-color: #ffffff !important;
}

[b-bbwir4upo2] .mud-table-row:hover
{
	background-color: #d1ecf1 !important;
}

[b-bbwir4upo2] .mud-data-grid .mud-table-cell .column-header .sort-direction-icon
{
	color: white !important;
	opacity: 1 !important;
}

[b-bbwir4upo2] .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label
{
	color: white !important;
	opacity: 1 !important;
}
[b-bbwir4upo2] .mud-sort-index
{
	color: white !important;
}

@media (max-width: 37.5rem)
{
	.table-container[b-bbwir4upo2]
	{
		overflow-x: auto;
	}

	[b-bbwir4upo2] .mud-table
	{
		width: 100%;
		display: table !important;
		table-layout: auto;
	}

	[b-bbwir4upo2] .mud-table-row
	{
		display: table-row !important;
		flex-direction: unset !important;
		height: 3px !important;
		max-height: 0.3rem !important;
	}

	[b-bbwir4upo2] .mud-table-cell
	{
		word-wrap: break-word;
		display: table-cell !important;
		margin-left: unset !important;
		max-height: 0.3rem !important;
		white-space: nowrap;
		font-size: 1rem !important;
	}

		[b-bbwir4upo2] .mud-table-cell::before
		{
			display: none !important;
		}

	[b-bbwir4upo2] .mud-table-head
	{
		display: table-header-group !important;
	}
}

.dropdown-container[b-bbwir4upo2]
{
	margin-bottom: 16px;
	display: flex;
	flex-direction: column;
	width: 260px;
}

	.dropdown-container label[b-bbwir4upo2]
	{
		font-size: 16px;
		margin-bottom: 8px;
		font-weight: 600;
		color: #333;
	}

.custom-select[b-bbwir4upo2]
{
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	outline: none;
	width: 100%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

	.custom-select:hover[b-bbwir4upo2]
	{
		border-color: #007bff;
		box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2);
	}

	.custom-select:focus[b-bbwir4upo2]
	{
		border-color: #0056b3;
		box-shadow: 0 0 4px rgba(0, 123, 255, 0.8);
	}



.sltoptn[b-bbwir4upo2]
{
	display: flex !important;
	flex-direction: row !important;
	width: 100%;
	justify-content: space-between;
}
@media (max-width: 768px)
{
	.dropdown-container[b-bbwir4upo2]
	{
		width: 70%;
		justify-content: flex-end;
	}
	.custom-select[b-bbwir4upo2]
	{
		width: 80%;
	}

}
/* _content/KzenOnline/Components/Pages/Features/KpClients/KpClients.razor.rz.scp.css */
.crm-container[b-61vzk7t2l6]
{
	padding-right: 0.2rem;
}

.table-container[b-61vzk7t2l6]
{
	width: 100%;
	margin: auto;
}

@media (max-width: 640px)
{
	.crm-container[b-61vzk7t2l6]
	{
		width: 97vw;
	}
}

.small-rating[b-61vzk7t2l6]
{
	margin-right: 63px;
	margin-left: -43px;
}

.text-container[b-61vzk7t2l6]
{
	padding: 1.5rem;
}

.add-btnn[b-61vzk7t2l6]
{
	margin-right: -40px;
}

.grditm2[b-61vzk7t2l6]
{
	margin-left: 20px;
}

.form-container[b-61vzk7t2l6]
{
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-top: -10px;
	height: auto;
	overflow-y: auto;
	scrollbar-width: none;
	opacity: 0;
	transform: translateY(-30px);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	right: 0;
}

	.form-container.visible[b-61vzk7t2l6]
	{
		opacity: 1;
		display: block;
		transform: translateY(0);
		pointer-events: auto;
		position: static;
		visibility: visible;
	}

.cut-btn[b-61vzk7t2l6]
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.8rem 1rem;
	background: #B8B8B8;
	border-bottom: 1px solid #ddd;
	border-radius: 8px 8px 0 0;
}

.main[b-61vzk7t2l6]
{
	margin-top: -25px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.select-wrapper[b-61vzk7t2l6]
{
	width: 100%;
}

.more-btn[b-61vzk7t2l6]
{
	margin-top: 2rem;
	margin-left: 0.5rem;
	color: red;
	cursor: pointer;
}

.mud-text-field[b-61vzk7t2l6],
.mud-select[b-61vzk7t2l6]
{
	width: 100%;
}

.validation-summary[b-61vzk7t2l6]
{
	margin-top: 1rem;
}

@media (max-width: 1024px)
{
	.form-container[b-61vzk7t2l6]
	{
		width: 95%;
	}

	.main[b-61vzk7t2l6]
	{
		width: 95%;
	}
}



@media (max-width: 768px)
{
	.form-container[b-61vzk7t2l6]
	{
		width: 100%;
	}
}

@media (max-width: 480px)
{
	.form-container[b-61vzk7t2l6]
	{
		width: 100%;
		margin-top: 0;
	}

	.table-container[b-61vzk7t2l6]
	{
		width: 100%;
	}

	.mud-text-field[b-61vzk7t2l6],
	.mud-select[b-61vzk7t2l6]
	{
		font-size: 0.9rem;
	}

	.more-btn[b-61vzk7t2l6]
	{
		font-size: 0.9rem;
	}
}

@media (max-width: 400px)
{
	.form-container[b-61vzk7t2l6]
	{
		width: 100%;
		margin-top: 0;
	}

	.cut-btn[b-61vzk7t2l6]
	{
		padding: 0.4rem 0.6rem;
	}

	.table-container[b-61vzk7t2l6]
	{
		width: 100%;
	}

	.mud-text-field[b-61vzk7t2l6],
	.mud-select[b-61vzk7t2l6]
	{
		font-size: 0.9rem;
	}

	.more-btn[b-61vzk7t2l6]
	{
		font-size: 0.9rem;
	}
}



.form-header[b-61vzk7t2l6]
{
	border-radius: 8px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	justify-content: space-between;
	padding: 8px;
	margin-top: 18px;
	align-items: center;
}

	.form-header .MudText[b-61vzk7t2l6]
	{
		font-size: 1.2rem;
	}

	.form-header .close-btn[b-61vzk7t2l6]
	{
		transition: transform 0.2s ease-in-out;
	}

		.form-header .close-btn:hover[b-61vzk7t2l6]
		{
			transform: rotate(90deg);
		}

[b-61vzk7t2l6] .add-rate
{
	display: flex;
	align-items: center;
	margin-top: 10px;
	justify-content: center;
}

[b-61vzk7t2l6] .view
{
	position: relative;
	left: 12px;
}

[b-61vzk7t2l6] .mud-table-head th:first-child
{
	border-radius: 10px 0px 0px 0px !important;
}

[b-61vzk7t2l6] .mud-table-head th:last-child
{
	border-radius: 0px 10px 0px 0px !important;
}

[b-61vzk7t2l6] .mud-table
{
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	/*height: 80vh;*/
	overflow-y: auto;
}

[b-61vzk7t2l6] .mud-table-head th
{
	padding: 0.5rem !important;
	background-color: #00334d !important;
	color: white !important;
	font-weight: bold !important;
	height: 5px !important;
	line-height: 1 !important;
	font-size: 14px !important;
}

[b-61vzk7t2l6] .mud-table-row
{
	height: 5px !important;
}

[b-61vzk7t2l6] .mud-table-cell
{
	height: 5px !important;
	line-height: 1 !important;
	font-size: 14px !important;
	border: none !important;
}

[b-61vzk7t2l6] .mud-table-row:nth-child(odd)
{
	background-color: #f2f2f2 !important;
}

[b-61vzk7t2l6] .mud-table-row:nth-child(even)
{
	background-color: #ffffff !important;
}

[b-61vzk7t2l6] .mud-table-row:hover
{
	background-color: #d1ecf1 !important;
}

[b-61vzk7t2l6] .mud-data-grid .mud-table-cell .column-header .sort-direction-icon
{
	color: white !important;
	opacity: 1 !important;
}

[b-61vzk7t2l6] .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label
{
	color: white !important;
	opacity: 1 !important;
}

[b-61vzk7t2l6] .mud-sort-index
{
	color: white !important;
}

@media (max-width: 37.5rem)
{
	.table-container[b-61vzk7t2l6]
	{
		overflow-x: auto;
	}

	[b-61vzk7t2l6] .mud-table
	{
		width: 100%;
		display: table !important;
		table-layout: auto;
		padding-top: 1.2rem !important;
	}

	[b-61vzk7t2l6] .mud-table-row
	{
		display: table-row !important;
		flex-direction: unset !important;
		height: 3px !important;
		max-height: 0.3rem !important;
	}

	[b-61vzk7t2l6] .mud-table-cell
	{
		word-wrap: break-word;
		display: table-cell !important;
		margin-left: unset !important;
		max-height: 0.3rem !important;
		white-space: nowrap;
		font-size: 1rem !important;
	}

		[b-61vzk7t2l6] .mud-table-cell::before
		{
			display: none !important;
		}

	[b-61vzk7t2l6] .mud-table-head
	{
		display: table-header-group !important;
	}
}


[b-61vzk7t2l6] .open-view
{
	display: flex;
	flex-direction: row;
	gap: 1rem;
	justify-content: flex-end;
}


.popup-overlay[b-61vzk7t2l6]
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 999;
}

.popup-box[b-61vzk7t2l6]
{
	background: #fff;
	padding: 0.4rem 2rem 1rem 2rem;
	border-radius: 10px;
	max-width: 100%;
	width: 350px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	text-align: center;
	position: relative;
}
.popup-header[b-61vzk7t2l6]
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}

.popup-title[b-61vzk7t2l6]
{
	font-size: 1.3rem;
	font-weight: bold;
	width: 11rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.popup-actions button[b-61vzk7t2l6]
{
	background: none;
	border: none;
	font-size: 1.2rem;
	cursor: pointer;
	margin-left: 10px;
}

.popup-content[b-61vzk7t2l6]
{
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.popup-item[b-61vzk7t2l6]
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
	width: 100%;
	max-width: 400px;
	background-color: honeydew
}

.popup-text[b-61vzk7t2l6]
{
	flex: 1;
	text-align: left;
	cursor: pointer;
}
.line[b-61vzk7t2l6]
{
	width: 100%;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	left: 0;
	top: 3rem;
}
.divider[b-61vzk7t2l6]
{
	position: absolute;
	width: 2px;
	left: 75%;
	height: 2.9rem;
	background-color: #ccc;
}

.eye-btn[b-61vzk7t2l6]
{
	background: none;
	border: none;
	font-size: 1.5rem;
	cursor: pointer;
}

.open-btn[b-61vzk7t2l6]
{
	font-size: 1.2rem;
	margin-top: 0.8rem;
	margin-left: -1.2rem;
}

@media (max-width: 600px)
{
	.popup-box[b-61vzk7t2l6]
	{
		width: 90%;
	}
}
/* _content/KzenOnline/Components/Pages/Features/KpClients/KpClientsMt_AddUpdtDylg.razor.rz.scp.css */
.close-btn[b-lsnlf2nzw4]
{
	color: #333;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

	.close-btn:hover[b-lsnlf2nzw4]
	{
		color: #e74c3c;
	}

.h3[b-lsnlf2nzw4]
{
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #333;
}

.p[b-lsnlf2nzw4]
{
	margin-bottom: 20px;
	font-size: 0.95em;
	color: #666;
}

#form-grid[b-lsnlf2nzw4]
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 17px;
	margin-bottom: 15px;
}

.field[b-lsnlf2nzw4]
{
	display: flex;
	flex-direction: column;
	text-align: left;
}

	.field label[b-lsnlf2nzw4]
	{
		margin-bottom: 5px;
		font-size: 0.9em;
		color: #444;
		font-weight: 500;
	}

	.field select[b-lsnlf2nzw4],
	.field input[type="text"][b-lsnlf2nzw4],
	.field input[type="datetime-local"][b-lsnlf2nzw4]
	{
		font-size: 1em;
		width: 120px;
		padding: 6px 8px;
		border: 1px solid #ccc;
		border-radius: 5px;
		transition: border-color 0.3s ease;
	}

		.field select:focus[b-lsnlf2nzw4],
		.field input[type="text"]:focus[b-lsnlf2nzw4],
		.field input[type="datetime-local"]:focus[b-lsnlf2nzw4]
		{
			border-color: #3498db;
			outline: none;
		}

.field-notes[b-lsnlf2nzw4]
{
	margin-top: 15px;
}

	.field-notes textarea[b-lsnlf2nzw4]
	{
		font-size: 1em;
		padding: 8px 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		width: 100%;
		transition: border-color 0.3s ease;
	}

		.field-notes textarea:focus[b-lsnlf2nzw4]
		{
			border-color: #3498db;
			outline: none;
		}

.field button[b-lsnlf2nzw4]
{
	margin-top: 15px;
	padding: 10px;
	background-color: #3498db;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 1em;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

	.field button:hover[b-lsnlf2nzw4]
	{
		background-color: #2980b9;
	}

.text-container[b-lsnlf2nzw4]
{
	padding: 1.5rem;
}
/* _content/KzenOnline/Components/Pages/Features/KpClients/KpClientsPymnt_AddUpdtDylg.razor.rz.scp.css */
.close-btn[b-xowb2b9wbk]
{
	color: #333;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

	.close-btn:hover[b-xowb2b9wbk]
	{
		color: #e74c3c;
	}

.h3[b-xowb2b9wbk]
{
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #333;
}

.p[b-xowb2b9wbk]
{
	margin-bottom: 20px;
	font-size: 0.95em;
	color: #666;
}

#form-grid[b-xowb2b9wbk]
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 17px;
	margin-bottom: 15px;
}

.field[b-xowb2b9wbk]
{
	display: flex;
	flex-direction: column;
	text-align: left;
}

	.field label[b-xowb2b9wbk]
	{
		margin-bottom: 5px;
		font-size: 0.9em;
		color: #444;
		font-weight: 500;
	}

	.field select[b-xowb2b9wbk],
	.field input[type="text"][b-xowb2b9wbk],
	.field input[type="datetime-local"][b-xowb2b9wbk]
	{
		font-size: 1em;
		width: 120px;
		padding: 6px 8px;
		border: 1px solid #ccc;
		border-radius: 5px;
		transition: border-color 0.3s ease;
	}

		.field select:focus[b-xowb2b9wbk],
		.field input[type="text"]:focus[b-xowb2b9wbk],
		.field input[type="datetime-local"]:focus[b-xowb2b9wbk]
		{
			border-color: #3498db;
			outline: none;
		}

.field-notes[b-xowb2b9wbk]
{
	margin-top: 15px;
}

	.field-notes textarea[b-xowb2b9wbk]
	{
		font-size: 1em;
		padding: 8px 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		width: 100%;
		transition: border-color 0.3s ease;
	}

		.field-notes textarea:focus[b-xowb2b9wbk]
		{
			border-color: #3498db;
			outline: none;
		}

.field button[b-xowb2b9wbk]
{
	margin-top: 15px;
	padding: 10px;
	background-color: #3498db;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 1em;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

	.field button:hover[b-xowb2b9wbk]
	{
		background-color: #2980b9;
	}

.text-container[b-xowb2b9wbk]
{
	padding: 1.5rem;
}
/* _content/KzenOnline/Components/Pages/Features/KpClients/KpClientsTkt_AddUpdtDylg.razor.rz.scp.css */
.close-btn[b-ei2jcy8oes]
{
	color: #333;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

	.close-btn:hover[b-ei2jcy8oes]
	{
		color: #e74c3c;
	}

.h3[b-ei2jcy8oes]
{
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #333;
}

.p[b-ei2jcy8oes]
{
	margin-bottom: 20px;
	font-size: 0.95em;
	color: #666;
}

#form-grid[b-ei2jcy8oes]
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 17px;
	margin-bottom: 15px;
}

.field[b-ei2jcy8oes]
{
	display: flex;
	flex-direction: column;
	text-align: left;
}

	.field label[b-ei2jcy8oes]
	{
		margin-bottom: 5px;
		font-size: 0.9em;
		color: #444;
		font-weight: 500;
	}

	.field select[b-ei2jcy8oes],
	.field input[type="text"][b-ei2jcy8oes],
	.field input[type="datetime-local"][b-ei2jcy8oes]
	{
		font-size: 1em;
		width: 120px;
		padding: 6px 8px;
		border: 1px solid #ccc;
		border-radius: 5px;
		transition: border-color 0.3s ease;
	}

		.field select:focus[b-ei2jcy8oes],
		.field input[type="text"]:focus[b-ei2jcy8oes],
		.field input[type="datetime-local"]:focus[b-ei2jcy8oes]
		{
			border-color: #3498db;
			outline: none;
		}

.field-notes[b-ei2jcy8oes]
{
	margin-top: 15px;
}

	.field-notes textarea[b-ei2jcy8oes]
	{
		font-size: 1em;
		padding: 8px 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		width: 100%;
		transition: border-color 0.3s ease;
	}

		.field-notes textarea:focus[b-ei2jcy8oes]
		{
			border-color: #3498db;
			outline: none;
		}

.field button[b-ei2jcy8oes]
{
	margin-top: 15px;
	padding: 10px;
	background-color: #3498db;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 1em;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

	.field button:hover[b-ei2jcy8oes]
	{
		background-color: #2980b9;
	}

.text-container[b-ei2jcy8oes]
{
	padding: 1.5rem;
}
/* _content/KzenOnline/Components/Pages/Features/KpClients/KpClients_meet.razor.rz.scp.css */
.nav-link[b-evg3r3ngy4]
{
	width: 8px;
}
[b-evg3r3ngy4] .mud-table-head th:first-child
{
	border-radius: 10px 0px 0px 0px !important;
}

[b-evg3r3ngy4] .mud-table-head th:last-child
{
	border-radius: 0px 10px 0px 0px !important;
}

[b-evg3r3ngy4] .mud-table
{
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

[b-evg3r3ngy4] .mud-table-head
{
	height: 5px !important;
}

	[b-evg3r3ngy4] .mud-table-head th
	{
		background-color: #3f51b5 !important;
		color: white !important;
		font-weight: bold !important;
		height: 5px !important;
		line-height: 1 !important;
		font-size: 14px !important;
	}

[b-evg3r3ngy4] .mud-table-row
{
	height: 5px !important;
}

	[b-evg3r3ngy4] .mud-table-row .mud-icon-button
	{
		padding: 9px 4px !important;
		font-size: 12px !important;
		border: none !important;
	}

[b-evg3r3ngy4] .mud-table-cell
{
	height: 5px !important;
	line-height: 1 !important;
	font-size: 14px !important;
	border: none !important;
}

[b-evg3r3ngy4] .mud-table-row:nth-child(odd)
{
	background-color: #f2f2f2 !important;
}

[b-evg3r3ngy4] .mud-table-row:nth-child(even)
{
	background-color: #ffffff !important;
}

[b-evg3r3ngy4] .mud-table-row:hover
{
	background-color: #d1ecf1 !important;
}

[b-evg3r3ngy4] .mud-data-grid .mud-table-cell .column-header .sort-direction-icon
{
	color: white !important;
	opacity: 1 !important;
}

[b-evg3r3ngy4] .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label
{
	color: white !important;
	opacity: 1 !important;
}
[b-evg3r3ngy4] .mud-sort-index
{
	color: white !important;
}
@media (max-width: 37.5rem)
{
	.table-container[b-evg3r3ngy4]
	{
		overflow-x: auto;
	}

	[b-evg3r3ngy4] .mud-table
	{
		width: 100%;
		display: table !important;
		table-layout: auto;
		padding-top: 1.2rem !important;
	}

	[b-evg3r3ngy4] .mud-table-row
	{
		display: table-row !important;
		flex-direction: unset !important;
		height: 3px !important;
		max-height: 0.3rem !important;
	}

	[b-evg3r3ngy4] .mud-table-cell
	{
		word-wrap: break-word;
		display: table-cell !important;
		margin-left: unset !important;
		max-height: 0.3rem !important;
		white-space: nowrap;
		font-size: 1rem !important;
	}

		[b-evg3r3ngy4] .mud-table-cell::before
		{
			display: none !important;
		}

	[b-evg3r3ngy4] .mud-table-head
	{
		display: table-header-group !important;
	}
}
.dropdown-container[b-evg3r3ngy4]
{
	margin-bottom: 16px;
	display: flex;
	flex-direction: column;
	width: 260px;
}

	.dropdown-container label[b-evg3r3ngy4]
	{
		font-size: 16px;
		margin-bottom: 8px;
		font-weight: 600;
		color: #333;
	}

.custom-select[b-evg3r3ngy4]
{
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	outline: none;
	width: 100%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

	.custom-select:hover[b-evg3r3ngy4]
	{
		border-color: #007bff;
		box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2);
	}

	.custom-select:focus[b-evg3r3ngy4]
	{
		border-color: #0056b3;
		box-shadow: 0 0 4px rgba(0, 123, 255, 0.8);
	}



.sltoptn[b-evg3r3ngy4]
{
	display: flex !important;
	flex-direction: row !important;
	width: 100%;
	justify-content: space-between;
}

@media (max-width: 768px)
{
	.dropdown-container[b-evg3r3ngy4]
	{
		width: 70%;
		justify-content: flex-end;
	}

	.custom-select[b-evg3r3ngy4]
	{
		width: 80%;
	}
}
/* _content/KzenOnline/Components/Pages/Features/KpClients/KpClients_pymnt.razor.rz.scp.css */
.nav-link[b-eiou1l7kek]
{
	width: 8px;
}
[b-eiou1l7kek] .mud-table-head th:first-child
{
	border-radius: 10px 0px 0px 0px !important;
}

[b-eiou1l7kek] .mud-table-head th:last-child
{
	border-radius: 0px 10px 0px 0px !important;
}

[b-eiou1l7kek] .mud-table
{
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

[b-eiou1l7kek] .mud-table-head
{
	height: 5px !important;
}

	[b-eiou1l7kek] .mud-table-head th
	{
		background-color: #3f51b5 !important;
		color: white !important;
		font-weight: bold !important;
		height: 5px !important;
		line-height: 1 !important;
		font-size: 14px !important;
	}

[b-eiou1l7kek] .mud-table-row
{
	height: 5px !important;
}

	[b-eiou1l7kek] .mud-table-row .mud-icon-button
	{
		padding: 9px 4px !important;
		font-size: 12px !important;
		border: none !important;
	}

[b-eiou1l7kek] .mud-table-cell
{
	height: 5px !important;
	line-height: 1 !important;
	font-size: 14px !important;
	border: none !important;
}

[b-eiou1l7kek] .mud-table-row:nth-child(odd)
{
	background-color: #f2f2f2 !important;
}

[b-eiou1l7kek] .mud-table-row:nth-child(even)
{
	background-color: #ffffff !important;
}

[b-eiou1l7kek] .mud-table-row:hover
{
	background-color: #d1ecf1 !important;
}

[b-eiou1l7kek] .mud-data-grid .mud-table-cell .column-header .sort-direction-icon
{
	color: white !important;
	opacity: 1 !important;
}

[b-eiou1l7kek] .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label
{
	color: white !important;
	opacity: 1 !important;
}

[b-eiou1l7kek] .mud-sort-index
{
	color: white !important;
}

@media (max-width: 37.5rem)
{
	.table-container[b-eiou1l7kek]
	{
		overflow-x: auto;
	}

	[b-eiou1l7kek] .mud-table
	{
		width: 100%;
		display: table !important;
		table-layout: auto;
		padding-top: 1.2rem !important;
	}

	[b-eiou1l7kek] .mud-table-row
	{
		display: table-row !important;
		flex-direction: unset !important;
		height: 3px !important;
		max-height: 0.3rem !important;
	}

	[b-eiou1l7kek] .mud-table-cell
	{
		word-wrap: break-word;
		display: table-cell !important;
		margin-left: unset !important;
		max-height: 0.3rem !important;
		white-space: nowrap;
		font-size: 1rem !important;
	}

		[b-eiou1l7kek] .mud-table-cell::before
		{
			display: none !important;
		}

	[b-eiou1l7kek] .mud-table-head
	{
		display: table-header-group !important;
	}
}
.dropdown-container[b-eiou1l7kek]
{
	margin-bottom: 16px;
	display: flex;
	flex-direction: column;
	width: 260px;
}

	.dropdown-container label[b-eiou1l7kek]
	{
		font-size: 16px;
		margin-bottom: 8px;
		font-weight: 600;
		color: #333;
	}

.custom-select[b-eiou1l7kek]
{
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	outline: none;
	width: 100%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

	.custom-select:hover[b-eiou1l7kek]
	{
		border-color: #007bff;
		box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2);
	}

	.custom-select:focus[b-eiou1l7kek]
	{
		border-color: #0056b3;
		box-shadow: 0 0 4px rgba(0, 123, 255, 0.8);
	}



.sltoptn[b-eiou1l7kek]
{
	display: flex !important;
	flex-direction: row !important;
	width: 100%;
	justify-content: space-between;
}

@media (max-width: 768px)
{
	.dropdown-container[b-eiou1l7kek]
	{
		width: 70%;
		justify-content: flex-end;
	}

	.custom-select[b-eiou1l7kek]
	{
		width: 80%;
	}
}
/* _content/KzenOnline/Components/Pages/Features/KpClients/KpClients_tikts.razor.rz.scp.css */
.back-btn[b-ygwclefon3]
{
	width: 8px;
}
[b-ygwclefon3] .mud-table-head th:first-child
{
	border-radius: 10px 0px 0px 0px !important;
}

[b-ygwclefon3] .mud-table-head th:last-child
{
	border-radius: 0px 10px 0px 0px !important;
}

[b-ygwclefon3] .mud-table
{
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

[b-ygwclefon3] .mud-table-head
{
	height: 5px !important;
}

	[b-ygwclefon3] .mud-table-head th
	{
		background-color: #3f51b5 !important;
		color: white !important;
		font-weight: bold !important;
		height: 5px !important;
		line-height: 1 !important;
		font-size: 14px !important;
	}

[b-ygwclefon3] .mud-table-row
{
	height: 5px !important;
}

	[b-ygwclefon3] .mud-table-row .mud-icon-button
	{
		padding: 9px 4px !important;
		font-size: 12px !important;
		border: none !important;
	}

[b-ygwclefon3] .mud-table-cell
{
	height: 5px !important;
	line-height: 1 !important;
	font-size: 14px !important;
	border: none !important;
}

[b-ygwclefon3] .mud-table-row:nth-child(odd)
{
	background-color: #f2f2f2 !important;
}

[b-ygwclefon3] .mud-table-row:nth-child(even)
{
	background-color: #ffffff !important;
}

[b-ygwclefon3] .mud-table-row:hover
{
	background-color: #d1ecf1 !important;
}

[b-ygwclefon3] .mud-data-grid .mud-table-cell .column-header .sort-direction-icon
{
	color: white !important;
	opacity: 1 !important;
}

[b-ygwclefon3] .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label
{
	color: white !important;
	opacity: 1 !important;
}

[b-ygwclefon3] .mud-sort-index
{
	color: white !important;
}

@media (max-width: 37.5rem)
{
	.table-container[b-ygwclefon3]
	{
		overflow-x: auto;
	}

	[b-ygwclefon3] .mud-table
	{
		width: 100%;
		display: table !important;
		table-layout: auto;
		padding-top: 1.2rem !important;
	}

	[b-ygwclefon3] .mud-table-row
	{
		display: table-row !important;
		flex-direction: unset !important;
		height: 3px !important;
		max-height: 0.3rem !important;
	}

	[b-ygwclefon3] .mud-table-cell
	{
		word-wrap: break-word;
		display: table-cell !important;
		margin-left: unset !important;
		max-height: 0.3rem !important;
		white-space: nowrap;
		font-size: 1rem !important;
	}

		[b-ygwclefon3] .mud-table-cell::before
		{
			display: none !important;
		}

	[b-ygwclefon3] .mud-table-head
	{
		display: table-header-group !important;
	}
}
.dropdown-container[b-ygwclefon3]
{
	margin-bottom: 16px;
	display: flex;
	flex-direction: column;
	width: 260px;
}

	.dropdown-container label[b-ygwclefon3]
	{
		font-size: 16px;
		margin-bottom: 8px;
		font-weight: 600;
		color: #333;
	}

.custom-select[b-ygwclefon3]
{
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	outline: none;
	width: 100%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

	.custom-select:hover[b-ygwclefon3]
	{
		border-color: #007bff;
		box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2);
	}

	.custom-select:focus[b-ygwclefon3]
	{
		border-color: #0056b3;
		box-shadow: 0 0 4px rgba(0, 123, 255, 0.8);
	}



.sltoptn[b-ygwclefon3]
{
	display: flex !important;
	flex-direction: row !important;
	width: 100%;
	justify-content: space-between;
}

@media (max-width: 768px)
{
	.dropdown-container[b-ygwclefon3]
	{
		width: 70%;
		justify-content: flex-end;
	}

	.custom-select[b-ygwclefon3]
	{
		width: 80%;
	}
}
/* _content/KzenOnline/Components/Pages/Features/KpClients/KpClOptnsDylog.razor.rz.scp.css */
.popup-header[b-ql3cfumv1o]
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: -0.5rem;
}

.popup-title[b-ql3cfumv1o]
{
	font-size: 1.1rem;
	font-weight: bold;
	width: 11.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.popup-actions button[b-ql3cfumv1o]
{
	background: none;
	border: none;
	font-size: 1.2rem;
	cursor: pointer;
	margin-left: 10px;
}

.popup-item[b-ql3cfumv1o]
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #ccc;
	padding: 0 0.7rem;
	border-radius: 5px;
	width: 100%;
	max-width: 400px;
	background-color: #f0f8f0;
	transition: background 0.2s;
	margin: 0.25rem 0;
}
.popup-item:hover[b-ql3cfumv1o]
{
	background-color: #ececec;
}

.popup-text[b-ql3cfumv1o]
{
	flex: 1;
	text-align: left;
	font-size: 1rem;
	font-weight: 500;
	cursor: pointer;
}

.line[b-ql3cfumv1o]
{
	width: 100%;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	left: 0;
	top: 3rem;
}

.divider[b-ql3cfumv1o]
{
	position: absolute;
	width: 2px;
	left: 75%;
	height: 3.2rem;
	background-color: #bbb;
}
[b-ql3cfumv1o] .mud-icon-button
{
	margin-right: -0.8rem !important;
}

@media (max-width: 600px)
{
	.popup-box[b-ql3cfumv1o]
	{
		width: 90%;
	}
}
@media (max-width: 1024px)
{
	.mud-dialog[b-ql3cfumv1o]
	{
		max-width: 90vw !important;
		left: 5vw !important;
	}
}

@media (max-width: 768px)
{
	.mud-dialog[b-ql3cfumv1o]
	{
		width: 100vw !important;
		left: 0 !important;
		right: 0 !important;
		margin: 0 auto;
	}
}


/* _content/KzenOnline/Components/Pages/Features/KpProjects/AllPrjct.razor.rz.scp.css */
.nav-link[b-qkcfuzf09k]
{
	width: 8px;
}

[b-qkcfuzf09k] .mud-table-head th:first-child
{
	border-radius: 10px 0px 0px 0px !important;
}

[b-qkcfuzf09k] .mud-table-head th:last-child
{
	border-radius: 0px 10px 0px 0px !important;
}

[b-qkcfuzf09k] .mud-table
{
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

[b-qkcfuzf09k] .mud-table-head
{
	height: 5px !important;
}

	[b-qkcfuzf09k] .mud-table-head th
	{
		padding: 0.3rem !important;
		background-color: #00334d !important;
		color: white !important;
		font-weight: bold !important;
		height: 5px !important;
		line-height: 1 !important;
		font-size: 14px !important;
	}

[b-qkcfuzf09k] .mdl-lst .mud-table
{
	width: 98% !important;
	margin-left: 2% !important;
}

[b-qkcfuzf09k] .mdl-lst .mud-table-head th
{
	background-color: #004d3d !important;
}

		[b-qkcfuzf09k] .mud-table-row
		{
			height: 5px !important;
		}

	[b-qkcfuzf09k] .mud-table-row .mud-icon-button
	{
		padding: 9px 4px !important;
		font-size: 12px !important;
		border: none !important;
	}

[b-qkcfuzf09k] .mud-table-cell
{
	height: 5px !important;
	line-height: 1 !important;
	font-size: 14px !important;
	border: none !important;
}

[b-qkcfuzf09k] .mud-table-row:nth-child(odd)
{
	background-color: #f2f2f2 !important;
}

[b-qkcfuzf09k] .mud-table-row:nth-child(even)
{
	background-color: #ffffff !important;
}

[b-qkcfuzf09k] .mud-table-row:hover
{
	background-color: #d1ecf1 !important;
}

[b-qkcfuzf09k] .mud-data-grid .mud-table-cell .column-header .sort-direction-icon
{
	color: white !important;
	opacity: 1 !important;
}

[b-qkcfuzf09k] .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label
{
	color: white !important;
	opacity: 1 !important;
}

[b-qkcfuzf09k] .mud-sort-index
{
	color: white !important;
}

@media (max-width: 37.5rem)
{
	.table-container[b-qkcfuzf09k]
	{
		overflow-x: auto;
	}

	[b-qkcfuzf09k] .mud-table
	{
		width: 100%;
		display: table !important;
		table-layout: auto;
	}

	[b-qkcfuzf09k] .mud-table-row
	{
		display: table-row !important;
		flex-direction: unset !important;
		height: 3px !important;
		max-height: 0.3rem !important;
	}

	[b-qkcfuzf09k] .mud-table-cell
	{
		word-wrap: break-word;
		display: table-cell !important;
		margin-left: unset !important;
		max-height: 0.3rem !important;
		white-space: nowrap;
		font-size: 1rem !important;
	}

		[b-qkcfuzf09k] .mud-table-cell::before
		{
			display: none !important;
		}

	[b-qkcfuzf09k] .mud-table-head
	{
		display: table-header-group !important;
	}
}

.dropdown-container[b-qkcfuzf09k]
{
	margin-bottom: 16px;
	display: flex;
	flex-direction: column;
	width: 260px;
}

	.dropdown-container label[b-qkcfuzf09k]
	{
		font-size: 1rem;
		margin-bottom: 0.5rem;
		font-weight: 600;
		color: #333;
	}

.custom-select[b-qkcfuzf09k]
{
	padding: 8px 0.8rem;
	border: 1px solid #ccc;
	border-radius: 0.25rem;
	font-size: 1rem;
	outline: none;
	width: 100%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

	.custom-select:hover[b-qkcfuzf09k]
	{
		border-color: #007bff;
		box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2);
	}

	.custom-select:focus[b-qkcfuzf09k]
	{
		border-color: #0056b3;
		box-shadow: 0 0 4px rgba(0, 123, 255, 0.8);
	}



.sltoptn[b-qkcfuzf09k]
{
	display: flex !important;
	flex-direction: row !important;
	width: 100%;
	justify-content: space-between;
}

@media (max-width: 768px)
{
	.dropdown-container[b-qkcfuzf09k]
	{
		width: 70%;
		justify-content: flex-end;
	}

	.custom-select[b-qkcfuzf09k]
	{
		width: 80%;
	}
}
.dropdown-container[b-qkcfuzf09k]
{
	margin-bottom: 16px;
	display: flex;
	flex-direction: column;
	width: 260px;
}

	.dropdown-container label[b-qkcfuzf09k]
	{
		font-size: 16px;
		margin-bottom: 8px;
		font-weight: 600;
		color: #333;
	}

.custom-select[b-qkcfuzf09k]
{
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	outline: none;
	width: 100%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

	.custom-select:hover[b-qkcfuzf09k]
	{
		border-color: #007bff;
		box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2);
	}

	.custom-select:focus[b-qkcfuzf09k]
	{
		border-color: #0056b3;
		box-shadow: 0 0 4px rgba(0, 123, 255, 0.8);
	}



.sltoptn[b-qkcfuzf09k]
{
	display: flex !important;
	flex-direction: row !important;
	width: 100%;
	justify-content: space-between;
}

@media (max-width: 768px)
{
	.dropdown-container[b-qkcfuzf09k]
	{
		width: 70%;
		justify-content: flex-end;
	}

	.custom-select[b-qkcfuzf09k]
	{
		width: 80%;
	}
}
/* _content/KzenOnline/Components/Pages/Features/KpProjects/Prjcts.razor.rz.scp.css */

.treeview-container[b-f9nhbgwsz6]
{
	width: fit-content;
	min-width: 95%;
	font-family: Arial, sans-serif;
	margin: auto;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.2), 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
}

.treeview-item[b-f9nhbgwsz6]
{
	display: flex;
	flex-direction: column;
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 5px;
	border-radius: 5px;
	background: #f9f9f9;
}

.treeview-header[b-f9nhbgwsz6]
{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.infoo[b-f9nhbgwsz6]
{
	position: relative;
	right: 1rem;
}

.treeview-title[b-f9nhbgwsz6]
{
	flex: 1;
	font-size: 16px;
	font-weight: 500;
	margin-left: 10px;
}

.expand-button[b-f9nhbgwsz6]
{
	background: white;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	color: black;
	border: none;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
}

	.expand-button:hover[b-f9nhbgwsz6]
	{
		background: #0056b3;
		color: white;
	}



.treeview-children[b-f9nhbgwsz6]
{
	margin-left: 0.7rem;
	border-left: 2px dashed darkgray;
	padding: 10px;
	margin-bottom: 5px;
	border-radius: 5px;
	background: white;
}

.treeview-children .expand-button[b-f9nhbgwsz6]
{
	margin-left: 1.1rem;
}

.info-container[b-f9nhbgwsz6]
{
	position: relative;
	display: inline-block;
}

.info-button[b-f9nhbgwsz6]
{
	background: none;
	border: none;
	font-size: 1.2rem;
	cursor: pointer;
}

.info-popup[b-f9nhbgwsz6]
{
	display: none;
	position: absolute;
	width: 200px;
	background-color: #fff;
	color: #333;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
	font-size: 0.9rem;
	text-align: center;
	z-index: 10;
	border: 1px solid #ccc;
	left: 0%;
	transform: translateX(-95%);
}
.info-popup[data-position="bottom"][b-f9nhbgwsz6]
{
	top: 70%;
}

.info-popup[data-position="bottom"][b-f9nhbgwsz6]::before
{
	content: "";
	position: absolute;
	top: 0%;
	left: 100%;
	transform: translateX(-50%);
	border-width: 8px;
	border-style: solid;
	border-color: white transparent transparent transparent;
}

.info-popup[data-position="top"][b-f9nhbgwsz6]
{
	bottom: 100%;
	top: auto;
}

	.info-popup[data-position="top"][b-f9nhbgwsz6]::before
	{
		content: "";
		position: absolute;
		bottom: -1px;
		left: 100%;
		transform: translateX(-50%);
		border-width: 8px;
		border-style: solid;
		border-color: transparent transparent white transparent;
	}
.info-container:hover .info-popup[b-f9nhbgwsz6]
{
	display: block;
}


[b-f9nhbgwsz6] .add-rate
{
	display: flex;
	align-items: center;
	margin-top: 10px;
	justify-content: center;
}

[b-f9nhbgwsz6] .view
{
	position: relative;
	left: 12px;
}

[b-f9nhbgwsz6] .mud-table-head th:first-child
{
	border-radius: 10px 0px 0px 0px !important;
}

[b-f9nhbgwsz6] .mud-table-head th:last-child
{
	border-radius: 0px 10px 0px 0px !important;
}

[b-f9nhbgwsz6] .mud-table
{
	margin-left: 0.8rem !important;
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}
.sb-mdl[b-f9nhbgwsz6]
{
	width: 97%;
	margin: auto;
	margin-left: 1.6rem;
	border-left: 2px dashed darkgray;
	padding: 0.45rem;
	border-radius: 5px;
	background: white;
}
[b-f9nhbgwsz6] .mud-table-head th
{
	padding: 0.5rem !important;
	background-color: #00334d !important;
	color: white !important;
	font-weight: bold !important;
	height: 5px !important;
	line-height: 1 !important;
	font-size: 14px !important;
}

[b-f9nhbgwsz6] .mud-table-row
{
	height: 5px !important;
}

[b-f9nhbgwsz6] .mud-table-cell
{
	height: 5px !important;
	line-height: 1 !important;
	font-size: 14px !important;
	border: none !important;
}

[b-f9nhbgwsz6] .mud-table-row:nth-child(odd)
{
	background-color: #f2f2f2 !important;
}

[b-f9nhbgwsz6] .mud-table-row:nth-child(even)
{
	background-color: #ffffff !important;
}

[b-f9nhbgwsz6] .mud-table-row:hover
{
	background-color: #d1ecf1 !important;
}

@media (max-width: 37.5rem)
{
	[b-f9nhbgwsz6] .mud-toolbar-gutters
	{
		display: flex !important;
		flex-direction: row !important;
		gap: 1.2rem !important;
	}

	.table-container[b-f9nhbgwsz6]
	{
		overflow-x: auto;
	}

	[b-f9nhbgwsz6] .mud-table
	{
		width: 100%;
		display: table !important;
		table-layout: auto;
	}

	[b-f9nhbgwsz6] .mud-table-row
	{
		display: table-row !important;
		flex-direction: unset !important;
		height: 3px !important;
		max-height: 0.3rem !important;
	}

	[b-f9nhbgwsz6] .mud-table-cell
	{
		word-wrap: break-word;
		display: table-cell !important;
		margin-left: unset !important;
		max-height: 0.3rem !important;
		white-space: nowrap;
		font-size: 1rem !important;
	}

		[b-f9nhbgwsz6] .mud-table-cell::before
		{
			display: none !important;
		}

	[b-f9nhbgwsz6] .mud-table-head
	{
		display: table-header-group !important;
	}
}


[b-f9nhbgwsz6] .mud-data-grid .mud-table-cell .column-header .sort-direction-icon
{
	color: white !important;
	opacity: 1 !important;
}

[b-f9nhbgwsz6] .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label
{
	color: white !important;
	opacity: 1 !important;
}

[b-f9nhbgwsz6] .mud-sort-index
{
	color: white !important;
}

.top-btn[b-f9nhbgwsz6]
{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.sltoptn[b-f9nhbgwsz6]
{
	display: flex !important;
	flex-direction: row !important;
	width: 100%;
	padding: 0.4rem;
	justify-content: space-between;
}

/*see small btn*/
.top-btn button[b-f9nhbgwsz6]
{
	font-family: "Mukta", sans-serif;
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	border: 0;
	vertical-align: middle;
	text-decoration: none;
	background: transparent;
	padding: 0;
	font-size: inherit;
	font-family: inherit;
}

	.top-btn button.learn-more[b-f9nhbgwsz6]
	{
		width: 10rem;
		height: auto;
	}

		.top-btn button.learn-more .circle[b-f9nhbgwsz6]
		{
			transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
			position: relative;
			display: block;
			margin: 0;
			width: 2rem;
			height: 2rem;
			background: #282936;
			border-radius: 1.625rem;
		}

			.top-btn button.learn-more .circle .icon[b-f9nhbgwsz6]
			{
				transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
				position: absolute;
				top: 0;
				bottom: 0;
				margin: auto;
				margin-left: -0.4rem;
				background: #fff;
			}

				.top-btn button.learn-more .circle .icon.arrow[b-f9nhbgwsz6]
				{
					transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
					left: 0.6rem;
					width: 1.125rem;
					height: 0.125rem;
					background: none;
				}

					.top-btn button.learn-more .circle .icon.arrow[b-f9nhbgwsz6]::before
					{
						position: absolute;
						content: "";
						top: -0.25rem;
						right: 0.0625rem;
						width: 0.625rem;
						height: 0.625rem;
						border-top: 0.125rem solid #fff;
						border-right: 0.125rem solid #fff;
						transform: rotate(45deg);
					}

		.top-btn button.learn-more .button-text[b-f9nhbgwsz6]
		{
			transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.75rem 0;
			margin: -0.5rem 0 0 0;
			
			font-weight: 700;
			line-height: 1.6;
			text-align: center;
			text-transform: uppercase;
		}

	.top-btn button:hover .circle[b-f9nhbgwsz6]
	{
		width: 80%;
	}

		.top-btn button:hover .circle .icon.arrow[b-f9nhbgwsz6]
		{
			background: #fff;
			transform: translate(1rem, 0);
		}

	.top-btn button:hover .button-text[b-f9nhbgwsz6]
	{
		color: #fff;
	}

/* _content/KzenOnline/Components/Pages/Features/KpProjects/PrjectMdl_AddUpdtDylg.razor.rz.scp.css */
.close-btn[b-67zstirlky]
{
	color: #333;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

	.close-btn:hover[b-67zstirlky]
	{
		color: #e74c3c;
	}

.h3[b-67zstirlky]
{
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #333;
}

.p[b-67zstirlky]
{
	margin-bottom: 20px;
	font-size: 0.95em;
	color: #666;
}

#form-grid[b-67zstirlky]
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 17px;
	margin-bottom: 15px;
}

.field[b-67zstirlky]
{
	display: flex;
	flex-direction: column;
	text-align: left;
}

	.field label[b-67zstirlky]
	{
		margin-bottom: 5px;
		font-size: 0.9em;
		color: #444;
		font-weight: 500;
	}

	.field select[b-67zstirlky],
	.field input[type="text"][b-67zstirlky],
	.field input[type="datetime-local"][b-67zstirlky]
	{
		font-size: 1em;
		width: 120px;
		padding: 6px 8px;
		border: 1px solid #ccc;
		border-radius: 5px;
		transition: border-color 0.3s ease;
	}

		.field select:focus[b-67zstirlky],
		.field input[type="text"]:focus[b-67zstirlky],
		.field input[type="datetime-local"]:focus[b-67zstirlky]
		{
			border-color: #3498db;
			outline: none;
		}

.field-notes[b-67zstirlky]
{
	margin-top: 15px;
}

	.field-notes textarea[b-67zstirlky]
	{
		font-size: 1em;
		padding: 8px 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		width: 100%;
		transition: border-color 0.3s ease;
	}

		.field-notes textarea:focus[b-67zstirlky]
		{
			border-color: #3498db;
			outline: none;
		}

.field button[b-67zstirlky]
{
	margin-top: 15px;
	padding: 10px;
	background-color: #00334d;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 1em;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.text-container[b-67zstirlky]
{
	padding: 1.5rem;
}
/* _content/KzenOnline/Components/Pages/Features/KpProjects/Prject_AddUpdtDylg.razor.rz.scp.css */
.close-btn[b-hclo354cnk]
{
	color: #333;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

	.close-btn:hover[b-hclo354cnk]
	{
		color: #e74c3c;
	}

.h3[b-hclo354cnk]
{
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #333;
}

.p[b-hclo354cnk]
{
	margin-bottom: 20px;
	font-size: 0.95em;
	color: #666;
}

#form-grid[b-hclo354cnk]
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 17px;
	margin-bottom: 15px;
}

.field[b-hclo354cnk]
{
	display: flex;
	flex-direction: column;
	text-align: left;
}

	.field label[b-hclo354cnk]
	{
		margin-bottom: 5px;
		font-size: 0.9em;
		color: #444;
		font-weight: 500;
	}

	.field select[b-hclo354cnk],
	.field input[type="text"][b-hclo354cnk],
	.field input[type="datetime-local"][b-hclo354cnk]
	{
		font-size: 1em;
		width: 120px;
		padding: 6px 8px;
		border: 1px solid #ccc;
		border-radius: 5px;
		transition: border-color 0.3s ease;
	}

		.field select:focus[b-hclo354cnk],
		.field input[type="text"]:focus[b-hclo354cnk],
		.field input[type="datetime-local"]:focus[b-hclo354cnk]
		{
			border-color: #3498db;
			outline: none;
		}

.field-notes[b-hclo354cnk]
{
	margin-top: 15px;
}

	.field-notes textarea[b-hclo354cnk]
	{
		font-size: 1em;
		padding: 8px 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		width: 100%;
		transition: border-color 0.3s ease;
	}

		.field-notes textarea:focus[b-hclo354cnk]
		{
			border-color: #3498db;
			outline: none;
		}

.field button[b-hclo354cnk]
{
	margin-top: 15px;
	padding: 10px;
	background-color: #00334d;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 1em;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.text-container[b-hclo354cnk]
{
	padding: 1.5rem;
}
/* _content/KzenOnline/Components/Pages/Features/KpProjects/SbModul_AddUpdtDylg.razor.rz.scp.css */
.close-btn[b-xiypu089lm]
{
	color: #333;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

	.close-btn:hover[b-xiypu089lm]
	{
		color: #e74c3c;
	}

.h3[b-xiypu089lm]
{
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #333;
}

.p[b-xiypu089lm]
{
	margin-bottom: 20px;
	font-size: 0.95em;
	color: #666;
}

#form-grid[b-xiypu089lm]
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 17px;
	margin-bottom: 15px;
}

.field[b-xiypu089lm]
{
	display: flex;
	flex-direction: column;
	text-align: left;
}

	.field label[b-xiypu089lm]
	{
		margin-bottom: 5px;
		font-size: 0.9em;
		color: #444;
		font-weight: 500;
	}

	.field select[b-xiypu089lm],
	.field input[type="text"][b-xiypu089lm],
	.field input[type="datetime-local"][b-xiypu089lm]
	{
		font-size: 1em;
		width: 120px;
		padding: 6px 8px;
		border: 1px solid #ccc;
		border-radius: 5px;
		transition: border-color 0.3s ease;
	}

		.field select:focus[b-xiypu089lm],
		.field input[type="text"]:focus[b-xiypu089lm],
		.field input[type="datetime-local"]:focus[b-xiypu089lm]
		{
			border-color: #3498db;
			outline: none;
		}

.field-notes[b-xiypu089lm]
{
	margin-top: 15px;
}

	.field-notes textarea[b-xiypu089lm]
	{
		font-size: 1em;
		padding: 8px 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		width: 100%;
		transition: border-color 0.3s ease;
	}

		.field-notes textarea:focus[b-xiypu089lm]
		{
			border-color: #3498db;
			outline: none;
		}

.field button[b-xiypu089lm]
{
	margin-top: 15px;
	padding: 10px;
	background-color: #00334d;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 1em;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.text-container[b-xiypu089lm]
{
	padding: 1.5rem;
}
/* _content/KzenOnline/Components/Pages/Features/StgFile/StgFile.razor.rz.scp.css */
.mng-container[b-fcvl15jdy4]
{
	min-height: 90vh;
	overflow-y: auto;
	padding-right: 0.2rem;
}
[b-fcvl15jdy4] .file_desc
{
	display: flex;
	flex-direction: row;
	gap: 1.2rem;
}

@media (max-width: 40rem)
{
	.mng-container[b-fcvl15jdy4]
	{
		width: 97vw;
	}
}


[b-fcvl15jdy4] .mud-table-head th:first-child
{
	border-radius: 10px 0px 0px 0px !important;
}

[b-fcvl15jdy4] .mud-table-head th:last-child
{
	border-radius: 0px 0.62rem 0px 0px !important;
}

[b-fcvl15jdy4] .mud-table
{
	border: 1px solid #ddd;
	border-radius: 0.62rem;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

[b-fcvl15jdy4] .mud-table-head
{
	height: 0.32rem !important;
}

	[b-fcvl15jdy4] .mud-table-head th
	{
		padding: 0.5rem !important;
		background-color: #00334d !important;
		color: white !important;
		font-weight: bold !important;
		height: 0.32rem !important;
		line-height: 1 !important;
		font-size: 0.87rem !important;
	}

[b-fcvl15jdy4] .mud-table-row
{
	height: 0.32rem !important;
}

	[b-fcvl15jdy4] .mud-table-row .mud-icon-button
	{
		padding: 0.56rem 0.25rem !important;
		font-size: 0.75rem !important;
		border: none !important;
	}

[b-fcvl15jdy4] .mud-table-cell
{
	height: 0.32rem !important;
	line-height: 1 !important;
	font-size: 0.87rem !important;
	border: none !important;
}

[b-fcvl15jdy4] .mud-table-row:nth-child(odd)
{
	background-color: #f2f2f2 !important;
}

[b-fcvl15jdy4] .mud-table-row:nth-child(even)
{
	background-color: #ffffff !important;
}

[b-fcvl15jdy4] .mud-table-row:hover
{
	background-color: #d1ecf1 !important;
}

[b-fcvl15jdy4] .mud-data-grid .mud-table-cell .column-header .sort-direction-icon
{
	color: white !important;
	opacity: 1 !important;
}

[b-fcvl15jdy4] .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label
{
	color: white !important;
	opacity: 1 !important;
}

[b-fcvl15jdy4] .mud-sort-index
{
	color: white !important;
}
@media (max-width: 37.5rem)
{
	[b-fcvl15jdy4] .mud-toolbar-gutters
	{
		display: flex !important;
		flex-direction: row !important;
		gap: 1.2rem !important;
	}

	.table-container[b-fcvl15jdy4]
	{
		overflow-x: auto;
	}

	[b-fcvl15jdy4] .mud-table
	{
		width: 100%;
		display: table !important;
		table-layout: auto;
	}

	[b-fcvl15jdy4] .mud-table-row
	{
		display: table-row !important;
		flex-direction: unset !important;
		height: 3px !important;
		max-height: 0.3rem !important;
	}

	[b-fcvl15jdy4] .mud-table-cell
	{
		word-wrap: break-word;
		display: table-cell !important;
		margin-left: unset !important;
		max-height: 0.3rem !important;
		white-space: nowrap;
		font-size: 1rem !important;
	}

		[b-fcvl15jdy4] .mud-table-cell::before
		{
			display: none !important;
		}

	[b-fcvl15jdy4] .mud-table-head
	{
		display: table-header-group !important;
	}
}
/* _content/KzenOnline/Components/Pages/Features/StgFile/StgFile_AddUpdtDylg.razor.rz.scp.css */
.close-btn[b-bl2fou8mlq]
{
	color: #333;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

.close-btn:hover[b-bl2fou8mlq]
{
	color: #e74c3c;
}

.h3[b-bl2fou8mlq]
{
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #333;
}

.p[b-bl2fou8mlq]
{
	font-size: 0.95em;
	color: #666;
}

.mud-dialog[b-bl2fou8mlq]
{
	width: 26% !important;
	height: 95% !important;
}

#form-grid[b-bl2fou8mlq]
{
	margin-bottom: 0.4rem;
}

.popup-box label[b-bl2fou8mlq]
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}

.popup-box input[type="file"][b-bl2fou8mlq]
{
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 8px;
}

.popup-box input[type="text"][b-bl2fou8mlq],
.popup-box textarea[b-bl2fou8mlq]
{
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 14px;
}

.popup-box textarea[b-bl2fou8mlq]
{
	resize: none;
	height: 80px;
}

.popup-box .checkbox-container[b-bl2fou8mlq]
{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

	.popup-box .checkbox-container input[b-bl2fou8mlq]
	{
		margin-right: 10px;
	}

.popup-box .buttons[b-bl2fou8mlq]
{
	display: flex;
	justify-content: space-between;
}

.popup-box button[b-bl2fou8mlq]
{
	padding: 10px 15px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px;
}

	.popup-box button.save[b-bl2fou8mlq]
	{
		background-color: #4caf50;
		color: #fff;
	}

	.popup-box button.cancel[b-bl2fou8mlq]
	{
		background-color: #f44336;
		color: #fff;
	}

	.popup-box button:hover[b-bl2fou8mlq]
	{
		opacity: 0.9;
	}

/* _content/KzenOnline/Components/Pages/Features/Todo/TodoLst.razor.rz.scp.css */
.btn[b-s0gfnk1i82]
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 1.2rem;
}

.title[b-s0gfnk1i82]
{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.todo-form[b-s0gfnk1i82]
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	background: white;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}

	.todo-form .input-field[b-s0gfnk1i82]
	{
		flex: 1 1;
		padding: 8px;
		border: 1px solid #ccc;
		border-radius: 5px;
	}

.add-btn[b-s0gfnk1i82]
{
	background: #28a745;
	color: white;
	padding: 8px 12px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 14px;
}

	.add-btn:hover[b-s0gfnk1i82]
	{
		opacity: 0.8;
	}

.todo-table[b-s0gfnk1i82]
{
	max-width: 900px;
	margin: auto;
	background: white;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.todo-table[b-s0gfnk1i82]
{
	width: 100%;
	border-collapse: collapse;
}

	.todo-table th[b-s0gfnk1i82],
	.todo-table td[b-s0gfnk1i82]
	{
		padding: 10px;
		border-bottom: 1px solid #ddd;
		text-align: left;
	}

	.todo-table th[b-s0gfnk1i82]
	{
		background: #007bff;
		color: white;
		font-weight: bold;
	}

.input-field[b-s0gfnk1i82]
{
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

button[b-s0gfnk1i82]
{
	cursor: pointer;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 14px;
	transition: 0.3s;
	border: none;
}

.edit-btn[b-s0gfnk1i82]
{
	background: #ffc107;
	color: black;
}

.save-btn[b-s0gfnk1i82]
{
	background: #28a745;
	color: white;
}

.cancel-btn[b-s0gfnk1i82]
{
	background: #dc3545;
	color: white;
}

.delete-btn[b-s0gfnk1i82]
{
	background: #dc3545;
	color: white;
}

button:hover[b-s0gfnk1i82]
{
	opacity: 0.8;
}
@media (max-width: 900px) 
{
	.todo-form .input-field[b-s0gfnk1i82]
	{
		flex: 1 1;
	}
}
@media (max-width: 600px)
{
	.todo-form[b-s0gfnk1i82]
	{
		flex-direction: column;
	}

	.todo-table th[b-s0gfnk1i82],
	.todo-table td[b-s0gfnk1i82]
	{
		padding: 8px;
		font-size: 14px;
	}

	button[b-s0gfnk1i82]
	{
		font-size: 12px;
		padding: 4px 8px;
	}
}
@media (max-width: 600px) {
    .todo-container[b-s0gfnk1i82] {
        overflow-x: auto;
        width: 100%;
    }

    .todo-table[b-s0gfnk1i82] {
        width: 100%;
        min-width: 600px;
    }

    .todo-form[b-s0gfnk1i82] {
        flex-direction: column;
    }

    .todo-form .input-field[b-s0gfnk1i82] {
        width: 100%;
        padding: 6px;
        font-size: 14px;
    }

    .add-btn[b-s0gfnk1i82] {
        width: 100%;
        padding: 8px;
        font-size: 14px;
    }

    .btn[b-s0gfnk1i82] {
        flex-direction: row;
        gap: 0.5rem;
    }

    .edit-btn[b-s0gfnk1i82], .delete-btn[b-s0gfnk1i82], .save-btn[b-s0gfnk1i82], .cancel-btn[b-s0gfnk1i82] {
        padding: 6px;
        font-size: 12px;
    }
}

@media (max-width: 900px)
{
	.todo-container[b-s0gfnk1i82]
	{
		overflow-x: auto;
		width: 100%;
		padding: 10px;
	}

	.todo-table[b-s0gfnk1i82]
	{
		width: 100%;
		min-width: 800px;
	}

		.todo-table th[b-s0gfnk1i82],
		.todo-table td[b-s0gfnk1i82]
		{
			padding: 8px;
			font-size: 14px;
		}
	.todo-form[b-s0gfnk1i82]
	{
		flex-direction: column;
		gap: 10px;
		padding: 10px;
	}

		.todo-form .input-field[b-s0gfnk1i82]
		{
			width: 100%;
			padding: 8px;
			font-size: 14px;
			height: 40px;
			box-sizing: border-box;
		}

	.add-btn[b-s0gfnk1i82]
	{
		width: 100%;
		padding: 8px;
		font-size: 14px;
		height: 40px;
	}
	.btn[b-s0gfnk1i82]
	{
		flex-direction: row;
		gap: 0.5rem;
	}

	.edit-btn[b-s0gfnk1i82],
	.delete-btn[b-s0gfnk1i82],
	.save-btn[b-s0gfnk1i82],
	.cancel-btn[b-s0gfnk1i82]
	{
		padding: 6px 10px;
		font-size: 12px;
	}
}
/* _content/KzenOnline/Components/Pages/Features/WbApp/Mtl/Mnag_mtl.razor.rz.scp.css */

.button-container[b-xe6smci8t9]
{
	font-family: Arial, sans-serif;
	display: grid;
	grid-template-columns: repeat(2, 220px);
	grid-template-rows: repeat(2, 220px);
	gap: 20px;
	justify-content: center;
	align-items: center;
	margin: auto;
	/*min-height: 87vh;*/
}

.btn[b-xe6smci8t9]
{
	text-decoration: none;
	background: linear-gradient(135deg, #4CAF50, #388E3C);
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	transition: all 0.3s ease;
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
	aspect-ratio: 1 / 1;
	width: 90%;
	height: 90%;
}

.btn:hover[b-xe6smci8t9]
{
	background: linear-gradient(135deg, #388E3C, #2E7D32);
	transform: translateY(-5px);
	box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
}

@media (max-width: 600px)
{
	.button-container[b-xe6smci8t9]
	{
		grid-template-columns: repeat(2, 180px);
		grid-template-rows: repeat(2, 180px);
	}

	.btn[b-xe6smci8t9]
	{
		width: 100%;
		aspect-ratio: 1 / 1;
	}
}

@media (max-width: 400px)
{
	.button-container[b-xe6smci8t9]
	{
		grid-template-columns: 1fr;
		grid-template-rows: repeat(4, 15vh);
		gap: 2px;
		padding: 2px;
	}

	.btn[b-xe6smci8t9]
	{
		width: 90%;
		height: 90%;
		margin: auto;
		border-radius: 0;
	}
}
/* _content/KzenOnline/Components/Pages/Features/WbApp/Mtl/Mnag_MtlCnpm.razor.rz.scp.css */
.view[b-xn7thxh7tn]
{
	position: relative;
	left: 12px;
}

.small-rating[b-xn7thxh7tn]
{
	margin-right: 63px;
	margin-left: -43px;
}

.modal-overlay[b-xn7thxh7tn]
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.close-btn[b-xn7thxh7tn]
{
	color: #333;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

	.close-btn:hover[b-xn7thxh7tn]
	{
		color: #e74c3c;
	}

.modal-content h3[b-xn7thxh7tn]
{
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #333;
}

.modal-content p[b-xn7thxh7tn]
{
	margin-bottom: 20px;
	font-size: 0.95em;
	color: #666;
}

.modal-content .field[b-xn7thxh7tn]
{
	margin-bottom: 2px;
}

#form-grid[b-xn7thxh7tn]
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 17px;
	margin-bottom: 15px;
}

.text-container[b-xn7thxh7tn]
{
	width: 900px;
	padding: 1.5rem;
}

.add-btnn[b-xn7thxh7tn]
{
	margin-right: -40px;
}

.grditm2[b-xn7thxh7tn]
{
	margin-left: 20px;
}

/*.table-container
{
	width: 78vw;
	margin: auto;
	overflow-x: auto;
}*/

.form-container[b-xn7thxh7tn]
{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	margin-top: -10px;
	height: auto;
	overflow-y: auto;
	scrollbar-width: none;
	opacity: 0;
	transform: translateY(-30px);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	visibility: hidden;
}

	.form-container.visible[b-xn7thxh7tn]
	{
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
		position: static;
		visibility: visible;
	}

.cut-btn[b-xn7thxh7tn]
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.8rem 1rem;
	background: #B8B8B8;
	border-bottom: 1px solid #ddd;
	border-radius: 8px 8px 0 0;
}

.main[b-xn7thxh7tn]
{
	margin-top: -5px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-header[b-xn7thxh7tn]
{
	border-radius: 8px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	justify-content: space-between;
	padding: 6px;
	height: 2.6rem;
	align-items: center;
}

@media (max-width: 1090px)
{
	.text-container[b-xn7thxh7tn]
	{
		width: 670px;
		margin: auto;
	}

	.form-container[b-xn7thxh7tn]
	{
		width: 95%;
	}

	.main[b-xn7thxh7tn]
	{
		width: 95%;
	}

	.cut-btn[b-xn7thxh7tn]
	{
		padding: 0.6rem 0.8rem;
	}
}

@media (max-width: 868px)
{
	.text-container[b-xn7thxh7tn]
	{
		width: 500px;
		margin: auto;
	}

	.form-container[b-xn7thxh7tn]
	{
		width: 100%;
	}

	.cut-btn[b-xn7thxh7tn]
	{
		padding: 0.5rem 0.7rem;
	}
}

@media (max-width: 690px)
{
	.text-container[b-xn7thxh7tn]
	{
		width: 450px;
		margin: auto;
	}

	.form-container[b-xn7thxh7tn]
	{
		width: 100%;
		margin-top: 0;
	}

	.cut-btn[b-xn7thxh7tn]
	{
		padding: 0.4rem 0.6rem;
	}

	.table-container[b-xn7thxh7tn]
	{
		width: 100%;
	}

	.mud-text-field[b-xn7thxh7tn],
	.mud-select[b-xn7thxh7tn]
	{
		font-size: 0.9rem;
	}

	.more-btn[b-xn7thxh7tn]
	{
		font-size: 0.9rem;
	}
}

@media (max-width: 400px)
{
	.text-container[b-xn7thxh7tn]
	{
		width: 350px;
	}

	.form-container[b-xn7thxh7tn]
	{
		width: 100%;
		margin-top: 0;
	}

	.cut-btn[b-xn7thxh7tn]
	{
		padding: 0.4rem 0.6rem;
	}

	.table-container[b-xn7thxh7tn]
	{
		width: 100%;
	}

	.mud-text-field[b-xn7thxh7tn],
	.mud-select[b-xn7thxh7tn]
	{
		font-size: 0.9rem;
	}

	.more-btn[b-xn7thxh7tn]
	{
		font-size: 0.9rem;
	}
}

.form-header .MudText[b-xn7thxh7tn]
{
	font-size: 1.2rem;
}

.form-header .close-btn[b-xn7thxh7tn]
{
	transition: transform 0.2s ease-in-out;
}

	.form-header .close-btn:hover[b-xn7thxh7tn]
	{
		transform: rotate(90deg);
	}

.popup-overlay[b-xn7thxh7tn]
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 999;
}

.popup-box[b-xn7thxh7tn]
{
	background: #fff;
	padding: 2rem;
	border-radius: 10px;
	max-width: 90%;
	width: 300px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	text-align: center;
	position: relative;
}

.popup-input[b-xn7thxh7tn]
{
	width: 100%;
	padding: 12px;
	font-size: 16px;
	margin-top: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.submit-btn[b-xn7thxh7tn]
{
	background: #3f51b5;
	border: none;
	padding: 10px 20px;
	color: white;
	font-size: 16px;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 15px;
	width: 100%;
}

	.submit-btn:hover[b-xn7thxh7tn]
	{
		background: #218838;
	}


.open-popup-btn[b-xn7thxh7tn]
{
	padding: 10px 20px;
	font-size: 18px;
	color: #fff;
	background: #3f51b5;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

	.open-popup-btn:hover[b-xn7thxh7tn]
	{
		background: #0056b3;
	}

@media (max-width: 600px)
{
	.popup-box[b-xn7thxh7tn]
	{
		width: 90%;
		padding: 1.5rem;
	}
}

.card-body[b-xn7thxh7tn]
{
	padding: 0.6rem;
	display: flex;
	flex-direction: column;
}

.form-group[b-xn7thxh7tn]
{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 0.5rem;
	gap: 1rem;
}

	.form-group label[b-xn7thxh7tn]
	{
		font-weight: 600;
		width: 30%;
	}

	.form-group input[b-xn7thxh7tn]
	{
		width: 100%;
		padding: 8px;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size: 1rem;
		height: 2.5rem;
	}

		.form-group input:focus[b-xn7thxh7tn]
		{
			border: 1px solid blue;
			box-shadow: none;
		}

.form-actions[b-xn7thxh7tn]
{
	display: flex;
	justify-content: flex-end;
	gap: 1rem;
	margin-top: 1rem;
}

.btn[b-xn7thxh7tn]
{
	padding: 8px 16px;
	font-size: 1rem;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.btn-primary[b-xn7thxh7tn]
{
	background-color: #007bff;
	color: #fff;
}


.spin-animation[b-xn7thxh7tn]
{
	animation: spin-b-xn7thxh7tn 1s linear infinite;
}

@keyframes spin-b-xn7thxh7tn
{
	from
	{
		transform: rotate(0deg);
	}

	to
	{
		transform: rotate(360deg);
	}
}

.hshd-pswd[b-xn7thxh7tn]
{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 2.5rem;
}

	.hshd-pswd input[b-xn7thxh7tn]
	{
		border-radius: 4px 0px 0px 4px;
		flex: 1;
		height: 100%;
		box-sizing: border-box;
	}

	.hshd-pswd .more-btn[b-xn7thxh7tn]
	{
		border-radius: 0px 4px 4px 0px;
		height: 100%;
		display: flex;
		align-items: center;
		border: 1px solid #ccc;
		padding: 0 16px;
		cursor: pointer;
		box-sizing: border-box;
	}

[b-xn7thxh7tn] .mud-table
{
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

[b-xn7thxh7tn] .mud-table-head th:first-child
{
	border-radius: 10px 0px 0px 0px !important;
}

[b-xn7thxh7tn] .mud-table-head th:last-child
{
	border-radius: 0px 10px 0px 0px !important;
}

[b-xn7thxh7tn] .mud-table-head th
{
	background-color: #3f51b5 !important;
	color: white !important;
	font-weight: bold !important;
	text-align: center !important;
	height: 5px !important;
	line-height: 0 !important;
	font-size: 14px !important;
}

[b-xn7thxh7tn] .mud-table-row
{
	height: 5px !important;
}

	[b-xn7thxh7tn] .mud-table-row .mud-icon-button
	{
		padding: 9px 4px !important;
		font-size: 12px !important;
		border: none !important;
		margin-top: -10px !important;
	}

[b-xn7thxh7tn] .mud-table-cell
{
	height: 5px !important;
	line-height: 0 !important;
	font-size: 14px !important;
	border: none !important;
}

[b-xn7thxh7tn] .mud-table-row:nth-child(odd)
{
	background-color: #f2f2f2 !important;
}

[b-xn7thxh7tn] .mud-table-row:nth-child(even)
{
	background-color: #ffffff !important;
}

[b-xn7thxh7tn] .mud-table-row:hover
{
	background-color: #d1ecf1 !important;
}

@media (max-width: 37.5rem)
{
	.table-container[b-xn7thxh7tn]
	{
		overflow-x: auto;
	}

	[b-xn7thxh7tn] .mud-table
	{
		width: 100%;
		display: table !important;
		table-layout: auto;
		padding-top: 1.2rem !important;
	}

	[b-xn7thxh7tn] .mud-table-row
	{
		display: table-row !important;
		flex-direction: unset !important;
		height: 3px !important;
		max-height: 0.3rem !important;
	}

	[b-xn7thxh7tn] .mud-table-cell
	{
		word-wrap: break-word;
		display: table-cell !important;
		margin-left: unset !important;
		max-height: 0.3rem !important;
		white-space: nowrap;
		font-size: 1rem !important;
	}

		[b-xn7thxh7tn] .mud-table-cell::before
		{
			display: none !important;
		}

	[b-xn7thxh7tn] .mud-table-head
	{
		display: table-header-group !important;
	}
}
/* _content/KzenOnline/Components/Pages/Features/WbApp/Mtl/Mnag_MtlWuser.razor.rz.scp.css */
.view[b-aiy73unnn7]
{
	position: relative;
	left: 12px;
}

.small-rating[b-aiy73unnn7]
{
	margin-right: 63px;
	margin-left: -43px;
}

.modal-overlay[b-aiy73unnn7]
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.close-btn[b-aiy73unnn7]
{
	color: #333;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

	.close-btn:hover[b-aiy73unnn7]
	{
		color: #e74c3c;
	}

.modal-content h3[b-aiy73unnn7]
{
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #333;
}

.modal-content p[b-aiy73unnn7]
{
	margin-bottom: 20px;
	font-size: 0.95em;
	color: #666;
}

.modal-content .field[b-aiy73unnn7]
{
	margin-bottom: 2px;
}

#form-grid[b-aiy73unnn7]
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 17px;
	margin-bottom: 15px;
}

.text-container[b-aiy73unnn7]
{
	width: 900px;
	padding: 1.5rem;
}

.add-btnn[b-aiy73unnn7]
{
	margin-right: -40px;
}

.grditm2[b-aiy73unnn7]
{
	margin-left: 20px;
}

/*.table-container
{
	width: 78vw;
	margin: auto;
	overflow-x: auto;
}*/

.form-container[b-aiy73unnn7]
{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	margin-top: -10px;
	height: auto;
	overflow-y: auto;
	scrollbar-width: none;
	opacity: 0;
	transform: translateY(-30px);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	visibility: hidden;
}

	.form-container.visible[b-aiy73unnn7]
	{
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
		position: static;
		visibility: visible;
	}

.cut-btn[b-aiy73unnn7]
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.8rem 1rem;
	background: #B8B8B8;
	border-bottom: 1px solid #ddd;
	border-radius: 8px 8px 0 0;
}

.main[b-aiy73unnn7]
{
	margin-top: -5px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-header[b-aiy73unnn7]
{
	border-radius: 8px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	justify-content: space-between;
	padding: 6px;
	height: 2.6rem;
	align-items: center;
}

@media (max-width: 1090px)
{
	.text-container[b-aiy73unnn7]
	{
		width: 670px;
		margin: auto;
	}
	.form-container[b-aiy73unnn7]
	{
		width: 95%;
	}

	.main[b-aiy73unnn7]
	{
		width: 95%;
	}

	.cut-btn[b-aiy73unnn7]
	{
		padding: 0.6rem 0.8rem;
	}
}

@media (max-width: 868px)
{
	.text-container[b-aiy73unnn7]
	{
		width: 500px;
		margin: auto;
	}
	.form-container[b-aiy73unnn7]
	{
		width: 100%;
	}

	.cut-btn[b-aiy73unnn7]
	{
		padding: 0.5rem 0.7rem;
	}
}

@media (max-width: 690px)
{
	.text-container[b-aiy73unnn7]
	{
		width: 450px;
		margin: auto;
	}
	.form-container[b-aiy73unnn7]
	{
		width: 100%;
		margin-top: 0;
	}

	.cut-btn[b-aiy73unnn7]
	{
		padding: 0.4rem 0.6rem;
	}

	.table-container[b-aiy73unnn7]
	{
		width: 100%;
	}

	.mud-text-field[b-aiy73unnn7],
	.mud-select[b-aiy73unnn7]
	{
		font-size: 0.9rem;
	}

	.more-btn[b-aiy73unnn7]
	{
		font-size: 0.9rem;
	}
}

@media (max-width: 400px)
{
	.text-container[b-aiy73unnn7]
	{
		width: 350px;
	}
	.form-container[b-aiy73unnn7]
	{
		width: 100%;
		margin-top: 0;
	}

	.cut-btn[b-aiy73unnn7]
	{
		padding: 0.4rem 0.6rem;
	}

	.table-container[b-aiy73unnn7]
	{
		width: 100%;
	}

	.mud-text-field[b-aiy73unnn7],
	.mud-select[b-aiy73unnn7]
	{
		font-size: 0.9rem;
	}

	.more-btn[b-aiy73unnn7]
	{
		font-size: 0.9rem;
	}
}

.form-header .MudText[b-aiy73unnn7]
{
	font-size: 1.2rem;
}

.form-header .close-btn[b-aiy73unnn7]
{
	transition: transform 0.2s ease-in-out;
}

.form-header .close-btn:hover[b-aiy73unnn7]
{
	transform: rotate(90deg);
}

.popup-overlay[b-aiy73unnn7]
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 999;
}

.popup-box[b-aiy73unnn7]
{
	background: #fff;
	padding: 2rem;
	border-radius: 10px;
	max-width: 90%;
	width: 300px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	text-align: center;
	position: relative;
}

.popup-input[b-aiy73unnn7]
{
	width: 100%;
	padding: 12px;
	font-size: 16px;
	margin-top: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.submit-btn[b-aiy73unnn7]
{
	background: #3f51b5;
	border: none;
	padding: 10px 20px;
	color: white;
	font-size: 16px;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 15px;
	width: 100%;
}

.submit-btn:hover[b-aiy73unnn7]
{
	background: #218838;
}


.open-popup-btn[b-aiy73unnn7]
{
	padding: 10px 20px;
	font-size: 18px;
	color: #fff;
	background: #3f51b5;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.open-popup-btn:hover[b-aiy73unnn7]
{
	background: #0056b3;
}

@media (max-width: 600px)
{
	.popup-box[b-aiy73unnn7]
	{
		width: 90%;
		padding: 1.5rem;
	}
}

.card-body[b-aiy73unnn7]
{
	padding: 0.6rem;
	display: flex;
	flex-direction: column;
}

.form-group[b-aiy73unnn7]
{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 0.5rem;
	gap: 1rem;
}

.form-group label[b-aiy73unnn7]
{
	font-weight: 600;
	width: 30%;
}

.form-group input[b-aiy73unnn7]
{
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1rem;
	height: 2.5rem;
}

.form-group input:focus[b-aiy73unnn7]
{
	border: 1px solid blue;
	box-shadow: none;
}

.form-actions[b-aiy73unnn7]
{
	display: flex;
	justify-content: flex-end;
	gap: 1rem;
	margin-top: 1rem;
}

.btn[b-aiy73unnn7]
{
	padding: 8px 16px;
	font-size: 1rem;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.btn-primary[b-aiy73unnn7]
{
	background-color: #007bff;
	color: #fff;
}


.spin-animation[b-aiy73unnn7]
{
	animation: spin-b-aiy73unnn7 1s linear infinite;
}

@keyframes spin-b-aiy73unnn7
{
	from
	{
		transform: rotate(0deg);
	}

	to
	{
		transform: rotate(360deg);
	}
}

.hshd-pswd[b-aiy73unnn7]
{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 2.5rem;
}

	.hshd-pswd input[b-aiy73unnn7]
	{
		border-radius: 4px 0px 0px 4px;
		flex: 1;
		height: 100%;
		box-sizing: border-box;
	}
	.hshd-pswd .more-btn[b-aiy73unnn7]
	{
		border-radius: 0px 4px 4px 0px;
		height: 100%;
		display: flex;
		align-items: center;
		border: 1px solid #ccc;
		padding: 0 16px;
		cursor: pointer;
		box-sizing: border-box;
	}

[b-aiy73unnn7] .mud-table
{
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

[b-aiy73unnn7] .mud-table-head th:first-child
{
	border-radius: 10px 0px 0px 0px !important;
}
[b-aiy73unnn7] .mud-table-head th:last-child
{
	border-radius: 0px 10px 0px 0px !important;
}
[b-aiy73unnn7] .mud-table-head th
{
	background-color: #3f51b5 !important;
	color: white !important;
	font-weight: bold !important;
	text-align: center !important;
	height: 5px !important;
	line-height: 0 !important;
	font-size: 14px !important;
}

[b-aiy73unnn7] .mud-table-row
{
	height: 5px !important;
}

[b-aiy73unnn7] .mud-table-row .mud-icon-button
{
	padding: 9px 4px !important;
	font-size: 12px !important;
	border: none !important;
	margin-top: -10px !important;
}

[b-aiy73unnn7] .mud-table-cell
{
	height: 5px !important;
	line-height: 0 !important;
	font-size: 14px !important;
	border: none !important;
}

[b-aiy73unnn7] .mud-table-row:nth-child(odd)
{
	background-color: #f2f2f2 !important;
}

[b-aiy73unnn7] .mud-table-row:nth-child(even)
{
	background-color: #ffffff !important;
}

[b-aiy73unnn7] .mud-table-row:hover
{
	background-color: #d1ecf1 !important;
}

@media (max-width: 37.5rem)
{
	.table-container[b-aiy73unnn7]
	{
		overflow-x: auto;
	}

	[b-aiy73unnn7] .mud-table
	{
		width: 100%;
		display: table !important;
		table-layout: auto;
		padding-top: 1.2rem !important;
	}

	[b-aiy73unnn7] .mud-table-row
	{
		display: table-row !important;
		flex-direction: unset !important;
		height: 3px !important;
		max-height: 0.3rem !important;
	}

	[b-aiy73unnn7] .mud-table-cell
	{
		word-wrap: break-word;
		display: table-cell !important;
		margin-left: unset !important;
		max-height: 0.3rem !important;
		white-space: nowrap;
		font-size: 1rem !important;
	}

		[b-aiy73unnn7] .mud-table-cell::before
		{
			display: none !important;
		}

	[b-aiy73unnn7] .mud-table-head
	{
		display: table-header-group !important;
	}
}

/* _content/KzenOnline/Components/Pages/Features/WbApp/WbApp.razor.rz.scp.css */


.title[b-j4ww5o5wuy]
{
	display: flex;
	justify-content: center;
	font-size: 20px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.title2[b-j4ww5o5wuy]
{
	color: white;
}


.box-container[b-j4ww5o5wuy]
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.2rem;
}

@media (max-width: 480px)
{
	.card[b-j4ww5o5wuy], .data-card[b-j4ww5o5wuy]
	{
		flex-direction: column;
		align-items: flex-start;
		height: auto;
	}

	.edit-icon[b-j4ww5o5wuy]
	{
		top: 5px;
		right: 5px;
	}

	.card-left[b-j4ww5o5wuy]
	{
		flex-direction: column;
		align-items: flex-start;
	}

	.card-left img[b-j4ww5o5wuy]
	{
		margin-bottom: 10px;
	}

	.card-left .text h3[b-j4ww5o5wuy], .card-left .text p[b-j4ww5o5wuy], .data-card h4[b-j4ww5o5wuy], .data-card p[b-j4ww5o5wuy]
	{
		white-space: normal;
	}
}

@media (max-width: 300px)
{
	.cont[b-j4ww5o5wuy]
	{
		overflow-x: hidden;
	}
}

.tick-box[b-j4ww5o5wuy]
{
	position: absolute;
	top: -4px;
	right: -4px;
	z-index: 0 !important;
	width: 34px;
	height: 34px;
	border: 2px solid #d1d1d1;
	background-color: #f9fafc;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	z-index: 10;
}



.data-card[b-j4ww5o5wuy]
{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 15.75em;
	height: 9.75em;
	overflow: hidden;
	border-radius: .5em;
	text-decoration: none;
	background: white;
	margin: 1em;
	padding: 2em 1.2em;
	box-shadow: 0 1.5em 2.5em -.5em rgba(0, 0, 0, .2);
	transition: transform .45s ease, background .45s ease;
}
.data-card:hover[b-j4ww5o5wuy]
{
	border: 1px solid black;
	transform: scale(1.05);
	cursor: pointer;
}

.data-card h3[b-j4ww5o5wuy]
{
	border-bottom: 2px solid #753BBD;
	transition: color .45s ease, border .45s ease;
}

.data-card .header[b-j4ww5o5wuy]
{
	display: flex;
	align-items: center;
	gap: 0.5em;
	margin-top: -15px;
}

.data-card img[b-j4ww5o5wuy]
{
	width: 60px;
	height: 60px;
	object-fit: cover;
}

.data-card h4[b-j4ww5o5wuy]
{
	color: #627084;
	text-transform: uppercase;
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.1em;
	margin: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	transition: color .45s ease;
}

.data-card p[b-j4ww5o5wuy]
{
	font-size: 14px;
	color: #666;
	margin-top: auto;
	z-index: 2;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}

.data-card p:last-child[b-j4ww5o5wuy]
{
	margin-bottom: 0;
}
/* _content/KzenOnline/Components/Pages/Features/WbApp/WbApp_AddUpdtDylog.razor.rz.scp.css */
/*.close-btn
{
	color: #333;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

	.close-btn:hover
	{
		color: #e74c3c;
	}

.h3
{
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #333;
}

.p
{
	margin-bottom: 20px;
	font-size: 0.95em;
	color: #666;
}

#form-grid
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 17px;
	margin-bottom: 15px;
}

.field
{
	display: flex;
	flex-direction: column;
	text-align: left;
}

	.field label
	{
		margin-bottom: 5px;
		font-size: 0.9em;
		color: #444;
		font-weight: 500;
	}

	.field select,
	.field input[type="text"],
	.field input[type="datetime-local"]
	{
		font-size: 1em;
		width: 120px;
		padding: 6px 8px;
		border: 1px solid #ccc;
		border-radius: 5px;
		transition: border-color 0.3s ease;
	}

		.field select:focus,
		.field input[type="text"]:focus,
		.field input[type="datetime-local"]:focus
		{
			border-color: #3498db;
			outline: none;
		}

.field-notes
{
	margin-top: 15px;
}

	.field-notes textarea
	{
		font-size: 1em;
		padding: 8px 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		width: 100%;
		transition: border-color 0.3s ease;
	}

		.field-notes textarea:focus
		{
			border-color: #3498db;
			outline: none;
		}

.field button
{
	margin-top: 15px;
	padding: 10px;
	background-color: #3498db;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 1em;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

	.field button:hover
	{
		background-color: #2980b9;
	}

.text-container
{
	padding: 1.5rem;
}
*/


.close-btn[b-d2wqw3hxsx]
{
	color: #333;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

	.close-btn:hover[b-d2wqw3hxsx]
	{
		color: #e74c3c;
	}

.h3[b-d2wqw3hxsx]
{
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #333;
}

.p[b-d2wqw3hxsx]
{
	margin-bottom: 20px;
	font-size: 0.95em;
	color: #666;
}

#form-grid[b-d2wqw3hxsx]
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 17px;
	margin-bottom: 15px;
}

.field[b-d2wqw3hxsx]
{
	display: flex;
	flex-direction: column;
	text-align: left;
}

	.field label[b-d2wqw3hxsx]
	{
		margin-bottom: 5px;
		font-size: 0.9em;
		color: #444;
		font-weight: 500;
	}

	.field select[b-d2wqw3hxsx],
	.field input[type="text"][b-d2wqw3hxsx],
	.field input[type="datetime-local"][b-d2wqw3hxsx]
	{
		font-size: 1em;
		width: 120px;
		padding: 6px 8px;
		border: 1px solid #ccc;
		border-radius: 5px;
		transition: border-color 0.3s ease;
	}

		.field select:focus[b-d2wqw3hxsx],
		.field input[type="text"]:focus[b-d2wqw3hxsx],
		.field input[type="datetime-local"]:focus[b-d2wqw3hxsx]
		{
			border-color: #3498db;
			outline: none;
		}

.field-notes[b-d2wqw3hxsx]
{
	margin-top: 15px;
}

	.field-notes textarea[b-d2wqw3hxsx]
	{
		font-size: 1em;
		padding: 8px 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		width: 100%;
		transition: border-color 0.3s ease;
	}

		.field-notes textarea:focus[b-d2wqw3hxsx]
		{
			border-color: #3498db;
			outline: none;
		}

.field button[b-d2wqw3hxsx]
{
	margin-top: 15px;
	padding: 10px;
	background-color: #3498db;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 1em;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

	.field button:hover[b-d2wqw3hxsx]
	{
		background-color: #2980b9;
	}

.text-container[b-d2wqw3hxsx]
{
	padding: 1.5rem;
}
/* _content/KzenOnline/Components/Pages/Features/WbApp/WbApp_Icons.razor.rz.scp.css */
.view[b-qjf7zdjt2e]
{
	position: relative;
	left: 12px;
}

.small-rating[b-qjf7zdjt2e]
{
	margin-right: 63px;
	margin-left: -43px;
}

.modal-overlay[b-qjf7zdjt2e]
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.modal-content[b-qjf7zdjt2e]
{
	background: #fff;
	padding: 30px 40px;
	overflow: auto;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
	width: 350px;
	height: 90%;
	max-width: 90%;
	text-align: center;
	position: relative;
	animation: fadeIn 0.3s ease-in-out;
}

.close-btn[b-qjf7zdjt2e]
{
	color: #333;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.2em;
	font-weight: bold;
}

	.close-btn:hover[b-qjf7zdjt2e]
	{
		color: #e74c3c;
	}

.modal-content h3[b-qjf7zdjt2e]
{
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #333;
}

.modal-content p[b-qjf7zdjt2e]
{
	margin-bottom: 20px;
	font-size: 0.95em;
	color: #666;
}

.modal-content .field[b-qjf7zdjt2e]
{
	margin-bottom: 2px;
}

#form-grid[b-qjf7zdjt2e]
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 17px;
	margin-bottom: 15px;
}

.field[b-qjf7zdjt2e]
{
	display: flex;
	flex-direction: column;
	text-align: left;
}

	.field label[b-qjf7zdjt2e]
	{
		margin-bottom: 5px;
		font-size: 0.9em;
		color: #444;
		font-weight: 500;
	}

	.field select[b-qjf7zdjt2e],
	.field input[type="text"][b-qjf7zdjt2e],
	.field input[type="datetime-local"][b-qjf7zdjt2e]
	{
		font-size: 1em;
		width: 120px;
		padding: 6px 8px;
		border: 1px solid #ccc;
		border-radius: 5px;
		transition: border-color 0.3s ease;
	}

	.field select:focus[b-qjf7zdjt2e],
	.field input[type="text"]:focus[b-qjf7zdjt2e],
	.field input[type="datetime-local"]:focus[b-qjf7zdjt2e]
	{
		border-color: #3498db;
		outline: none;
	}

.field-notes[b-qjf7zdjt2e]
{
	margin-top: 15px;
}

	.field-notes textarea[b-qjf7zdjt2e]
	{
		font-size: 1em;
		padding: 8px 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		width: 100%;
		transition: border-color 0.3s ease;
	}

	.field-notes textarea:focus[b-qjf7zdjt2e]
	{
		border-color: #3498db;
		outline: none;
	}

.field button[b-qjf7zdjt2e]
{
	margin-top: 15px;
	padding: 10px;
	background-color: #3498db;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 1em;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

	.field button:hover[b-qjf7zdjt2e]
	{
		background-color: #2980b9;
	}

.text-container[b-qjf7zdjt2e]
{
	padding: 1.5rem;
}

.add-btnn[b-qjf7zdjt2e]
{
	margin-right: -40px;
}

.grditm2[b-qjf7zdjt2e]
{
	margin-left: 20px;
}

/*.table-container
{
	width: 78vw;
	margin: auto;
	overflow-x: auto;
}*/

.form-container[b-qjf7zdjt2e]
{
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-top: -10px;
	height: auto;
	overflow-y: auto;
	scrollbar-width: none;
	opacity: 0;
	transform: translateY(-30px);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	visibility: hidden;
}

	.form-container.visible[b-qjf7zdjt2e]
	{
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
		position: static;
		visibility: visible;
	}

.cut-btn[b-qjf7zdjt2e]
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.8rem 1rem;
	background: #B8B8B8;
	border-bottom: 1px solid #ddd;
	border-radius: 8px 8px 0 0;
}

.main[b-qjf7zdjt2e]
{
	margin-top: -25px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.select-wrapper[b-qjf7zdjt2e]
{
	width: 100%;
}

.more-btn[b-qjf7zdjt2e]
{
	margin-top: 2rem;
	margin-left: 0.5rem;
	color: red;
	cursor: pointer;
}

.mud-text-field[b-qjf7zdjt2e],
.mud-select[b-qjf7zdjt2e]
{
	width: 100%;
}

.validation-summary[b-qjf7zdjt2e]
{
	margin-top: 1rem;
}


@media (max-width: 1024px)
{
	.form-container[b-qjf7zdjt2e]
	{
		width: 95%;
	}

	.main[b-qjf7zdjt2e]
	{
		width: 95%;
	}
}

@media (max-width: 768px)
{
	.form-container[b-qjf7zdjt2e]
	{
		width: 100%;
	}

}

@media (max-width: 480px)
{
	.form-container[b-qjf7zdjt2e]
	{
		width: 100%;
		margin-top: 0;
	}

	.table-container[b-qjf7zdjt2e]
	{
		width: 100%;
	}

	.mud-text-field[b-qjf7zdjt2e],
	.mud-select[b-qjf7zdjt2e]
	{
		font-size: 0.9rem;
	}

	.more-btn[b-qjf7zdjt2e]
	{
		font-size: 0.9rem;
	}
}

@media (max-width: 400px)
{
	.form-container[b-qjf7zdjt2e]
	{
		width: 100%;
		margin-top: 0;
	}

	.cut-btn[b-qjf7zdjt2e]
	{
		padding: 0.4rem 0.6rem;
	}

	.table-container[b-qjf7zdjt2e]
	{
		width: 100%;
	}

	.mud-text-field[b-qjf7zdjt2e],
	.mud-select[b-qjf7zdjt2e]
	{
		font-size: 0.9rem;
	}

	.more-btn[b-qjf7zdjt2e]
	{
		font-size: 0.9rem;
	}
}


.form-header[b-qjf7zdjt2e]
{
	border-radius: 8px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	justify-content: space-between;
	padding: 6px;
	margin-top: 20px;
	align-items: center;
}

.form-header .MudText[b-qjf7zdjt2e]
{
	font-size: 1.2rem;
}

.form-header .close-btn[b-qjf7zdjt2e]
{
	transition: transform 0.2s ease-in-out;
}

.form-header .close-btn:hover[b-qjf7zdjt2e]
{
	transform: rotate(90deg);
}

[b-qjf7zdjt2e] .mud-table-head th:first-child
{
	border-radius: 10px 0px 0px 0px !important;
}

[b-qjf7zdjt2e] .mud-table-head th:last-child
{
	border-radius: 0px 10px 0px 0px !important;
}
[b-qjf7zdjt2e] .mud-table
{
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

[b-qjf7zdjt2e] .mud-table-head th
{
	background-color: #3f51b5 !important;
	color: white !important;
	font-weight: bold !important;
	height: 5px !important;
	line-height: 1 !important;
	font-size: 14px !important;
}

[b-qjf7zdjt2e] .mud-table-row
{
	height: 5px !important;
}

[b-qjf7zdjt2e] .mud-table-cell
{
	height: 5px !important;
	line-height: 1 !important;
	font-size: 14px !important;
	border: none !important;
}

[b-qjf7zdjt2e] .mud-table-row:nth-child(odd)
{
	background-color: #f2f2f2 !important;
}

[b-qjf7zdjt2e] .mud-table-row:nth-child(even)
{
	background-color: #ffffff !important;
}

[b-qjf7zdjt2e] .mud-table-row:hover
{
	background-color: #d1ecf1 !important;
}

[b-qjf7zdjt2e] .mud-data-grid .mud-table-cell .column-header .sort-direction-icon
{
	color: white !important;
	opacity: 1 !important;
}

[b-qjf7zdjt2e] .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label
{
	color: white !important;
	opacity: 1 !important;
}
[b-qjf7zdjt2e] .mud-sort-index
{
	color: white !important;
}

@media (max-width: 37.5rem)
{
	.table-container[b-qjf7zdjt2e]
	{
		overflow-x: auto;
	}

	[b-qjf7zdjt2e] .mud-table
	{
		width: 100%;
		display: table !important;
		table-layout: auto;
		padding-top: 1.2rem !important;
	}

	[b-qjf7zdjt2e] .mud-table-row
	{
		display: table-row !important;
		flex-direction: unset !important;
		height: 3px !important;
		max-height: 0.3rem !important;
	}

	[b-qjf7zdjt2e] .mud-table-cell
	{
		word-wrap: break-word;
		display: table-cell !important;
		margin-left: unset !important;
		max-height: 0.3rem !important;
		white-space: nowrap;
		font-size: 1rem !important;
	}

		[b-qjf7zdjt2e] .mud-table-cell::before
		{
			display: none !important;
		}

	[b-qjf7zdjt2e] .mud-table-head
	{
		display: table-header-group !important;
	}
}
/* _content/KzenOnline/Components/Pages/Features/WbApp/WbApp_Mnag.razor.rz.scp.css */

.All_app[b-nyzonbjas4]
{
	margin-top: 30px;
	height: auto;
	overflow: auto;
	border-radius: 20px;
	position: relative;
	background-color: #6a7683;
	min-height: 400px;
}

.All_apps[b-nyzonbjas4]
{
	position: relative;
}

.title[b-nyzonbjas4]
{
	display: flex;
	justify-content: center;
	font-size: 20px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.title2[b-nyzonbjas4]
{
	color: white;
}


.tick-box[b-nyzonbjas4]
{
	position: absolute;
	top: -4px;
	right: -4px;
	z-index: 0 !important;
	width: 24px;
	height: 24px;
	border: 2px solid #d1d1d1;
	border-radius: 50%;
	background-color: #f9fafc;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s ease, border-color 0.3s ease;
	z-index: 10;
}
.tick-box3[b-nyzonbjas4]
{
	border-radius: 0%;
	background-color: transparent;
	border: none;
}

.tick-icon[b-nyzonbjas4]
{
	color: #28a745;
	font-size: 16px;
	font-weight: bold;
	animation: fadeInTick 0.3s ease-in-out;
}

.box-container[b-nyzonbjas4]
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.2rem;
	margin-top: 8px;
}

.box-container2[b-nyzonbjas4]
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.8rem;
	padding: 10px;
	justify-content: center;
}

.tick-box2[b-nyzonbjas4]
{
	position: absolute;
	top: 6px;
	right: 6px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.tick-box2:hover[b-nyzonbjas4]
{
	background-color: #d1d1d1;
}

.tick-icon.tick2[b-nyzonbjas4]
{
	color: #dc3545;
	font-size: 18px;
	font-weight: bold;
}

@media (max-width: 480px)
{
	.title[b-nyzonbjas4]
	{
		visibility: hidden;
	}
	.card[b-nyzonbjas4], .data-card[b-nyzonbjas4]
	{
		flex-direction: column;
		align-items: flex-start;
		height: auto;
	}
	.edit-icon[b-nyzonbjas4]
	{
		top: 5px;
		right: 5px;
	}
	.data-card h4[b-nyzonbjas4], .data-card p[b-nyzonbjas4]
	{
		white-space: normal;
	}
}

@media (max-width: 300px)
{
	.cont[b-nyzonbjas4]
	{
		overflow-x: hidden;
	}
}

.tick-box[b-nyzonbjas4]
{
	position: absolute;
	top: -4px;
	right: -4px;
	z-index: 0 !important;
	width: 34px;
	height: 34px;
	border: 2px solid #d1d1d1;
	background-color: #f9fafc;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	z-index: 10;
}

.page-contain2 .data-card[b-nyzonbjas4]
{
	height: 5.25em;
	box-shadow: 0 1em 1.5em -.3em rgba(0, 0, 0, .3);
	transition: none;
}

.data-card[b-nyzonbjas4]
{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 15.75em;
	height: 9.75em;
	overflow: hidden;
	border-radius: .5em;
	text-decoration: none;
	background: white;
	margin: 1em;
	padding: 2em 1.2em;
	box-shadow: 0 1.5em 2.5em -.5em rgba(0, 0, 0, .2);
	transition: transform .45s ease, background .45s ease;
}

.data-card:hover[b-nyzonbjas4]
{
	border: 1px solid black;
	transform: scale(1.05);
	cursor: pointer;
}

.page-contain2 .data-card:hover[b-nyzonbjas4]
{
	border: none;
	transform: none;
}

.data-card h3[b-nyzonbjas4]
{
	border-bottom: 2px solid #753BBD;
	transition: color .45s ease, border .45s ease;
}

.data-card .header[b-nyzonbjas4]
{
	display: flex;
	align-items: center;
	gap: 0.5em;
	margin-top: -15px;
}

.data-card img[b-nyzonbjas4]
{
	width: 60px;
	height: 60px;
	object-fit: cover;
}

.page-contain2 .data-card img[b-nyzonbjas4]
{
	width: 40px;
	height: 40px;
	object-fit: cover;
}

.page-contain2 .data-card h4[b-nyzonbjas4]
{
	font-size: 0.8em;
}

.data-card h4[b-nyzonbjas4]
{
	color: #627084;
	text-transform: uppercase;
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.1em;
	margin: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	transition: color .45s ease;
}

.data-card p[b-nyzonbjas4]
{
	font-size: 14px;
	color: #666;
	margin-top: auto;
	z-index: 2;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}

.data-card p:last-child[b-nyzonbjas4]
{
	margin-bottom: 0;
}

.add-app-container[b-nyzonbjas4]
{
	position: absolute;
	top: 0;
	right: 0;
}

.pgcntn[b-nyzonbjas4]
{
	background-color: #6a7683;
	height: 90vh;
	border-radius: 0px;
}
/* _content/KzenOnline/Components/Pages/Home.razor.rz.scp.css */

.home-container[b-mfv0tieey2]
{
	display: flex;
	flex-direction: column;
}
.homepage[b-mfv0tieey2]
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

nav[b-mfv0tieey2]
{
	display: flex;
	justify-content: flex-end;
	margin: 0.5rem 0.6rem;
}
nav ul[b-mfv0tieey2]
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 0.7rem;
}

nav li a[b-mfv0tieey2]
{
	text-decoration: none;
	font-size: 1rem;
	color: black;
	font-family: "Roboto Slab", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}
nav li a:hover[b-mfv0tieey2]
{
	color: blue;
	text-underline-offset: auto;
}

.container[b-mfv0tieey2]
{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	animation: backgroundShift 10s infinite alternate ease-in-out;
	overflow: hidden;
}

.welcome-section h1[b-mfv0tieey2]
{
	font-size: 3rem;
	margin: 0;
	color: black;
	animation: floatText-b-mfv0tieey2 3s infinite ease-in-out;
}

.welcome-section h1 span[b-mfv0tieey2]
{
	color: #FFD700;
}

@keyframes floatText-b-mfv0tieey2
{
	0%
	{
		transform: translateY(0);
	}

	50%
	{
		transform: translateY(-0.6rem);
	}

	100%
	{
		transform: translateY(0);
	}
}


@media (max-width: 600px)
{
	.welcome-section h1[b-mfv0tieey2]
	{
		font-size: 2rem;
	}

	.welcome-section p[b-mfv0tieey2]
	{
		font-size: 1rem;
	}
}



@media (max-width: 834px)
{
	.homepage[b-mfv0tieey2]
	{
		display: flex;
		flex-direction: column;
		grid-column-gap: 5em;
	}

	.welcome-section h1[b-mfv0tieey2]
	{
		font-size: 1.5rem;
	}

	.welcome-section p[b-mfv0tieey2]
	{
		font-size: 0.9rem;
	}
}

@media (max-width: 639px)
{
	.homepage[b-mfv0tieey2]
	{
		display: flex;
		flex-direction: column;
		gap: 5em;
	}

	.welcome-section h1[b-mfv0tieey2]
	{
		font-size: 1.5rem;
	}

	.welcome-section p[b-mfv0tieey2]
	{
		font-size: 0.9rem;
	}
}

@media (max-width: 480px)
{
	.homepage[b-mfv0tieey2]
	{
		display: flex;
		flex-direction: column;
		gap: 5em; 
	}

	.welcome-section h1[b-mfv0tieey2]
	{
		font-size: 1.2rem;
	}

	.welcome-section p[b-mfv0tieey2]
	{
		font-size: 0.8rem;
	}
}
/* _content/KzenOnline/ZObsolete/TodoList.razor.rz.scp.css */
/*.todo-container
{
	font-family: Arial, sans-serif;
	max-width: 600px;
	margin: 20px auto;
	padding: 20px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.todo-header
{
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
	color: #333;
}

.todo-add
{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.todo-input
{
	flex: 1;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
}

.todo-add-btn
{
	margin-left: 10px;
	padding: 10px 20px;
	font-size: 16px;
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

	.todo-add-btn:hover
	{
		background-color: #0056b3;
	}
.todo-list
{
	margin-top: 10px;
}

.todo-item
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #f9f9f9;
	position: relative;
}

.divide
{
	position: absolute;
	width: 2px;
	left: 88%;
	height: 3.3rem;
	background-color: #bbb;
}

.todo-text
{
	flex: 1;
	font-size: 16px;
	margin-right: 10px;
}

.todo-edit-input
{
	flex: 1;
	padding: 4px;
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 5px;
}


@media (max-width: 480px)
{
	.todo-add
	{
		flex-direction: column;
		gap: 10px;
	}

	.todo-add-btn
	{
		width: 100%;
	}

	.todo-item
	{
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
}


.todo-item button
{
	background: none;
	border: none;
	font-size: 1.2rem;
	cursor: pointer;
	margin-left: 10px;
}
*/