:root {
    --bp-branding-main:#5531B8;
    --bp-branding-contrast:#FFF;
    /* 2a3042 */
}

/* Dashboard */
/* Dashboard */

.parallax-background {
	background-color: var(--bp-branding-contrast) !important;
	background-image: url('/images/rensa_bg2.jpg') !important;
	background-position: center -20px;
	min-height: 450px;
}

.logo .logo-lg img {
	height:40px !important;
}

.dropdown-mega .dropdown-megamenu {
    border-bottom: 2px solid var(--bp-branding-contrast);
}

.entryPointSplash {
    /* background-color: var(--bp-branding-main) !important; */
    background-color: #2a3042 !important;
    border-bottom: 2px solid var(--bp-branding-contrast);
}
.bg-branding-main {
    background-color: #2a3042 !important;
} 
.entryPointContainer {
    border-bottom: 2px solid var(--bp-branding-contrast);
}

#page-topbar {
	border-bottom: 2px solid #FF8200;
}
.jumbotron {
	/*border: 2px solid #FF8200;*/
}


/* Glacier product tabs */
/* Glacier product tabs */

.project-tabs .nav-item button, .project-tabs .nav-item a {
	min-height: 40px;
}

.project-tabs .tab-h5 {
	font-size: .9rem;
	font-weight: 500;
	line-height: 1.2;
}

.project-tabs a.nav-link {
	padding-left: 10px;
	padding-right: 10px;
}

/* ================= lighthouse custom =================== */
/* ================= lighthouse custom =================== */
/* ================= lighthouse custom =================== */
/* ================= lighthouse custom =================== */

.bg-overlay {
	opacity: 0.9 !important;
}

.auth-full-bg .bg-overlay {
	background: url(../../../images/rensa_bg2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#page-topbar {
	border-bottom: none !important
}

.parallax-background {
	background-color: var(--bp-branding-contrast) !important;
	background-image: url('/images/rensa_bg2.jpg') !important;
	background-position: center -20px;
	min-height: 250px;
}

.high {
	--dhx-gantt-task-background: #d96c49;
}

.medium {
	--dhx-gantt-task-background:  #34c461;
}

.low {
	--dhx-gantt-task-background: #6ba8e3;
}

.weekend {
	background: var(--dhx-gantt-base-colors-background-alt);
}

.gantt_task_progress {
	text-align: left;
	box-sizing: border-box;
	color: white;
	font-weight: bold;
	padding-left: 10px;
}

.status_line {
	background-color: #0ca30a;
}

@media (max-width: 992px) {
	.navbar-brand-box {
		width: auto;
	}
	.logo span.logo-lg {
		display: none;
	}
	.logo span.logo-sm {
		display: inline-block;
		width:30% !important;
		height: auto !important;
	}
}


/* ************** HANDSON TABLE ******************** */
/* ************** HANDSON TABLE ******************** */
/* ************** HANDSON TABLE ******************** */
/* ************** HANDSON TABLE ******************** */

#example {
	z-index: 0 !important; /* Ensure the fixed top row has a higher z-index */
}

#example .handsontable .htInvalid {
	background-color: var(--bs-danger)!important;
}


.active-task-cell-report {
	background-color: var(--bs-success-bg-subtle) !important; /* Light green background */
	color: #FFF;
	font-weight: bold;
}

.active-task-cell-projection {
	background-color: var(--bs-warning) !important; /* Light red background */
	color: #1d1d1f !important; /* Dark red text */
	font-weight: bold;
}

.non-editable-task-cell {
	background-color: var(--bs-success) !important; /* Light red background */
	color: #000; /* Dark red text */
	font-weight: bold;
	cursor: not-allowed;
}

.no-parent-task {
	background-color: var(--bs-primary) !important; /* Light grey background */
	color: #FFF !important; /* Dark text */
}

.sum-cell {
	background-color: var(--bs-primary-bg-subtle) !important; /* Light red background */
	color: #1d1d1f !important; /* Dark red text */
	font-weight: bold;
}

.projection-task {
	background-color: var(--bs-warning) !important; /* Light red background */
	color: #1d1d1f !important; /* Dark red text */
	font-weight: bold;
}

.workforce-task {
	background-color: var(--bs-info) !important; /* Light red background */
	color: #FFF !important; /* Dark red text */
	font-weight: bold;
}
.non-editable-report-cell {
	opacity: .5 !important;
	cursor: not-allowed !important;
}

.apexcharts-grid-row:hover {
	background-color: #000 !important; /* Change to your desired hover color */
}