.live-cashout-container {
	background: #FBFAF9;
	padding: 20px;
	overflow-x: auto
}

.cashout-table-box {
	max-width: 1500px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 14px
}

.cashout-table-title {
	display: flex;
	align-items: center;
	margin-bottom: 20px
}

.cashout-table-title img {
	width: 14px;
	margin-right: 10px
}

.cashout-table-title span {
	color: #312b26;
	font-size: 16px
}

.cashout-table {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 6px #0000000d;
	padding: 34px 20px;
	background-color: #fff
}

.cashout-table-1 {
	flex: 1
}

.cashout-table-2 {
	width: 660px;
	height: 320px
}

.cashout-header {
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #fff
}

.cashout-header li {
	display: flex;
	padding: 15px 20px;
	color: #77706a;
	font-size: 16px;
	font-family: Lato-Medium
}

.cashout-list {
	padding: 0;
	margin: 0;
	list-style: none
}

.cashout-item {
	display: flex;
	align-items: center;
	padding: 10px 20px;
	transition: background-color .2s
}

.cashout-item:nth-child(odd) {
	background-color: #f9f9f9
}

.cashout-list .user-col,
.cashout-list .joined-col,
.cashout-list .amount-col,
.cashout-list .payment-time-col {
	color: #312b26;
	font-size: 14px;
	font-family: Lato-Medium
}

.user-col,
.joined-col,
.amount-col,
.payment-time-col {
	display: flex;
	align-items: center
}

.user-col {
	flex: 2;
	display: flex;
	align-items: center
}

.user-col-right {
	display: flex;
	align-items: center
}

.user-col>img {
	width: 20px;
	height: 20px;
	margin-right: 10px
}

.joined-col,
.amount-col,
.payment-time-col {
	flex: 1
}

.user-avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	position: relative;
	background-size: cover;
	background-position: center;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center
}

.user-avatar .username-initial {
	font-size: 14px;
	font-family: Lato-Medium;
	color: #fff
}

.user-avatar .flag-icon {
	width: 18px;
	height: 13px;
	border: 1px solid #FFFFFF;
	position: absolute;
	bottom: 0;
	right: -2px
}

.username {
	font-weight: 500
}

.username p {
	margin: 0
}

@media (max-width: 1420px) {
	.cashout-table-2 {
		width: 500px
	}
}

@media (max-width: 1200px) {
	.cashout-table-box {
		flex-direction: column-reverse;
		width: 100%
	}

	.cashout-table-1 {
		width: 100%
	}

	.cashout-table-2 {
		width: 100%;
		height: auto;
		margin-bottom: 20px
	}
}

@media (max-width: 750px) {
	.live-cashout-container {
		padding: 20px 10px
	}

	.user-col {
		flex: 1
	}

	.user-col-one,
	.user-col-right {
		flex-direction: column
	}

	.cashout-item {
		padding: 10px 6px
	}

	.cashout-header li {
		padding: 10px
	}

	.username {
		text-align: center;
		margin-top: 10px
	}

	.username p span {
		display: block
	}

	.cashout-header li {
		display: flex;
		align-items: flex-end
	}

	.cashout-table {
		padding: 10px 6px
	}

	.payment-time-col {
		flex: none;
		width: 50px
	}

	.user-col-three {
		flex: 2
	}
}

@media (max-width: 500px) {
	.cashout-header li div {
		font-size: 14px
	}
}

.night-type .live-cashout-container {
    background: #47423d !important;
}

.night-type .cashout-table-title img {
    filter: invert(1) !important;
}

.night-type .cashout-table-title span {
    color: #fff !important;
}

.night-type .live-cashout-container .cashout-table, .night-type .live-cashout-container .cashout-table .cashout-header {
    background: #312D29 !important;
}

.night-type .live-cashout-container .cashout-table .cashout-header li {
    color: #fff !important;
}

.night-type .live-cashout-container .cashout-table .cashout-item:nth-child(odd) {
    background: #201A13 !important;
}

.night-type .live-cashout-container .cashout-table .cashout-item .user-col .username, .night-type .live-cashout-container .cashout-table .cashout-item .joined-col, .night-type .live-cashout-container .cashout-table .cashout-item .amount-col, .night-type .live-cashout-container .cashout-table .cashout-item .payment-time-col, .night-type .live-cashout-container .cashout-table .cashout-item .user-col .username-initial {
    color: #fff !important;
}