#div_pagination {
    
    float: right;
    margin-bottom: 5%;
}

#div_pagination a {
    border: 10px;
    border-color: #333;
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

#div_pagination a.active {
    background-color: #333;
    color: white;
}

#div_pagination a:hover:not(.active) {
    background-color: #ddd;
}
.page.active {
      background-color: #333;
    color: white;
}



/* Center the loader */
#div_loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;

    margin: auto;
    margin-bottom: 10%;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
  
  /* Add animation to "page content" */
  .animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
  }
  
  @-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 } 
    to { bottom:0px; opacity:1 }
  }
  
  @keyframes animatebottom { 
    from{ bottom:-100px; opacity:0 } 
    to{ bottom:0; opacity:1 }
  }


