@import '_content/FlowCentric.Navigator.Components/FlowCentric.Navigator.Components.3gxza4xr25.bundle.scp.css';

/* /Components/FavouriteTask.razor.rz.scp.css */
.favourite-icon[b-x40fe966bv] {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	vertical-align: middle;
	cursor: pointer;
	padding: 0.5rem;
}

	.favourite-icon:hover[b-x40fe966bv] {
		color: hsl(207, 100%, 30%);
	}
/* /Components/PersonalisationWizard.razor.rz.scp.css */
.exit-confirmation-content[b-460hmjgsub] {
	padding-left: var(--spacing-12);
	padding-right: var(--spacing-12);
	text-align: center;

	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: var(--spacing-4);
	justify-content: space-between;
	height: 100%;
}

.confirmation-image[b-460hmjgsub] {
	height: 10rem;
}

.exit-confirmation-title[b-460hmjgsub],
.personalization-window-title[b-460hmjgsub] {
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium);
}

.main-label[b-460hmjgsub] {
	font-family: var(--body-font);
	font-size: var(--font-size-md); /*1.4rem*/
	font-weight: var(--font-weight-normal);
	color: var(--text-primary);
	display: inline-block;
}

.sub-label[b-460hmjgsub] {
	font-family: var(--body-font);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-normal);
	color: var(--text-primary);
	display: inline-block;
}

.small-form[b-460hmjgsub] {
	width: 40%;
}

[b-460hmjgsub] .personalisation-wizard-container {
	height: 100%;
}

	.personalization-window-content[b-460hmjgsub],
	.personalisation-wizard-container[b-460hmjgsub] {
		height: 100%;
	}

[b-460hmjgsub] .card-selected {
	box-shadow: 0.5rem 0.5rem 0.5rem lightblue;
	margin: 0.5rem;
}

.k-card[b-460hmjgsub] {
	margin: 1rem;
}

.avatar-label[b-460hmjgsub] {
	font-size: 2rem;
	font-weight: 700;
	color: white;
}

/*Telerik styling override*/

[b-460hmjgsub] .k-avatar-lg {
	margin-top: 1rem;
	width: 10rem;
	height: 10rem;
}

.k-upload[b-460hmjgsub] {
	border-style: none;
	padding-left: 1rem;
	background-color: transparent;
}

.k-upload-files[b-460hmjgsub] {
	display: none;
}

.k-window-title[b-460hmjgsub] {
	font-weight: 700;
}

.k-wizard-step:focus[b-460hmjgsub] {
	outline: none;
}
/* /Components/ProcessGroupStep.razor.rz.scp.css */
.processGroupButtons[b-xpus7d6myx] {
	gap: 1rem;
}

.stepCompleted[b-xpus7d6myx] {
	display: flex;
}

.sub-header[b-xpus7d6myx] {
	color: #000000;
	font-size: 1.3rem;
	font-weight: 500;
	max-width: 75rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 0.5rem;
}

[b-xpus7d6myx] .filter-input {
	padding-inline-start: 0.7rem;
	padding-inline-end: 0.7rem;
	padding-block-start: 0.5rem;
	padding-block-end: 0.5rem;
	font-size: var(--font-size-3);
}
/* /Components/ProcessStep.razor.rz.scp.css */
.processButtons[b-6jz1zjwx6d] {
	gap: 1rem;
}

.stepCompleted[b-6jz1zjwx6d] {
	display: flex;
}

.sub-header[b-6jz1zjwx6d] {
	color: #000000;
	font-size: 1.3rem;
	font-weight: 500;
	max-width: 75rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 0.5rem;
}

[b-6jz1zjwx6d] .filter-input {
	padding: 0.75rem;
	font-size: var(--font-size-3);
}
/* /Components/TaskComponent.razor.rz.scp.css */
.favourite-icon-container[b-z3mcvbyv1o] {
	align-self: flex-start;
}

.task-button-icon[b-z3mcvbyv1o] {
	display: flex;
	justify-content: center;
	height: 100%;
	width: 100%;
}
/* /Components/TaskStep.razor.rz.scp.css */
.taskButtons[b-axffb0ogvc] {
	gap: 1rem;
}

.stepCompleted[b-axffb0ogvc] {
	display: flex;
}

.sub-header[b-axffb0ogvc] {
	color: #000000;
	font-size: 1.3rem;
	font-weight: 500;
	max-width: 75rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 0.5rem;
}

