/*
// CO Blue: #001a63
// CO Yellow: #f5834e
// CO Navy: #0d3f6d
// CO Red: #bf1e2e 
*/

/* Optional: Add a subtle border or box-shadow for extra emphasis */
.highlighted-row td {
	border: 3px solid #1890ff !important;
}

.co_major_text_color {
	color: #0d3f6d;
}

.hl_text {
	color: #5ACC9B !important;
}

.co_yellow_text {
	color: #f4824e;
}

.co_blue_text {
	color: #568c9f;
}

.co_search_for_element {
	float: left;
	border: 0;
	padding: 2px;
	margin: 5px 0 5px 5px;
	font-weight: bold;
}

.rct_section {
	font-weight: bold;
}

.rct_subsection {
	margin-left: 10px;
}

.rct_result {
	margin-left: 20px;
	width: 100%;
	/* Specify the width of the div */
	padding-right: 20px;
}

.ellipse {
	white-space: nowrap;
	/* Prevents the text from wrapping to a new line */
	overflow: hidden;
	/* Hides the overflowing content */
	text-overflow: ellipsis;
	/* Adds ellipsis (...) when text overflows */
}

.error_message {
	color: #ff5b57;
	font-size: 1.5em;
}

.theme-panel {
	position: fixed;
	top: 0;
	right: 0;
	height: 100vh;
	width: 0; /* collapsed by default */
	background: white;
	box-shadow: -2px 0 10px rgba(0,0,0,0.1);
	transition: width 0.3s ease;
	z-index: 2000;
	overflow: visible; /* allow handle to protrude when collapsed */
}

.theme-panel.active {
	width: var(--panel-width, 500px);
	min-width: 300px;
	max-width: 1400px;
}

/* Ensure the vertical handle is visible even when collapsed */
.theme-panel .theme-collapse-btn {
	position: absolute;
	top: 30%;
	left: -50px; /* stick out from right edge */
	display: block;
	width: 50px;
	text-align: center;
    background: #fff; /* ensure opaque handle */
    opacity: 1 !important; /* prevent any inherited transparency */
	text-decoration: none;
}

