/*  CSS File of class  catalogpagebar */
@media  { 

.catalogpagebar{
display:flex;	
flex-direction:row;
justify-content:center;
}
.catalogpagebar__root{
	
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;	
content-align:middle;
padding:3px;
position:relative;

}

.catalogpagebar__footer__pagelist{
	
display:grid;
grid-template-columns: 2.2em  2.2em  2.2em  2.2em  2.2em ;
grid-template-rows: 2.2em  2.2em  ;
padding-left:0.5em;
padding-right:0.5em;

}

.catalogpagebar__footer__pagelist div{


cursor:pointer;
background:lightgrey;
margin:2px;
text-align:center;
line-height:2em;
font-weight:400;
font-size:0.9em;
border-radius:3px; 
}

.catalogpagebar__frame{
	
display:flex;
flex-direction:row;	
vertical-align:middle;
align-items:center;

	
}

.catalogpagebar__footer{
display:none;
flex-direction:row;	
justify-content:space-between;
align-items:stretch;
background:white;
position:absolute;
 z-index: 10;
 width:100%;
 top:100%;
 padding-bottom:10px;

}

.catalogpagebar__footer__del {
user-select: none;
padding:0.2em;
flex-grow:1;
display:flex;
flex-direction:row;
cursor:pointer;
align-items:center;
justify-content:center;
margin-left:0.5em;
}
.catalogpagebar__footer__go {
padding:0.2em;
flex-grow:1;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
cursor:pointer;
margin-right:0.5em;
user-select: none;
}

.catalogpagebar__button{
	
border:1px solid black;
margin:0.5em;
padding:0.5em;
min-width:1.5em;
vertical-align:middle;
text-align:center;
font-size:14px;
font-family:verdana;
min-width:2em;
height:1.5em; 
line-height:1.5;
border-radius:2px;
}
a.catalogpagebar__button{
	
text-decoration:none;
color:black;
   
}
div.catalogpagebar__button{
	
border:1px dotted lightgrey;
color:lightgrey;
   
}
.catalogpagebar__button_first {}

.catalogpagebar__button_last{}
.catalogpagebar__button_minus{}

.catalogpagebar__button_plus{}
.catalogpagebar__current{
	
cursor:pointer;
font-size:18px;
font-family:verdana;
display:block;
text-align:center;
padding:0.5em;
margin:0.5em;
line-height:1.5em;
vertical-align:middle;
height:1.5em;
border:0px;
width: attr(data-size ch);
max-width: attr(data-size ch);
}

.catalogpagebar__current::placeholder {

  opacity: 0.5;

}

/* Для Chrome и Safari */
.catalogpagebar__current::-webkit-inner-spin-button,
.catalogpagebar__current::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Для Firefox */
.catalogpagebar__current {
  -moz-appearance: textfield;
}

/* Для IE и Edge */
.catalogpagebar__current::-ms-clear {
  display: none;
}

}



@media  all and (min-width: 950px) {


.catalogpagebar__footer_app{
display:flex;
}

}


@media  all and (max-width: 950px) {
	
.catalogpagebar__footer_app{
display:none;
}
	
}