.subheader{background-color:#fff; text-align:right}
.subheader .button{border:none; box-shadow:none}

#navigation{
	position:absolute;
	left:0;
	right:50%;
	text-align:center;
	font-weight:500;
	height:40px;
}
#page-current{
	display:inline-block;
	padding-top:10px;
}

.night #page-current{
      color:#404040;
}

#search-in-found{
	position:absolute;
	left:50%;
	right:0;
	text-align:center;
	font-weight:500;
	height:40px;
}

#search-inp{width:200px; margin-top:5px;}

#menu-clear, #menu-search{
	display:inline-block;
}
#menu-clear.hide, #menu-search.hide{
	display:none;
}
#menu .button.text{
	width:160px;
	height:16px;
	padding-top:4px;
	padding-bottom:6px;
	text-align:center;
}

#filter-search{
 	background-color:rgba(0,149,171, 0.2);
}
#filter-clear{
 	color:rgb(199,52,117);
}

.filter{
	margin:10px;
	margin-right:0;
	text-align:left;
	cursor:pointer;
	cursor:hand;
}
.filter.hide{
	display:none;
}
.value.selected{
	background-color:#fff;
}
.filter .title{
	text-align:center;
	color:rgb(199, 52, 117);
}
.filter .value{
	padding-top:5px;
	padding-left:10px;
	padding-right:30px;
	cursor:pointer;
	cursor:hand;
	height:20px;
	border-bottom:1px solid grey;
	border-radius: 10px 10px 0 0;
	background-repeat:no-repeat;
	background-size: 24px;
	background-position: 100% 50%;
	background-image:url(img/filter.svg);
	white-space: nowrap; /* Отменяем перенос текста */
	overflow: hidden; /* Обрезаем содержимое */
	text-overflow: ellipsis; /* Многоточие */	
}
.filter .value.selected{
	background-color:rgba(0,149,171, 0.2);
	font-weight:500;
}

#sort{
	margin-bottom:40px;
}
#sel_sort{
	width:100%;
	height:25px;
	border:none;
	border-bottom:1px solid grey;
}
#sel_sort:focus{outline:none}


@media screen and (max-width:720px) {
	#navigation{right:0}
	#search-in-found.active{left:0; display:block; z-index:30; background-color:#fff}
	#search-in-found{display:none}
	#search-open.active{background-image:url(img/search_off.svg)}

}