/* Late Fee */
.late-fee-tooltip {
	position: relative;
	display: inline-block;
	background: #ffefe5;
	color: #b83b14;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 12px;
	cursor: help;
}

.late-fee-tooltip .tooltip-text {
	visibility: hidden;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	z-index: 10;
	bottom: 125%; /* show above the label */
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	font-size: 11px;
	opacity: 0;
	transition: opacity 0.2s ease;
	pointer-events: none;
}

.late-fee-tooltip:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}