/*Pagination*/
.center {
    text-align: center;
}

.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}
/*Button*/
.grad-bluebutton{
border:1px solid #c1d0df; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:11px;font-family:arial, helvetica, sans-serif; padding: auto 15px auto 15px; text-decoration:none; display:inline-block; color: #0F133B;
 background-color: #E6ECF2; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6ECF2), to(#718BB5));
 background-image: -webkit-linear-gradient(top, #E6ECF2, #718BB5);
 background-image: -moz-linear-gradient(top, #E6ECF2, #718BB5);
 background-image: -ms-linear-gradient(top, #E6ECF2, #718BB5);
 background-image: -o-linear-gradient(top, #E6ECF2, #718BB5);
 background-image: linear-gradient(to bottom, #E6ECF2, #718BB5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6ECF2, endColorstr=#718BB5);
    margin: 3px;
}

.grad-bluebutton:hover{
 border:1px solid #a3b9cf;
 background-color: #F2F4F5; background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F4F5), to(#BFDCE0));
 background-image: -webkit-linear-gradient(top, #F2F4F5, #BFDCE0);
 background-image: -moz-linear-gradient(top, #F2F4F5, #BFDCE0);
 background-image: -ms-linear-gradient(top, #F2F4F5, #BFDCE0);
 background-image: -o-linear-gradient(top, #F2F4F5, #BFDCE0);
 background-image: linear-gradient(to bottom, #F2F4F5, #BFDCE0);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F2F4F5, endColorstr=#BFDCE0);
}


.grad-redbutton{
border:1px solid #abdbff; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:11px;font-family:arial, helvetica, sans-serif; padding: auto 15px auto 15px; text-decoration:none; display:inline-block; color: #0F133B;
 background-color: #E3F3FF; background-image: -webkit-gradient(linear, left top, left bottom, from(#E3F3FF), to(#FF5794));
 background-image: -webkit-linear-gradient(top, #E3F3FF, #FF5794);
 background-image: -moz-linear-gradient(top, #E3F3FF, #FF5794);
 background-image: -ms-linear-gradient(top, #E3F3FF, #FF5794);
 background-image: -o-linear-gradient(top, #E3F3FF, #FF5794);
 background-image: linear-gradient(to bottom, #E3F3FF, #FF5794);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E3F3FF, endColorstr=#FF5794);
    margin: 3px;
}

.grad-redbutton:hover{
 border:1px solid #7dc7ff;
 background-color: #FFFFFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F7C8D3));
 background-image: -webkit-linear-gradient(top, #FFFFFF, #F7C8D3);
 background-image: -moz-linear-gradient(top, #FFFFFF, #F7C8D3);
 background-image: -ms-linear-gradient(top, #FFFFFF, #F7C8D3);
 background-image: -o-linear-gradient(top, #FFFFFF, #F7C8D3);
 background-image: linear-gradient(to bottom, #FFFFFF, #F7C8D3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#F7C8D3);
}