.tableContainer {
	.searchSection {
		.searchFormDialog {
			padding: 0 14px;
			.searchForm {
				padding: 28px 16px;
				background: #fff;
				box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.15);
			}
			.submitter {
				display: flex;
				column-gap: 10px;
				color: #fff;
				.confirmBtn,
				.cancelBtn {
					display: flex;
					justify-content: center;
					align-items: center;
					height: 40px;
					flex: 1;
				}
				.confirmBtn {
					background-color: rgba(77, 192, 229, 1);
				}
				.cancelBtn {
					background-color: rgba(15, 54, 117, 1);
				}
			}
		}
		.datePreset {
			margin-bottom: 10px;
			::v-deep .checklist-group .checklist-box .radio__inner {
				border-radius: 4px;
			}
			::v-deep .checklist-group .checklist-box .radio__inner .radio__inner-icon {
				border-radius: 2px;
			}
			::v-deep .checklist-group .checklist-box.is--default.is-checked .radio__inner {
				border-color: #e5e5e5 !important;
			}
		}
	}
	.tableSection {
		margin-top: 10px;
		.tableTh {
			.columnItem {
				background-color: #f6f6f6;
				font-weight: 400;
				&:first-child {
					background-color: #fff;
				}
				border-top: 2px solid #29bbe4;
			}
		}
		.rowItem:last-child {
			.columnItem {
				border-bottom-color: #fff;
			}
		}
		.columnItem:first-child {
			background-color: #fff;
			position: sticky;
			left: 0px;
			transition: all 0.3s;
			border-bottom-color: #fff;
			box-shadow: 0px 17px 17px rgba(0, 0, 0, 0.1);
		}
		.uni-table-tr:hover .columnItem:first-child {
			background-color: #f5f7fa;
		}
	}
}