[b-axffb0ogvc] .filter-input {
	padding: 0.75rem;
	font-size: var(--font-size-3);
}
/* /Pages/Dashboard.razor.rz.scp.css */
[b-a9ishex2jx] .dashboard-layout-container {
	height: 100%;
}

/*::deep .menu-header {
	font-weight: bold;
	font-size: 1.2rem;
	color: #ffffff;
	background-color: hsl(207, 100%, 20%);
	margin-bottom: 0.25rem;
	padding: 1rem;
	border-radius: 4px;
}
*/
/*::deep .menu-list {
	padding: 0;
}*/



/*::deep .item-description {
	margin-top: -5px;
	white-space: nowrap;
	overflow: hidden;
	font-size: 8pt;
}

::deep .item-description-wrapper {
	display: flex;
	flex-direction: column;
}

::deep .item-description-wrapper > span {
		font-size: 70%;
	}*/
/* /Shared/Accordion.razor.rz.scp.css */
.accordion-item.collapsed[b-6ygm0ymnrl] {
	display: none;
}

.accordion-item.expanded[b-6ygm0ymnrl] {
	display: block;
}

.accordion-button[b-6ygm0ymnrl] {
	display: block;
	width: 100%;
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* -------------------------------------------------------------------------- */
/* Layout Elements */
/* -------------------------------------------------------------------------- */

.main-layout[b-th1z92fslk] {
	height: 100%;
}

	.main-layout.ltr[b-th1z92fslk] {
		direction: ltr;
	}

	.main-layout.rtl[b-th1z92fslk]{
		direction: rtl;
	}

	[b-th1z92fslk] .main-layout-container {
		width: 100%;
		height: 100%;
	}

	[b-th1z92fslk] .main-grid-layout {
		height: 100%;
	}

	[b-th1z92fslk] .header-grid-layout-item {
		position: sticky;
		top: 0px;
		z-index: 5000;
	}

/*.side-no-touchy {*/ /* Replace this */
	/*position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: auto;
	height: 100%;
	width: auto;
	background-color: rgba(255, 255, 255, 0.2);
	z-index: 6000;
}*/

/******************************************************************************/
/* Side Menu */
/******************************************************************************/

[b-th1z92fslk] .menu-column {
	height: auto;
}

/*.top-no-touchy {
	position: absolute;
	top: 0;
	bottom: 0;
	left: auto;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.2);
	z-index: 6000;
}*/
/* /Shared/NavItem.razor.rz.scp.css */
/* -------------------------------------------------------------------------- */
/* Shared Menu */
/* -------------------------------------------------------------------------- */

.nav-item[b-v28s9b0pjx] {
	font-size: 1.4rem;
}

	.nav-item.nav-burger[b-v28s9b0pjx] {
		padding-bottom: 1rem
	}

	.nav-item a[b-v28s9b0pjx] {
		line-height: 3rem;
		color: hsl(207, 100%, 80%);
		font-family: "roboto", "Segoe UI", Arial, Helvetica, Sans-serif;
		overflow: hidden;
	}

	.nav-item .nav-icon[b-v28s9b0pjx] {
		padding: 0.8rem;
		justify-self: center;
	}

	.nav-item .menu-icon[b-v28s9b0pjx] {
		font-weight: 700;
	}

	.nav-item .linkText[b-v28s9b0pjx] {
		font-weight: 400;
	}

.nav-link[b-v28s9b0pjx] {
	color: hsl(207, 100%, 80%);
	padding-inline-start: 0em;
}

	.nav-link.active[b-v28s9b0pjx] {
		background-color: rgba(255, 255, 255, 0.25);
		color: white;
	}

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

	.nav-link a:visited[b-v28s9b0pjx] {
		color: hsl(207, 100%, 80%) !important;
	}

/* -------------------------------------------------------------------------- */
/* Modifiers SideMenu */
/* -------------------------------------------------------------------------- */

.side-menu.collapsed .nav-item .linkText[b-v28s9b0pjx] {
	display: none;
}

/* -------------------------------------------------------------------------- */
/* Modifiers TopMenu */
/* -------------------------------------------------------------------------- */

.top-menu .nav-item.nav-burger[b-v28s9b0pjx] {
	padding-bottom: 0rem;
}

.top-menu.collapsed .nav-item a[b-v28s9b0pjx] {
	line-height: 1rem;
}

.top-menu.collapsed .nav-item .nav-icon[b-v28s9b0pjx] {
	padding: 0rem;
}

.top-menu.collapsed .nav-item .linkText[b-v28s9b0pjx] {
	display: none;
}

.top-menu.collapsed .nav-item.nav-burger[b-v28s9b0pjx] {
	padding-bottom: 0rem;
}

/* -------------------------------------------------------------------------- */
/* Links Menu */
/* -------------------------------------------------------------------------- */

/*a {
	color: hsl(207, 100%, 80%) !important;
}

	a:visited {
		color: hsl(207, 100%, 80%) !important;
	}

	a:hover {
		background-color: rgba(255, 255, 255, 0.1);
		color: var(--bg-light);
	}*/
/* /Shared/NavMenu.razor.rz.scp.css */


/* -------------------------------------------------------------------------- */
/* Top Menu */
/* -------------------------------------------------------------------------- */

.top-menu-area[b-5q8l8g7if9] {
	display: flex;
	flex-direction: row;
	background-color: hsl(207, 100%, 20%);
	transition: width 300ms ease;
}

.top-menu[b-5q8l8g7if9] {
	align-content: center;
}

[b-5q8l8g7if9] .menu-top {
	gap: 0.25rem;
}

.main-top-item-layout[b-5q8l8g7if9] {
	height: 100%;
}

[b-5q8l8g7if9] .k-menu-item:has(.nav-menu-item-selected) {
	background-color: var(--bg-active);
	border-radius: var(--border-radius-xl);
}

[b-5q8l8g7if9] .k-menu-item:not(:has(.nav-menu-item-selected)):hover {
	color: var(--text-light);
	background-color: var(--bg-hover);
	border-radius: var(--spacing-2);
}

[b-5q8l8g7if9] .k-menu:not(.k-context-menu) {
	background-color: transparent;
}

	[b-5q8l8g7if9] .k-menu:not(.k-context-menu) > .k-item {
		color: var(--text-light);
	}

		[b-5q8l8g7if9] .k-menu:not(.k-context-menu) > .k-item:active, .k-menu:not(.k-context-menu) > .k-item.k-active[b-5q8l8g7if9] {
			color: var(--text-light);
		}

		[b-5q8l8g7if9] .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-hover[b-5q8l8g7if9] {
			color: var(--text-light);
		}

[b-5q8l8g7if9] .menu-item-icon {
	text-align: center;
}

/* -------------------------------------------------------------------------- */
/* Overflowed */
/* -------------------------------------------------------------------------- */
.overflowed a:visited[b-5q8l8g7if9] {
	color: dimgray !important;
}

.overflowed .nav-link:hover[b-5q8l8g7if9] {
	background-color: rgba(255, 255, 255, 0.1) !important;
}

/* -------------------------------------------------------------------------- */
/* Side Menu */
/* -------------------------------------------------------------------------- */

.side-menu[b-5q8l8g7if9] {
	position: sticky;
	top: 6rem;
	display: block;
}

[b-5q8l8g7if9] .k-drawer {
	color: var(--text-light);
	border-color: var(--bg-primary);
	background-color: transparent;
}

[b-5q8l8g7if9] .k-drawer-wrapper {
	padding-block-start: var(--kendo-spacing-4, 1rem);
}

[b-5q8l8g7if9] .k-drawer-container {
	display: flex;
	position: relative;
	width: 100%;
}

[b-5q8l8g7if9] .k-drawer-item {
	height: var(--kendo-spacing-16, 4rem);
}

	[b-5q8l8g7if9] .k-drawer-item:hover {
		color: var(--text-light);
		background-color: var(--bg-hover);
		border-radius: 0px;
	}

	[b-5q8l8g7if9] .k-drawer-item.k-selected {
		color: var(--text-light);
		background-color: var(--bg-active);
	}

	[b-5q8l8g7if9] .k-drawer-item:focus:hover {
		color: var(--text-light);
		background-color: var(--bg-active);
		box-shadow: none;
	}
/* /Shared/PageHeader.razor.rz.scp.css */
/* -------------------------------------------------------------------------- */
/* Logo Area */
/* -------------------------------------------------------------------------- */

.logo-image[b-vacm5mshef] {
	height: 4rem;
	width: 17rem;

	background: var(--site-logo, transparent url(images/siteLogo.png) no-repeat);
	background-position-x: left;
	background-size: contain;
}

.header-grid.collapsed .logo-image[b-vacm5mshef] {
	height: 3rem;
	width: 13rem;
}

[b-vacm5mshef] .header-grid {
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	background: var(--sign-in-background);
	background-repeat: repeat-x, no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.logo-byline[b-vacm5mshef] {
	font-size: var(--font-size-sm);
	letter-spacing: var(--letter-spacing-wide);
	color: hsl(207, 100%, 85%);
}

.logo-byline-product[b-vacm5mshef] {
	display: inline-block;
	text-transform: none;
	font-size: calc(var(--font-size-sm) + 0.25rem);
	margin-inline-start: var(--spacing-2);
	font-weight: var(--font-weight-bold);
}

/* -------------------------------------------------------------------------- */
/* Profile Area */
/* -------------------------------------------------------------------------- */

.menu-items[b-vacm5mshef] {
	display: flex;
	flex-direction: row;
	align-items: center;
	list-style-type: none;

	gap: var(--spacing-5);

	padding-inline-end: var(--spacing-4);
	padding-inline-start: var(--spacing-5);
}

	.menu-items .menu-item:first-child[b-vacm5mshef]{
		padding-inline-end: var(--spacing-4);
	}

	.menu-icon[b-vacm5mshef] {
		font-size: calc(var(--font-size-xl) * 2);
	}

		.menu-container > ul > li > a.menu-icon:hover[b-vacm5mshef],
		.menu-container > ul > li > a.menu-icon:active[b-vacm5mshef],
		.menu-container:hover[b-vacm5mshef],
		.menu-container:active[b-vacm5mshef] {
			color: #ffffff;
		}

	.menu-container > ul > li[b-vacm5mshef],
	.menu-container > ul > li > a[b-vacm5mshef] {
		color: hsl(207, 100%, 80%);
	}

.menu-link[b-vacm5mshef] {
	font-size: 1.3rem;
	color: hsl(207, 100%, 80%);
	text-decoration: none;
	font-weight: 700;
	width: 100%;
	height: 100%;
	display: block;
}

/* -------------------------------------------------------------------------- */
/* Avatar */
/* -------------------------------------------------------------------------- */
.header-avatar[b-vacm5mshef] {
	vertical-align: middle;
	margin-top: 0rem;
	width: 3rem;
	height: 3rem;
}

.header-avatar-label[b-vacm5mshef] {
	font-size: 1.2rem;
	font-weight: bold;
	color: white;
}

/* -------------------------------------------------------------------------- */
/*	Settings menu Item	*/
/* -------------------------------------------------------------------------- */

.settings-menu[b-vacm5mshef] {
	background-color: #fff;
	border-radius: var(--border-radius-xl);
	color: var(--text-primary);
	box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.1);
	display: block;
	position: absolute;
	top: 3.5rem;
	right: -1rem;
	flex-direction: column;
	flex: 0 0 auto;
	align-content: center;
	justify-content: center;
	transition: opacity 0.5s ease;
	border: 0.1rem solid lightgrey;
	min-width: 20rem;
	width: 45rem;
	list-style-type: none;
	padding: var(--spacing-5);
	line-height: 2;
	z-index: 999;
	overflow-y: scroll;
	max-height: 80vh; /* Ensure it doesn't take too much vertical space */
}
	.settings-menu[b-vacm5mshef]:before {
		position: absolute;
		top: -1.6rem;
		left: 31.8rem;
		display: block;
		content: "";
		border: 0.8rem solid transparent;
		border-bottom-color: var(--text-primary);
	}

	.settings-menu[b-vacm5mshef]:after {
		position: absolute;
		top: -1.4rem;
		left: 31.8rem;
		display: block;
		content: "";
		border: 0.7rem solid transparent;
		border-bottom-color: var(--bg-light);
	}


	.settings-menu .divider[b-vacm5mshef] {
		display: block;
		opacity: 1;
		visibility: visible;
	}

/* -------------------------------------------------------------------------- */
/* Account Menu */
/* -------------------------------------------------------------------------- */

.account-menu-dropdown-trig[b-vacm5mshef] {
	position: relative;
	font-size: 2.6rem;
	border-radius: 50%; /* Makes the background round */
	padding: 0.1rem; /* Space around the icon */
	display: inline-flex; /* Aligns icon inside the container */
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s ease;
}

	.account-menu-dropdown-trig:hover[b-vacm5mshef] {
		background-color: #f0f0f0; /* Light background color for the highlight */
		cursor: pointer; /* Changes the cursor to a pointer on hover */
	}

	.account-menu-dropdown-trig .header-avatar-label:hover[b-vacm5mshef] {
		cursor: pointer; /* Changes the cursor to a pointer on hover */
	}



.main-layout[b-vacm5mshef] {
	height: 100%;
}

	.main-layout.rtl .account-menu[b-vacm5mshef] {
		right: initial;
		left: -1rem;
	}

		.main-layout.rtl .account-menu[b-vacm5mshef]:before {
			left: initial;
			right: 23.8rem;
		}

		.main-layout.rtl .account-menu[b-vacm5mshef]:after {
			left: initial;
			right: 23.8rem;
		}

.account-menu-footer[b-vacm5mshef] {
	display: grid;
	grid-gap: 0.2rem;
	grid-template-columns: auto;
	grid-template-rows: auto auto auto;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding: 1rem 0.5rem 0.5rem 0.5rem;
	font-size: 1rem;
	text-align: center;
	color: white;
}

.account-menu-footer-item[b-vacm5mshef] {
	font-weight: 300;
}

.account-menu .account-menu-item .account-menu-item-link[b-vacm5mshef] {
	padding: 1em;
	display: block;
	text-decoration: none;
	color: #4d6980;
	font-weight: 500;
	width: 100%;
	height: 100%;
}

.account-menu .account-menu-footer[b-vacm5mshef] {
	display: grid;
	grid-gap: 0.2rem;
	grid-template-columns: auto;
	grid-template-rows: auto auto auto;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding: 1rem 0.5rem 0.5rem 0.5rem;
	font-size: 1rem;
	text-align: center;
	color: hsl(207, 100%, 15%);
}

	.account-menu .account-menu-footer .account-menu-footer-item[b-vacm5mshef] {
		font-weight: 400;
	}

.account-menu-dropdown[b-vacm5mshef] {
	position: relative;
}

.account-menu[b-vacm5mshef] {
	background-color: var(--bg-light);
	color: var(--text-secondary);
	box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.1);
	display: block;
	position: absolute;
	top: 4.8rem;
	right: -1rem;
	flex-direction: column;
	flex: 0 0 auto;
	align-content: center;
	justify-content: center;
	transition: opacity 0.5s ease;
	border: 0.1rem solid lightgrey;
	width: 27rem;
	list-style-type: none;
	padding: 0;
	line-height: 2;
	border-radius: 0.5rem;
	z-index: 999;
}



	.account-menu .account-menu-item[b-vacm5mshef] {
		text-align: center;
		margin-right: 0;
	}

		.account-menu .account-menu-item:hover[b-vacm5mshef] {
			text-decoration: none;
			color: #006080;
			background-color: #efefef;
			cursor: pointer;
		}

		.account-menu .account-menu-item:first-of-type:hover[b-vacm5mshef] {
			border-top-left-radius: var(--border-radius-xl); /* Top-left corner */
			border-top-right-radius: var(--border-radius-xl); /* Top-right corner */
		}

		.account-menu .account-menu-item:last-of-type:hover[b-vacm5mshef] {
			border-bottom-left-radius: var(--border-radius-xl); /* Bottom-left corner */
			border-bottom-right-radius: var(--border-radius-xl); /* Bottom-right corner */
		}

		.account-menu .account-menu-item .account-menu-item-link:hover[b-vacm5mshef] {
			text-decoration: none;
			color: #5d9ccf;
		}

	.account-menu .divider[b-vacm5mshef] {
		display: block;
		opacity: 1;
		visibility: visible;
	}


