:root {
	--tblr-dark-mode-border-color-translucent: rgba(72, 110, 149, 0.4);
}

html {
	margin: 0 !important;
}

.toastr {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 99999;
}

.container-tight {
	max-width: 34rem;
}

#standalone .navbar-brand-image {
	height: 4rem;
}

.fa-stack.small {
	font-size: 0.6rem;
}

div.dt-container .dt-paging .dt-paging-button {
	padding: 0;
}

div.dt-container .dt-paging .dt-paging-button:hover {
	background: none;
}



.card.flex-fill.timeline-card {
	min-height: 0;
	max-height: calc(80vh); /* May need some final adjustments */
	display: flex;
	flex-direction: column;
}

.card.timeline-card .tab-content {
	max-height: calc(75vh);
}

.ts-dropdown .option.active {
	background-color: var(--tblr-bg-surface-secondary) !important;
}

/* Internal Notes Styling */
.chat-bubble-internal {
	background-color: #fff3cd !important;
	border: 1px solid #ffeaa7 !important;
	border-left: 4px solid #f39c12 !important;
}

.chat-bubble-internal .chat-bubble-title {
	background-color: #fef9e7 !important;
	border-bottom: 1px solid #ffeaa7 !important;
}

.chat-bubble-internal .badge-warning {
	background-color: #f39c12 !important;
	color: white !important;
}

.tab-content .tab-pane.active.d-flex {
	display: flex !important;
}
.tab-content .tab-pane.d-flex:not(.active) {
	display: none !important;
}

.form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
}