.table-hover > tbody > tr:hover {
	color: #21325b;
}
.table th,
.table thead th {
	font-weight: 500;
}

.table td p:last-child {
	margin-bottom: 0;
}

.open--table .table-container__tip,
.open--table .table-container__caption,
.open--table .scrollbar 
{
	display: none !important;
}

/* style for sticky scrollbar  */
.table-container__body > div:first-child {
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	border: .0625rem solid #e7eaf3;
}
.table-container__body > div:last-child {
	border-bottom-left-radius: .5rem;
	border-bottom-right-radius: .5rem;
	border: .0625rem solid #e7eaf3;
}
.table-container__body .content table {
	margin-bottom: 0;
}
.table-container__body .content {
	/* width: 100%; */
	position: relative;

	margin: -.0625rem;
	width: calc(100% + (2 * .0625rem));
}
.table-container__body .content._with-scrollbar {
	overflow-x: scroll;
	bottom: -17px;
	margin-top: -18px;
}
.table-container__body .scrollbar {
	height: calc(20px + (2 * .0625rem));
	left: 0;
	bottom: 0px;
	margin-top: -2px;
	position: sticky;
	overflow: hidden;
	background-color: #ffffff;
	border-top: 1px solid #e7eaf3;
}
.table-container__body .scroller {
	left: 0;
	position: absolute;
}
.table-container__body .scroller > div {
	border-radius: 6px;
	background: #ccc;
	cursor: pointer;
	margin: 6px;
	height: 8px;
}
.table-container__body .scrollbar:hover .scroller > div,
.table-container__body .scrollbar:active .scroller > div,
.table-container__body .scrollbar:focus-visible .scroller > div
 {
	margin: 3px 6px;
	height: 13px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .table-container__body .content._with-scrollbar {
		bottom: -8px;
		margin-top: -10px;
	}
	.table-container__body .scrollbar {
		height: 14px;
	}

	.table-container__body table {
		border-top-left-radius: .5rem;
		border-top-right-radius: .5rem;
		overflow: hidden;
		border-top: .0625rem solid #e7eaf3;
		border-left: .0625rem solid #e7eaf3;
		border-right: .0625rem solid #e7eaf3;
	}
	.table-container__body .content {
		border-top-left-radius: .75rem;
		border-top-right-radius: .75rem;
		overflow: hidden;
	}

	.table-container__body > div:last-child {
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	.table>:not(caption)>tr:last-child>* {
    	padding: .75rem .75rem 1.5rem .75rem;
	}



	.table-container__body .scroller > div {
		margin: 3px 3px 3px 3px;
		height: 6px;
	}
	.table-container__body .scrollbar:hover .scroller > div,
	.table-container__body .scrollbar:active .scroller > div,
	.table-container__body .scrollbar:focus-visible .scroller > div
	{
		margin: 3px 3px 4px 3px;
		height: 6px;
	}
}
/* style for sticky scrollbar  */