.theme-panel-content {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.theme-panel.active .theme-panel-content {
	opacity: 1;
	visibility: visible;
}

.resize-handle {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	cursor: ew-resize;
	background: rgba(20, 58, 162, 0.1);
	opacity: 0;
	transition: opacity 0.2s;
	z-index: 1000;
}

.resize-handle:hover {
	opacity: 1;
	background: rgba(20, 58, 162, 0.3);
}

.theme-panel.resizing .resize-handle {
	opacity: 1;
	background: rgba(20, 58, 162, 0.5);
}

.theme-panel.resizing {
	transition: none;
}

.no-select {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.col-3-ul {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	list-style-type: none;
}

.text-co-blue {
	color: #BFD8FD !important;
}

.btn-co-blue {
	--bs-btn-color: #FFFFFF !important;
	--bs-btn-bg: #143AA2 !important;
	--bs-btn-border-color: #143AA2 !important;
	--bs-btn-hover-color: #FFFFFF !important;
	--bs-btn-hover-bg: #142A72 !important;
	--bs-btn-hover-border-color: #142A72 !important;
	--bs-btn-focus-shadow-rgb: 38, 184, 184 !important;
	--bs-btn-active-color: #FFFFFF !important;
	--bs-btn-active-bg: #143AA2 !important;
	--bs-btn-active-border-color: #143AA2 !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: #333333 !important;
	--bs-btn-disabled-bg: #d5e3e7 !important;
	--bs-btn-disabled-border-color: #d5e3e7 !important;
}

.btn-outline-co-blue {
	--bs-btn-bg: #ffffff !important;
	--bs-btn-color: #143AA2 !important;
	--bs-btn-border-color: #143AA2 !important;
	--bs-btn-hover-color: #FFFFFF !important;
	--bs-btn-hover-bg: #142A72 !important;
	--bs-btn-hover-border-color: #142A72 !important;
	--bs-btn-focus-shadow-rgb: 0, 172, 172 !important;
	--bs-btn-active-color: #FFFFFF !important;
	--bs-btn-active-bg: #385c68 !important;
	--bs-btn-active-border-color: #385c68 !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: #333333 !important;
	--bs-btn-disabled-bg: transparent !important;
	--bs-btn-disabled-border-color: #d5e3e7 !important;
	--bs-gradient: none;
}

.text-co-yellow {
	color: #f5834e !important;
}

.btn-co-yellow {
	--bs-btn-color: #FFFFFF !important;
	--bs-btn-bg: #95b9ff !important;
	--bs-btn-border-color: #95b9ff !important;
	--bs-btn-hover-color: #FFFFFF !important;
	--bs-btn-hover-bg: #95a9df !important;
	--bs-btn-hover-border-color: #5BAC7B !important;
	--bs-btn-focus-shadow-rgb: 38, 184, 184 !important;
	--bs-btn-active-color: #FFFFFF !important;
	--bs-btn-active-bg: #95b9ff !important;
	--bs-btn-active-border-color: #95b9ff !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: #333333 !important;
	--bs-btn-disabled-bg: #fbcdb8 !important;
	--bs-btn-disabled-border-color: #fbcdb8 !important;
}

.btn-outline-co-yellow {
	--bs-btn-bg: #ffffff !important;
	--bs-btn-color: #95b9ff !important;
	--bs-btn-border-color: #95b9ff !important;
	--bs-btn-hover-color: #FFFFFF !important;
	--bs-btn-hover-bg: #95a9df !important;
	--bs-btn-hover-border-color: #95a9df !important;
	--bs-btn-focus-shadow-rgb: 0, 172, 172 !important;
	--bs-btn-active-color: #FFFFFF !important;
	--bs-btn-active-bg: #95b9ff !important;
	--bs-btn-active-border-color: #95b9ff !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: #333333 !important;
	--bs-btn-disabled-bg: transparent !important;
	--bs-btn-disabled-border-color: #fbcdb8 !important;
	--bs-gradient: none;
}

.text-co-navy {
	color: #0d3f6d !important;
}

.btn-co-navy {
	--bs-btn-color: #FFFFFF !important;
	--bs-btn-bg: #0d3f6d !important;
	--bs-btn-border-color: #0d3f6d !important;
	--bs-btn-hover-color: #FFFFFF !important;
	--bs-btn-hover-bg: #1567b2 !important;
	--bs-btn-hover-border-color: #1567b2 !important;
	--bs-btn-focus-shadow-rgb: 38, 184, 184 !important;
	--bs-btn-active-color: #1567b2 !important;
	--bs-btn-active-bg: #1567b2 !important;
	--bs-btn-active-border-color: #1567b2 !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: #333333 !important;
	--bs-btn-disabled-bg: #74b4ee !important;
	--bs-btn-disabled-border-color: #74b4ee !important;
}

.btn-outline-co-navy {
	--bs-btn-bg: #ffffff !important;
	--bs-btn-color: #0d3f6d !important;
	--bs-btn-border-color: #0d3f6d !important;
	--bs-btn-hover-color: #FFFFFF !important;
	--bs-btn-hover-bg: #1567b2 !important;
	--bs-btn-hover-border-color: #1567b2 !important;
	--bs-btn-focus-shadow-rgb: 0, 172, 172 !important;
	--bs-btn-active-color: #FFFFFF !important;
	--bs-btn-active-bg: #1567b2 !important;
	--bs-btn-active-border-color: #1567b2 !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: #333333 !important;
	--bs-btn-disabled-bg: transparent !important;
	--bs-btn-disabled-border-color: #74b4ee !important;
	--bs-gradient: none;
}

.text-co-red {
	color: #bf1e2e !important;
}

.btn-co-red {
	--bs-btn-color: #FFFFFF !important;
	--bs-btn-bg: #bf1e2e !important;
	--bs-btn-border-color: #bf1e2e !important;
	--bs-btn-hover-color: #FFFFFF !important;
	--bs-btn-hover-bg: #991825 !important;
	--bs-btn-hover-border-color: #991825 !important;
	--bs-btn-focus-shadow-rgb: 38, 184, 184 !important;
	--bs-btn-active-color: #FFFFFF !important;
	--bs-btn-active-bg: #991825 !important;
	--bs-btn-active-border-color: #991825 !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: #333333 !important;
	--bs-btn-disabled-bg: #ef9ba3 !important;
	--bs-btn-disabled-border-color: #ef9ba3 !important;
}

.btn-outline-co-red {
	--bs-btn-bg: #ffffff !important;
	--bs-btn-color: #bf1e2e !important;
	--bs-btn-border-color: #bf1e2e !important;
	--bs-btn-hover-color: #FFFFFF !important;
	--bs-btn-hover-bg: #991825 !important;
	--bs-btn-hover-border-color: #991825 !important;
	--bs-btn-focus-shadow-rgb: 0, 172, 172 !important;
	--bs-btn-active-color: #FFFFFF !important;
	--bs-btn-active-bg: #991825 !important;
	--bs-btn-active-border-color: #991825 !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: #333333 !important;
	--bs-btn-disabled-bg: transparent !important;
	--bs-btn-disabled-border-color: #ef9ba3 !important;
	--bs-gradient: none;
}

/* Accordion chevron color customization */
.accordion-button::after {
	/* Single black chevron that Bootstrap will rotate */
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.header.navbar-inverse {
    background: #ffffff !important;
}

.text-dark-blue{
	color: #143aa2 !important;
}

#page-content {
	background-color: #f6fafd !important;
}

.section-headers {
	background-color: #BFD8FD !important;
}

.panel.panel-inverse>.panel-heading {
    color: #ffffff !important;
	background-color: #094BCC !important;
}

.border-tenetic-blue{
	border-color: #DCE8FF !important;
}

.btn-dark {
	background-color: #DCE8FF !important;
	color:#2d353c !important; 
	border-color: #BFD8FD !important;
}

/* Modern Reports Table Styling */
.reports-table {
	border-collapse: separate !important;
	border-spacing: 0 8px !important;
	background: #f6fafd !important;
}

.reports-table thead th {
	background-color: #BFD8FD !important;
	border: none !important;
	border-bottom: none !important;
	font-weight: 600 !important;
	color: #001a63 !important;
	padding: 12px 16px !important;
	text-transform: uppercase !important;
	font-size: 0.85em !important;
	letter-spacing: 0.5px !important;
}

.reports-table thead th:first-child {
	border-top-left-radius: 8px !important;
	border-bottom-left-radius: 8px !important;
}

.reports-table thead th:last-child {
	border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
}

.reports-table tbody tr.report-row {
	background: white !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.08) !important;
	border: none !important;
	border-bottom: none !important;
	transition: all 0.2s ease !important;
}

.reports-table tbody tr.report-row:hover {
	box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
	transform: translateY(-1px) !important;
}

/* Table cell styling */
.reports-table tbody tr.report-row td {
	border: none !important;
	border-bottom: none !important;
	padding: 16px !important;
	vertical-align: top !important;
	background: white !important;
}

/* Create unified appearance across cells */
.reports-table tbody tr.report-row td:first-child {
	border-top-left-radius: 12px !important;
	border-bottom-left-radius: 12px !important;
}

.reports-table tbody tr.report-row td:last-child {
	border-top-right-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
}

/* Name cell with actions below */
.reports-table tbody tr.report-row .report-name-cell {
	width: 60% !important;
}

.reports-table tbody tr.report-row .report-name {
	font-weight: 600 !important;
	margin-bottom: 8px !important;
}

.reports-table tbody tr.report-row .report-actions .d-flex {
	justify-content: flex-start !important;
	align-items: center !important;
}

/* Status and Date cells */
.reports-table tbody tr.report-row .report-status-cell,
.reports-table tbody tr.report-row .report-date-cell {
	width: 20% !important;
	text-align: center !important;
}

/* Remove the ugly black borders completely */
.reports-table tbody tr[style*="border-bottom: 3px solid black"] {
	border-bottom: none !important;
}

.reports-table thead tr[style*="border-bottom: 3px solid black"] {
	border-bottom: none !important;
}

/* Button styling improvements for report actions */
.reports-table .btn {
	border-radius: 6px !important;
	font-size: 0.875rem !important;
	padding: 8px 12px !important;
	margin-right: 8px !important;
	margin-bottom: 4px !important;
}

.reports-table .btn i {
	margin-right: 6px !important;
}

/* Global Loading Indicator */
#co_global_loading_indicator {
	position: fixed;
	top: 60px;
	right: 10px;
	background: rgba(0, 0, 0, 0.8);
	color: white;
	padding: 12px 24px;
	border-radius: 6px;
	z-index: 999999;
	display: none;
	font-size: 14px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}