/* -------------------------------------------------------------------------- */
/* Settings Menu */
/* -------------------------------------------------------------------------- */

.settings-menu-item[b-vacm5mshef] {
	margin-block-start: 0.5rem;
}

.settings-menu-dropdown-trig[b-vacm5mshef] {
	position: relative;
	font-size: calc(var(--font-size-xl) * 2);
}

	.settings-menu-dropdown-trig:focus + .settings-menu[b-vacm5mshef] {
		display: grid;
		grid-template-columns: 100%;
		opacity: 1;
		visibility: visible;
	}

.settings-menu-dropdown[b-vacm5mshef] {
	position: relative;
}

	.settings-menu-dropdown .menu-icon[b-vacm5mshef] {
		border-radius: 50%; /* Ensure the circular shape */
		display: inline-flex; /* Aligns icon inside the container */
		justify-content: center;
		align-items: center;
	}

		.settings-menu-dropdown .menu-icon[b-vacm5mshef]::before {
			font-size: 2rem;
			color: var(--color-info-subtle);
		}

		.settings-menu-dropdown .menu-icon:focus[b-vacm5mshef] {
			animation: rotateSettingsIcon-b-vacm5mshef 1s linear;
		}

		.settings-menu-dropdown .menu-icon:active[b-vacm5mshef] {
			animation: rotateSettingsIcon-b-vacm5mshef 1s linear;
		}

		.settings-menu-dropdown .menu-icon:hover[b-vacm5mshef]::before {
			color: var(--color-info-subtle-hover); /* Changes the icon color on hover */
			cursor: pointer; /* Changes the cursor to a pointer on hover */

			transform: scale(1.1); /* Slightly larger to show it's interactive */
		}

