/* _content/NAppWeb/App.razor.rz.scp.css */
.app-alert[b-vxcxesmt4x] {
	font-size: 1.1rem;
	margin-left: 2%;
	padding: 3%;
}
/* _content/NAppWeb/Pages/AboutUs.razor.rz.scp.css */
h4[b-jxxg7jpk8t] {
	font-family: kanit, sans-serif;
	font-size: 2.3125rem;
	font-weight: var(--font-weight-normal);
	font-stretch: 100%;
	margin-bottom: 3.5rem;
	line-height: 1.6rem;
}

span[b-jxxg7jpk8t] {
	font-size: 1rem;
}

.about-us-sub-header[b-jxxg7jpk8t] {
	font-weight: var(--font-weight-bolder);
}

.about-us-image-container[b-jxxg7jpk8t]{
	flex: 0 1 50%;
	min-width: 952px;
	max-width: 9652px;
}

	.about-us-image-container img[b-jxxg7jpk8t] {
		width: 100%;
		height: auto;
	}

.about-us-text-wrapper[b-jxxg7jpk8t] {
	flex: 0 1 50%;
	margin: 7rem auto;
	width: 100%;
	padding-right: 5rem;
}

.about-us-text-container[b-jxxg7jpk8t] {
	justify-self: center;
	align-self: center;
	max-width: 433px;
}
/* _content/NAppWeb/Pages/Account/Details.razor.rz.scp.css */
/* _content/NAppWeb/Pages/Account/SubManagement.razor.rz.scp.css */
/* Truncate long Id and indicate it's clickable */
.copy-ellipsis[b-pw9lxfh0ao] {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

	.copy-ellipsis:hover[b-pw9lxfh0ao] {
		cursor: pointer;
	}

#copyToast.toast[b-pw9lxfh0ao] {
	width: max-content; /* shrink to content */
	min-width: 0; /* override Bootstrap min/width */
	max-width: 90vw; /* prevent overflow on narrow screens */
	white-space: nowrap; /* single line */
}

div.management-container[b-pw9lxfh0ao] {
	--sm-table-header-bg: #fefefe; /* header background */
	--sm-table-header-color: inherit; /* header text color */
	--sm-row-selected-bg: #eaeaea; /* selected row background */
	--sm-row-selected-color: inherit; /* selected row text color */

	--sm-row-selected-hover-bg: #d8d8d8; /* default: light bluish hover */
	--sm-row-selected-hover-color: inherit;
	--sm-row-unselected-bg: #fefefe; /* unselected row background */
	--sm-row-unselected-color: inherit; /* unselected row text color */

	display: flex;
	flex-direction: row;
	gap: 2rem;
	width: 1320px;
	height: auto;
	justify-content: center;
	margin: 4rem auto;
	padding: .5rem;
	/*padding-right: calc(50vw - calc(660px + 4rem));*/
}

div.table-container[b-pw9lxfh0ao] {
	position: relative;
	left: 0;
	flex: 1 0 auto;
	flex-wrap: nowrap;
	min-width: 720px;
	max-height: 576px;
	padding: .5rem;
}

	div.table-container table[b-pw9lxfh0ao] {
		border-collapse: separate;
		border-spacing: 0;
		border-radius: 8px;
		overflow: hidden; /* clip child cells so corners are visible */
		border: 1px solid var(--border-light-gray-color); /* draw outer border on the table */
		width: 100%;
	}

		div.table-container table th[b-pw9lxfh0ao] {
			cursor: default;
		}

		/* center cells */
		div.table-container table th[b-pw9lxfh0ao],
		div.table-container table td[b-pw9lxfh0ao] {
			text-align: center;
			white-space: nowrap;
			padding: .5rem .75rem;
			border-bottom: 1px groove #f0f0f0;
		}

		/* rounded header corners */
		div.table-container table thead th:first-child[b-pw9lxfh0ao] {
			border-top-left-radius: 8px;
			overflow: hidden;
		}

		div.table-container table thead th:last-child[b-pw9lxfh0ao] {
			border-top-right-radius: 8px;
			overflow: hidden;
		}

		/* HEADER: override default Bootstrap header color */
		div.table-container table thead th[b-pw9lxfh0ao],
		div.table-container table thead[b-pw9lxfh0ao] {
			background-color: var(--sm-table-header-bg);
			color: var(--sm-table-header-color);
			font-weight: var(--font-weight-bolder);
		}

		/* SELECTED ROW: the page uses "table-primary" for selection — override to custom color */
		div.table-container table tbody tr.table-primary[b-pw9lxfh0ao],
		div.table-container table tbody tr.table-primary > td[b-pw9lxfh0ao],
		div.table-container table tbody tr.table-primary > th[b-pw9lxfh0ao] {
			background-color: var(--sm-row-selected-bg) !important;
			color: var(--sm-row-selected-color) !important;
			/* ensure no blue overlay/gradient or blend mode from Bootstrap or other rules */
			background-image: none !important;
			background-blend-mode: normal !important;
			box-shadow: none !important;
			opacity: 1 !important;
		}

			div.table-container table.table-hover tbody tr.table-primary:hover[b-pw9lxfh0ao],
			div.table-container table.table-hover tbody tr.table-primary:hover > td[b-pw9lxfh0ao],
			div.table-container table.table-hover tbody tr.table-primary:hover > th[b-pw9lxfh0ao],
			div.table-container table tbody tr.table-primary:hover[b-pw9lxfh0ao],
			div.table-container table tbody tr.table-primary:hover > td[b-pw9lxfh0ao],
			div.table-container table tbody tr.table-primary:hover > th[b-pw9lxfh0ao] {
				background-color: var(--sm-row-selected-hover-bg) !important;
				color: var(--sm-row-selected-hover-color, var(--sm-row-selected-color)) !important;
				background-image: none !important;
				background-blend-mode: normal !important;
				box-shadow: none !important;
				opacity: 1 !important;
			}

			div.table-container table tbody tr.table-primary[b-pw9lxfh0ao]::before,
			div.table-container table tbody tr.table-primary[b-pw9lxfh0ao]::after,
			div.table-container table tbody tr.table-primary > td[b-pw9lxfh0ao]::before,
			div.table-container table tbody tr.table-primary > td[b-pw9lxfh0ao]::after,
			div.table-container table tbody tr.table-primary > th[b-pw9lxfh0ao]::before,
			div.table-container table tbody tr.table-primary > th[b-pw9lxfh0ao]::after {
				background: none !important;
				content: none !important;
			}

		/* UNSELECTED ROWS */
		div.table-container table tbody tr:not(.table-primary) td[b-pw9lxfh0ao],
		div.table-container table tbody tr:not(.table-primary) th[b-pw9lxfh0ao] {
			background-color: var(--sm-row-unselected-bg);
			color: var(--sm-row-unselected-color);
		}

		/* HOVER for unselected rows */
		div.table-container table tbody tr:hover:not(.table-primary) td[b-pw9lxfh0ao],
		div.table-container table tbody tr:hover:not(.table-primary) th[b-pw9lxfh0ao] {
			background-color: #f8f9fa; /* subtle hover — change if desired */
		}

/* Old side panel container (unused now) */
div.details-container[b-pw9lxfh0ao] {
	position: relative;
	right: 0;
	flex: 1 0 27%;
	min-width: 360px;
	padding: .5rem;
}

/* New full-width details screen */
div.details-screen[b-pw9lxfh0ao] {
	flex: 1 1 auto;
	width: 100%;
}

/* details layout */
div.details-grid[b-pw9lxfh0ao] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: stretch;
	justify-content: flex-start;
}

div.details-col[b-pw9lxfh0ao] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	flex: 1 1 auto;
	min-width: 0;
}

/* first row: Sub Info, Payment Plan, Previous Payments */
div.details-grid > div.details-col:first-child[b-pw9lxfh0ao] {
	flex-direction: row;
}

	div.details-grid > div.details-col:first-child > .details-section[b-pw9lxfh0ao] {
		flex: 1 1 0;
		min-width: 0;
	}

/* second row: Buyer, Billing, Card */
div.details-grid > div.details-col:nth-child(2)[b-pw9lxfh0ao] {
	flex-direction: row;
}

	div.details-grid > div.details-col:nth-child(2) > .details-section[b-pw9lxfh0ao] {
		flex: 1 1 0;
		min-width: 0;
	}

/* section header weight */
div.details-section .card-header[b-pw9lxfh0ao] {
	font-weight: var(--font-weight-bolder, 600);
}

.payment-table table[b-pw9lxfh0ao] {
	border-radius: 8px;
}

	.payment-table table th[b-pw9lxfh0ao] {
		background-color: #fefefe;
		border-bottom-color: var(--border-light-gray-color);
		cursor: default;
	}

	/* Previous Payments table centering */
	.payment-table table th[b-pw9lxfh0ao],
	.payment-table table td[b-pw9lxfh0ao] {
		text-align: center;
		background-color: #fefefe;
		border-bottom-color: var(--border-light-gray-color);
	}

/* responsive: stack rows of cards when narrow */
@media (max-width: 992px) {
	div.details-grid > div.details-col:first-child[b-pw9lxfh0ao],
	div.details-grid > div.details-col:nth-child(2)[b-pw9lxfh0ao] {
		flex-direction: column;
	}
}
/* _content/NAppWeb/Pages/Admin/AdminPanel.razor.rz.scp.css */
.tabs[b-4o8wb4xs9j] {
	display: flex;
	border-bottom: 2px solid #ccc;
	margin-bottom: 10px;
}

.tab-button[b-4o8wb4xs9j] {
	padding: 10px 20px;
	cursor: pointer;
	border: none;
	background-color: transparent;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
}

	.tab-button.active[b-4o8wb4xs9j] {
		border-color: #007bff;
		color: #007bff;
	}

.tab-content[b-4o8wb4xs9j] {
	padding: 10px;
}

td[b-4o8wb4xs9j], th[b-4o8wb4xs9j] {
	padding: .25rem .5rem;
	width: fit-content;
	text-align: center;
}

	td[b-4o8wb4xs9j], th > *[b-4o8wb4xs9j] {
		text-align: center;
	}

	.td-error[b-4o8wb4xs9j] {
		text-wrap: auto;
		cursor: default;
	}

.container[b-4o8wb4xs9j] {
	max-width: 75vw;
}
/* _content/NAppWeb/Pages/Auth/AccessDenied.razor.rz.scp.css */
h1[b-n55yfj5t8u] {
	font-size: 2.5rem;
}

h2[b-n55yfj5t8u] {
	font-size: 1.5rem;
}

a[b-n55yfj5t8u] {
	color: var(--font-primary-color);
}

	a:hover[b-n55yfj5t8u] {
		color: var(--font-primary-hover-color);
	}
/* _content/NAppWeb/Pages/Auth/ForgotPassword.razor.rz.scp.css */
form[b-wj745h1t1i] {
	width: min-content;
}

label[b-wj745h1t1i] {
	font-weight: var(--font-weight-bold);
	margin-bottom: .5rem;
}

	label.form-check-label[b-wj745h1t1i] {
		margin: 0;
	}

.container[b-wj745h1t1i] {
	padding: 1rem;
	margin-top: calc(3rem + 108px);
}

.text-recovery[b-wj745h1t1i] {
	font-size: 3rem;
	font-weight: var(--font-weight-black);
}

.card[b-wj745h1t1i] {
	display: block;
	width: auto;
	box-shadow: var(--box-gray-color) -2px 8px 16px 0px;
	border: 1px solid var(--border-light-gray-color);
	border-radius: .5rem;
	padding: .25rem;
}

.card-body[b-wj745h1t1i] {
	display: block;
	width: auto;
	background-color: var(--bg-main-color);
	padding: 2.75rem;
}

.form-group[b-wj745h1t1i] {
	width: 350px;
}

.btn-recover[b-wj745h1t1i] {
	min-width: 120px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-top: .5rem;
}

.login-link[b-wj745h1t1i] {
}

	.login-link > * > a[b-wj745h1t1i] {
		color: var(--font-text-primary-color);
	}

a.back-arrow[b-wj745h1t1i] {
	position: relative;
	top: -.75rem;
	left: -1.5rem;
	cursor: pointer;
	color: unset;
	text-decoration: none;
}

	a.back-arrow:hover[b-wj745h1t1i] {
		color: var(--bg-btn-black-hover-color);
		transition: color ease-in 0.1s;
	}

div.submit-message[b-wj745h1t1i] {
	position: relative;
	top: 1rem;
	padding: 0.5rem;
	text-align: center;
	width: fit-content;
	transition: all ease-in 0.3s;
	z-index: 10;
}

	div.submit-message > span[b-wj745h1t1i] {
		color: var(--font-text-primary-color);
		font-size: 1rem;
		cursor: default;
	}
/* _content/NAppWeb/Pages/Auth/Login.razor.rz.scp.css */
form[b-d8d02la3zs] {
	width: min-content;
}

label[b-d8d02la3zs] {
	font-weight: var(--font-weight-bold);
	margin-bottom: .5rem;
}

	label.form-check-label[b-d8d02la3zs] {
		margin: 0;
	}

.container[b-d8d02la3zs] {
	padding: 1rem;
	margin-top: calc(3rem + 108px);
}

.text-welcome[b-d8d02la3zs] {
	font-size: 3rem;
	font-weight: var(--font-weight-black);
}

.card[b-d8d02la3zs] {
	display: block;
	width: auto;
	box-shadow: var(--box-gray-color) -2px 8px 16px 0px;
	border: 1px solid var(--border-light-gray-color);
	border-radius: .5rem;
	padding: .25rem;
}

.card-body[b-d8d02la3zs] {
	display: block;
	width: auto;
	background-color: var(--bg-main-color);
	padding: 2.75rem;
}

.form-group[b-d8d02la3zs] {
	width: 350px;
}

.btn-sign-in[b-d8d02la3zs] {
	min-width: 120px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-top: .5rem;
}

.login-link[b-d8d02la3zs] {
}

	.login-link > * > a[b-d8d02la3zs] {
		color: var(--font-text-primary-color);
	}
/* _content/NAppWeb/Pages/Auth/Recovery.razor.rz.scp.css */
form[b-nt2zd8gvhb] {
	width: min-content;
}

label[b-nt2zd8gvhb] {
	font-weight: var(--font-weight-bold);
	margin-bottom: .5rem;
}

	label.form-check-label[b-nt2zd8gvhb] {
		margin: 0;
	}

.container[b-nt2zd8gvhb] {
	padding: 1rem;
	margin-top: calc(3rem + 108px);
}

.text-header[b-nt2zd8gvhb] {
	font-size: 3rem;
	font-weight: var(--font-weight-black);
}

.card[b-nt2zd8gvhb] {
	display: block;
	width: auto;
	box-shadow: var(--box-gray-color) -2px 8px 16px 0px;
	border: 1px solid var(--border-light-gray-color);
	border-radius: .5rem;
	padding: .25rem;
}

.card-body[b-nt2zd8gvhb] {
	display: block;
	width: auto;
	background-color: var(--bg-main-color);
	padding: 2.75rem;
}

.form-group[b-nt2zd8gvhb] {
	width: 350px;
}

.btn-change-pass[b-nt2zd8gvhb] {
	min-width: 120px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-top: .5rem;
}

.login-link[b-nt2zd8gvhb] {
}

	.login-link > * > a[b-nt2zd8gvhb] {
		color: var(--font-text-primary-color);
	}

a.return-home[b-nt2zd8gvhb] {
	color: var(--font-primary-color);
}

a.return-home:hover[b-nt2zd8gvhb] {
	color: var(--font-primary-hover-color);
}
/* _content/NAppWeb/Pages/Auth/Register.razor.rz.scp.css */
form[b-6pcfnq7i94] {
	width: min-content;
}

label[b-6pcfnq7i94] {
	font-weight: var(--font-weight-bold);
	margin-bottom: .5rem;
}

	label.form-check-label[b-6pcfnq7i94] {
		margin: 0;
	}

.container[b-6pcfnq7i94] {
	padding: 1rem;
	margin-top: calc(3rem + 108px);
}

.text-header[b-6pcfnq7i94] {
	font-size: 3rem;
	font-weight: var(--font-weight-black);
}

.card[b-6pcfnq7i94] {
	display: block;
	width: auto;
	box-shadow: var(--box-gray-color) -2px 8px 16px 0px;
	border: 1px solid var(--border-light-gray-color);
	border-radius: .5rem;
	padding: .25rem;
}

.card-body[b-6pcfnq7i94] {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	width: auto;
	background-color: var(--bg-main-color);
	padding: 2.75rem;
}

.form-group[b-6pcfnq7i94] {
	width: 350px;
}

.btn-register[b-6pcfnq7i94] {
	min-width: 120px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-top: .5rem;
}

.modal[b-6pcfnq7i94] {
	top: -10vh;
	overflow: hidden;
}

.modal-content[b-6pcfnq7i94] {
	height: 60vh;
	overflow-y: auto;
}

