#debt-status-menu-nav.hidden {
  display: none;
}

#input_search {
	width: 385px;
}

#filter_form {
	position: absolute;
	top: 30px;
	left: 0;
	width: 385px;
	background-color: #E8E8E8;
	border: 1px solid gray;
	padding: 10px;
	transform: translateY(8%);
	overflow: auto;
	max-height: 80vh;
	max-width: 100%;
}

@media only screen and (max-width: 768px) {
  #filter_form {
    max-height: 50vh; /* Новое значение max-height для мобильных устройств */
  }
}

.form-check {
	width: 90%;
}
.nav-btn-right-corner{
    font-size: 1.2em;
    font-weight: bold;
}
.our-color-style{
	color: #facb28;
}
.selected-value {
	display: inline-flex; /* Используем flex для центрирования */
	align-items: center; /* Центрирует текст по вертикали */
	justify-content: center; /* Центрирует текст по горизонтали */
	margin: 2px;
	padding: 4px 8px;
	background-color: #007bff;
	color: white;
	border-radius: 4px;
	font-size: 14px;
}
.input-group-prepend .selected-value {
	margin: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group-prepend {
	display: flex;
	flex-wrap: wrap;
}
#selected-values-container {
    gap: 1px; /* Промежуток между элементами */
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .logo-header .logo {
        width: auto !important;
        max-width: 70% !important;
    }
    .logo-header .logo img {
        max-width: 50px !important; /* Уменьшаем размер лого */
        padding-right: 5px !important;
    }
    .logo-header .logo span {
        font-size: 14px; /* Уменьшаем размер текста */
    }
}