/*	.settings-menu .settings-menu-container {
		padding: 0.25rem;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		margin-inline-start: 0.5rem;
		margin-inline-end: 0.5rem;

		display: flex;
		grid-gap: 1rem;
		flex-direction: column;
	}*/

.settings-menu .settings-menu-item .settings-menu-item-link:hover[b-vacm5mshef] {
	text-decoration: none;
	color: #5d9ccf; /*CSS Variables*/
}

.settings-menu .settings-menu-item .settings-menu-item-link[b-vacm5mshef] {
	cursor: pointer;
	color: #4d6980;
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium);
}


/* -------------------------------------------------------------------------- */
/* Left Menu Area */
/* -------------------------------------------------------------------------- */
.side-menu[b-vacm5mshef] {
	position: sticky;
	top: 7rem;
	display: block;
	min-width: 18rem;
}

	.side-menu.collapsed[b-vacm5mshef] {
		min-width: 0rem;
	}

/* -------------------------------------------------------------------------- */
/* Top Menu Area */
/* -------------------------------------------------------------------------- */

.top-menu-area[b-vacm5mshef] {
	display: flex;
	flex-direction: row;
	background-color: hsl(207, 100%, 20%);
	transition: width 300ms ease;
}

.top-menu[b-vacm5mshef] {
	margin-top: auto;
	margin-bottom: auto;
}

	.top-menu .nav-link.active[b-vacm5mshef] {
		background-color: transparent;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: rgba(255, 255, 255, 0.25);
		color: white;
	}

	.top-menu .nav-link:hover[b-vacm5mshef] {
		background-color: transparent;
		color: white;
	}

	.top-menu.collapsed .nav-item .linkText[b-vacm5mshef] {
		display: none;
	}