.disclaimer-text[b-6pcfnq7i94] {
	font-size: 0.625rem;
}

	.disclaimer-text > a[b-6pcfnq7i94] {
		color: inherit;
	}

/*.disclaimer-text > a:hover {
			color: var(--font-text-primary-hover-color);
		}*/

/*.disclaimer-text > a:active {
			color: var(--font-text-primary-hover-color);
		}*/

.register-link[b-6pcfnq7i94] {
}

	.register-link > * > a[b-6pcfnq7i94] {
		color: var(--font-text-primary-color);
	}

/*.modal-body {
	height: 60vh;
	overflow-y: auto;
}*/
/* _content/NAppWeb/Pages/Auth/RegisterClosed.razor.rz.scp.css */
h1[b-39inajtvv9] {
	font-size: 2.5rem;
}

h2[b-39inajtvv9] {
	font-size: 1.5rem;
}

a[b-39inajtvv9] {
	color: var(--font-primary-color);
}

a:hover[b-39inajtvv9]{
	color: var(--font-primary-hover-color);
}
/* _content/NAppWeb/Pages/Contact.razor.rz.scp.css */
.container-stretch[b-aq2k99pn58] {
	display: flex;
	font-size: inherit;
	padding-right: calc(50vw - calc(660px + 2.5rem));
	padding-bottom: 2rem;
}

.container-stretch-padding[b-aq2k99pn58] {
	position: relative;
	/*left: calc(292px + 0rem);*/
	padding-left: calc(292px + 1rem);
	padding-right: calc(50vw - calc(660px + 0.5rem));
}

.contact-container[b-aq2k99pn58] {
	background-color: #fdfdfd;
	box-shadow: 2px 2px 16px 1px rgb(0 0 0 / 10%);
	border-radius: .5rem;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 2.5rem;
	padding: 1.5rem 4rem;
}

.contact-info[b-aq2k99pn58],
.feedback-form[b-aq2k99pn58] {
	flex: 1;
	min-width: 300px;
}

	.contact-info h2[b-aq2k99pn58],
	.feedback-form h2[b-aq2k99pn58] {
		color: #343a40;
		margin-bottom: 25px;
		font-weight: 600;
	}

	.contact-info p[b-aq2k99pn58] {
		margin-bottom: 15px;
		color: #6c757d;
		font-size: 1.05rem;
		display: flex;
		align-items: center;
	}

		.contact-info p strong[b-aq2k99pn58] {
			color: #495057;
			margin-right: 8px;
		}


	.feedback-form[b-aq2k99pn58]  .form-label {
		font-weight: var(--font-weight-regular-bold);
		color: #495057;
		margin-bottom: .5rem;
	}

	.feedback-form[b-aq2k99pn58]  .form-control {
		/*border-radius: .5rem;*/
		/*padding: .75rem 1rem;*/
		border: 1px solid #ced4da;
		transition: border-color 0.3s ease, box-shadow 0.3s ease;
	}

	.feedback-form[b-aq2k99pn58]  .form-control:focus {
		/*border-color: #007bff;*/
		box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
		outline: none;
	}

	.feedback-form[b-aq2k99pn58]  textarea {
		min-height: 120px;
		resize: vertical;
	}

	.feedback-form .btn-primary[b-aq2k99pn58] {
		/*background-color: #007bff;*/
		/*border-color: #007bff;*/
		border-radius: .5rem;
		padding: .75rem 1.5rem;
		font-size: 1.1rem;
		font-weight: 600;
		/*transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;*/
	}

		/*.feedback-form .btn-primary:hover {
			background-color: #0056b3;
			border-color: #0056b3;
			transform: translateY(-2px);
		}*/

		/*.feedback-form .btn-primary:active {
			transform: translateY(0);
		}*/


@media (max-width: 768px) {
	.contact-container[b-aq2k99pn58] {
		flex-direction: column;
		padding: 25px;
	}
}
/* _content/NAppWeb/Pages/Dashboard.razor.rz.scp.css */
.dashboard[b-y1gli1imxs] {
	display: flex;
	min-height: 560px;
	max-height: 700px;
	width: 100%;
	margin-top: 1rem;
	padding: 1.5rem;
}

.container-stretch[b-y1gli1imxs] {
	display: flex;
	font-size: inherit;
	padding-right: calc(50vw - calc(660px + 4rem));
}

.dashboard-grid-wrapper[b-y1gli1imxs] {
	display: grid;
	grid-template-areas:
		"q q r r r r r r"
		"p p r r r r r r"
		"p p r r r r r r";
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: auto repeat(2, 1fr);
	grid-gap: 1rem;
	width: 100%;
	height: auto;
}

.dashboard-presets[b-y1gli1imxs] {
	grid-area: p;
}

.dashboard-quickstart[b-y1gli1imxs] {
	grid-area: q;
	overflow: hidden !important;
}

.dashboard-results[b-y1gli1imxs] {
	grid-area: r;
}

.dashboard-grid-item[b-y1gli1imxs] {
	display: block;
	overflow: auto;
	border-radius: 0.5rem;
	background-color: #ffffff;
	box-shadow: 2px 2px 16px 1px rgb(0 0 0 / 10%);
}

@media(min-width: 2000px) {
	.dashboard[b-y1gli1imxs] {
		max-height: 1160px;
	}
}
/* _content/NAppWeb/Pages/Faq.razor.rz.scp.css */
h1[b-clypb2h56r] {
	font-size: 2.5rem;
}

h2[b-clypb2h56r] {
	font-size: 1.5rem;
}

a[b-clypb2h56r] {
	color: var(--font-primary-color);
}

	a:hover[b-clypb2h56r] {
		color: var(--font-primary-hover-color);
	}
/* _content/NAppWeb/Pages/Index.razor.rz.scp.css */
main[b-06h9rt0q4i] {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
}

h1[b-06h9rt0q4i] {
	font-weight: var(--font-weight-bolder);
	font-size: 3.875rem;
	line-height: normal;
}

h4[b-06h9rt0q4i] {
	font-weight: var(--font-weight-bolder);
}

span[b-06h9rt0q4i] {
	font-size: 1rem;
}

p[b-06h9rt0q4i] {
	font-size: 1rem;
}

hr.break-preface[b-06h9rt0q4i] {
	width: 100%;
	/*width: 60%;*/
	align-self: center;
	margin-top: 4rem;
	margin-bottom: 4rem;
}

hr.break-tool-presentation[b-06h9rt0q4i] {
	width: 0;
	margin-top: 2rem;
	margin-bottom: 0;
}

hr.break-pricing[b-06h9rt0q4i] {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

hr.break-faq[b-06h9rt0q4i] {
	margin: 1rem 0;
}

div.slogan[b-06h9rt0q4i] {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	flex-wrap: nowrap;
	padding-top: 4rem;
	padding-bottom: 4rem;
}

div.slogan-text[b-06h9rt0q4i] {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	width: 50%;
	padding-top: 4rem;
	padding-bottom: 4rem;
}

	div.slogan-text > h1[b-06h9rt0q4i] {
		max-width: 8em;
		text-wrap: wrap;
		text-align: left;
	}

		div.slogan-text > h1 > span[b-06h9rt0q4i] {
			font-weight: var(--font-weight-bold);
			font-size: 1.875rem;
			font-variant-numeric: tabular-nums;
			line-height: normal;
			/*vertical-align: text-top;*/
		}

	div.slogan-text > p[b-06h9rt0q4i], span[b-06h9rt0q4i] {
		font-size: 1.25rem;
		text-wrap: wrap;
		text-align: left;
	}

div.slogan-img[b-06h9rt0q4i] {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-end;
	width: 50%;
}

	div.slogan-img a[b-06h9rt0q4i] {
		display: flex;
		flex-wrap: wrap;
	}

	div.slogan-img img[b-06h9rt0q4i] {
		height: 560px;
		width: 490px;
		/*border-top-left-radius: 6rem;*/
		border-top-left-radius: .275rem;
		border-top-right-radius: .275rem;
		/*border-bottom-right-radius: 6rem;*/
		border-bottom-right-radius: .275rem;
		border-bottom-left-radius: .275rem;
	}

	div.slogan-img span.slogan-img-text[b-06h9rt0q4i] {
		margin-top: .4375rem;
		margin-left: auto;
		font-size: .875rem;
	}

div.preface[b-06h9rt0q4i] {
	display: flex;
	flex-direction: column;
	/*max-width: calc(var(--main-page-max-width) / 2);*/
	/*margin-top: 8rem;*/
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	justify-self: center;
	/*align-self: center;*/
}

	div.preface > p[b-06h9rt0q4i] {
		margin: 0;
		margin-top: 1rem;
		font-size: 1rem;
	}

		div.preface > p > span[b-06h9rt0q4i] {
			font-size: 1rem;
		}

div.tool-presentation[b-06h9rt0q4i] {
	display: flex;
	flex-direction: column;
}

	div.tool-presentation > .section[b-06h9rt0q4i] {
		display: grid;
		grid-template-areas:
			"header"
			"para";
		grid-template-columns: 1fr auto;
		grid-template-rows: auto;
		margin: 1rem 0;
	}

		div.tool-presentation > .section > .header[b-06h9rt0q4i] {
			grid-area: header;
			font-size: 1.25rem;
		}

		div.tool-presentation > .section > .para[b-06h9rt0q4i] {
			grid-area: para;
		}

			div.tool-presentation > .section > .para > p[b-06h9rt0q4i] {
				line-height: 1.5rem;
				margin: 0;
			}

			div.tool-presentation > .section > .para > h6[b-06h9rt0q4i] {
				margin-bottom: 0.375rem;
			}

div.pricing[b-06h9rt0q4i] {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 1rem 0;
	align-content: center;
}

div.pricing h1[b-06h9rt0q4i] {
	font-size: 1.875rem;
}

div.faq[b-06h9rt0q4i] {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.btn-black[b-06h9rt0q4i] {
	padding: 0.8rem 1.6rem;
}

.is-loading[b-06h9rt0q4i] {
	display: block;
}

	.is-loading > span[b-06h9rt0q4i] {
		font-size: 3rem;
	}
/* _content/NAppWeb/Pages/Legal.razor.rz.scp.css */
html[b-laxgm0129n] {
	scroll-behavior: smooth;
}

.main-container[b-laxgm0129n] {
	display: grid;
	grid-template:
		"nav content"
		". content" / auto auto;
	transition: width 0.3s linear, height 0.3s linear;
	margin-top: 2rem;
	padding: 1rem;
	/*border: 1px solid #ff6a00;*/ /* For testing */
}

.nav-container[b-laxgm0129n] {
	grid-area: nav;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: 1rem 1rem;
	margin-right: 1rem;
	max-width: 400px;
	width: 300px;
	height: min-content;
	/*border: 1px solid #ffd800;*/
	border-radius: .5rem;
	box-shadow: 2px 2px 16px 1px rgb(0 0 0 / 10%);
	background-color: #ebf5f540;
	display: none; /*So we are removing it without actually removing it*/
}

.content-container[b-laxgm0129n] {
	grid-area: content;
	padding: 1rem;
	/*border: 1px solid #00ff90;*/
	border-radius: .5rem;
	box-shadow: 2px 2px 16px 1px rgb(0 0 0 / 10%);
	height: max-content;
	background-color: #ebf5f540;
	overflow-y: auto;
}

#content[b-laxgm0129n] {
}

.nav-button[b-laxgm0129n] {
	/*border: 1px solid #b200ff;*/
	/*border-radius: .5rem;*/
	background-color: #ebf5f510;
	border: none;
	border-radius: .5rem;
	padding-top: .25rem;
	padding-bottom: .25rem;
}

	.nav-button:hover[b-laxgm0129n] {
		background-color: #e6f0f080;
		transition: ease-in-out;
	}

.nav-container > hr[b-laxgm0129n] {
	width: 85%;
	justify-self: center;
	align-self: center;
	margin: .05rem 0;
}

h1[b-laxgm0129n], h2[b-laxgm0129n], h3[b-laxgm0129n], h4[b-laxgm0129n], h5[b-laxgm0129n] {
	margin-bottom: 1rem;
}

#backToTopBtn[b-laxgm0129n] {
	display: none;
	grid-column-start: content;
	grid-row-start: 2;
	position: relative;
	bottom: 1rem;
	padding: .5rem 1rem;
	max-width: 60%;
	width: fit-content;
	align-self: end;
	justify-self: center;
	transition: opacity 1s ease-in-out;
	opacity: 0;
	/*background-color: #b200ff80;*/ /*Gonna miss this color*/
	border: 1px solid #a0bec340;
	border-radius: .5rem;
	background-color: #bee6e6c0;
	font-weight: 600;
	cursor: pointer;
	z-index: 99;
}

	#backToTopBtn.show[b-laxgm0129n] {
		display: block;
		opacity: 1;
	}

.spacing[b-laxgm0129n] {
	display: block;
	margin-bottom: 4rem;
}

.main-container[b-laxgm0129n] {
	margin-left: 27.5%;
	margin-right: 27.5%;
}

@media (max-width: 2200px) {
	.main-container[b-laxgm0129n] {
		margin-left: 27.5%;
		margin-right: 27.5%;
	}
}

@media (max-width: 1920px) {
	.main-container[b-laxgm0129n] {
		margin-left: 27.5%;
		margin-right: 27.5%;
	}

	.nav-container[b-laxgm0129n] {
		max-width: 200px;
	}
}

@media (max-width: 960px) {
	.main-container[b-laxgm0129n] {
		margin-left: 16%;
		margin-right: 16%;
	}

	.nav-container[b-laxgm0129n] {
		max-width: 150px;
	}
}


/* _content/NAppWeb/Pages/PatchNotes.razor.rz.scp.css */
h1[b-9v5ydau8pt] {
	font-size: 2.5rem;
}

h2[b-9v5ydau8pt] {
	font-size: 1.5rem;
}

a[b-9v5ydau8pt] {
	color: var(--font-primary-color);
}

	a:hover[b-9v5ydau8pt] {
		color: var(--font-primary-hover-color);
	}
/* _content/NAppWeb/Pages/Payment/Finalize.razor.rz.scp.css */
a[b-hgyfigobit] {
	color: var(--font-primary-color);
}

.ml-auto[b-hgyfigobit] {
	margin-left: auto;
}
/* _content/NAppWeb/Pages/Pricing.razor.rz.scp.css */
h1[b-zz5c3wtvky] {
	font-size: 2.5rem;
}

h2[b-zz5c3wtvky] {
	font-size: 1.5rem;
}

a[b-zz5c3wtvky] {
	color: var(--font-primary-color);
}

	a:hover[b-zz5c3wtvky] {
		color: var(--font-primary-hover-color);
	}
/* _content/NAppWeb/Pages/PricingPreview.razor.rz.scp.css */
.main-container[b-yakmsy77en] {
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}

.main-containter[b-yakmsy77en] {
	display: grid;
	grid-template-areas:
		"header"
		"content";
	grid-template-rows: min-content auto;
	padding: 1rem;
	border-radius: 8px;
}

.subs-header[b-yakmsy77en] {
	grid-area: header;
}

.subs-container[b-yakmsy77en] {
	grid-area: content;
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	gap: 1rem;
	border-radius: 8px;
	justify-content: space-evenly;
}

.sub-card[b-yakmsy77en] {
	display: grid;
	grid-template-areas:
		"title"
		"pricing"
		"listing"
		"button";
	grid-template-rows: min-content min-content auto min-content;
	grid-template-columns: auto;
	transition: transform linear 0.1s;
	padding: 1rem;
	box-shadow: 2px 2px 16px 1px rgb(0 0 0 / 10%);
	border-radius: 8px;
	min-width: 300px;
	max-width: 300px;
	min-height: 450px;
	max-height: 450px;
	background-color: #ffffff;
	cursor: default;
	overflow: auto;
}

	.sub-card:hover[b-yakmsy77en] {
		transform: translateY(-8px);
	}

.sub-card-saved[b-yakmsy77en] {
	grid-row: 1;
	grid-column: 1;
	display: block;
	position: sticky;
	/*top: 8px;*/
	/*right: 8px;*/
	align-self: start;
	justify-self: end;
	padding: .375rem .5rem;
	border-radius: 16px;
	border: none;
	background-color: #080808;
	font-size: .75rem;
	color: white;
}

	.sub-card-saved > *[b-yakmsy77en] {
		align-self: center;
		justify-self: center;
	}

.sub-card-title[b-yakmsy77en] {
	grid-area: title;
	grid-column: 1;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	text-align: left;
}

	.sub-card-title > h5[b-yakmsy77en] {
		font-size: 1.25rem;
		font-weight: 400;
		margin-bottom: .25rem;
		color: #080808;
	}

		.sub-card-title > h5 + span[b-yakmsy77en] {
			font-size: .75rem;
			color: #08080880;
			text-wrap: wrap;
			max-width: 50%;
		}

