.cont-pagination {
  margin-bottom: 10px; }
  .cont-pagination button {
    background-color: transparent;
    margin-top: 4px;
    border: none;
    vertical-align: middle; }

.pagination {
  margin: 0 15px; }

.pagination.ng-isolate-scope.ng-valid.ng-dirty li.active a {
  border-top: 0px solid !important; }

.pagination.ng-isolate-scope.ng-valid.ng-dirty li a {
  background: none;
  border-top: 0px solid !important;
  padding: 3px 10px 10px !important; }

.pagination > li {
  display: inline-block !important; }
  .pagination > li:nth-child(2) a, .pagination > li:nth-last-child(2) a {
    background: transparent !important; }
  .pagination > li.active a {
    background-color: #595959 !important;
    border-radius: 50% !important;
    color: #ffcb00 !important; }
  .pagination > li:first-child a {
    padding-right: 6% !important;
    color: #00448c !important;
    width: auto !important; }
    .pagination > li:first-child a:hover {
      background-color: transparent !important;
      color: #595959 !important; }
  .pagination > li:last-child a {
    color: #00448c !important;
    padding-left: 5% !important; }
    .pagination > li:last-child a:hover {
      background-color: transparent !important;
      color: #595959 !important; }

.pagination > li a {
  border-radius: 50% !important;
  border: transparent; 
  color: #595959 !important;
  display: block !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  padding: 3px 5px !important;
  height: 40px !important;
  margin: 0 3px !important;
  text-indent: initial !important;
  width: 40px !important;
  text-decoration: none !important;
}
  .pagination > li a:hover {
    background-color: #595959 !important;
    color: #ffcb00 !important; }

@media (min-width: 481px) {
  .cont-pagination {
    margin-bottom: 0px; } }
