.poptimeline > .popupbox { width: unset; }
.poptimeline > .popupbox > .popupcancel { background-color: #edf2fd; margin-top: 30px; }
.timeline {
	display: flex;
	margin-top: 10px;
	font-size: 14px;
	position: relative;
}
.timeline > div {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	width: clamp(59px, 13vw, 90px);
	gap: 10px;
	z-index: 1;
}
.timeline > div > span:nth-child(2) {
	width: 14px; height: 14px;
	border-radius: 100%;
	border: solid 2px var(--mainblue);
	background: white;
}
.timeline > div > span:nth-child(3) { display: none; text-wrap: nowrap; }
.timeline > div > span.activetick { background: #7fc2e9; animation: blinkcurrent 2s infinite; }
.timeline > div > .activetick + span { display: block; }
#line {
	position: absolute; bottom: 35px;
	border: solid 1px var(--mainblue);
	width: 85%;
	margin: 0 7.5%;
}

div:has(~ div > .activetick) > span:nth-child(2) { background: var(--mainblue); }

@keyframes blinkcurrent {
	0%, 100% { background: var(--mainblue); }
	50% { background: #7fc2e9; }
}

/*@media (max-width: 800px) {
	.acctable td:last-of-type { padding: 43px 0 0; }
}*/

@media (max-width: 580px) {
	.pagenav { margin-top: 15px; }
	.timeline { font-size: 13px; }
}