.sub-card-pricing[b-yakmsy77en] {
	grid-area: pricing;
	grid-column: 1;
	display: flex;
	align-items: baseline;
	width: 100%;
	padding: 1rem 0rem;
	margin-top: .5rem;
	height: min-content;
	line-height: normal;
}

	.sub-card-pricing > span[b-yakmsy77en] {
		font-size: 2rem;
	}

		.sub-card-pricing > span + span[b-yakmsy77en] {
			font-size: .75rem;
		}

			.sub-card-pricing > span + span + span[b-yakmsy77en] {
				position: relative;
				right: .0rem;
				margin-left: auto;
			}

.sub-card-body[b-yakmsy77en] {
	grid-area: listing;
	grid-column: 1;
	display: flex;
	flex-direction: column;
}

.sub-card-special[b-yakmsy77en] {
	display: flex;
	flex-direction: column;
	position: relative;
	transition: transform linear 0.1s;
}

	.sub-card-special:hover[b-yakmsy77en] {
		transform: translateY(-8px);
	}

	.sub-card-special > .sub-card[b-yakmsy77en] {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}

		.sub-card-special > .sub-card:hover[b-yakmsy77en] {
			transform: none !important;
		}

.sub-card-message[b-yakmsy77en] {
	display: flex;
	align-content: center;
	justify-content: center;
	position: absolute;
	top: -1.875rem;
	left: 0;
	background-color: #000000FF;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	width: 100%;
}

	.sub-card-message span[b-yakmsy77en] {
		font-size: .875rem;
		font-weight: var(--font-weight-bold);
		padding: .25rem 0;
		color: #fdfdfd;
		text-align: center;
	}

.sub-list[b-yakmsy77en] {
}

