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

/* Table styles now loaded from blueprint-core/modules/Skote/Resources/public/css/core_tables.css */

/* Dashboard */
/* Dashboard */

.parallax-background {
	background-color: var(--bp-branding-contrast) !important;
	background-image: url('../../../images/aisle-left.jpg') !important;
	background-position: center;
	background-size: cover;
	min-height: 350px !important;
	width: 100%;
	position: relative;
}

.parallax-background::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	background-image: linear-gradient(rgba(0, 0, 0, 0.2) 1px, transparent 1px), linear-gradient(to right, rgba(0, 0, 0, 0.2) 1px, transparent 1px);
	background-size: 2px 2px;
	pointer-events: none;
}

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

.dropdown-mega .dropdown-megamenu {
    border-bottom: 2px solid var(--bp-branding-contrast);
    overflow-x: auto;
    max-width: 100%;
}

.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;
}

/*Quote item rule card*/
.card-line-status-success {
	border-top: 15px solid var(--bs-success) !important;
}
.card-line-status-warning {
	border-top: 15px solid var(--bs-warning) !important;
}
.card-line-status-danger {
	border-top: 15px solid var(--bs-danger) !important;
}
.card-line-status-secondary {
	border-top: 15px solid var(--bs-secondary) !important;
}
.card-line-status-primary {
	border-top: 15px solid var(--bs-primary) !important;
}
.card-line-status-dark {
	border-top: 15px solid var(--bs-dark) !important;
}

/*Quote item rule card*/
.btn-line-status-success {
	border-bottom: 5px solid var(--bs-success) !important;
}
.btn-line-status-warning {
	border-bottom: 5px solid var(--bs-warning) !important;
}
.btn-line-status-danger {
	border-bottom: 5px solid var(--bs-danger) !important;
}
.btn-line-status-secondary {
	border-bottom: 5px solid var(--bs-secondary) !important;
}
.btn-line-status-primary {
	border-bottom: 5px solid var(--bs-primary) !important;
}
.btn-line-status-dark {
	border-bottom: 5px solid var(--bs-dark) !important;
}

/* Quote lines */
/* Quote lines */
td.lineLoop {
	border-top:none !important;
	/*border-right: none !important;*/
	border-bottom: none !important;
}

.lineLoop .btn {
	padding: 6px 10px;
	border-bottom: 5px solid transparent;
}

.bg-e8 {
	background-color: #e7e7e7 !important;
}

.jumbotron-card-container {
	border-radius:0px !important;
	background-color: var(--bp-freezer) !important;
	/*border-bottom: 2px solid #FF8200;*/
}

.no-border {
	border-bottom: 0px !important;
}

.project-navigation .nav-tabs .nav-link.active {
	background-color:var(--bp-freezer) !important;
	border-color: var(--bp-freezer) !important;
	color: #FFF;
}

.calendar-navigation .nav-tabs .nav-link.active {
	background-color:var(--bp-freezer) !important;
	border-color: var(--bp-freezer) !important;
	color: #FFF;
}

/* icons */
/* icons */
/* icons */

svg.ux-icon-badge {
	height:15px !important;
	position: relative !important;
	bottom:1px !important;
}

.jumbotron-card-container h3 a {
	color: inherit;
}
.jumbotron-card-container h3 a:hover {
	color: var(--bs-secondary) !important;
}

tfoot tr.counters td, thead tr.counters td {
	background-color: #344D6E;
	color: #FFF !important;
}

tfoot tr.counters.bg-rensa-produccion td, thead tr.counters.bg-rensa-produccion td {
	background-color: var(--rensa-produccion) !important;
	color: #FFF !important;
}

.table-border-counter {
	border:1px solid #383E56 !important;
}

.bg-group {
	background-color: #F8F6FF !important;
}

.bg-table-header {
	background-color: #344D6E !important;
	color: #FFF !important;
}

/*.bg-table-header .bg-rensa-produccion {*/
/*	background-color: var(--rensa-produccion) !important;*/
/*	!*color: #FFF !important;*!*/
/*}*/

/* ***************** NUEVOS BADGES ***************** */
/* ***************** NUEVOS BADGES ***************** */
/* ***************** NUEVOS BADGES ***************** */
/* ***************** NUEVOS BADGES ***************** */

#ux-table .badge-key {
	padding: 10px !important;
}
#ux-table .badge-key-actions {
	padding: 5px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

/*.dash-count-jumbo {*/
/*	transition: box-shadow 0.3s ease, transform 0.3s ease;*/
/*}*/

/*.dash-count-jumbo:hover {*/
/*	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);*/
/*}*/

.dash-count-card {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.dash-count-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transform: scale(1.05);
}

.dash-count-card:hover .dash-count-icon {
    transform: scale(1.1);
}

.dash-count-icon {
    transition: transform 0.3s ease, background-color 0.3s ease;
}

#tab-selector {
	width: 100%;
	max-width: 300px; /* Adjust width as needed */
	margin: 0 auto;
}

.select2-selection__clear {
	display: none !important;
}

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

.gantt_task_content {
	color: #FFF !important; 
}

td.hit-rensa {
	border-left: 5px solid var(--bp-naranja) !important;
}

td.hit-walmart {
	border-left: 5px solid var(--bs-info) !important;
}

.js-site-calendar-hits-loop {
	margin-bottom: 5px !important;
}

.gantt_container .gantt_marker.custom-marker {
	position: absolute;
	top: 0; /* Position at the top of the Gantt chart */
	height: 20px; /* Adjust height as needed */
	width: 2px; /* Adjust width as needed */
	background-color: red; /* Adjust color as needed */
	z-index: 10; /* Ensure it appears above other elements */
}

.hit-marker-walmart {
	background-color: var(--bs-primary) !important;
	color: #FFF !important;
}

.hit-marker-rensa {
	background-color: var(--bp-naranja) !important;
	color: #FFF !important;
}

[data-marker-id] {
	--marker-offset: calc(var(--marker-index, 0) * 10px); /* Offset for overlapping markers */
}


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

/* ************** HANDSON TABLE ******************** */
.htDimmed {
	background-color: lightgrey !important;
}
.htOrange {
	background-color: var(--bs-warning) !important; /* Light red background */
	color: #1d1d1f !important; /* Dark red text */
}

.htAdicional {
	background-color: var(--bs-info) !important; /* Light red background */
	color: #FFF !important; /* Dark red text */
}


.htTotal {
	background-color: var(--bs-primary-bg-subtle) !important; /* Light red background */
	color: #000 !important; /* Dark red text */
}

#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;
}

.management-card {
	background-color: #fcfcfc;
}



.listbox .htDimmed {
	background-color: #f1f1f1 !important;
}