/* -------------------------------------------------------------------------- */
/* Shared Menu */
/* -------------------------------------------------------------------------- */

.nav-item[b-vacm5mshef] {
	font-size: 1.4rem;
}

	.nav-item.nav-burger[b-vacm5mshef] {
		padding-bottom: 1rem
	}

	.nav-item a[b-vacm5mshef] {
		line-height: 3rem;
		color: hsl(207, 100%, 80%);
		font-family: "roboto", "Segoe UI", Arial, Helvetica, Sans-serif;
		overflow: hidden;
		color: darkslategray !important;
	}

	.nav-item .nav-icon[b-vacm5mshef] {
		padding: 0.8rem;
		justify-self: center;
	}

	.nav-item .menu-icon[b-vacm5mshef] {
		font-weight: 700;
	}

	.nav-item .linkText[b-vacm5mshef] {
		font-weight: 400;
	}

.nav-link[b-vacm5mshef] {
	color: hsl(207, 100%, 80%);
	padding-inline-start: 0em;
}

	.nav-link.active[b-vacm5mshef] {
		background-color: rgba(255, 255, 255, 0.25);
		color: white;
	}

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

	.nav-link a:visited[b-vacm5mshef] {
		color: hsl(207, 100%, 80%) !important;
	}

/* -------------------------------------------------------------------------- */
/* Modifiers SideMenu */
/* -------------------------------------------------------------------------- */