.sub-btn[b-yakmsy77en] {
	grid-area: button;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

	.sub-btn > button[b-yakmsy77en] {
		border: 0;
		border-radius: 24px;
		padding: .5rem 1rem;
		color: white;
		background-color: black;
	}

		.sub-btn > button:hover[b-yakmsy77en] {
			opacity: 80%;
			transition: opacity ease-out 0.1s;
		}

.custom-check-mark[b-yakmsy77en] {
	color: #080808;
}

div.inline-article[b-yakmsy77en] {
	display: inline-flex;
	text-wrap: wrap;
}

	div.inline-article > i:first-of-type[b-yakmsy77en] {
		position: relative;
		top: 0.3125rem;
		align-self: flex-start;
		justify-self: flex-start;
	}

		div.inline-article > i:first-of-type + *[b-yakmsy77en] {
			text-indent: .25rem;
			padding-left: .5rem;
		}
/* _content/NAppWeb/Pages/Subscription.razor.rz.scp.css */
.main-container[b-9cnddevync] {
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}

.main-containter[b-9cnddevync] {
	display: grid;
	grid-template-areas:
		"header"
		"content";
	grid-template-rows: min-content auto;
	padding: 1rem;
	border-radius: 8px;
}

.subs-header[b-9cnddevync] {
	grid-area: header;
}

.subs-container[b-9cnddevync] {
	grid-area: content;
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	gap: 1rem;
	border-radius: 8px;
	justify-content: space-evenly;
}

.sub-card[b-9cnddevync] {
	display: grid;
	grid-template-areas:
		"title"
		"pricing"
		"listing"
		"button";
	grid-template-rows: min-content min-content auto min-content;
	grid-template-columns: auto;
	transition: transform linear 0.1s;
	padding: 1rem;
	box-shadow: 2px 2px 16px 1px rgb(0 0 0 / 10%);
	border-radius: 8px;
	min-width: 300px;
	max-width: 300px;
	min-height: 450px;
	max-height: 450px;
	background-color: #ffffff;
	cursor: default;
	overflow: auto;
}

	.sub-card:hover[b-9cnddevync] {
		transform: translateY(-8px);
	}

.sub-card-saved[b-9cnddevync] {
	grid-row: 1;
	grid-column: 1;
	display: block;
	position: sticky;
	/*top: 8px;*/
	/*right: 8px;*/
	align-self: start;
	justify-self: end;
	padding: .375rem .5rem;
	border-radius: 16px;
	border: none;
	background-color: #080808;
	font-size: .75rem;
	color: white;
}

	.sub-card-saved > *[b-9cnddevync] {
		align-self: center;
		justify-self: center;
	}

.sub-card-title[b-9cnddevync] {
	grid-area: title;
	grid-column: 1;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	text-align: left;
}

	.sub-card-title > h5[b-9cnddevync] {
		font-size: 1.25rem;
		font-weight: 400;
		margin-bottom: .25rem;
		color: #080808;
	}

		.sub-card-title > h5 + span[b-9cnddevync] {
			font-size: .75rem;
			color: #08080880;
			text-wrap: wrap;
			max-width: 50%;
		}

.sub-card-pricing[b-9cnddevync] {
	grid-area: pricing;
	grid-column: 1;
	display: flex;
	align-items: baseline;
	width: 100%;
	padding: 1rem 0rem;
	margin-top: .5rem;
	height: min-content;
	line-height: normal;
}

	.sub-card-pricing > span[b-9cnddevync] {
		font-size: 2rem;
	}

		.sub-card-pricing > span + span[b-9cnddevync] {
			font-size: .75rem;
		}

			.sub-card-pricing > span + span + span[b-9cnddevync] {
				position: relative;
				right: .0rem;
				margin-left: auto;
			}

.sub-card-body[b-9cnddevync] {
	grid-area: listing;
	grid-column: 1;
	display: flex;
	flex-direction: column;
}

.sub-card-special[b-9cnddevync] {
	display: flex;
	flex-direction: column;
	position: relative;
	transition: transform linear 0.1s;
}

	.sub-card-special:hover[b-9cnddevync] {
		transform: translateY(-8px);
	}

	.sub-card-special > .sub-card[b-9cnddevync] {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}

		.sub-card-special > .sub-card:hover[b-9cnddevync] {
			transform: none !important;
		}

.sub-card-message[b-9cnddevync] {
	display: flex;
	align-content: center;
	justify-content: center;
	position: absolute;
	top: -1.875rem;
	left: 0;
	background-color: #000000FF;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	width: 100%;
}

	.sub-card-message span[b-9cnddevync] {
		font-size: .875rem;
		font-weight: var(--font-weight-bold);
		padding: .25rem 0;
		color: #fdfdfd;
		text-align: center;
	}

.sub-list[b-9cnddevync] {
}

.sub-btn[b-9cnddevync] {
	grid-area: button;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

	.sub-btn > button[b-9cnddevync] {
		border: 0;
		border-radius: 24px;
		padding: .5rem 1rem;
		color: white;
		background-color: black;
	}

		.sub-btn > button:hover[b-9cnddevync] {
			opacity: 80%;
			transition: opacity ease-out 0.1s;
		}

.custom-check-mark[b-9cnddevync] {
	color: #080808;
}

div.inline-article[b-9cnddevync] {
	display: inline-flex;
	text-wrap: wrap;
}

	div.inline-article > i:first-of-type[b-9cnddevync] {
		position: relative;
		top: 0.3125rem;
		align-self: flex-start;
		justify-self: flex-start;
	}

		div.inline-article > i:first-of-type + *[b-9cnddevync] {
			text-indent: .25rem;
			padding-left: .5rem;
		}

/* Parent flexbox centered on page */
.checkout-parent[b-9cnddevync] {
	position: relative;
	display: flex;
	justify-content: center; /* center on middle line */
	align-items: flex-start;
	flex-wrap: wrap; /* stack on small screens */
	margin-top: 2rem;
}

/* Left/right flexboxes with inner margins toward the middle */
.checkout-left-flex[b-9cnddevync] {
	display: flex;
	flex-direction: column;
	margin-right: 1rem;
	/*flex: 1 1 680px;*/ /* grow but prefer ~680px */
	min-width: 320px;
}

.checkout-right-flex[b-9cnddevync] {
	display: flex;
	flex-direction: column;
	margin-left: 1rem;
	/*flex: 0 0 380px;*/ /* narrower right side */
	max-width: 300px;
	min-width: 300px;
}

/* Keep previous left inner container behavior */
.checkout-left-inner[b-9cnddevync] {
	width: 100%;
	max-width: 560px;
}

.arrow-change-plan[b-9cnddevync] {
	position: relative;
	top: 0;
	left: -2rem;
	cursor: pointer;
}

.details-box[b-9cnddevync] {
}

	.details-box.card .card-body[b-9cnddevync] {
		padding-top: 2rem;
		padding-bottom: 0;
	}

		.details-box.card .card-body .card-title[b-9cnddevync] {
			position: absolute;
			top: -13px;
			left: 1rem;
			padding: 0 .2rem;
			background: var(--bg-main-color);
		}

/* Sticky summary on the right, offset from middle */
.sticky-summary[b-9cnddevync] {
	position: sticky;
	top: 1rem;
	padding-left: var(--checkout-gutter);
}

/* Floating label spacing: add a bit more gap between label and typed text */
.form-floating[b-9cnddevync] > .form-control,
.form-floating[b-9cnddevync] > .form-select {
	padding: .5rem 1rem;
	height: calc(2.5rem + calc(var(--bs-border-width) * 2));
	min-height: calc(2.5rem + calc(var(--bs-border-width) * 2));
}

.form-floating[b-9cnddevync] >  textarea.form-control {
	line-height: 1.5rem;
}

.form-floating > label[b-9cnddevync] {
	position: absolute;
	top: 0px;
	left: .5rem;
	height: fit-content;
	line-height: normal;
	padding: 0 .2rem;
	background: var(--bg-main-color);
	opacity: 1.0;
	transform: scale(.85) translateY(-.5rem) translateX(.15rem) !important;
}

.form-floating > input.invalid + label[b-9cnddevync] {
	color: var(--font-error-red-color);
}

.form-floating[b-9cnddevync]  .mud-autocomplete-custom {
}

	.form-floating[b-9cnddevync]  .mud-autocomplete-custom input.form-control {
		padding: 0;
		/*line-height: 1.25rem;*/
		flex: 0 1 auto;
		width: auto;
		height: auto;
		min-height: unset;
		max-width: 120px;
		border: none !important;
		outline: none !important;
		box-shadow: none;
		border-radius: 0;
	}

		.form-floating[b-9cnddevync]  .mud-autocomplete-custom input.form-control ~ * {
			width: 24px;
			height: 24px;
			margin: 0 .25rem;
		}

		.form-floating[b-9cnddevync]  .mud-autocomplete-custom input.form-control ~ div {
			padding: 0;
			border: none;
			width: auto;
			height: auto;
			min-height: unset;
		}

	.form-floating[b-9cnddevync]  .mud-autocomplete-custom .form-control {
		font-family: inherit !important;
		font-size: inherit !important;
		padding: .5rem 1rem;
		height: calc(2.5rem + calc(var(--bs-border-width) * 2));
		min-height: calc(2.5rem + calc(var(--bs-border-width) * 2));
	}

		.form-floating[b-9cnddevync]  .mud-autocomplete-custom .form-control button {
			padding: 0;
			margin: 0;
			margin-left: 4px;
		}

		.form-floating[b-9cnddevync]  .mud-autocomplete-custom .form-control > *:last-child {
			display: flex;
			flex-grow: 1;
			justify-content: flex-end;
			max-width: 24px;
			margin: 0;
			margin-left: auto;
		}

[b-9cnddevync] .mud-input {
	position: relative;
	color: var(--mud-palette-text-primary);
	cursor: text;
	display: inline-flex;
	box-sizing: border-box;
	align-items: center;
	color-scheme: var(--mud-native-html-color-scheme);
	line-height: 1.1876em;
}

	[b-9cnddevync] .mud-input.mud-input-underline:before {
		display: none;
	}

textarea.form-control[readonly][b-9cnddevync],
textarea.form-control:read-only[b-9cnddevync],
input.form-control[readonly][b-9cnddevync],
input.form-control:read-only[b-9cnddevync] {
	cursor: not-allowed;
}

textarea.no-resize[b-9cnddevync],
textarea.form-control.no-resize[b-9cnddevync],
textarea[readonly].no-resize[b-9cnddevync],
textarea:read-only.no-resize[b-9cnddevync] {
	resize: none;
	overflow: auto; /* keep scrollbar when content overflows */
}

[b-9cnddevync] .form-check-input {
	margin-top: 0;
}

div.form-floating-div-input[b-9cnddevync] {
	position: relative;
	display: flex;
	flex-direction: row;
	border: 1px solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	transition: border-color .15s ease-in-out, border-width .15s ease-in-out;
}

	div.form-floating-div-input[b-9cnddevync]  .form-control > *:last-child {
		margin-left: 4px;
	}

	div.form-floating-div-input .form-control[b-9cnddevync],
	div.form-floating-div-input[b-9cnddevync]  .form-control,
	div.form-floating-div-input > *[b-9cnddevync],
	div.form-floating-div-input[b-9cnddevync] >  * {
		border: 0px none var(--bs-border-color);
		box-shadow: none;
		outline: none;
	}

		div.form-floating-div-input > *:first-child[b-9cnddevync] {
			width: auto;
			max-width: 126px;
			align-self: end;
			border-right: 1px solid var(--bs-border-color) !important;
			border-radius: 0;
		}

		div.form-floating-div-input[b-9cnddevync]  .form-control:focus {
			border: 1px solid black;
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}

.checkout-lock-overlay[b-9cnddevync] {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.45);
	z-index: 2000;
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(2px);
}

.checkout-lock-box[b-9cnddevync] {
	background: #fff;
	padding: 1.25rem 1.75rem;
	border-radius: .75rem;
	box-shadow: 0 4px 18px rgba(0,0,0,.25);
	text-align: center;
	max-width: 340px;
	font-size: .9rem;
}

.flag-display[b-9cnddevync] {
	aspect-ratio: 16 / 9;
	width: auto;
	height: 12px;
	padding: 0;
	background-size: 21px 12px;
	background-repeat: no-repeat;
	margin-right: 8px;
}

.flag-autocomplete-wrapper[b-9cnddevync] {
	position: relative;
}

	.flag-autocomplete-wrapper .flag-container[b-9cnddevync] {
		position: absolute;
		left: 12px;
		top: 50%;
		transform: translateY(-50%);
		aspect-ratio: 16 / 9;
		width: auto;
		height: 16px;
		padding: 0;
		background-size: 28px 16px;
		background-repeat: no-repeat;
		pointer-events: none;
		z-index: 10;
	}

	.flag-autocomplete-wrapper .selected-flag[b-9cnddevync] {
		position: absolute;
		background-size: cover;
	}

	.flag-autocomplete-wrapper .flag-input[b-9cnddevync] {
		/* leave room for the flag icon inside the input */
		/*padding-left: 44px;*/
	}


[b-9cnddevync] .form-select:focus,
[b-9cnddevync] .form-control:focus {
	box-shadow: none;
	border-color: black;
}

[b-9cnddevync] input:-webkit-autofill,
[b-9cnddevync] input:-webkit-autofill:hover,
[b-9cnddevync] input:-webkit-autofill:focus,
[b-9cnddevync] input:-webkit-autofill:active,
input:-webkit-autofill[b-9cnddevync],
input:-webkit-autofill:hover[b-9cnddevync],
input:-webkit-autofill:focus[b-9cnddevync],
input:-webkit-autofill:active[b-9cnddevync] {
	transition: background-color 5000s ease-in-out 0s, border-color 0.15s ease-in-out;
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

[b-9cnddevync] textarea:-webkit-autofill,
[b-9cnddevync] textarea:-webkit-autofill:hover,
[b-9cnddevync] textarea:-webkit-autofill:focus,
[b-9cnddevync] textarea:-webkit-autofill:active,
textarea:-webkit-autofill[b-9cnddevync],
textarea:-webkit-autofill:hover[b-9cnddevync],
textarea:-webkit-autofill:focus[b-9cnddevync],
textarea:-webkit-autofill:active[b-9cnddevync] {
	transition: background-color 5000s ease-in-out 0s, border-color 0.15s ease-in-out;
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

.form-control[b-9cnddevync]::placeholder,
textarea.form-control[b-9cnddevync]::placeholder,
[b-9cnddevync] .form-control::placeholder,
[b-9cnddevync] .mud-input::placeholder,
[b-9cnddevync] .mud-autocomplete-custom input::placeholder {
	color: rgba(33, 37, 41, 0.5) !important;
	opacity: 1 !important;
}
/* _content/NAppWeb/Pages/SubscriptionSandbox.razor.rz.scp.css */
.main-container[b-mef3jfyt2u] {
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}

.main-containter[b-mef3jfyt2u] {
	display: grid;
	grid-template-areas:
		"header"
		"content";
	grid-template-rows: min-content auto;
	padding: 1rem;
	border-radius: 8px;
}

.subs-header[b-mef3jfyt2u] {
	grid-area: header;
}

.subs-container[b-mef3jfyt2u] {
	grid-area: content;
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	gap: 1rem;
	border-radius: 8px;
	justify-content: space-evenly;
}

.sub-card[b-mef3jfyt2u] {
	display: grid;
	grid-template-areas:
		"title"
		"pricing"
		"listing"
		"button";
	grid-template-rows: min-content min-content auto min-content;
	grid-template-columns: auto;
	transition: transform linear 0.1s;
	padding: 1rem;
	box-shadow: 2px 2px 16px 1px rgb(0 0 0 / 10%);
	border-radius: 8px;
	min-width: 300px;
	max-width: 300px;
	min-height: 450px;
	max-height: 450px;
	background-color: #ffffff;
	cursor: default;
	overflow: auto;
}

	.sub-card:hover[b-mef3jfyt2u] {
		transform: translateY(-8px);
	}

.sub-card-saved[b-mef3jfyt2u] {
	grid-row: 1;
	grid-column: 1;
	display: block;
	position: sticky;
	/*top: 8px;*/
	/*right: 8px;*/
	align-self: start;
	justify-self: end;
	padding: .375rem .5rem;
	border-radius: 16px;
	border: none;
	background-color: #080808;
	font-size: .75rem;
	color: white;
}

	.sub-card-saved > *[b-mef3jfyt2u] {
		align-self: center;
		justify-self: center;
	}

.sub-card-title[b-mef3jfyt2u] {
	grid-area: title;
	grid-column: 1;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	text-align: left;
}

	.sub-card-title > h5[b-mef3jfyt2u] {
		font-size: 1.25rem;
		font-weight: 400;
		margin-bottom: .25rem;
		color: #080808;
	}

		.sub-card-title > h5 + span[b-mef3jfyt2u] {
			font-size: .75rem;
			color: #08080880;
			text-wrap: wrap;
			max-width: 50%;
		}

.sub-card-pricing[b-mef3jfyt2u] {
	grid-area: pricing;
	grid-column: 1;
	display: flex;
	align-items: baseline;
	width: 100%;
	padding: 1rem 0rem;
	margin-top: .5rem;
	height: min-content;
	line-height: normal;
}

	.sub-card-pricing > span[b-mef3jfyt2u] {
		font-size: 2rem;
	}

		.sub-card-pricing > span + span[b-mef3jfyt2u] {
			font-size: .75rem;
		}

			.sub-card-pricing > span + span + span[b-mef3jfyt2u] {
				position: relative;
				right: .0rem;
				margin-left: auto;
			}

.sub-card-body[b-mef3jfyt2u] {
	grid-area: listing;
	grid-column: 1;
	display: flex;
	flex-direction: column;
}

.sub-card-special[b-mef3jfyt2u] {
	display: flex;
	flex-direction: column;
	position: relative;
	transition: transform linear 0.1s;
}

	.sub-card-special:hover[b-mef3jfyt2u] {
		transform: translateY(-8px);
	}

	.sub-card-special > .sub-card[b-mef3jfyt2u] {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}

		.sub-card-special > .sub-card:hover[b-mef3jfyt2u] {
			transform: none !important;
		}

.sub-card-message[b-mef3jfyt2u] {
	display: flex;
	align-content: center;
	justify-content: center;
	position: absolute;
	top: -1.875rem;
	left: 0;
	background-color: #000000FF;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	width: 100%;
}

	.sub-card-message span[b-mef3jfyt2u] {
		font-size: .875rem;
		font-weight: var(--font-weight-bold);
		padding: .25rem 0;
		color: #fdfdfd;
		text-align: center;
	}

.sub-list[b-mef3jfyt2u] {
}

.sub-btn[b-mef3jfyt2u] {
	grid-area: button;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

	.sub-btn > button[b-mef3jfyt2u] {
		border: 0;
		border-radius: 24px;
		padding: .5rem 1rem;
		color: white;
		background-color: black;
	}

		.sub-btn > button:hover[b-mef3jfyt2u] {
			opacity: 80%;
			transition: opacity ease-out 0.1s;
		}

.custom-check-mark[b-mef3jfyt2u] {
	color: #080808;
}

div.inline-article[b-mef3jfyt2u] {
	display: inline-flex;
	text-wrap: wrap;
}

	div.inline-article > i:first-of-type[b-mef3jfyt2u] {
		position: relative;
		top: 0.3125rem;
		align-self: flex-start;
		justify-self: flex-start;
	}

		div.inline-article > i:first-of-type + *[b-mef3jfyt2u] {
			text-indent: .25rem;
			padding-left: .5rem;
		}

/* Parent flexbox centered on page */
.checkout-parent[b-mef3jfyt2u] {
	position: relative;
	display: flex;
	justify-content: center; /* center on middle line */
	align-items: flex-start;
	flex-wrap: wrap; /* stack on small screens */
	margin-top: 2rem;
}

/* Left/right flexboxes with inner margins toward the middle */
.checkout-left-flex[b-mef3jfyt2u] {
	display: flex;
	flex-direction: column;
	margin-right: 1rem;
	/*flex: 1 1 680px;*/ /* grow but prefer ~680px */
	min-width: 320px;
}

.checkout-right-flex[b-mef3jfyt2u] {
	display: flex;
	flex-direction: column;
	margin-left: 1rem;
	/*flex: 0 0 380px;*/ /* narrower right side */
	max-width: 300px;
	min-width: 300px;
}

/* Keep previous left inner container behavior */
.checkout-left-inner[b-mef3jfyt2u] {
	width: 100%;
	max-width: 560px;
}

.arrow-change-plan[b-mef3jfyt2u] {
	position: relative;
	top: 0;
	left: -2rem;
	cursor: pointer;
}

.details-box[b-mef3jfyt2u] {
}

	.details-box.card .card-body[b-mef3jfyt2u] {
		padding-top: 2rem;
		padding-bottom: 0;
	}

		.details-box.card .card-body .card-title[b-mef3jfyt2u] {
			position: absolute;
			top: -13px;
			left: 1rem;
			padding: 0 .2rem;
			background: var(--bg-main-color);
		}

/* Sticky summary on the right, offset from middle */
.sticky-summary[b-mef3jfyt2u] {
	position: sticky;
	top: 1rem;
	padding-left: var(--checkout-gutter);
}

/* Floating label spacing: add a bit more gap between label and typed text */
.form-floating[b-mef3jfyt2u] > .form-control,
.form-floating[b-mef3jfyt2u] > .form-select {
	padding: .5rem 1rem;
	height: calc(2.5rem + calc(var(--bs-border-width) * 2));
	min-height: calc(2.5rem + calc(var(--bs-border-width) * 2));
}

.form-floating[b-mef3jfyt2u] >  textarea.form-control {
	line-height: 1.5rem;
}

.form-floating > label[b-mef3jfyt2u] {
	position: absolute;
	top: 0px;
	left: .5rem;
	height: fit-content;
	line-height: normal;
	padding: 0 .2rem;
	background: var(--bg-main-color);
	opacity: 1.0;
	transform: scale(.85) translateY(-.5rem) translateX(.15rem) !important;
}

.form-floating > input.invalid + label[b-mef3jfyt2u] {
	color: var(--font-error-red-color);
}

.form-floating[b-mef3jfyt2u]  .mud-autocomplete-custom {
}

	.form-floating[b-mef3jfyt2u]  .mud-autocomplete-custom input.form-control {
		padding: 0;
		/*line-height: 1.25rem;*/
		flex: 0 1 auto;
		width: auto;
		height: auto;
		min-height: unset;
		max-width: 120px;
		border: none !important;
		outline: none !important;
		box-shadow: none;
		border-radius: 0;
	}

		.form-floating[b-mef3jfyt2u]  .mud-autocomplete-custom input.form-control ~ * {
			width: 24px;
			height: 24px;
			margin: 0 .25rem;
		}

		.form-floating[b-mef3jfyt2u]  .mud-autocomplete-custom input.form-control ~ div {
			padding: 0;
			border: none;
			width: auto;
			height: auto;
			min-height: unset;
		}

	.form-floating[b-mef3jfyt2u]  .mud-autocomplete-custom .form-control {
		font-family: inherit !important;
		font-size: inherit !important;
		padding: .5rem 1rem;
		height: calc(2.5rem + calc(var(--bs-border-width) * 2));
		min-height: calc(2.5rem + calc(var(--bs-border-width) * 2));
	}

		.form-floating[b-mef3jfyt2u]  .mud-autocomplete-custom .form-control button {
			padding: 0;
			margin: 0;
			margin-left: 4px;
		}

		.form-floating[b-mef3jfyt2u]  .mud-autocomplete-custom .form-control > *:last-child {
			display: flex;
			flex-grow: 1;
			justify-content: flex-end;
			max-width: 24px;
			margin: 0;
			margin-left: auto;
		}

[b-mef3jfyt2u] .mud-input {
	position: relative;
	color: var(--mud-palette-text-primary);
	cursor: text;
	display: inline-flex;
	box-sizing: border-box;
	align-items: center;
	color-scheme: var(--mud-native-html-color-scheme);
	line-height: 1.1876em;
}

	[b-mef3jfyt2u] .mud-input.mud-input-underline:before {
		display: none;
	}

textarea.form-control[readonly][b-mef3jfyt2u],
textarea.form-control:read-only[b-mef3jfyt2u],
input.form-control[readonly][b-mef3jfyt2u],
input.form-control:read-only[b-mef3jfyt2u] {
	cursor: not-allowed;
}

textarea.no-resize[b-mef3jfyt2u],
textarea.form-control.no-resize[b-mef3jfyt2u],
textarea[readonly].no-resize[b-mef3jfyt2u],
textarea:read-only.no-resize[b-mef3jfyt2u] {
	resize: none;
	overflow: auto; /* keep scrollbar when content overflows */
}

[b-mef3jfyt2u] .form-check-input {
	margin-top: 0;
}

div.form-floating-div-input[b-mef3jfyt2u] {
	position: relative;
	display: flex;
	flex-direction: row;
	border: 1px solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	transition: border-color .15s ease-in-out, border-width .15s ease-in-out;
}

	div.form-floating-div-input[b-mef3jfyt2u]  .form-control > *:last-child {
		margin-left: 4px;
	}

	div.form-floating-div-input .form-control[b-mef3jfyt2u],
	div.form-floating-div-input[b-mef3jfyt2u]  .form-control,
	div.form-floating-div-input > *[b-mef3jfyt2u],
	div.form-floating-div-input[b-mef3jfyt2u] >  * {
		border: 0px none var(--bs-border-color);
		box-shadow: none;
		outline: none;
	}

		div.form-floating-div-input > *:first-child[b-mef3jfyt2u] {
			width: auto;
			max-width: 126px;
			align-self: end;
			border-right: 1px solid var(--bs-border-color) !important;
			border-radius: 0;
		}

		div.form-floating-div-input[b-mef3jfyt2u]  .form-control:focus {
			border: 1px solid black;
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}

.checkout-lock-overlay[b-mef3jfyt2u] {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.45);
	z-index: 2000;
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(2px);
}

.checkout-lock-box[b-mef3jfyt2u] {
	background: #fff;
	padding: 1.25rem 1.75rem;
	border-radius: .75rem;
	box-shadow: 0 4px 18px rgba(0,0,0,.25);
	text-align: center;
	max-width: 340px;
	font-size: .9rem;
}

.flag-display[b-mef3jfyt2u] {
	aspect-ratio: 16 / 9;
	width: auto;
	height: 12px;
	padding: 0;
	background-size: 21px 12px;
	background-repeat: no-repeat;
	margin-right: 8px;
}

.flag-autocomplete-wrapper[b-mef3jfyt2u] {
	position: relative;
}

	.flag-autocomplete-wrapper .flag-container[b-mef3jfyt2u] {
		position: absolute;
		left: 12px;
		top: 50%;
		transform: translateY(-50%);
		aspect-ratio: 16 / 9;
		width: auto;
		height: 16px;
		padding: 0;
		background-size: 28px 16px;
		background-repeat: no-repeat;
		pointer-events: none;
		z-index: 10;
	}

	.flag-autocomplete-wrapper .selected-flag[b-mef3jfyt2u] {
		position: absolute;
		background-size: cover;
	}

	.flag-autocomplete-wrapper .flag-input[b-mef3jfyt2u] {
		/* leave room for the flag icon inside the input */
		/*padding-left: 44px;*/
	}


[b-mef3jfyt2u] .form-select:focus,
[b-mef3jfyt2u] .form-control:focus {
	box-shadow: none;
	border-color: black;
}

[b-mef3jfyt2u] input:-webkit-autofill,
[b-mef3jfyt2u] input:-webkit-autofill:hover,
[b-mef3jfyt2u] input:-webkit-autofill:focus,
[b-mef3jfyt2u] input:-webkit-autofill:active,
input:-webkit-autofill[b-mef3jfyt2u],
input:-webkit-autofill:hover[b-mef3jfyt2u],
input:-webkit-autofill:focus[b-mef3jfyt2u],
input:-webkit-autofill:active[b-mef3jfyt2u] {
	transition: background-color 5000s ease-in-out 0s, border-color 0.15s ease-in-out;
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

[b-mef3jfyt2u] textarea:-webkit-autofill,
[b-mef3jfyt2u] textarea:-webkit-autofill:hover,
[b-mef3jfyt2u] textarea:-webkit-autofill:focus,
[b-mef3jfyt2u] textarea:-webkit-autofill:active,
textarea:-webkit-autofill[b-mef3jfyt2u],
textarea:-webkit-autofill:hover[b-mef3jfyt2u],
textarea:-webkit-autofill:focus[b-mef3jfyt2u],
textarea:-webkit-autofill:active[b-mef3jfyt2u] {
	transition: background-color 5000s ease-in-out 0s, border-color 0.15s ease-in-out;
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

.form-control[b-mef3jfyt2u]::placeholder,
textarea.form-control[b-mef3jfyt2u]::placeholder,
[b-mef3jfyt2u] .form-control::placeholder,
[b-mef3jfyt2u] .mud-input::placeholder,
[b-mef3jfyt2u] .mud-autocomplete-custom input::placeholder {
	color: rgba(33, 37, 41, 0.5) !important;
	opacity: 1 !important;
}
/* _content/NAppWeb/Pages/Tool/ToolBomGen.razor.rz.scp.css */
.form-container[b-95twvo0y0m] {
	padding: 1rem;
	width: 392px;
	justify-self: center;
	border: 1px solid var(--border-light-gray-color);
	border-radius: .5rem;
	box-shadow: var(--box-gray-color) -2px 8px 16px 0px;
}

.form-group > label[b-95twvo0y0m] {
	padding: 0;
}

.col-form-label[b-95twvo0y0m] {
	flex: 1 0 auto;
	width: fit-content;
}

.btn-label[b-95twvo0y0m] {
	padding: .375rem .75rem !important;
}

hr.top-section-border[b-95twvo0y0m] {
	position: relative;
	font-size: 16px;
	color: var(--border-gray-color);
	top: 5em;
	width: 100%;
	height: 1px !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 1.0;
	z-index: 800;
}

.container-stretch[b-95twvo0y0m] {
	display: block;
	font-size: inherit;
	padding-right: calc(50vw - calc(660px));
}

.tool-section[b-95twvo0y0m] {
	display: grid;
	grid-template-rows: auto auto;
}

.tool-section-top[b-95twvo0y0m] {
	grid-row: 1;
}

.tool-section-bottom[b-95twvo0y0m] {
	grid-row: 2;
	margin-top: 1rem;
}

.tool-sub-text[b-95twvo0y0m] {
	color: var(--font-text-primary-color);
	font-size: 0.75rem;
}

	.tool-sub-text > a[b-95twvo0y0m] {
		color: inherit;
		font-size: 0.75rem;
	}

div.submit-message[b-95twvo0y0m] {
	position: relative;
	bottom: 0rem;
	padding: 0.5rem;
	text-align: center;
	width: fit-content;
	border-radius: 8px;
	transition: all ease-in 0.3s;
	z-index: 10;
}

	div.submit-message > span[b-95twvo0y0m] {
		color: var(--font-text-primary-color);
		font-size: 0.875rem;
		cursor: default;
	}
/* _content/NAppWeb/Pages/Tool/ToolDataNest.razor.rz.scp.css */
.form-container[b-7t790imzu6] {
	padding: 1rem;
	min-width: 392px;
	justify-self: center;
	border: 1px solid var(--border-light-gray-color);
	border-radius: .5rem;
	box-shadow: var(--box-gray-color) -2px 8px 16px 0px;
}

.form-group > label[b-7t790imzu6] {
	padding: 0;
}

.btn-label[b-7t790imzu6] {
	padding: .375rem .75rem !important;
}

.col-form-label[b-7t790imzu6] {
	flex: 1 0 auto;
	width: fit-content;
}

span.txt-warning[b-7t790imzu6] {
	font-weight: var(--font-weight-bold);
}

hr.top-section-border[b-7t790imzu6] {
	position: relative;
	font-size: 16px;
	color: var(--border-gray-color);
	top: 5em;
	width: 100%;
	height: 1px !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 1.0;
	z-index: 800;
}

.container-stretch[b-7t790imzu6] {
	display: block;
	font-size: inherit;
	padding-right: calc(50vw - calc(660px));
}

.tool-section[b-7t790imzu6] {
	display: grid;
	grid-template-rows: auto auto;
}

.tool-section-top[b-7t790imzu6] {
	grid-row: 1;
}

.tool-section-bottom[b-7t790imzu6] {
	grid-row: 2;
	margin-top: 1rem;
}

.tool-sub-text[b-7t790imzu6] {
	color: var(--font-text-primary-color);
	font-size: 0.75rem;
}

	.tool-sub-text > a[b-7t790imzu6] {
		color: inherit;
		font-size: 0.75rem;
	}


.mappings-container[b-7t790imzu6] {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	overflow-y: auto;
}

.mapping-card[b-7t790imzu6] {
	display: grid;
	width: fit-content;
	grid-template-rows: 1fr 1fr;
	border: 1px solid #7e7e7ec0;
	border-radius: .5rem;
	position: relative;
	padding: .5rem;
	padding-right: calc(24px + 24px + .5rem + 1rem);
}

.mapping-card-element[b-7t790imzu6] {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 1rem;
}

	.mapping-card-element > *[b-7t790imzu6] {
		flex-basis: 50%;
		flex-grow: 1;
		width: 50%;
	}

	.mapping-card-element input[b-7t790imzu6] {
		height: auto;
		width: 125px;
		max-width: 125px;
	}

	.mapping-card-element select[b-7t790imzu6] {
		width: auto;
		height: auto;
		padding: .375rem 2.375rem .375rem .75rem;
	}

.mapping-source[b-7t790imzu6] {
	grid-row: 1;
}

.mapping-dest[b-7t790imzu6] {
	grid-row: 2;
}

.remove-mapping-button[b-7t790imzu6] {
	position: absolute; /* Position it absolutely within the card */
	top: 0px;
	right: 0px;
	background-color: var(--bg-btn-black-color);
	color: var(--font-btn-black-color);
	border-radius: 20%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-items: center;
	justify-content: center;
	font-size: 1.25em; /* Size of the "x" */
	font-weight: var(--font-weight-regular);
	cursor: pointer; /* Indicates it's clickable */
	z-index: 600; /* Ensure it's on top of other elements */
}

	.remove-mapping-button:hover[b-7t790imzu6] {
		background-color: var(--bg-btn-black-hover-color); /* Darker red on hover */
	}

	.remove-mapping-button > span[b-7t790imzu6] {
		padding-bottom: 2px;
	}

.insert-mapping-button[b-7t790imzu6] {
	position: absolute;
	top: 0px;
	right: calc(24px + .5rem);
	background-color: var(--bg-btn-black-color);
	color: var(--font-btn-black-color);
	border-radius: 20%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-items: center;
	justify-content: center;
	font-size: 1.25em; /* Size of the "+" */
	font-weight: var(--font-weight-regular);
	cursor: pointer; /* Indicates it's clickable */
	z-index: 600; /* Ensure it's on top of other elements */
}

	.insert-mapping-button:hover[b-7t790imzu6] {
		background-color: var(--bg-btn-black-hover-color); /* Darker green on hover */
	}

	.insert-mapping-button > span[b-7t790imzu6] {
		padding-bottom: 4px;
	}

div.submit-message[b-7t790imzu6] {
	position: relative;
	bottom: 0rem;
	padding: 0.5rem;
	text-align: center;
	width: fit-content;
	border-radius: 8px;
	transition: all ease-in 0.3s;
	z-index: 10;
}

	div.submit-message > span[b-7t790imzu6] {
		color: var(--font-text-primary-color);
		font-size: 0.875rem;
		cursor: default;
	}
/* _content/NAppWeb/Pages/Tool/ToolExperimental.razor.rz.scp.css */
.form-container[b-n311vmwxq9] {
	/*border-right: 1px solid #7e7e7ec0;*/
}

.col-form-label[b-n311vmwxq9] {
	flex: 1 0 auto;
	width: fit-content;
}

.btn-label[b-n311vmwxq9] {
	padding: .375rem .75rem !important;
}

.form-sm .btn[b-n311vmwxq9] {
	width: auto;
	justify-content: end;
}

.form-sm .row[b-n311vmwxq9] {
	flex-wrap: nowrap;
	align-items: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.form-container[b-n311vmwxq9] {
		width: 100%;
		margin-left: 0;
		padding-right: 60%;
	}

	.form-sm .row[b-n311vmwxq9] {
		flex-wrap: wrap;
	}

	.col-form-label[b-n311vmwxq9] {
		flex: 1 1 auto;
	}
}
/* _content/NAppWeb/Pages/Tool/ToolFabPanel.razor.rz.scp.css */
h3[b-7vlw41xk3z] {
	font-size: 1.25rem;
}

[b-7vlw41xk3z] #preset {
	width: 30%;
	max-width: 256px;
}

[b-7vlw41xk3z] input[type=number]:out-of-range {
	outline: 1px solid var(--outline-red-color);
}

	[b-7vlw41xk3z] input[type=number]:out-of-range:focus {
		outline: none !important;
	}

.question-mark[b-7vlw41xk3z] {
	position: relative;
	left: .5rem;
	vertical-align: middle;
}

.form-container[b-7vlw41xk3z] {
	display: flex;
	flex-grow: 1;
	padding: 1rem;
	width: auto;
	height: auto;
	justify-self: center;
	border: 1px solid var(--border-light-gray-color);
	border-radius: .5rem;
	/*box-shadow: var(--box-gray-color) -2px 8px 16px 0px;*/
}

.form-group[b-7vlw41xk3z]  input.form-control {
	width: 70%;
}

	.form-group[b-7vlw41xk3z]  input.form-control:focus {
		color: inherit;
		background-color: inherit;
		/*border-color: var(--border-light-gray-color);*/
		/*box-shadow: 0 0 0 .25rem var(--border-gray-color);*/
	}

.form-group-col[b-7vlw41xk3z]  input.form-control {
	width: 40%;
}

.form-group[b-7vlw41xk3z]  select.form-select {
	width: 70%;
}

	.form-group[b-7vlw41xk3z]  select.form-select:focus {
		color: inherit;
		background-color: inherit;
		/*border-color: var(--border-light-gray-color);*/
		/*box-shadow: 0 0 0 .25rem var(--border-gray-color);*/
	}

.form-group[b-7vlw41xk3z] {
	display: flex;
	flex-grow: 1;
	gap: 2rem;
	align-items: center;
}

	.form-group > label[b-7vlw41xk3z] {
		padding: 0;
		line-height: normal;
		text-wrap: nowrap;
		min-width: 100px;
	}

		.form-group > label ~ input[b-7vlw41xk3z] {
			width: 70%;
		}

.form-group-col[b-7vlw41xk3z] {
	flex-wrap: nowrap;
	width: 100% !important;
}

	.form-group-col > label[b-7vlw41xk3z] {
		min-width: 200px;
	}

.col-form-label[b-7vlw41xk3z] {
	flex: 1 0 auto;
	width: fit-content;
}

.btn-label[b-7vlw41xk3z] {
	padding: .375rem .75rem !important;
}

hr.top-section-border[b-7vlw41xk3z] {
	position: relative;
	font-size: 16px;
	color: var(--border-gray-color);
	top: 5em;
	width: 100%;
	height: 1px !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 1.0;
	z-index: 800;
}

.container-stretch[b-7vlw41xk3z] {
	display: flex;
	font-size: inherit;
	padding-right: calc(50vw - calc(660px + 4rem));
}

.main-form-layout[b-7vlw41xk3z] {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

	.main-form-layout > hr[b-7vlw41xk3z] {
		height: 1px;
		width: 100%;
		border: none;
		background-color: var(--border-light-gray-color);
		margin: 1.5rem 0 !important;
		opacity: 1.0;
	}

.main-form-header[b-7vlw41xk3z] {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	/*flex-grow: 1;*/
	width: 80%;
	justify-self: center;
	align-self: center;
}

	.main-form-header > hr[b-7vlw41xk3z] {
		width: 10%;
		margin: 0 1rem;
		align-self: center;
	}

.main-form-content[b-7vlw41xk3z] {
	display: block;
}

	.main-form-content > hr[b-7vlw41xk3z] {
		height: 1px;
		width: 100%;
		border: none;
		background-color: var(--border-light-gray-color);
		margin: 1.5rem 0 !important;
		opacity: 1.0;
	}

	.main-form-content hr.vr[b-7vlw41xk3z] {
		position: relative;
		right: 0;
		height: auto;
		margin: 0;
		border-width: 0;
		background-color: var(--border-light-gray-color);
		opacity: 1.0;
	}

	.main-form-content > div h3 ~ div[b-7vlw41xk3z] {
		padding-left: 4rem;
	}

		.main-form-content > div h3 ~ div > *[b-7vlw41xk3z] {
			width: 40%;
		}

.main-form-btns[b-7vlw41xk3z] {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 2rem;
}

	.main-form-btns > button[b-7vlw41xk3z] {
		min-width: 6rem;
	}

.circle-black[b-7vlw41xk3z] {
	display: flex;
	background-color: var(--bg-black-color);
	color: white;
	border: 1px solid black;
	border-radius: 50%;
	min-width: 2.5rem;
	min-height: 2.5rem;
	max-width: 2.5rem;
	max-height: 2.5rem;
	align-items: center; /* Vertically center content */
	justify-content: center; /* Horizontally center content */
	transition: all ease-in-out 0.35s;
}

	.circle-black > *[b-7vlw41xk3z] {
	}

	.circle-black > span[b-7vlw41xk3z] {
		display: block;
		width: min-content;
		height: min-content;
		line-height: normal;
		font-weight: var(--font-weight-bold);
		justify-self: center;
		vertical-align: middle;
	}

	.circle-black#text[b-7vlw41xk3z] {
	}

	.circle-black ~ div[b-7vlw41xk3z] {
		padding-top: 0.5rem;
		padding-top: 1.5rem;
	}

		.circle-black ~ div > h6[b-7vlw41xk3z] {
			margin-bottom: 0;
		}

.circle-black-inactive[b-7vlw41xk3z] {
	background-color: var(--bg-light-gray-color);
	border-color: var(--bg-light-gray-color);
	color: var(--font-text-primary-color);
}

hr.active[b-7vlw41xk3z] {
	opacity: 1.0;
}

.named-input-bar[b-7vlw41xk3z] {
	display: flex;
}

	.named-input-bar:focus[b-7vlw41xk3z] {
		color: inherit;
		background-color: inherit;
		border-color: var(--border-light-gray-color);
		box-shadow: 0 0 0 .25rem var(--border-gray-color);
	}

	.named-input-bar > label[b-7vlw41xk3z] {
		position: relative;
		left: 2rem;
		min-width: 2rem;
		border-right: 1px solid;
		border-color: var(--border-light-gray-color);
		padding: .5rem .5rem;
		text-wrap: nowrap;
		text-align: center;
	}

	.named-input-bar[b-7vlw41xk3z]  > input, select[b-7vlw41xk3z] {
		width: 100% !important;
		padding-left: calc(2rem + .375rem);
		border: 1px solid;
		border-color: var(--border-light-blue-gray-color);
		border-top-left-radius: 0.5rem;
		border-top-right-radius: 0.5rem;
		border-bottom-right-radius: 0.5rem;
		border-bottom-left-radius: 0.5rem;
	}

		.named-input-bar[b-7vlw41xk3z]  > input:focus, select:focus[b-7vlw41xk3z] {
			color: inherit;
			background-color: inherit;
			border-color: var(--border-light-gray-color);
			box-shadow: 0 0 0 .25rem var(--border-gray-color);
		}

.tool-sub-text[b-7vlw41xk3z] {
	color: var(--font-text-primary-color);
	font-size: 1rem;
}

	.tool-sub-text > a[b-7vlw41xk3z] {
		color: inherit;
		font-size: 1rem;
	}

span.txt-warning[b-7vlw41xk3z] {
	font-weight: var(--font-weight-bold);
	color: #d01010;
	transition: color 0.2s ease-in-out;
}

div.submit-message[b-7vlw41xk3z] {
	position: relative;
	bottom: 0rem;
	padding: 0.5rem;
	text-align: center;
	width: fit-content;
	border-radius: 8px;
	transition: all ease-in 0.3s;
	z-index: 10;
}

	div.submit-message > span[b-7vlw41xk3z] {
		color: var(--font-text-primary-color);
		font-size: 0.875rem;
		cursor: default;
	}
/* _content/NAppWeb/Pages/Tool/ToolInertia.razor.rz.scp.css */
.form-container[b-zb7wtvnx2d] {
	padding: 1rem;
	width: 392px;
	justify-self: center;
	border: 1px solid var(--border-light-gray-color);
	border-radius: .5rem;
	box-shadow: var(--box-gray-color) -2px 8px 16px 0px;
}

.form-group > label[b-zb7wtvnx2d] {
	padding: 0;
}

.col-form-label[b-zb7wtvnx2d] {
	flex: 1 0 auto;
	width: fit-content;
}

.btn-label[b-zb7wtvnx2d] {
	padding: .375rem .75rem !important;
}

hr.top-section-border[b-zb7wtvnx2d] {
	position: relative;
	font-size: 16px;
	color: var(--border-gray-color);
	top: 5em;
	width: 100%;
	height: 1px !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 1.0;
	z-index: 800;
}

.container-stretch[b-zb7wtvnx2d] {
	display: block;
	font-size: inherit;
	padding-right: calc(50vw - calc(660px));
}

.tool-section[b-zb7wtvnx2d] {
	display: grid;
	grid-template-rows: auto auto;
}

.tool-section-top[b-zb7wtvnx2d] {
	grid-row: 1;
}

.tool-section-bottom[b-zb7wtvnx2d] {
	grid-row: 2;
	margin-top: 1rem;
}

.tool-sub-text[b-zb7wtvnx2d]{
	color: var(--font-text-primary-color);
	font-size: 0.75rem;
}

	.tool-sub-text > a[b-zb7wtvnx2d] {
		color: inherit;
		font-size: 0.75rem;
	}

div.submit-message[b-zb7wtvnx2d] {
	position: relative;
	bottom: 0rem;
	padding: 0.5rem;
	text-align: center;
	width: fit-content;
	border-radius: 8px;
	transition: all ease-in 0.3s;
	z-index: 10;
}

	div.submit-message > span[b-zb7wtvnx2d] {
		color: var(--font-text-primary-color);
		font-size: 0.875rem;
		cursor: default;
	}
/* _content/NAppWeb/Pages/Tool/ToolPdfMergePlus.razor.rz.scp.css */
.form-container[b-6oaso9irv1] {
	padding: 1rem;
	min-width: 392px;
	justify-self: center;
	border: 1px solid var(--border-light-gray-color);
	border-radius: .5rem;
	box-shadow: var(--box-gray-color) -2px 8px 16px 0px;
}

.form-group > label[b-6oaso9irv1] {
	padding: 0;
}

.col-form-label[b-6oaso9irv1] {
	flex: 1 0 auto;
	width: fit-content;
}

.btn-label[b-6oaso9irv1] {
	padding: .375rem .75rem !important;
}

hr.top-section-border[b-6oaso9irv1] {
	position: relative;
	font-size: 16px;
	color: var(--border-gray-color);
	top: 5em;
	width: 100%;
	height: 1px !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 1.0;
	z-index: 800;
}

hr[b-6oaso9irv1] {
	color: var(--border-gray-color);
	width: 100%;
	height: 1px !important;
	padding: 0 !important;
	margin: 1rem 0 !important;
	opacity: 1.0;
	z-index: 800;
}

	hr.wider[b-6oaso9irv1] {
		position: relative;
		left: -1rem;
		color: var(--border-dark-gray-color);
		width: calc(100% + 2rem);
	}

.container-stretch[b-6oaso9irv1] {
	display: block;
	font-size: inherit;
	padding-right: calc(50vw - calc(660px));
}

.tool-section[b-6oaso9irv1] {
	display: grid;
	grid-template-rows: auto auto;
}

.tool-section-top[b-6oaso9irv1] {
	grid-row: 1;
}

.tool-section-bottom[b-6oaso9irv1] {
	grid-row: 2;
	margin-top: 1rem;
}

.tool-sub-text[b-6oaso9irv1] {
	color: var(--font-text-primary-color);
	font-size: 0.75rem;
}

	.tool-sub-text > a[b-6oaso9irv1] {
		color: inherit;
		font-size: 0.75rem;
	}

.text-preview[b-6oaso9irv1] {
	display: flex;
	flex-direction: row;
	gap: .5rem;
}

	.text-preview > span[b-6oaso9irv1] {
	}

span.field-def-separator[b-6oaso9irv1] {
	align-self: center;
	vertical-align: central;
}

.input-single[b-6oaso9irv1] {
	max-width: 2rem;
	text-align: center;
}

.btn-black[b-6oaso9irv1] {
	background-color: var(--bg-btn-black-color) !important;
	color: var(--font-btn-black-color) !important;
}

	.btn-black:hover[b-6oaso9irv1] {
		background-color: var(--bg-btn-black-hover-color) !important;
		color: var(--font-btn-black-color-hover-color) !important;
	}

	.btn-black:active[b-6oaso9irv1] {
		background-color: var(--bg-btn-black-hover-color) !important;
		color: var(--font-btn-black-color-hover-color) !important;
	}

div.submit-message[b-6oaso9irv1] {
	position: relative;
	bottom: 0rem;
	padding: 0.5rem;
	text-align: center;
	width: fit-content;
	border-radius: 8px;
	transition: all ease-in 0.3s;
	z-index: 10;
}

	div.submit-message > span[b-6oaso9irv1] {
		color: var(--font-text-primary-color);
		font-size: 0.875rem;
		cursor: default;
	}
/* _content/NAppWeb/Pages/Tool/ToolSheetNest.razor.rz.scp.css */
.form-container[b-45iot4sh8j] {
	padding: 1rem;
	width: 392px;
	justify-self: center;
	border: 1px solid var(--border-light-gray-color);
	border-radius: .5rem;
	box-shadow: var(--box-gray-color) -2px 8px 16px 0px;
}

.form-group > label[b-45iot4sh8j] {
	padding: 0;
}

.col-form-label[b-45iot4sh8j] {
	flex: 1 0 auto;
	width: fit-content;
}

.btn-label[b-45iot4sh8j] {
	padding: .375rem .75rem !important;
}

hr.top-section-border[b-45iot4sh8j] {
	position: relative;
	font-size: 16px;
	color: var(--border-gray-color);
	top: 5em;
	width: 100%;
	height: 1px !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 1.0;
	z-index: 800;
}

.container-stretch[b-45iot4sh8j] {
	display: block;
	font-size: inherit;
	padding-right: calc(50vw - calc(660px));
}

.tool-section[b-45iot4sh8j] {
	display: grid;
	grid-template-rows: auto auto;
}

.tool-section-top[b-45iot4sh8j] {
	grid-row: 1;
}

.tool-section-bottom[b-45iot4sh8j] {
	grid-row: 2;
	margin-top: 1rem;
}

.tool-sub-text[b-45iot4sh8j] {
	color: var(--font-text-primary-color);
	font-size: 0.75rem;
}

	.tool-sub-text > a[b-45iot4sh8j] {
		color: inherit;
		font-size: 0.75rem;
	}

.question-mark[b-45iot4sh8j] {
	position: relative;
	top: 1px;
}

div.submit-message[b-45iot4sh8j] {
	position: relative;
	bottom: 0rem;
	padding: 0.5rem;
	text-align: center;
	width: fit-content;
	border-radius: 8px;
	transition: all ease-in 0.3s;
	z-index: 10;
}

	div.submit-message > span[b-45iot4sh8j] {
		color: var(--font-text-primary-color);
		font-size: 0.875rem;
		cursor: default;
	}
/* _content/NAppWeb/Pages/Tool/ToolXPorter.razor.rz.scp.css */
.form-container[b-kfzyegv5fx] {
	padding: 1rem;
	width: 392px;
	justify-self: center;
	border: 1px solid var(--border-light-gray-color);
	border-radius: .5rem;
	box-shadow: var(--box-gray-color) -2px 8px 16px 0px;
}

.form-group > label[b-kfzyegv5fx] {
	padding: 0;
}

.col-form-label[b-kfzyegv5fx] {
	flex: 1 0 auto;
	width: fit-content;
}

.btn-label[b-kfzyegv5fx] {
	padding: .375rem .75rem !important;
}

hr.top-section-border[b-kfzyegv5fx] {
	position: relative;
	font-size: 16px;
	color: var(--border-gray-color);
	top: 5em;
	width: 100%;
	height: 1px !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 1.0;
	z-index: 800;
}

.container-stretch[b-kfzyegv5fx] {
	display: block;
	font-size: inherit;
	padding-right: calc(50vw - calc(660px));
}

.tool-section[b-kfzyegv5fx] {
	display: grid;
	grid-template-rows: auto auto;
}

.tool-section-top[b-kfzyegv5fx] {
	grid-row: 1;
}

.tool-section-bottom[b-kfzyegv5fx] {
	grid-row: 2;
	margin-top: 1rem;
}

.tool-sub-text[b-kfzyegv5fx] {
	color: var(--font-text-primary-color);
	font-size: 0.75rem;
}

	.tool-sub-text > a[b-kfzyegv5fx] {
		color: inherit;
		font-size: 0.75rem;
	}

div.submit-message[b-kfzyegv5fx] {
	position: relative;
	bottom: 0rem;
	padding: 0.5rem;
	text-align: center;
	width: fit-content;
	border-radius: 8px;
	transition: all ease-in 0.3s;
	z-index: 10;
}

	div.submit-message > span[b-kfzyegv5fx] {
		color: var(--font-text-primary-color);
		font-size: 0.875rem;
		cursor: default;
	}
/* _content/NAppWeb/Shared/CookieConsentBanner.razor.rz.scp.css */
.modal-backdrop[b-0nsqzqvoc1] {
	z-index: 1800;
}

.modal[b-0nsqzqvoc1] {
	z-index: 1900;
}

.cookie-banner[b-0nsqzqvoc1] {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1.5rem 1rem;
	background-color: black;
	color: white;
	box-shadow: 0 -2px 4px rgba(0,0,0,.08);
	z-index: 1000;
	visibility: hidden; /* Use visibility instead of display */
	opacity: 0; /* Start fully transparent */
	transform: translateY(100%); /* Start off-screen */
	transition: transform 0.5s ease-out, opacity 0.5s ease-out, visibility 0.5s; /* Animate all three properties */
}

	.cookie-banner.show[b-0nsqzqvoc1] {
		visibility: visible; /* Make it visible */
		opacity: 1; /* Make it fully opaque */
		transform: translateY(0); /* Slide into view */
	}

	.cookie-banner.hide[b-0nsqzqvoc1] {
		transform: translateY(100%); /* Slide out */
	}

.cookie-settings-modal[b-0nsqzqvoc1] {
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	background-color: #fff;
	border-radius: .5rem;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
	transform: translate(-50%, -50%);
}

	.cookie-settings-modal .close-button[b-0nsqzqvoc1] {
		background: none;
		border: none;
		font-size: 1.8rem;
		cursor: pointer;
		color: #888;
		line-height: 1;
		padding: 0;
	}

		.cookie-settings-modal .close-button:hover[b-0nsqzqvoc1] {
			color: #333;
		}

	.cookie-settings-modal .form-check[b-0nsqzqvoc1] {
		display: flex;
		align-items: flex-start;
	}

	.cookie-settings-modal .form-check-input[b-0nsqzqvoc1] {
		margin-top: .3rem;
		margin-right: 1rem;
		flex-shrink: 0;
	}

	.cookie-settings-modal .form-check-label small[b-0nsqzqvoc1] {
		display: block;
		color: #6c757d; /* Bootstrap secondary text color */
		margin-top: .25rem;
	}

/* CORRECTED Custom Toggle Switch Styling - Using ::after for thumb */

.form-check-toggle[b-0nsqzqvoc1] {
	position: relative;
	display: flex;
	align-items: flex-start;
	min-height: 1.5rem;
	padding-left: 0;
	cursor: pointer;
	user-select: none;
}

	/* Track */
	.form-check-toggle .form-check-input[b-0nsqzqvoc1] {
		position: relative;
		width: 2.5em;
		height: 1.25em;
		margin-right: 1.5rem;
		vertical-align: top;
		background-color: #e9ecef;
		border: 1px solid #ced4da;
		border-radius: 1.25em;
		transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
		flex-shrink: 0;
		margin-top: .15rem;
		outline: none;
	}

		.form-check-toggle .form-check-input:active[b-0nsqzqvoc1] {
			
		}

		/* The sliding thumb */
		.form-check-toggle .form-check-input[b-0nsqzqvoc1]::after {
			content: "";
			position: absolute;
			top: 2px; /* Small padding from top of track */
			left: 2px; /* Starting position for thumb */
			width: .85em; /* Width of the thumb */
			height: .85em; /* Height of the thumb */
			background-color: #fff; /* White thumb */
			border-radius: 50%; /* Make it a circle */
			box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .2); /* Subtle shadow for depth */
			transition: transform .2s ease-in-out; /* Only transform the thumb */
		}

		/* Checked state for the input (track and thumb) */
		.form-check-toggle .form-check-input:checked[b-0nsqzqvoc1] {
			background-color: black; /* On state background */
			border-color: #ced4da; /* On state border color */
			background-image: none; /* Remove default checkmark or background icon */
		}

			.form-check-toggle .form-check-input:checked[b-0nsqzqvoc1]::after {
				transform: translateX(1.25em); /* Slide thumb to the right (track width - thumb width - padding) */
			}

		/* Disabled state */
		.form-check-toggle .form-check-input:disabled[b-0nsqzqvoc1] {
			pointer-events: none;
			opacity: .6; /* Less opaque when disabled */
			background-color: #e9ecef;
			border-color: #dee2e6;
		}

			.form-check-toggle .form-check-input:disabled[b-0nsqzqvoc1]::after {
				background-color: #f0f0f0; /* Darker thumb when disabled */
			}

	.form-check-toggle:hover[b-0nsqzqvoc1] {
		cursor: default;
	}

	.form-check-toggle .form-check-label[b-0nsqzqvoc1] {
		padding-top: 0;
		margin-bottom: 0;
	}

		.form-check-toggle .form-check-label small[b-0nsqzqvoc1] {
			display: block;
			color: #6c757d;
			margin-top: .25rem;
		}

/* Ensure proper spacing between toggle rows within the modal */
.cookie-settings-modal .modal-body .form-check-toggle:not(:first-child)[b-0nsqzqvoc1] {
	margin-top: 1.5rem;
	padding-left: 1.5rem;
}

.cookie-settings-modal .btn-left[b-0nsqzqvoc1] {
	margin-right: .5rem;
}

.cookie-settings-modal .btn-right[b-0nsqzqvoc1] {
	margin-left: .5rem;
}
/* _content/NAppWeb/Shared/Dashboard/PresetManagement.razor.rz.scp.css */
.management-container[b-d7rv1y2max] {
	display: flex;
	flex-direction: column;
	padding: .5rem .75rem;
}

	.management-container > hr[b-d7rv1y2max] {
		position: relative;
		left: -.75rem;
		width: calc(100% + 1.5rem);
		margin: .5rem 0;
	}

.management-header[b-d7rv1y2max] {
}

	.management-header > span[b-d7rv1y2max] {
		font-size: 1rem;
		font-weight: var(--font-weight-bold);
		text-wrap: nowrap;
	}

.management-selection[b-d7rv1y2max] {
}

	.management-selection > label[b-d7rv1y2max] {
		font-size: .875rem;
		text-wrap: nowrap;
	}

[b-d7rv1y2max] #toolType.form-select {
	font-size: .875rem;
	padding: .25rem .5rem .25rem .5rem;
}

.management-content[b-d7rv1y2max] {
	gap: .375rem;
	overflow-y: auto;
}

	.management-content > span[b-d7rv1y2max] {
		font-size: .875rem;
	}

	.management-content > div[b-d7rv1y2max] {
		display: grid;
		grid-template-columns: 1fr auto auto;
		grid-gap: .375rem;
		border-bottom: 1px solid var(--border-light-gray-color);
		margin-bottom: .375rem;
	}

		.management-content > div > span[b-d7rv1y2max] {
			font-size: .875rem;
			text-overflow: ellipsis;
		}

		.management-content > div > *:first-child[b-d7rv1y2max] {
			grid-column-start: 1;
		}

.icon-base[b-d7rv1y2max] {
	font-size: .875rem;
	margin-right: .375rem;
	align-self: center;
	justify-self: center;
	cursor: pointer;
	transition: opacity ease-in 0.15s;
}

	.icon-base:hover[b-d7rv1y2max] {
		opacity: 0.8;
	}

.edit-icon[b-d7rv1y2max] {
	color: var(--font-text-primary-color);
}

.delete-icon[b-d7rv1y2max] {
	color: var(--font-text-primary-color);
}
/* _content/NAppWeb/Shared/Dashboard/Quickstart.razor.rz.scp.css */
a[b-epy5vkwo5x] {
	font-size: .75rem;
	text-decoration: none;
}

button[b-epy5vkwo5x] {
	font-size: .75rem;
}

.quickstart-wrapper[b-epy5vkwo5x] {
	display: block;
	padding: .5rem .75rem;
	height: 100%;
}

	.quickstart-wrapper > hr[b-epy5vkwo5x] {
		position: relative;
		left: -.75rem;
		width: calc(100% + 1.5rem);
		margin: .5rem 0;
		margin-bottom: 1rem;
	}

.quickstart-header[b-epy5vkwo5x] {
	font-size: 1rem;
	font-weight: var(--font-weight-bold);
	margin-bottom: 0;
}

.buttons-container[b-epy5vkwo5x] {
	display: block;
	margin-top: .75rem;
	margin-bottom: .5rem;
}

	.buttons-container > div > div.flex-column[b-epy5vkwo5x] {
		flex: 1 0 45%;
	}

hr.vr[b-epy5vkwo5x] {
	position: relative;
	top: 0px;
	background-color: var(--font-text-primary-color);
	border-color: var(--font-text-primary-color);
	border: 0;
	height: 112px;
	margin: 0;
	opacity: .25;
}
/* _content/NAppWeb/Shared/Dashboard/Results.razor.rz.scp.css */
.sticky-header[b-020554ubn8] {
	position: sticky;
	top: 0;
	height: min-content;
}

.sticky-header span[b-020554ubn8] {
	font-size: 1rem;
	font-weight: var(--font-weight-bold);
	margin-bottom: 0;
}

	.sticky-header hr[b-020554ubn8] {
		position: relative;
		left: -.75rem;
		width: calc(100% + 1.5rem);
		margin: .5rem 0;
	}

hr.header-border[b-020554ubn8] {
	position: relative;
	left: -.75rem;
	width: calc(100% + 1.5rem);
	margin: .5rem 0;
	margin-bottom: 1rem;
}

.sticky-filter[b-020554ubn8] {
	display: flex;
	/*flex-direction: row;*/
	/*flex-wrap: nowrap;*/
	/*flex-grow: 0;*/
	position: sticky;
	top: 0;
	width: 100%;
	height: fit-content;
	gap: .75rem;
	/*max-width: 300px;*/
}

.sticky-filter *[b-020554ubn8]{
	font-size: .875rem;
}

.sticky-filter-section-wrapper[b-020554ubn8] {
	border-radius: .5rem;
	/*box-shadow: 2px 2px 16px 1px rgb(0 0 0 / 10%);*/
	margin-bottom: .5rem;
}

.sticky-filter-section[b-020554ubn8] {
	border: 1px solid var(--border-light-gray-color);
	border-radius: .5rem;
	background-color: #ffffff;
}

.section-header[b-020554ubn8] {
	font-weight: bold;
	background-color: #f0f0f0;
	border-start-start-radius: .5rem;
	border-start-end-radius: .5rem;
	padding: .5rem;
}

.section-container[b-020554ubn8] {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 1rem;
	padding: .5rem;
	align-items: flex-end;
}

.section-container input[b-020554ubn8]{
	max-width: 96px;
}

	.section-container > *[b-020554ubn8] {
		flex-basis: 50%;
		flex-grow: 1;
		flex-shrink: 1;
	}

	.section-container .form-control[b-020554ubn8] {
		padding: .25em .5em;
		font-size: 1em;
	}

	.section-container .form-select[b-020554ubn8] {
		padding: .25em .5em;
		font-size: 1em;
	}

#dropdownIdFilterType[b-020554ubn8] {
	max-width: contain;
}

.date-picker-group[b-020554ubn8] {
	display: flex;
	flex-direction: column;
}

	.date-picker-group .form-control[b-020554ubn8] {
		padding: .3em .5em;
		border: 1px solid #c0c0c0;
		border-radius: 4px;
	}

	.date-picker-group > input[b-020554ubn8] {
		padding: .3em .5em;
		border: 1px solid #c0c0c0;
		border-radius: 4px;
		font-size: 1em;
		max-width: 134px; /* Set a fixed width for compactness */
		box-sizing: border-box; /* Include padding and border in the element's total width and height */
	}

		.date-picker-group > input:focus[b-020554ubn8] {
			border-color: #007bff; /* Highlight on focus */
			outline: none; /* Remove default outline */
			box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* Subtle glow */
		}

	.date-picker-group > label[b-020554ubn8]  {
		/*margin-bottom: .25rem;*/
	}

		.date-picker-group > label[b-020554ubn8]  > input {
			padding: .3em .5em;
			border: 1px solid var(--border-light-blue-gray-color);
			border-radius: 4px;
			font-size: 1em;
			max-width: 96px; /* Set a fixed width for compactness */
			box-sizing: border-box; /* Include padding and border in the element's total width and height */
			transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
		}

			.date-picker-group > label[b-020554ubn8]  > input:focus {
				border-color: #86b7fe;
				outline: none;
				box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
			}

.table-responsive[b-020554ubn8] {
	overflow-x: auto;
	min-width: 920px;
	padding-left: 0;
}

#results-table.table[b-020554ubn8] {
	border-collapse: collapse;
	font-family: inherit;
	overflow: auto;
	background-color: #fefefe;
	margin-bottom: 0;
	/*box-shadow: 2px 2px 16px 1px rgb(0 0 0 / 10%);*/
	/*border-radius: 0;*/
	/*border-top: 1px solid var(--border-light-gray-color);*/
	padding: 1rem;
}

