/* Стили для контейнера поиска */
.search-container {
	display: flex; /* Используем flexbox для расположения элементов */
	align-items: center; /* Центрируем элементы по вертикали */
	margin-left: 20px; /* Отступ слева для контейнера поиска */
}
/* Стили для поля поиска */
.search-bar {
	width: 160px; /* Ширина строки поиска */
	padding: 5px; /* Внутренний отступ */
	font-size: 16px; /* Размер шрифта */
	margin-right: 5px; /* Отступ справа для строки поиска */
	height: 30px; /* Высота поля поиска */
	transition: border 0.3s; /* Плавный переход для границы */
}
/* Стили для фокуса поля поиска */
.search-bar:focus {
	border: 2px solid #007bff; /* Изменение границы при фокусе */
	outline: none; /* Убираем обводку */
}
.search-button{
	width: 40px; /* Устанавливаем одинаковую ширину для всех кнопок */
	color: white; /* Цвет текста кнопок */
	border: none; /* Убираем рамку */
	padding: 0; /* Убираем отступы */
	cursor: pointer; /* Курсор "пальчик" */
	margin-right: 5px; /* Отступ справа для кнопок */
	height: 30px; /* Высота кнопок */
	transition: background-color 0.3s, transform 0.1s; /* Плавный переход для фона и трансформации */
}
.search-button {
	background-color: #B4CCF1; /* Голубой цвет для кнопок с номерами */
}
.search-button:hover{
	opacity: 0.8; /* Изменение прозрачности при наведении */
}
.search-button:active{
	transform: scale(0.95); /* Уменьшение размера при нажатии */
}
.search-close{
	width: 40px; /* Устанавливаем одинаковую ширину для всех кнопок */
	color: white; /* Цвет текста кнопок */
	border: none; /* Убираем рамку */
	padding: 0; /* Убираем отступы */
	cursor: pointer; /* Курсор "пальчик" */
	margin-right: 5px; /* Отступ справа для кнопок */
	height: 30px; /* Высота кнопок */
	transition: background-color 0.3s, transform 0.1s; /* Плавный переход для фона и трансформации */
}
.search-close {
	background-color: #A54D38; /* Красный цвет для кнопки закрытия */
}
/* Эффекты при наведении на кнопки */
.search-close:hover{
	opacity: 0.8; /* Изменение прозрачности при наведении */
}
/* Эффекты при нажатии на кнопки */
.search-close:active{
	transform: scale(0.95); /* Уменьшение размера при нажатии */
}