.side-menu.collapsed .nav-item .linkText[b-vacm5mshef] {
	display: none;
}

/* -------------------------------------------------------------------------- */
/* Modifiers TopMenu */
/* -------------------------------------------------------------------------- */

.top-menu .nav-item.nav-burger[b-vacm5mshef] {
	padding-bottom: 0rem;
}

.top-menu.collapsed .nav-item a[b-vacm5mshef] {
	line-height: 1rem;
}

.top-menu.collapsed .nav-item .nav-icon[b-vacm5mshef] {
	padding: 0rem;
}

.top-menu.collapsed .nav-item .linkText[b-vacm5mshef] {
	display: none;
}

.top-menu.collapsed .nav-item.nav-burger[b-vacm5mshef] {
	padding-bottom: 0rem;
}

/* -------------------------------------------------------------------------- */
/* Links Menu */
/* -------------------------------------------------------------------------- */

a[b-vacm5mshef] {
	color: hsl(207, 100%, 80%);
}

	a:visited[b-vacm5mshef] {
		color: hsl(207, 100%, 80%);
	}

	a:hover[b-vacm5mshef] {
		background-color: rgba(255, 255, 255, 0.1);
		color: var(--bg-light);
	}

button[b-vacm5mshef] {
	color: hsl(207, 100%, 80%);
}
	button:visited[b-vacm5mshef] {
		color: hsl(207, 100%, 80%);
	}

	button:hover[b-vacm5mshef] {
		background-color: rgba(255, 255, 255, 0.1);
		color: white;
	}


