.HomePageTileHeader
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.HomePageTileContent {
	font-size: 10px;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden
}

.ProjectTileIcons {
	display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(auto-fill,130px);
}

.ProjectTileIcon
{
	font-size: 12px;
	height: 80px;
	text-align: center;
	cursor: pointer;
}

.Component-Gantt-Container {

}


/*.Component-Gantt-Container {
	position: absolute;
	top: 65px;
	left: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 75px);
}*/

.Component-Gantt {
	margin: 0px;
	border-color: #ff9d00;
}


	.Component-Gantt > div.k-gantt-header {
	display: none;
	}

	.Component-Gantt .k-grid-header-table tr:nth-of-type(2) {
		display: none;
	}

	.Component-Gantt .k-gantt-treelist .k-grid-header {
		height: 41px;
	}

	.Component-Gantt .k-splitbar {
		width: 0px;
		border-left: 1px solid #cccccc;
		border-right: 0px;
	}

	.Component-Gantt .k-resize-handle {
		display: none;
	}


.Component-Gantt-WeekHeader {
	display:none;
}

.k-task-content {
	background: lightblue;
	color: lightblue;
}
.Component-Gantt-ToolTip {
	
}
.Component-Gantt-ToolTip-Title {
	font-size: 16px;
	font-weight: bold;
	color: #ff9d00;
}

.Component-Gantt-ToolTip-Text {
	font-size: 12px;
	color: #ff9d00;
}



.Component-Chart-Financial {
	margin-left: 300px;
	width: calc(100% - 300px);
}

.Component-Chart-Labour {
	margin-left: 300px;
	width: calc(100% - 300px);
}

@media (max-width:991.98px) {
	.Component-Menu-Dropdown-Container {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 15000;
	}
}


@media (min-width:992px) {
	.Component-Menu-Dropdown-Container {
		border-style: solid;
		border-width: 1px;
		border-color: lightgray;
		margin: 5px;
		width: 450px;
	}
}


.Component-Menu {
	color: red;
}




.Component-Menu-Dropdown-Label-Title {
	padding: 15px 20px 15px 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.Component-Menu-Dropdown-Item {
	width: 100%;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: lightgray;
}




.Component-Menu-Dropdown-Label-First {
	padding: 10px 15px 0px 15px;
}

.Component-Menu-Dropdown-Label {
	width: 100%;

	font-size: 12px;
	padding: 10px 15px 0px 15px;
}


.Component-Menu-Dropdown-Control {
	font-size: 12px;
	padding: 5px 15px 10px 15px;
}

.Component-Menu-Dropdown-Button-Container {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: lightgray;
}

.Component-Menu-Dropdown-Button-Left {
	float: left;
	padding: 10px 15px 10px 15px;
}
.Component-Menu-Dropdown-Button-Right {
	float: right;
	padding: 10px 15px 10px 15px;
}



.Component-Loader-Container {
	text-align: center;
	width: 100%;
	display: inline-table;
	padding-top: 10px;
}

.Component-Loader-Indicator {
	color: #ff9d00;
}




.Component-Histogram-Left-Container {
	position: absolute;
	top: calc((100% - 60px) * 0.6 + 45px);
	left: 5px;
	width: calc((100% - 20px) * 0.5);

}

.Component-Histogram-Right-Container {
	position: absolute;
	top: calc((100% - 60px) * 0.6 + 45px);
	left: calc(50% + 5px);
	width: calc((100% - 20px) * 0.5);
}

.Component-Histogram-Left {
	border-color: #ff9d00;
	border-style: solid;
	border-width: 1px;
}

.Component-Histogram-Right {
	border-color: #ff9d00;
	border-style: solid;
	border-width: 1px;
}


.Component-Chart-Container {
	position: absolute;
	top: 65px;
	left: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 75px);
}