.table th[b-020554ubn8],
.table td[b-020554ubn8] {
	padding: .75rem 1rem;
	text-align: center; /* Center the text */
	vertical-align: central;
	border-bottom: 1px groove #f0f0f0;
}

.table td[b-020554ubn8] {
	background-color: inherit;
	color: inherit;
	vertical-align: middle;
}

/*.table .td-date {
	display: grid;
	grid-template-columns: 1fr 1fr;
}*/

.table th[b-020554ubn8] {
	background-color: inherit;
	color: inherit;
	cursor: default;
}

.table .header-clickable[b-020554ubn8] {
	position: relative; /* Needed for absolute positioning of sort icon */
	cursor: pointer; /* Indicate that headers are clickable */
	/* Add some padding to the right to always reserve space for the icon */
	padding-right: 1.5rem; /* Adjust as needed, ensure it's enough for the icon */
	white-space: nowrap; /* Prevent text wrapping inside the header if it's tight */
}

.header-content[b-020554ubn8] {
	display: inline-flex; /* Use inline-flex so it behaves like inline content within the table cell */
	align-items: center;
	gap: 0.25rem; /* Small gap between text and icon, adjust as needed */
	white-space: nowrap; /* Prevent wrapping of the header text + icon */
}

.sort-icon[b-020554ubn8] {
	position: absolute;
	right: min(18px, .5rem);
	top: 50%; /* Center vertically */
	transform: translateY(-50%); /* Adjust for vertical centering */
	font-size: 0.8em;
	color: #555;
	width: 1em; /* Give it a small fixed width */
	text-align: center; /* Center the triangle within its allocated space */
}

