@CHARSET "UTF-8";
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
    margin-top: 20px;
}
.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.5px;
}

.page-link {
  position: relative;
  display: block;
  padding: 0px 15px;
	height:28px;
	line-height:28px;
  margin: 0 7px 5px 0;
  color: #333;
  background-color: #ffffff;
  border: 1px solid #eee;
}

.page-link:hover {
  z-index: 2;
  color: #fff;
  text-decoration: none;
  background-color: #cc0000;
  border-color: #cc0000;
}


.page-item:first-child .page-link {
  margin-left: 0;
}

.page-item:last-child .page-link {
}

.page-item.active .page-link {
  z-index: 3;
  color: #ffffff;
  background-color: #cc0000;
  border-color: #cc0000;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #ffffff;
  border-color: #dee2e6;
}


body.green .page-link:hover {
  background-color: #268983;
  border-color: #268983;	
}

body.green .page-item.active .page-link {
  z-index: 3;
  color: #ffffff;
  background-color: #268983;
  border-color: #268983;
}