/*
@mixin mobile {

}

@mixin tablet {

}

@mixin lg {
  @media (min-width: 992px) and (max-width: 1199px) {
    @content;
  }
}

@mixin md {
  @media (min-width: 768px) and (max-width: 991px) {
    @content;
  }
}

@mixin sm {
  @media (max-width:767px) { //(min-width: 480px) and 
    @content;
  }
}

@mixin sx {
  @media (max-width: 480px) { // (max-width: 479px) 
    @content;
  }
}

*/
/*@mixin col-lg {
    @media (min-width: 1200px) {
        @content;
    }
}*/
/*@mixin col-xs {
    @media (max-width: 767px) {
        @content;
    }
}*/
.pagenav {
  margin: 0 auto 0 auto;
  height: 30px;
  font-size: 12px;
  text-align: left;
  display: block; }

.pagenav a {
  text-decoration: none;
  color: #404040;
  display: inline-block;
  height: 25px; }

.pagenav a span {
  display: inline-block;
  height: 25px;
  line-height: 20px; }

.pagenav div {
  display: inline-block;
  vertical-align: middle; }

.pagenav .selected {
  font-weight: bold; }

.pagenav > div {
  height: 25px; }

.pagenav .sqlink, .pagenav .nolink {
  display: inline-block;
  width: 30px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: bottom; }

.pagenav .sqlink img {
  vertical-align: middle; }

.pagenav > div.total, .pagenav > div.movepage {
  line-height: 25px;
  height: 25px;
  margin-right: 10px; }

.movepage input {
  font-size: 12px;
  height: 25px;
  width: 30px; }

.plink.selected {
  background-color: #5c9df2; }

@media (min-width: 50px) and (max-width: 767px) {
  .pagenav {
    height: 70px; } }