.SJIndex {
	--SYheight: 400px;
}
.deanheader {
	border-bottom: 0;
}
.cl_dmenu-share .dropdown-item.click {
	background-color: #8aaae5 !important;
}
.cl_dmenu-share .dropdown-item {
	background-color: #cfe2ff;
}
.cl_dmenu-money .dropdown-item.click {
	background-color: #fad07d !important;
}
.cl_dmenu-money .dropdown-item {
	background-color: #fdefd4;
}
.cl_dropdown .dropdown-item:not(:first-child) {
	margin-top: 5px;
}
.cl_dmenu-share {
	border: 1px solid #cfe2ff;
}
.cl_dmenu-money {
	border: 1px solid #fdefd4;
}

.cl-card {
	background: url("/plugin//ycf_new_style/view/img/celu/bg.png") no-repeat;
	background-size: 100% 100%;
}
.cl-card .card {
	margin-bottom: 5px;
}
.card-1 {
	background-color: #7e9cd2;
}
.card-2 {
	background-color: #e6b34b;
}

.CLbannerText {
	height: 100%;
	color: white;
	position: relative;
}

.CLbannerImgBox img {
	width: calc(var(--bannerHeight) * 0.7);
}

.ms-badge {
	margin-left: 2.8em;
}

.table thead th {
	color: var(--bs-gray-600);
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody td,
table.dataTable tfoot th,
table.dataTable tfoot td {
	text-align: center;
	vertical-align: middle;
}

.table-responsive .table tbody tr {
	height: 60px;
}
#ZSTableBox,
#PrTableBox {
	height: calc(var(--SYheight));
}
.row-1 .hc-card {
	height: calc(var(--SYheight));
	overflow-y: auto;
}
.ZSTableRBox {
	width: 35px;
	top: 128px;
	bottom: 85px;
	right: 0;
	background: rgba(62, 62, 62, 0.7);
	cursor: pointer;
	display: none;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	padding: 0.5em 0;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
	margin-left: 0.75em;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination a {
	padding: 0.25em;
}
.GoToKc {
	cursor: pointer;
}

.cl_border_dashed-1 {
	border-right: 1px dashed #d3dae2;
	border-bottom: 1px dashed #d3dae2;
}
.cl_border_dashed-2 {
	border-left: 1px dashed #d3dae2;
	border-top: 1px dashed #d3dae2;
}
.cl_border_dashed-3 {
	border-top: 1px dashed #d3dae2;
}
@media ((min-width: 768px)) {
	.cl_info .info_1 {
		border-right: 1px solid var(--bs-border-color);
	}
	.cl_info .info_3 {
		border-bottom: 1px solid var(--bs-border-color);
	}
}
@media ((min-width: 992px)) {
	.cl_info .info_1,
	.cl_info .info_3 {
		border-bottom: 0;
		border-right: 1px solid var(--bs-border-color);
	}
}
@media ((min-width: 1400px)) {
	.cl_info .info_1,
	.cl_info .info_2 {
		border-right: 1px solid var(--bs-border-color);
	}
}