/*Preloader css*/
#loading{
    background-color:#d2143a;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0px;
    top: 0px;
    z-index: 90;
}
#loading-center{
    width: 100%;
    height: 100%;
    position: relative;
}
#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 150px;
    margin-top: -25px;
    margin-left: -75px;
}
 

/*End off Preloader*/


 
.mybtn {
  appearance: none;
    -webkit-appearance: none;
  font-family: sans-serif;
  cursor: pointer;
  padding: 10px;
  min-width: 125px;
  border: 0px;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
     transition: background-color 100ms linear;
}

.mybtn:focus, .mybtn.focus {
  outline: 0;
}
 
.mybtn-round-2 {
  border-radius: 20px;
}

 
.mybtn-success {
  background:  hsl(250, 75%, 50%,0.2);
  color: #ffffff;
}

.mybtn-success:hover {
  background:  #1796db;
  color: #ffffff;
}
  

/*end Preloader css*/ 


  .number {
    text-align: center;
    font-family: monospace;
}

.pagination {
    display: inline-block;
}

.pagination a {
    color: #000000;
    float: left;
    padding: 9px 18px;
    text-decoration: none;
    transition: background-color .5s;
    border: 1px solid #DDD;
    margin: 0 4px;
    font-size: 20px;
}

.pagination a.active {
    background-color: #0096FF;
    color: #FFFFFF;
    border: 1px solid #0096FF;
}

.pagination a:hover:not(.active) {
    background-color: #DDD;
}