.Component-Chart {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.Component-Chart-Header-Container {
	height: 18px;
	width: 100%;
}

.Component-Chart-Header-Title {
	position: absolute;
	top: 10px;
	width: 100%;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.Component-Table-Container {
	font-size: 11px;
	height: 100%;
	width: 100%;
}

.Component-Table-Body {
	height: 100%;
	width: 100%;
	overflow-y: scroll
}

.Component-Table-Header-Row {
	display: -ms-flexbox;
	display: flex;
/*	-ms-flex-wrap: wrap;
	flex-wrap: wrap;*/
	border-bottom: 3px solid #ff9d00;
	margin-right: 15px;
}

.Component-Table-Row {
	display: -ms-flexbox;
	display: flex;
/*	-ms-flex-wrap: wrap;
	flex-wrap: wrap;*/
}

.Component-Table-Header-Text-Medium {
	padding-top: 6px;
	padding-bottom: 12px;
	font-weight: bold;
	padding-right: 2px;
}

.Component-Table-Text-Medium {
	padding-top: 8px;
	padding-bottom: 2px;
	padding-right: 2px;
}

.Component-Table-Text-Medium-Negative {
	padding-top: 8px;
	padding-bottom: 2px;
	padding-right: 2px;
	color: red;
}

.Component-Table-Header-Title-Cell {
	border-right: 1px solid #ff9d00;
	height: 100%;
}

.Component-Table-Title-Cell {
	border-right: 1px solid #ff9d00;
	height: 100%;
}

.Component-GanttGrid-Column-Header {
	rotate: -90deg;
	text-align: center;
	vertical-align: central;
	font-weight: 400;

	margin-top: 40px;
	border-top: 0px;
	padding-top: 0px;
	height: 10px;
	padding-bottom: 0px;
	border-bottom: 0px;
	margin-bottom: 0px;

	margin-left: 2px;
	border-left: 1px;
	padding-left: 0px;
	width: 50px;
	padding-right: 2px;
	border-right: 1px;
	margin-right: 2px;
}

.Component-GanttGrid-Column-Cell {
	text-align: right;
	vertical-align: central;
	background-color: #eeeeee;

	margin-top: 2px;
	border-top: 1px solid grey;
	padding-top: 2px;
	height: 20px;
	padding-bottom: 2px;
	border-bottom: 1px solid grey;
	margin-bottom: 2px;

	margin-left: 2px;
	border-left: 1px solid grey;
	padding-left: 2px;
	width: 50px;
	padding-right: 2px;
	border-right: 1px solid grey;
	margin-right: 2px;
}

.Component-GanttGrid-Column-Cell-Empty {
	height: 25px;
	width: 50px;
	margin: 2px;
	padding: 5px;
}

.Component-GanttGrid-Column-Header-Title {
	height: 80px;
}


/* Classes to support CSS in NavigationHelper */
#demo-runner {
	padding: 0px;
}

.drawer-sm.k-drawer-expanded .k-drawer.telerik-blazor {
	width: 100%;
}

.drawer-sm.k-drawer-expanded .k-drawer-wrapper,
.drawer-sm.k-drawer-expanded .k-drawer-items {
	width: 100% !important;
}

.drawer-sm.k-drawer-expanded .k-drawer {
	max-width: 100vh;
}

.drawer-sm.k-drawer-expanded .k-overlay {
	display: none;
}

.drawer-lg {
	visibility: collapse;
}

.k-drawer-container {
	position: relative;
	width: 80%;
	height: 95%;
	min-height: 500px;
}

	.k-drawer-container .k-drawer-content {
		font-size: 16px;
		line-height: 20px;
	}

	.k-drawer-container.k-drawer-overlay .k-drawer {
		position: absolute;
	}

.k-drawer-content {
	padding: 25px;
	font-size: 18px;
}

	.k-drawer-content a {
		color: #3D57D8;
		text-decoration: inherit;
	}

		.k-drawer-content a:hover {
			text-decoration: underline;
		}

	.k-drawer-content h2 {
		font-weight: 300;
	}

.tk-logo,
.tk-logo svg {
	height: 19px;
	width: 18px;
}

.tk-logo {
	margin: 5px;
}

.tk-title {
	font-size: 19px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
}

.separator {
	box-sizing: border-box;
	width: 1px;
	height: 20px;
	background: #E5E5E5;
	border-radius: 0px;
}

.k-drawer {
	background-color: transparent;
}
.k-drawer-items {
	background-color: #dddddd;
}
.k-drawer-item {
	background-color: #dddddd;
}

.k-drawer-item.k-level-1 {
	padding-inline-start: 60px;
}

.k-selected {

}

.k-overlay {
	position: absolute;
}




/* Classes to support top bar and menu*/
.page2025-navigation-container {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 100;
}

.page2025-topbar-windows-container {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 40px;
	border-bottom: 2px solid #ff9d00;
	background: white;
	padding: 10px 10px 10px 10px;
}

.page2025-topbar-windows-title {
	position: absolute;
	top: 0px;
	left: 10px;
	font-size: 12px;
}

.page2025-topbar-windows-tools {
	position: absolute;
	left: 0px;
	top: 10px;
	width: 100%;
	text-align: center;
}

.page2025-topbar-large-container {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 90px;
	border-bottom: 2px solid #ff9d00;
	background: white;
	padding: 10px 10px 10px 10px;
}


.page2025-topbar-large-logo {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 10px;
}

.page2025-topbar-large-title {
	position: absolute;
	top: 50px;
	font-size: 12px;
}

.page2025-topbar-large-menu {
	position: absolute;
	right: 0px;
	top: 0px;
}

.page2025-topbar-large-tools {
	position: absolute;
	left: 0px;
	top: 60px;
	width: 100%;
	text-align: center;
}


.page2025-topbar-large-bottomline-tools {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
}

.page2025-topbar-small-container {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 110px;
	border-bottom: 2px solid #ff9d00;
	background: white;
	padding: 10px 10px 10px 10px;
}

.page2025-topbar-small-menu {
	position: absolute;
	top: 10px;
	left: 0px;
}

.page2025-topbar-small-tools {
	position: absolute;
	top: 60px;
	right: 0px;
}

.page2025-topbar-small-title {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 12px;
}

.page2025-topbar-drawer-open {
	visibility: visible;
	height: 500px;
}

.page2025-topbar-drawer-closed {
	visibility: collapse;
	height: 50px;
}

.page2025-content-container {
	margin-top: 90px;
}

.page2025-ahp-windows {
	margin-top: -60px;
	margin-left: -35px;
	margin-right: -35px;

}

.page2025-ahp-mobile {

}

.page2025-topbar-title {

}

.SelectorTreeAccount {
	font-size: 14px;
	font-weight: bold;
	margin: -5px;
}

.SelectorTreeType {
	font-size: 12px;
	font-weight: bold;
	margin: -5px;
}

.SelectorTreeProject {
	font-size: 12px;
	font-weight: bold;
	margin: -5px;
}

.SelectorTreeNode {
	font-size: 10px;
	font-weight: normal;
	margin: -3px;
}

.SelectorButton {
	border-style: none;
	background: none;
	padding: 0,0,0,0;
}

.kendo-checkbox-border {
	color: red;
	border-color: red;
}
.kendo-checkbox-disabled-border {
	color: green;
	border-color: green;
}




.custom-loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.4); /* semi-transparent black */
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: white;
	font-size: 1.25rem;
	text-align: center;
	backdrop-filter: blur(3px);
}

.custom-loading-content {
	text-align: center;
}



.SelectorTreeCreate {
	background-color: #c62828;
	color: #fff;
	border: 1px solid #b71c1c;
	border-radius: 6px;
	padding: 6px 12px;
	margin-top: 3px;
	font-weight: 500;
	text-align: left;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

	.SelectorTreeCreate:hover {
		background-color: #b71c1c;
	}