html, body {
	height: 100%;
	margin: 0;
}

body {
	display: flex;
	flex-direction: column;
}

main {
	flex: 1;
}

.dataTables_wrapper {
	padding-bottom: 100px;
}

table.dataTable tbody tr:hover {
	background-color: #ebfbe7; /* Цвет подсветки строки */
}

/* Стили для элемента, который заменяет инпут */
.sp-replacer {
	width: 100% !important;
	height: 38px !important; /* Задаем высоту под другие инпуты */
	display: flex !important;
	align-items: center !important;
	border: 1px solid #ced4da !important;
	border-radius: 5px !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

/* Выровняем и стилизуем превью цвета */
.sp-preview {
	flex: 1;
	height: 100% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	box-sizing: border-box;
}

/* Внутренний блок превью */
.sp-preview-inner {
	width: 100% !important;
	height: 100% !important;
	border-radius: 5px;
}

/* Стили для стрелки (▼) */
.sp-dd {
	height: 100% !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 0 10px !important;
	background: #f8f9fa;
	border-left: 1px solid #ced4da;
	box-sizing: border-box;
	cursor: pointer;
}

/* Скрываем стрелку ▼ */
.sp-dd {
	display: none !important;
}

.error-message{
	color: red;
}

/* Уменьшение размера шрифта для всех DataTables */
table.dataTable {
	font-size: 0.85em; /* Уменьшите значение, чтобы сделать шрифт меньше */
}

table.dataTable td.no-wrap {
	white-space: nowrap;
}