@import url('poppins/poppins.css');

body {
	--bs-body-font-family: poppins;
}

.loli li {
	padding: 12px 0;
	font-style: normal;
	white-space: nowrap;
	/* max-width: 200px; */
	text-overflow: ellipsis;
	overflow: hidden;
}

.loli li:not(:last-child) {
	border-bottom: 1px dotted lightgray;
}

.loli li em {
	font-weight: 500;
	margin-right: 3px;
}

.loli li a:hover {
	text-decoration: underline;
}

[data-uss-tabledata-options='loans'] select {
	text-transform: capitalize;
}

.shadow-text {
	text-shadow: 0 0 var(--bs-gray-600);
}

.bg-green {
	background-color: #98b978;
}

.text-white-all,
.text-white-all * {
	color: white;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: rgb(177 177 177 / 5%);
}

.link-underline a:hover,
a.link-underline:hover {
	text-decoration: underline;
}

.topup-frame figure { 
	position: relative;
	overflow: hidden;
	background-color: var(--bs-border-color);
	padding: 0.5rem;
}

.topup-frame figure::before {
	content: '';
	display: block;
	padding: 45%;
	background-color: var(--bs-gray-500);
}

.topup-frame figure img {
	position: absolute;
	top: 50%;
	width: 80%;
	left: 50%;
	height: 80%;
	transform: translate(-50%,-50%);
}