.pageDiv {
  padding: 15px 20px;
  text-align: right;
  color: #ccc;
  clear: both;
  display: flex;
  align-items: center;
}

.pageDiv a {
  display: inline-block;
  color: #000;
  background: #fff;
  display: inline-block;
  padding: 0 13px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border: 1px solid #ddd;
  margin: 0 2px;
  vertical-align: middle;
  font-size: 14px;
  border-radius: 4px;
  box-shadow: 0px 0px 6px rgba(82,96,120,0.1);
}

.pageDiv a:hover {
  text-decoration: none;
  border: 1px solid #428bca;
}

.pageDiv span.current {
  display: inline-block;

  text-align: center;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin: 0 2px;
  color: #fff;
  border-radius: 4px;
  vertical-align: middle;
}


.pageDiv span.disabled {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  width: 86px;
  text-align: center;
  margin: 0 2px;
  color: #bfbfbf;
  background: #f2f2f2;
  border: 1px solid #bfbfbf;
   border-radius: 4px;
  vertical-align: middle;
}
.prevPage {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  width: 86px;
  text-align: center;
  margin: 0 2px;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 1px rgba(82,96,120,0.1);
  border-radius: 4px 4px 4px 4px;
}

.pageDiv span.pagecount {
  padding: 0 10px;
  font-size: 14px;
  color: #000;
  margin-right: -30px;
}

.pageDiv span.countYe {
  color: #000;
  font-size: 14px;
  margin-left: 30px;
}

.pageDiv span.countYe input {
  outline: none;
  border: 1px solid #ddd;
  width: 66px;
  height: 36px;
  background: #FFFFFF;
  text-align: center;
  box-shadow: 0px 0px 6px 1px rgba(82,96,120,0.1);
  border-radius: 4px 4px 4px 4px;
  margin: 0 10px;
}

.pageDiv a.turndown {
  width: 66px;
height: 36px;
text-align: center;
line-height: 36px;
color: #fff;
background: #4B84F7;
box-shadow: 0px 0px 6px 1px rgba(82,96,120,0.1);
border-radius: 4px 4px 4px 4px;
margin-left: 10px;
}