/* Start:/bitrix/components/bitrix/search.page/templates/vakansii/style.css?17390245981878*/
a.search-page-params {
	border-bottom: 1px dashed blue;
	text-decoration: none;
}
div.search-page-params {
	margin-top: 6px;
}
.search-item-rate {font-size: 11px;}
.job-search {
		background-color: #DD162A; 
		padding: 20px; 
		color: white; 
		text-align: left; 
		display: inline-block; 
		width: auto;
		/*display: flex;
        flex-wrap: wrap;*/
}
.job-search span {
            top: 50%; /* Поднимаем иконку выше */
            transform: translateY(-50%); /* Центрируем по вертикали */
        }
.job-search input[type="text"] {
	width: 400px;
}

@media (max-width: 576px) {
        .job-search input[type="text"] {
            width: 370px; /* Уменьшаем ширину поля ввода */
            margin-right: 0; /* Убираем отступ справа */
            padding-left: 40px; /* Увеличиваем отступ слева для иконки */
        }

        .job-search img {
            top: 50%; /* Поднимаем иконку выше */
            transform: translateY(-50%); /* Центрируем по вертикали */
        }

        .job-search span {
            top: 50%; /* Поднимаем иконку выше */
            transform: translateY(-50%); /* Центрируем по вертикали */
        }
    }
@media (max-width: 768px) { /* Или любое другое значение ширины, при котором нужно уменьшить поле */
        .pole {
            width: 350px !important; /* Применяем ширину 350px */
        }
    }
@media (max-width: 400px) { /* Или любое другое значение ширины, при котором нужно уменьшить поле */
        .pole {
            width: 100% !important; /* Применяем ширину 100% */
        }
    }
/* End */


/* Start:/bitrix/templates/teamb_topprom/components/bitrix/system.pagenavigation/pagenav/style.css?17338337321578*/
.bx-pagination {
	margin: 20px 0;
}
.bx-pagination .bx-pagination-container ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 25px;
	font-family: var(--font-family-2);
}

.bx-pagination .bx-pagination-container ul li.bx-pag-prev a,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{
	display: flex;
	align-items: center;
	transition: all .5s linear;
}

.bx-pagination .bx-pagination-container ul li a{
	text-decoration: none;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-prev svg path,
.bx-pagination .bx-pagination-container ul li.bx-pag-next svg path{
	transition: all .5s linear;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover svg path,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover svg path{
	stroke: var(--text-color);
}

.bx-pagination .bx-pagination-container ul li > span{
	font-size: var(--font-size-1);
	color: var(--main-color-1);
	font-style: normal;
	font-weight: 800;
	line-height: 23px;
}

.bx-pagination .bx-pagination-container ul li > a span{
	color: #000;
	font-size: var(--font-size-1);
	font-weight: 400;
	line-height: 23px; /* 153.333% */
	transition: all .5s linear;
}

.bx-pagination .bx-pagination-container ul li > a:hover span{
	color: var(--main-color-1);
}
.bx-pagination .bx-pagination-container ul li:before {
	display: none;
}
/* End */


/* Start:/bitrix/templates/teamb_topprom/components/bitrix/news/vakansii/bitrix/news.list/.default/style.css?17398048323149*/
a.search-page-params {
	border-bottom: 1px dashed blue;
	text-decoration: none;
}

div.search-page-params {
	margin-top: 6px;
}
.search-item-rate {font-size: 11px;}
.job-search {
		background-color: #DD162A; 
		padding: 20px; 
		color: white; 
		text-align: left; 
		display: inline-block; 
		width: auto;
		/*display: flex;
        flex-wrap: wrap;*/
}
.service-item-with-margin {
  margin-bottom: 20px; /* Или другое значение */
}
.service-item-with-shadow {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    border-radius: 8px;
    padding: 15px;
}

/* Стили для кнопки "Подробнее" */
.detail-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: transparent; /* Прозрачный фон по умолчанию */
    color: black; /* Черный цвет текста по умолчанию */
    text-decoration: none; /* Убираем подчеркивание */
    border: 1px solid black; /* Черная граница */
    border-radius: 0px;
    margin-top: 10px;
    transition: background-color 0.3s ease, color 0.3s ease; /* Плавный переход цвета фона и текста */
    font-size: 16px; /* Увеличиваем размер текста */
    font-weight: bold;
}

.detail-button:hover {
    background-color: red;
    color: white;
    border-color: white;
}

/*Стили для ЗП*/
.service__item-price {
    margin-top: 10px; /* Увеличил отступ сверху */
    font-size: 18px; /* Увеличил размер шрифта */
    color: black;
}

.job-search span {
            top: 50%; /* Поднимаем иконку выше */
            transform: translateY(-50%); /* Центрируем по вертикали */
        }
.job-search input[type="text"] {
	width: 400px;
}

@media (max-width: 576px) {
        .job-search input[type="text"] {
            width: 370px; /* Уменьшаем ширину поля ввода */
            margin-right: 0; /* Убираем отступ справа */
            padding-left: 40px; /* Увеличиваем отступ слева для иконки */
        }

        .job-search img {
            top: 50%; /* Поднимаем иконку выше */
            transform: translateY(-50%); /* Центрируем по вертикали */
        }

        .job-search span {
            top: 50%; /* Поднимаем иконку выше */
            transform: translateY(-50%); /* Центрируем по вертикали */
        }
    }
@media (max-width: 768px) { /* Или любое другое значение ширины, при котором нужно уменьшить поле */
        .pole {
            width: 350px !important; /* Применяем ширину 350px */
        }
    }
@media (max-width: 400px) { /* Или любое другое значение ширины, при котором нужно уменьшить поле */
        .pole {
            width: 100% !important; /* Применяем ширину 100% */
        }
    }
/* End */
/* /bitrix/components/bitrix/search.page/templates/vakansii/style.css?17390245981878 */
/* /bitrix/templates/teamb_topprom/components/bitrix/system.pagenavigation/pagenav/style.css?17338337321578 */
/* /bitrix/templates/teamb_topprom/components/bitrix/news/vakansii/bitrix/news.list/.default/style.css?17398048323149 */