body {
	background-color: #fff;
}

.top-bar {
	padding: 0.75rem 0;
	font-weight: 600;
	z-index: 1020;
	-webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),
		0 2px 6px 2px rgb(60 64 67 / 15%);
	box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),
		0 2px 6px 2px rgb(60 64 67 / 15%);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	border-radius: 8px;
	background-color: transparent;
	color: #000;
}

.tracking-icons {
	font-size: 25px;
}

.fa-check-circle {
	background-image: radial-gradient(circle, #4caf50, #4caf50, #fffffd00);
	border-radius: 50%;
	color: #fff;
}

.fa-shipping-fast {
	border-radius: 50%;
	background-image: radial-gradient(circle, #fff, #fff, #fff);
	/* color: #fff; */
	color: #198754;
}

.fa-clipboard-check {
	border-radius: 50%;
	background-image: radial-gradient(circle, #4caf50, #4caf50, #0e0e0e00);
	color: #e5e5e5;
}

.fa-calendar-check {
	border-radius: 50%;
	background-color: #fff;
	background-image: radial-gradient(circle, #fff, #fff, #fffffd00);
	color: #979493;
}

#public-tracking-map {
	width: 100%;
	min-height: 550px;
}

#public-tracking-map-div {
	-webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),
		0 2px 6px 2px rgb(60 64 67 / 15%);
	box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),
		0 2px 6px 2px rgb(60 64 67 / 15%);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	border-radius: 8px;
	margin-top: 10px;
}

#public-tracking-map {
	-webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),
		0 2px 6px 2px rgb(60 64 67 / 15%);
	box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),
		0 2px 6px 2px rgb(60 64 67 / 15%);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	border-radius: 8px;
}

#public-tracking-info,
#public-tracking-map {
	margin-top: 10px;
}

#public-tracking-info-div {
	-webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),
		0 2px 6px 2px rgb(60 64 67 / 15%);
	box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),
		0 2px 6px 2px rgb(60 64 67 / 15%);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	border-radius: 8px;
}

.accordion-button:not(.collapsed) {
	color: #ffffff;
	box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
	font-weight: 600;
	background-color: rgb(175 175 175 / 85%);
	background: linear-gradient(90deg, #bfbcbc 34.84%, #d9d9d9 89.75%);
}

.accordion-button:not(.collapsed)::after {
	border-radius: 50%;
	border: 1px solid #ffeb3b00;
	background-color: #fff;
	width: 1.35rem;
	height: 1.3rem;
}

.bottom-footer {
	/* box-shadow: 0px 1px 0px 0 rgb(60 64 67 / 30%), 0px 0px 3px 1px rgb(60 64 67 / 15%); */
	/* -webkit-box-shadow: 0px 1px 0px 0 rgb(60 64 67 / 30%), 0px 0px 3px 1px rgb(60 64 67 / 15%); */
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	border-radius: 8px;
}

#tracking-info-table tbody td {
	border: solid 1px #ddeeee;
	color: #333;
	/* text-shadow: 1px 1px 1px #fff; */
}

#tracking-info-table thead th:first-child {
	border-radius: 10px 0 0 0;
}

#tracking-info-table thead th:last-child {
	border-radius: 0 10px 0 0;
}

#tracking-info-table tbody tr:last-child td:first-child {
	border-radius: 0 0 0 10px;
}

#tracking-info-table tbody tr:last-child td:last-child {
	border-radius: 0 0 10px 0;
}

.truck-details-div {
	-webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),
		0 2px 6px 2px rgb(60 64 67 / 15%);
	box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),
		0 2px 6px 2px rgb(60 64 67 / 15%);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	border-radius: 8px;
}

#truck-details-table {
}

.tracking-icons-div {
	-webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),
		0 2px 6px 2px rgb(60 64 67 / 15%);
	box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),
		0 2px 6px 2px rgb(60 64 67 / 15%);
	border-radius: 8px;
	min-height: 90px;
	justify-content: center;
	align-items: center;
}

.tracking-icons-div-width {
	width: 100%;
}