/* Target only body elements */
#results-table.table tbody tr:hover[b-020554ubn8] {
	background-color: #eaeaea; /* Light grey background on hover */
}

.table .status-success[b-020554ubn8] {
	color: inherit;
}

.table .status-failed[b-020554ubn8] {
	color: inherit;
}

.table .download-button[b-020554ubn8] {
	color: inherit;
	text-decoration: none;
	display: inline-flex;
	justify-content: center;
	height: fit-content;
	width: max(30%, 34px);
}

.selected-row[b-020554ubn8] {
	background-color: #e5e5e5;
	/*font-weight: bold;*/
}

/* Styles for the detail row */
.detail-row[b-020554ubn8] {
	background-color: #f0f0f0;
	/*border-bottom: 2px solid #ccc;*/
}

.inner-detail[b-020554ubn8] {
	border-radius: .5rem;
}

	.inner-detail:hover[b-020554ubn8] {
		background-color: #e0e0e0;
	}


.form-check-toggle[b-020554ubn8] {
	display: flex;
	align-items: flex-start;
	min-height: 1.5rem;
	padding-left: 0;
	cursor: pointer;
	user-select: none; /* Prevent text selection when clicking toggle */
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0;
}

	.form-check-toggle .form-check-input[b-020554ubn8] {
		position: relative;
		width: 2.5em;
		height: 1.25em;
		/*margin-right: 1.5rem;*/ /* Space between toggle and label text */
		vertical-align: top;
		background-color: #e9ecef; /* Default off state background (very light gray) */
		border: 1px solid #ced4da; /* Light gray border */
		border-radius: 1.25em; /* Half of height for pill shape */
		transition: background-color .2s ease-in-out, border-color .2s ease-in-out; /* Only transition color/border on input */
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
		flex-shrink: 0;
		margin-top: .15rem; /* Adjust to align with label text top */
		outline: none; /* Remove focus outline */
	}

		/* The sliding thumb */
		.form-check-toggle .form-check-input[b-020554ubn8]::after {
			content: "";
			position: absolute;
			top: 2px; /* Small padding from top of track */
			left: 2px; /* Starting position for thumb */
			width: .85em; /* Width of the thumb */
			height: .85em; /* Height of the thumb */
			background-color: #fff; /* White thumb */
			border-radius: 50%; /* Make it a circle */
			/*box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .2);*/ /* Subtle shadow for depth */
			transition: transform .2s ease-in-out; /* Only transform the thumb */
		}

		/* Checked state for the input (track and thumb) */
		.form-check-toggle .form-check-input:checked[b-020554ubn8] {
			background-color: #007bff; /* On state background (Bootstrap primary blue) */
			border-color: #007bff; /* On state border color */
			background-image: none; /* Remove default checkmark or background icon */
		}

			.form-check-toggle .form-check-input:checked[b-020554ubn8]::after {
				transform: translateX(1.25em); /* Slide thumb to the right (track width - thumb width - padding) */
			}

		/* Disabled state */
		.form-check-toggle .form-check-input:disabled[b-020554ubn8] {
			pointer-events: none;
			opacity: .6; /* Less opaque when disabled */
			background-color: #e9ecef;
			border-color: #dee2e6;
		}

			.form-check-toggle .form-check-input:disabled[b-020554ubn8]::after {
				background-color: #ced4da; /* Darker thumb when disabled */
			}

	/* Ensure the label text is aligned properly */
	.form-check-toggle .form-check-label[b-020554ubn8] {
		padding-top: 0;
		margin-bottom: 0;
		margin-right: 2rem;
	}

		/* Specific styling for small text below label */
		.form-check-toggle .form-check-label small[b-020554ubn8] {
			display: block;
			color: #6c757d;
			margin-top: .25rem;
		}