/* -------------------------------------------------------------------------- */
/* Animations */
/* -------------------------------------------------------------------------- */

/* Define the rotation animation */
@keyframes rotateSettingsIcon-b-vacm5mshef {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
/* /Shared/SettingsMenu.razor.rz.scp.css */
.menu-item-header-icon[b-b2rcxky7me],
.menu-item-header-text[b-b2rcxky7me] {
	width: 100%;
	font-size: 1.6rem;
	font-weight: 600;
	color: #656565;
	display: inline-block;
	margin-bottom: 0.8rem;
	border-radius: 0.5rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}

.menu-container[b-b2rcxky7me] {
	margin-bottom: 1.5rem;
	margin-inline-start: 0.5rem;
	margin-inline-end: 0.5rem;
	display: flex;
	grid-gap: 1rem;
	flex-direction: column;
	align-items: flex-start;
}

.menu-header-text[b-b2rcxky7me] {
	font-size: calc(var(--font-size-lg) * 2);
	font-weight: var(--font-weight-semibold);
}

/* remove the horizontal space between the RadioGroup items */
[b-b2rcxky7me] .k-radio-list {
	gap: 0;
}

/* reset styles and support absolute radio inputs */
[b-b2rcxky7me] .k-radio-list-item {
	margin: 0;
	padding: 0;
	position: relative;
}

/* hide the radio buttons */
[b-b2rcxky7me] .k-radio-wrap {
	opacity: 0;
	position: absolute;
}

	[b-b2rcxky7me] .k-radio-wrap::before {
		display: none;
	}

/* make the radio labels look like buttons */
[b-b2rcxky7me] .k-radio-list-item .k-radio-label {
	display: inline-block;
	margin: 0;
	padding: .2em .6em;
	border: 1px solid var(--bg-subtle);
	border-left-width: 0;
	position: relative;
	font-size: var(--font-size-md, inherit);
	color: var(--bg-subtle);
}

/* first and last button borders */
[b-b2rcxky7me] .k-radio-list-item:first-child .k-radio-label {
	border-left-width: 1px;
	border-radius: .2em 0 0 .2em;
}

[b-b2rcxky7me] .k-radio-list-item:last-child .k-radio-label {
	border-radius: 0 .2em .2em 0;
}

/* button selected state */
[b-b2rcxky7me] .k-radio-wrap:has(.k-radio:checked) + .k-radio-label {
	background-color: var(--bg-subtle);
	color: var(--text-secondary-subtle);
}

[b-b2rcxky7me] .k-radio-label:hover {
	background-color: var(--bg-subtle);
	color: var(--text-secondary-subtle);
}
/* /Widgets/Dashboard/CalendarWidget.razor.rz.scp.css */
.calendar-legend[b-a0x4p6f927] {
	width: 1.5rem;
	height: 1.5rem;
	display: inline-block;
	vertical-align: middle;
	margin: 0.25rem;
	border-radius: 10rem;
}

.calendar-date[b-a0x4p6f927] {
	border-radius: 20rem;
	width: 80%;
	height: 80%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.task-overdue[b-a0x4p6f927] {
	color: var(--text-light);
	background-color: var(--bg-overdue);
}

.task-due-today[b-a0x4p6f927] {
	color: var(--text-light);
	background-color: var(--bg-due);
}

.task-due-future[b-a0x4p6f927] {
	color: var(--text-light);
	background-color: var(--bg-future);
}
/* /Widgets/Dashboard/FavouriteTasksWidget.razor.rz.scp.css */
.favourite-tasks-container[b-cih4lxy03z] {
	overflow: hidden;
	height: 100%;
}

.taskButtons[b-cih4lxy03z] {
	flex-wrap: nowrap;
	overflow-x: scroll;
}
/* /Widgets/Dashboard/QuickActionsWidget.razor.rz.scp.css */
article[b-i1d0au58xv] {
	overflow-y: auto;
	height: 100%;
}

header h3[b-i1d0au58xv] {
	font-size: 1.2rem;
	margin-top: 0;
	margin-bottom: 1rem;
	font-weight: 500;
	color: hsl(207, 100%, 25%);
	max-width: 76rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

header h4[b-i1d0au58xv] {
	padding: 0px;
	padding-top: 5px;
	font-size: 1.1rem;
	font-weight: 500;
}

ul[b-i1d0au58xv] {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

li[b-i1d0au58xv] {
	margin: 0;
	white-space: nowrap;
	max-width: 100%;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	list-style: none;
}

	li a[b-i1d0au58xv] {
		text-decoration: none;
		text-transform: none;
		font-size: 1.1rem;
		color: #333;
		font-weight: 400;
	}

a:visited[b-i1d0au58xv] {
	text-decoration: none;
	color: #006080;
	font-weight: 400;
}
/* /Widgets/Dashboard/TasksAtGlanceWidget.razor.rz.scp.css */
.setting-name[b-kp4gg7dcuh] {
	font-weight: bold;
	margin-inline-end: 1rem;
}

.k-tilelayout-item-body[b-kp4gg7dcuh] {
	overflow-y: auto;
}
/* /Widgets/Shared/MostUsedTasksWidget.razor.rz.scp.css */
.taskItem[b-xo8r26r8ku] {
	position: relative;
	display: block;
	list-style: none;
}

.container-description-container[b-xo8r26r8ku] {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	align-items: center;
}

.mostUsedTasks-container[b-xo8r26r8ku] {
	display: grid;
	gap: var(--spacing-1, 0.25rem);
	grid-template-columns: auto;
	grid-template-rows: auto auto 0.5fr;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: center;
	width: 100%;
	padding: 1rem 2rem 1rem 2rem;
}

.mostUsedTasks-container-header[b-xo8r26r8ku] {
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: flex-start;
}


	.mostUsedTasks-container-header >
	.mostUsedTasks-container-header-icon[b-xo8r26r8ku] {
		max-width: 30rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-right: 1rem;
	}

	.mostUsedTasks-container-header
	.mostUsedTasks-container-header-action-link[b-xo8r26r8ku] {
		display: block;
		color: #006080;
		font-weight: 400;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 20rem;
		white-space: nowrap;
	}

.processButtons[b-xo8r26r8ku],
.reportButtons[b-xo8r26r8ku],
.taskButtons[b-xo8r26r8ku] {
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex: 0 0 auto;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	white-space: normal;
	gap: var(--spacing-3, 0.75rem);
	overflow: visible;
}
/* /Widgets/Start/BrowseProcessWidget.razor.rz.scp.css */
/* /Widgets/Start/ProcessSearchWidget.razor.rz.scp.css */
.container-control[b-gnxih7sj7p] {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
}

.quickSearch-container[b-gnxih7sj7p] {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto auto 0.5fr;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: center;
	height: 100%;
	width: 100%;
}
/* /Widgets/WidgetLayout.razor.rz.scp.css */
[b-a81uc6r6i1] .widget-toolbar {
	width: 100%;
}

[b-a81uc6r6i1] .widget-toolbar-content {
	width: 100%;
	background-color: #e4e7eb;
	border-radius: 3px;
	justify-content: end;
	display: flex;
}

[b-a81uc6r6i1] .widget-header {
	font-size: 1.2rem;
	color: hsl(207, 100%, 25%);
	font-weight: var(--font-weight-medium);
}

.widget-layout-container[b-a81uc6r6i1] {
	height: 100%;
}

[b-a81uc6r6i1] .widget-buttons {
	justify-content: end;
	display: flex;
}

[b-a81uc6r6i1] .widget-button {
	margin-inline-start: 0.2rem;
	margin-inline-end: 0.2rem;
}

[b-a81uc6r6i1] .widget-action-button {
	margin-block-start: 1rem;
	margin-block-end: 1rem;
	margin-inline-end: 1rem;
}