guest-security-check-system/snowy-admin-web/src/style/cus.less

.__hover {
	&:hover {
		opacity: 0.75;
		cursor: pointer;
	}
}

.__button-link {
	width: 100%;
	height: 100%;
	padding: 0;
	>span {
		white-space: normal;
	}
}

.__cus-title_1 {
	background-color: #213A7A;
	width: 100%;
	height: 44px;
	font-size: 16px;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #ffffff;
	display: flex;
	align-items: center;
	position: relative;
	box-sizing: border-box;
	margin: 10px 0;
	&:before {
		content: '';
		margin-left: 16px;
		margin-right: 10px;
		width: 2px;
		height: 14px;
		background-color: #266EFF;
	}
}

.ant-card {
	background-color: #14204A;
}
.ant-form-item-label > label {
	color: #cecece !important;
}
.ant-input-affix-wrapper {
	background-color: #213A7A;
	border: none;
	.ant-input {
		background-color: transparent;
		color: #ffffff;
		border: none !important;
		&::placeholder {
			color: rgba(255, 255, 255, 0.5);
		}
	}
	.anticon {
		color: #ffffff;
	}
}
.ant-input {
	border: none !important;
	color: #ffffff !important;
	&::placeholder {
		color: rgba(255, 255, 255, 0.5);
	}
	&.ant-input-disabled {
		color: #ffffff !important;
		background-color: transparent !important;
		border: 1px solid #213A7A !important;
		border-radius: 4px;
	}
}
.ant-select {
	>span {
		color: #ffffff !important;
	}
	.ant-select-selector {
		background-color: #213A7A !important;
		border: none !important;
		.ant-select-selection-search-input {
			background-color: transparent;
			color: #ffffff !important;
		}
		.ant-select-selection-item {
			color: #ffffff !important;
		}
		.ant-select-selection-placeholder {
			color: rgba(255, 255, 255, 0.5) !important;
		}
	}
	.ant-select-clear {
		background-color: #213A7A !important;
	}
	&.ant-select-disabled {
		.ant-select-selector {
			background-color: transparent !important;
			border: 1px solid #213A7A !important;
			border-radius: 4px;
		}
	}
}
.ant-picker {
	background-color: #213A7A;
	border: none;
	color: #ffffff;
	.ant-picker-input > input {
		color: #ffffff;
		&::placeholder {
			color: rgba(255, 255, 255, 0.5);
		}
	}
	.ant-picker-range-separator > span, .ant-picker-suffix > span {
		color: #ffffff;
	}
	.ant-picker-clear {
		background-color: #213A7A;
		>span {
			color: #ffffff;
		}
	}
}
.s-table-tool-right {
	>span {
		color: #ffffff;
	}
}
.ant-table {
	.ant-table-container {
		border: none;
		border-inline: none !important;
		background-color: transparent !important;
		table {
			background-color: transparent !important;
			border: none !important;
			.ant-table-thead {
				.ant-table-cell {
					background-color: #0E46B5 !important;
					border-radius: 0 !important;
					border: none;
					color: #ffffff !important;
					border-inline-end-color: #213A7A !important;
					font-weight: normal;
					&.ant-table-cell-fix-right-first:after {
						border-inline-color: #213A7A !important;
					}
				}
			}
			.ant-table-tbody {
				.ant-table-row {
					.ant-table-cell {
						background-color: #162157 !important;
						color: #ffffff !important;
						border-inline: none !important;
						border-bottom-color: #213A7A !important;
						&.ant-table-cell-fix-right-first:after {
							border-inline-color: #213A7A !important;
						}
					}
					&:nth-child(even) {
						.ant-table-cell {
							background-color: #18276C !important;
						}
					}
				}
				.ant-table-placeholder {
					.ant-table-cell {
						background-color: #14204A !important;
						border-inline: none !important;
						border-bottom: none;
						.ant-empty-description {
							color: #ffffff;
						}
					}
				}
			}
		}
		::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(20, 32, 74, 0.7); }
		::-webkit-scrollbar-track { width: 6px; background-color: transparent;-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
		::-webkit-scrollbar-thumb { background-color: rgba(20, 32, 74, 0.7); background-clip: padding-box; min-height: 28px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
		::-webkit-scrollbar-thumb:hover { background-color: rgba(1, 15, 58, 0.3); }

	}
}
.ant-pagination {
	color: #FFFFFF;
	.ant-pagination-item > a {
		color: #FFFFFF;
	}
	.ant-pagination-item-link > span {
		color: #FFFFFF;
	}
}
.ant-modal-content {
	background-color: #14204A !important;
	padding: 0 !important;
	.ant-modal-close {
		color: #ffffff;
	}
	.ant-modal-header {
		background-color: #266EFF;
		height: 56px;
		padding-left: 16px;
		margin-bottom: 0;
		.ant-modal-title {
			color: #ffffff ;
			line-height: 56px;
			font-weight: normal;
		}
	}
	.ant-modal-body {
		padding: 16px;
	}
}
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { width: 6px; background-color: transparent;-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
::-webkit-scrollbar-thumb { background-color: rgba(33, 58, 122, 0.3); background-clip: padding-box; min-height: 28px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(1, 15, 58, 0.3); }