.btn-refresh-table[b-020554ubn8] {
	display: flex;
	font-size: 0.875rem;
	justify-content: center;
	align-self: flex-end;
}

	.btn-refresh-table > span[b-020554ubn8] {
		padding: 0.25rem;
		line-height: .5rem;
		vertical-align: middle;
	}
/* _content/NAppWeb/Shared/Dashboard/Stats.razor.rz.scp.css */
body[b-15kmmz8rkd] {
}
/* _content/NAppWeb/Shared/Index/FaqComponent.razor.rz.scp.css */
.faq[b-szm25r3of6] {
	/* Existing layout */
	margin: 0 160px;
	/* Animation knobs */
	--faq-open-duration: 250ms; /* opening speed */
	--faq-close-duration: 120ms; /* closing speed */
	--faq-anim-ease: ease;
	--faq-open-max-height: 500px;
}

	.faq > h4[b-szm25r3of6] {
		margin-bottom: .25rem;
	}

	/* Center the top heading and intro paragraph */
	.faq > h4[b-szm25r3of6],
	.faq > p[b-szm25r3of6] {
		text-align: center;
	}

.faq-item[b-szm25r3of6] {
	padding: .25rem 1rem;
	border-radius: 8px;
	border-bottom: 1px solid #e5e7eb;
	transition: background-color ease-in 0.1s;
}

	.faq-item:hover[b-szm25r3of6] {
		background-color: #fafafa;
	}

.faq-header[b-szm25r3of6] {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.875rem 0;
	background: transparent;
	border: none;
	cursor: pointer;
	text-align: left;
	color: inherit;
}

.faq-question[b-szm25r3of6] {
	font-size: 1rem;
	font-weight: 600;
}

.faq-toggle[b-szm25r3of6] {
	position: relative;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-left: 0.5rem;
}

	.faq-toggle[b-szm25r3of6]::before,
	.faq-toggle[b-szm25r3of6]::after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		background-color: #374151;
		transform: translate(-50%, -50%);
		transition: opacity 150ms ease, transform 150ms ease;
	}

	.faq-toggle[b-szm25r3of6]::before {
		/* horizontal bar */
		width: 18px;
		height: 2px;
	}

	.faq-toggle[b-szm25r3of6]::after {
		/* vertical bar (hidden when open) */
		width: 2px;
		height: 18px;
	}

.faq-item.open .faq-toggle[b-szm25r3of6]::after {
	opacity: 0; /* becomes a minus */
}

/* Sliding panel: faster close, slower open */
.faq-panel[b-szm25r3of6] {
	overflow: hidden;
	max-height: 0;
	transition: max-height var(--faq-close-duration) var(--faq-anim-ease);
	color: #4b5563;
	padding-right: 2rem; /* space away from toggle */
}

.faq-item.open .faq-panel[b-szm25r3of6] {
	max-height: var(--faq-open-max-height);
	transition-duration: var(--faq-open-duration); /* slower opening */
}

/* Answer content spacing */
.faq-answer p[b-szm25r3of6] {
	margin: 0 0 0.75rem 0;
	line-height: 1.6;
}

.faq-answer ul[b-szm25r3of6],
.faq-answer ol[b-szm25r3of6] {
	margin: 0 0 0.75rem 1rem;
	padding-left: 1rem;
}

.faq-answer li + li[b-szm25r3of6] {
	margin-top: .25rem;
}

/* Responsive fallbacks for smaller screens */
@media (max-width: 992px) {
	.faq[b-szm25r3of6] {
		margin: 0 48px;
	}
}

@media (max-width: 576px) {
	.faq[b-szm25r3of6] {
		margin: 0 16px;
	}
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
	.faq-panel[b-szm25r3of6] {
		transition: none;
	}
}
/* _content/NAppWeb/Shared/Index/PricingComponent.razor.rz.scp.css */
.main-container[b-x88j1jvcm1] {
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}

.main-containter[b-x88j1jvcm1] {
	display: grid;
	grid-template-areas:
		"header"
		"content";
	grid-template-rows: min-content auto;
	padding: 1rem;
	border-radius: 8px;
}

.subs-header[b-x88j1jvcm1] {
	grid-area: header;
}

.subs-container[b-x88j1jvcm1] {
	grid-area: content;
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	gap: 1rem;
	border-radius: 8px;
	justify-content: space-evenly;
}

.sub-card[b-x88j1jvcm1] {
	display: grid;
	grid-template-areas:
		"title"
		"pricing"
		"listing"
		"button";
	grid-template-rows: min-content min-content auto min-content;
	grid-template-columns: auto;
	transition: transform linear 0.1s;
	padding: 1rem;
	box-shadow: 2px 2px 16px 1px rgb(0 0 0 / 10%);
	border-radius: 8px;
	min-width: 300px;
	max-width: 300px;
	min-height: 323px;
	max-height: 323px;
	background-color: #ffffff;
	cursor: default;
	overflow: auto;
}

	.sub-card:hover[b-x88j1jvcm1] {
		transform: translateY(-8px);
	}

.sub-card-saved[b-x88j1jvcm1] {
	grid-row: 1;
	grid-column: 1;
	display: block;
	position: sticky;
	/*top: 8px;*/
	/*right: 8px;*/
	align-self: start;
	justify-self: end;
	padding: .375rem .5rem;
	border-radius: 16px;
	border: none;
	background-color: #080808;
	font-size: .75rem;
	color: white;
}

	.sub-card-saved > *[b-x88j1jvcm1] {
		align-self: center;
		justify-self: center;
	}

.sub-card-title[b-x88j1jvcm1] {
	grid-area: title;
	grid-column: 1;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	text-align: left;
}

	.sub-card-title > h5[b-x88j1jvcm1] {
		font-size: 1.25rem;
		font-weight: 400;
		margin-bottom: .25rem;
		color: #080808;
	}

		.sub-card-title > h5 + span[b-x88j1jvcm1] {
			font-size: .75rem;
			color: #08080880;
			text-wrap: wrap;
			max-width: 50%;
		}

.sub-card-pricing[b-x88j1jvcm1] {
	grid-area: pricing;
	grid-column: 1;
	display: flex;
	align-items: baseline;
	width: 100%;
	padding: 1rem 0rem;
	margin-top: .5rem;
	height: min-content;
	line-height: normal;
}

	.sub-card-pricing > span[b-x88j1jvcm1] {
		font-size: 2rem;
	}

		.sub-card-pricing > span + span[b-x88j1jvcm1] {
			font-size: .75rem;
		}

			.sub-card-pricing > span + span + span[b-x88j1jvcm1] {
				position: relative;
				right: .0rem;
				margin-left: auto;
			}

.sub-card-body[b-x88j1jvcm1] {
	grid-area: listing;
	grid-column: 1;
	display: flex;
	flex-direction: column;
}

.sub-card-special[b-x88j1jvcm1] {
	display: flex;
	flex-direction: column;
	position: relative;
	transition: transform linear 0.1s;
}

.sub-card-special:hover[b-x88j1jvcm1]{
	transform: translateY(-8px);
}

	.sub-card-special > .sub-card[b-x88j1jvcm1] {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}

	.sub-card-special > .sub-card:hover[b-x88j1jvcm1] {
		transform: none !important;
	}

.sub-card-message[b-x88j1jvcm1] {
	display: flex;
	align-content: center;
	justify-content: center;
	position: absolute;
	top: -1.875rem;
	left: 0;
	background-color: #000000FF;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	width: 100%;
}

	.sub-card-message span[b-x88j1jvcm1] {
		font-size: .875rem;
		font-weight: var(--font-weight-bold);
		padding: .25rem 0;
		color: #fdfdfd;
		text-align: center;
	}

.sub-list[b-x88j1jvcm1] {
}

.sub-btn[b-x88j1jvcm1] {
	grid-area: button;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

	.sub-btn > button[b-x88j1jvcm1] {
		border: 0;
		border-radius: 24px;
		padding: .5rem 1rem;
		color: white;
		background-color: black;
	}

		.sub-btn > button:hover[b-x88j1jvcm1] {
			opacity: 80%;
			transition: opacity ease-out 0.1s;
		}

.custom-check-mark[b-x88j1jvcm1] {
	color: #080808;
}

div.inline-article[b-x88j1jvcm1] {
	display: inline-flex;
	text-wrap: wrap;
}

	div.inline-article > i:first-of-type[b-x88j1jvcm1] {
		position: relative;
		top: 0.3125rem;
		align-self: flex-start;
		justify-self: flex-start;
	}

		div.inline-article > i:first-of-type + *[b-x88j1jvcm1] {
			text-indent: .25rem;
			padding-left: .5rem;
		}
/* _content/NAppWeb/Shared/Layout/MainLayout.razor.rz.scp.css */
.main-layout[b-5lu5hqfs1j] {
	position: relative;
	display: grid;
	grid-template-areas:
		"header"
		"content";
	grid-template-rows: auto 1fr;
	height: 100vh;
	width: 100vw;
	overflow-y: auto;
	/*overflow: hidden;*/
}

.navbar-wrapper[b-5lu5hqfs1j] {
	grid-area: header;
	display: unset;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 999;
}

.content-footer-wrapper[b-5lu5hqfs1j] {
	grid-area: content;
	display: grid;
	grid-template-areas:
		"content"
		"footer";
	grid-template-rows: max-content auto;
	overflow-y: unset;
}

.content-wrapper[b-5lu5hqfs1j] {
	/*height: calc(100% - 279px);*/ /*If footer is separate*/
	grid-area: content;
	display: flex;
	height: fit-content;
	min-height: calc(100vh - var(--main-layout-content-margin));
	width: 100%;
	overflow: hidden;
	background-color: var(--bg-main-color);
}

.footer-wrapper[b-5lu5hqfs1j] {
	grid-area: footer;
	display: unset;
	position: relative;
	width: 100%;
}

.cookie-wrapper[b-5lu5hqfs1j] {
	grid-column-start: 1;
	grid-row-start: 2;
	display: block;
	position: fixed;	/*Make absolute if not works*/
	bottom: 0;
}

#blazor-error-ui[b-5lu5hqfs1j] {
	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;
}

	#blazor-error-ui .dismiss[b-5lu5hqfs1j] {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}

@media (max-width: 991.98px) {
	
}
/* _content/NAppWeb/Shared/Layout/Navbar.razor.rz.scp.css */
header[b-obalhe5f2c] {
	box-shadow: 0 2px 4px rgba(0,0,0,.08);
	width: 100%;
	background-color: var(--bg-navbar-color);
	z-index: 1000;
}

.navbar[b-obalhe5f2c] {
	align-items: center;
	padding: 2rem 0;
	background-color: inherit;
	font-family: var(--font-family-primary);
	font-weight: var(--font-weight-regular);
}

.navbar-full[b-obalhe5f2c] {
	width: 100%;
	padding-left: 4.5rem;
	padding-right: calc(50vw - 660px); ()
	/*padding-right: 4.8125rem;*/
}

.navbar-tool[b-obalhe5f2c] {
	width: 100%;
}

