/* Asia Odyssey Travel - Shared Component Styles */
/* universal-table + nav_li_flex — used across multiple pages */

.universal-table {
	width: 100%;
	overflow-x: auto;
	margin: 20px 0
}

.universal-table table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 16px
}

.universal-table th {
	background-color: #f7f1f1;
	font-weight: 500
}

.universal-table td,
.universal-table th {
	padding: 12px 16px;
	border: 1px solid #e5e5e5;
	text-align: left;
	vertical-align: middle
}

.universal-table table a {
	text-decoration: underline
}

.nav_li_flex ul li {
	display: flex;
	align-items: center;
	gap: 11px;
	list-style: none;
	margin-left: 6px !important;
	width: 24%
}

.nav_li_block ul li {
	width: 100%
}

.nav_li_flex ul li::before {
	content: "";
	width: 4px;
	height: 4px;
	background-color: #f1d4d4;
	border-radius: 50%;
	flex-shrink: 0;
	margin-top: -2px
}

.nav_li_flex ul li span {
	font-size: 12px;
	padding: 2px 10px;
	background: #fff2e2;
	color: #ff8a03;
	border-radius: 40px;
	white-space: nowrap;
	line-height: 1.35
}

.nav_li_flex ul li span.tag-green {
	background: #defded;
	color: #23c65b
}

.nav_li_flex ul li span.tag-blue {
	background: #e6f2ff;
	color: #2178dd
}

.nav_li_flex ul li span.tag-red {
	background: #fff1f0;
	color: #f5222d
}