.navbar-narrow[b-obalhe5f2c] {
	max-width: 1320px;
	margin: 0 auto;
}

.navbar .container-fluid[b-obalhe5f2c] {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	/*padding: 0 4.8125rem;*/ /* Moved to navbar */
	padding: 0 0;
}

.navbar a.navbar-brand[b-obalhe5f2c] {
	display: block;
	align-items: center;
	padding: 0;
	width: 160px;
}

	.navbar a.navbar-brand span[b-obalhe5f2c] {
		font-family: var(--font-family-heading);
		font-weight: var(--font-weight-black);
		font-size: 1.5rem;
		font-stretch: 100%;
		color: var(--font-navbar-brand-color);
		/*line-height: 1.875rem;*/
		line-height: normal;
	}

.navbar .nav-item[b-obalhe5f2c] {
	font-size: 1rem;
	margin-left: 1.875rem;
}

a.nav-link[b-obalhe5f2c] {
	font-family: var(--font-family-primary);
	font-weight: var(--font-weight-regular);
	font-size: 1rem;
	color: var(--font-navlink-color) !important;
	padding: 0.5rem 0.5rem;
	transition: color 0.2s ease-in-out;
}

	a.nav-link.active[b-obalhe5f2c] {
		color: inherit;
	}

	a.nav-link:hover[b-obalhe5f2c] {
		color: var(--font-navlink-hover-color) !important;
	}

.btn-get-started[b-obalhe5f2c] {
	font-family: var(--font-family-primary);
	font-weight: var(--font-weight-regular);
	font-size: inherit;
	color: var(--font-btn-black-color) !important;
	background-color: var(--bg-btn-black-color);
	border: 0;
	border-radius: 0.5rem;
	box-shadow: inset rgba(248, 250, 252, 1.0) 0px 0px 2px 0px;
	padding: 0.5rem 1rem;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	cursor: pointer;
}

	.btn-get-started:hover[b-obalhe5f2c] {
		background-color: var(--bg-btn-black-hover-color);
		color: var(--font-btn-black-color-hover-color) !important;
	}

	.btn-get-started > a[b-obalhe5f2c] {
		padding: 0;
	}

		.btn-get-started > a.nav-link[b-obalhe5f2c] {
			display: inline-block;
			position: sticky;
			color: var(--font-btn-black-color) !important;
			padding: 0;
			/*z-index: 10;*/
		}

/*.navbar .nav-item > .nav-link {
	font-family: var(--font-family-primary);
	font-weight: var(--font-weight-regular);
	font-size: 1rem;
	color: var(--font-navlink-color) !important;
	padding: 0.5rem 0.5rem;
	transition: color 0.2s ease-in-out;
}

	.navbar .nav-item > .nav-link.active {
		color: unset;
	}

	.navbar .nav-item > .nav-link:hover {
		color: var(--font-navlink-hover-color) !important;
	}*/

.dropdown-menu[b-obalhe5f2c] {
	border: 1px solid rgba(0,0,0,0.01);
	box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);
	border-radius: 0.5rem;
	background-color: #fdfdfd;
	padding-left: .3rem;
	padding-right: .3rem;
	left: 0;
	right: unset;
}

.dropdown-item[b-obalhe5f2c] {
	padding: 0.5rem 1.5rem;
	color: #4a5568;
	transition: background-color 0.2s ease-in-out;
	font-family: 'Questrial', sans-serif;
	border-radius: .5rem;
}

	.dropdown-item:hover[b-obalhe5f2c] {
		background-color: #f3f8f8;
		color: #2d3748;
		cursor: pointer;
	}

@media (max-width: 991.98px) {
	.navbar .container-fluid[b-obalhe5f2c] {
		padding: 0 2.5rem;
		flex-wrap: nowrap;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.navbar-toggler[b-obalhe5f2c] {
		display: block;
	}

	.navbar-collapse.show[b-obalhe5f2c] {
		flex-basis: 100%;
		width: 100%;
		order: 2;
		display: block !important;
		padding-bottom: 1rem;
	}

	.navbar-collapse[b-obalhe5f2c] {
		flex-grow: 0;
		width: auto;
	}


	.navbar-nav[b-obalhe5f2c] {
		flex-direction: row;
		justify-content: flex-end;
		width: 100%;
	}

		.navbar-nav .nav-item[b-obalhe5f2c] {
			margin: 0 0.5rem;
		}

			.navbar-nav .nav-item:last-child[b-obalhe5f2c] {
				margin-right: 0;
			}

		.navbar-nav .dropdown-menu[b-obalhe5f2c] {
			position: absolute;
			left: 0;
			right: unset;
			min-width: max-content;
			top: 100%;
		}
}

/* BELOW STYLES ARE OLD AND MAYBE WILL NEED AN UPDATE */
@media (max-width: 767.98px) {
	.navbar-collapse[b-obalhe5f2c] {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: white;
		box-shadow: 0 8px 16px rgba(0,0,0,.15);
		z-index: 1100;
		padding: 1rem;
		border-radius: 0 0 0.5rem 0.5rem;
		overflow-y: auto;
		max-height: calc(100vh - 75px);
	}

	.navbar-nav[b-obalhe5f2c] {
		flex-direction: column;
		width: 100%;
	}

		.navbar-nav .nav-item[b-obalhe5f2c] {
			margin-bottom: 0.5rem;
		}

		.navbar-nav .nav-link[b-obalhe5f2c] {
			padding: 0.75rem 1rem;
			width: 100%;
			border-radius: 0.25rem;
		}

			.navbar-nav .nav-link:hover[b-obalhe5f2c] {
				background-color: #f0f0f0;
			}

		.navbar-nav .nav-item.dropdown[b-obalhe5f2c] {
			position: static;
		}

		.navbar-nav .dropdown-menu[b-obalhe5f2c] {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: white;
			box-shadow: none;
			border: none;
			padding: 1rem;
			z-index: 1200;
			overflow-y: auto;
			visibility: hidden;
			opacity: 0;
			transform: translateX(100%);
			transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
		}

			.navbar-nav .dropdown-menu.show[b-obalhe5f2c] {
				visibility: visible;
				opacity: 1;
				transform: translateX(0);
			}

			.navbar-nav .dropdown-menu .back-button-container[b-obalhe5f2c] {
				margin-bottom: 1rem;
				padding-bottom: 0.5rem;
				border-bottom: 1px solid #eee;
			}

			.navbar-nav .dropdown-menu .back-button[b-obalhe5f2c] {
				background: none;
				border: none;
				color: #4a5568;
				font-size: 1.1rem;
				font-weight: 600;
				padding: 0.5rem 0;
				cursor: pointer;
				display: flex;
				align-items: center;
			}

				.navbar-nav .dropdown-menu .back-button:hover[b-obalhe5f2c] {
					color: #2d3748;
				}

				.navbar-nav .dropdown-menu .back-button svg[b-obalhe5f2c] {
					margin-right: 0.5rem;
				}

		.navbar-nav .dropdown-item[b-obalhe5f2c] {
			padding: 0.75rem 1rem;
			width: 100%;
			border-radius: 0.25rem;
			color: #4a5568;
		}

			.navbar-nav .dropdown-item:hover[b-obalhe5f2c] {
				background-color: #f0f0f0;
				color: #2d3748;
			}
}
/* _content/NAppWeb/Shared/Layout/PageFooter.razor.rz.scp.css */
#page-footer[b-9eyysazc70] {
	background-color: var(--bg-main-color);
	/*box-shadow: 0 -2px 4px rgba(0,0,0,.08);*/
	padding: 1rem 0;
}

span[b-9eyysazc70], a[b-9eyysazc70] {
	font-weight: var(--font-weight-extra-light);
	color: var(--font-footer-color);
}

footer[b-9eyysazc70] {
	/*margin-top: 1px;*/
	border-top: 1px solid var(--separator-color);
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
}

.footer-link[b-9eyysazc70] {
	text-decoration: none;
	color: inherit;
}

a[b-9eyysazc70] {
	color: unset;
}

.fa-brands[b-9eyysazc70] {
	opacity: 0.8;
}

.text-brand[b-9eyysazc70] {
	font-family: var(--font-family-primary);
	font-size: 2rem;
}

/*div .text-brand {
	margin-bottom: .5rem;
}*/

@media (max-width: 991.98px) {
	footer[b-9eyysazc70] {
		/*margin-top: 20px;*/
		/*height: 100%;*/
	}
}
/* _content/NAppWeb/Shared/Layout/SidebarLayout.razor.rz.scp.css */
.sidebar-layout-wrapper[b-1pk63ed6ju] {
	display: flex;
	height: auto;
	flex-grow: 1;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

.sidebar[b-1pk63ed6ju] {
	display: contents;
	height: 100%;
	overflow: auto;
	margin-right: 1rem;
}

.main-content[b-1pk63ed6ju] {
	height: 100%;
	flex: 1 1 auto; /* Grow to fill remaining horizontal space */
	overflow: auto;
	margin-right: 1rem;
}

	.main-content.with-sidebar[b-1pk63ed6ju] {
		/*margin-left: 1rem;*/
		margin-left: 0;
	}

	.main-content.without-sidebar[b-1pk63ed6ju] {
		margin-left: 0;
	}

.container-fluid[b-1pk63ed6ju] {
	width: auto;
	overflow: auto;
	/*padding-top: 1rem;*/
	/*padding-bottom: 4rem;*/
}

.content[b-1pk63ed6ju] {
	width: 100%;
}
/* _content/NAppWeb/Shared/Modal/EditBillingDetailsModal.razor.rz.scp.css */
.modal[b-wi2ilzsxea] {
	top: 0vh;
	margin-top: auto;
	margin-bottom: auto;
	overflow: hidden;
}

.modal-content[b-wi2ilzsxea] {
	max-height: 80vh;
	overflow-y: auto;
}
/* _content/NAppWeb/Shared/Modal/EditBuyerDetailsModal.razor.rz.scp.css */
.modal[b-m6el943b3w] {
	top: 0vh;
	margin-top: auto;
	margin-bottom: auto;
	overflow: hidden;
}

.modal-content[b-m6el943b3w] {
	max-height: 80vh;
	overflow-y: auto;
}
/* _content/NAppWeb/Shared/Modal/EditCardDetailsModal.razor.rz.scp.css */
.modal[b-olbb6pv7hb] {
	top: 0vh;
	margin-top: auto;
	margin-bottom: auto;
	overflow: hidden;
}

.modal-content[b-olbb6pv7hb] {
	max-height: 80vh;
	overflow-y: auto;
}

/* Make masked characters (bullets) large and spaced */
.masked-input[b-olbb6pv7hb],
.masked-readonly[b-olbb6pv7hb] {
	font-size: 1.25rem; /* Bigger dots */
	letter-spacing: 0.15rem;
}
/* _content/NAppWeb/Shared/Modal/GenericCloseModal.razor.rz.scp.css */
.modal[b-ujo76uvfkh] {
	top: -10vh;
	overflow: hidden;
}

.modal-content[b-ujo76uvfkh] {
	height: 60vh;
	overflow-y: auto;
}
/* _content/NAppWeb/Shared/Modal/GenericClosePopup.razor.rz.scp.css */
.modal-dialog[b-nvm5ihwxgr] {
	max-width: 70vh;
}

.modal[b-nvm5ihwxgr] {
	top: -10vh;
	overflow: hidden;
}

.modal-content[b-nvm5ihwxgr] {
	min-width: 70vh;
	max-height: 40vh;
	overflow-y: hidden;
}
/* _content/NAppWeb/Shared/Modal/GenericOkCancelModal.razor.rz.scp.css */
.modal[b-8dmo17q99y] {
	top: -10vh;
	overflow: hidden;
}

.modal-content[b-8dmo17q99y] {
	max-height: 60vh;
	overflow-y: auto;
}
/* _content/NAppWeb/Shared/Modal/SavePresetModal.razor.rz.scp.css */
.modal[b-ge5g9q0uba] {
	top: -10vh;
	overflow: hidden;
}

.modal-content[b-ge5g9q0uba] {
	max-height: 60vh;
	overflow-y: auto;
}
/* _content/NAppWeb/Shared/NavSidebar.razor.rz.scp.css */
.sidebar-scroll-wrapper[b-3ls444out5] {
	overflow: auto;
}

/*.welcome-section > div:first-child > h3 {
	margin-bottom: 0;
}*/

hr.vr[b-3ls444out5] {
	position: relative;
	top: 1rem;
	max-height: calc(100% - 2rem);
	margin: 0;
	margin-right: 1rem;
	border-width: 0;
	border-color: #7e7e7ec0;
}

.navsidebar[b-3ls444out5] {
	height: 100%;
	min-width: 291.98px;
	max-width: 292px;
	/*background-color: #f3f3f3;*/
	/*border-right: 1px solid #7e7e7ec0;*/
	padding: 1rem;
	display: flex;
	flex-direction: column;
	z-index: 900;
}

	.navsidebar .nav-buttons[b-3ls444out5] {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
	}

	.navsidebar .section[b-3ls444out5] {
		display: inherit;
		flex-direction: inherit;
		gap: 0.5rem;
		padding: 1rem 0;
		border-bottom: 1px solid #7e7e7e80;
		/*margin-bottom: 0.2rem;*/
	}

	.navsidebar .welcome-section[b-3ls444out5] {
		/*padding: 1rem 0;*/
		/*border-bottom: 1px solid #dee2e6;*/
		/*margin-bottom: 0.2rem;*/
		padding: 1.5rem 0;
	}

		.navsidebar .welcome-section h3[b-3ls444out5] {
			font-size: 1.25rem;
			margin-bottom: 0;
			color: #212529;
		}

		.navsidebar .welcome-section p[b-3ls444out5] {
			font-size: 0.875rem;
			color: #6c757d;
			margin: 0;
		}

	.navsidebar[b-3ls444out5]  .disabled {
		background-color: #e9ecef; /* Lighter grey background */
		color: #6c757d; /* Muted text color */
		cursor: not-allowed; /* Indicate non-interactive */
		pointer-events: none; /* Disable pointer interactions */
		box-shadow: none; /* Remove shadow */
		transform: none; /* Prevent hover transform */
	}

		/* Ensure hover styles don't apply to disabled buttons */
		.navsidebar[b-3ls444out5]  .disabled:hover {
			background-color: #e9ecef;
			color: #6c757d;
			transform: none;
			box-shadow: none;
		}

	.navsidebar[b-3ls444out5]  .nav-button {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 0.5rem;
		color: #484848;
		font-family: 'Questrial', sans-serif;
		font-size: 1rem;
		font-weight: 400;
		text-decoration: none;
		border-radius: 8px;
		transition: all 0.2s ease-in-out;
		background-color: #f8f8f8;
		width: 100%;
		margin: 0;
	}

		.navsidebar[b-3ls444out5]  .nav-button:hover {
			background-color: #eaeaea;
			font-weight: 500;
			transform: translateX(4px);
		}

		.navsidebar[b-3ls444out5]  .nav-button.active {
			background-color: #eaeaea;
			font-weight: 500;
		}

			.navsidebar[b-3ls444out5]  .nav-button.active:hover {
				background-color: #eeeeee;
				transform: translateX(4px);
			}

@media(max-height: 799.98px) {
	.navsidebar[b-3ls444out5] {
		height: auto;
	}
}


@media(max-width: 991.98px) {
	.navsidebar[b-3ls444out5] {
		min-width: 218.98px;
		max-width: 219px;
	}
}
/* _content/NAppWeb/Shared/Tool/SelectPreset.razor.rz.scp.css */
.preset-container[b-y3e0aya5op] {
	display: flex;
	flex-direction: column;
	/*overflow: hidden auto;*/
	overflow: hidden;
	margin-left: 0rem;
	width: 100%;
}

	.preset-container .row[b-y3e0aya5op] {
		flex-wrap: nowrap;
		align-items: center;
	}

.preset-radio-container[b-y3e0aya5op] {
	border-right: 1px solid #7e7e7ec0;
}

	.preset-radio-container .form-check-label[b-y3e0aya5op] {
		white-space: nowrap;
	}
/* _content/NAppWeb/Shared/Tool/ToolView.razor.rz.scp.css */
.tool-intro[b-pan7dvm1dy] {
	border: 1px solid #7e7e7ec0;
	background-color: #fdfdfd;
	width: 100%;
	overflow: hidden auto;
	max-height: 20vh;
}

.tool-preset[b-pan7dvm1dy] {
	display: flex;
	flex-direction: row;
	border: 1px solid #7e7e7ec0;
	background-color: #fdfdfd;
	width: 100%;
	overflow: hidden auto;
	max-height: 25vh;
}

.tool-view-wrapper[b-pan7dvm1dy] {
	padding-bottom: 100px;
}

.tool-view[b-pan7dvm1dy] {
	background-color: #fdfdfd;
	border: 1px solid #7e7e7ec0;
	width: 100%
}

.rounded[b-pan7dvm1dy]  {
	border-radius: .5rem;
}