/*!
 * Version of CSS file v1.0.0
 * Last update date: 07/04/2022
 */

/* Restyle pagination buttons */
.custom-pagination > ul > li,
.tcc-bootgrid-theme .bootgrid-footer li {
    font-size: 15px;
    font-weight: 500;
}

.custom-pagination > ul > li > a,
.custom-pagination > ul > li > a:hover,
.custom-pagination > ul > li.disabled > a,
.custom-pagination > ul > li.disabled > a:hover,
.custom-pagination > ul > li > span,
.custom-pagination > ul > li > span:hover,
.custom-pagination > ul > li.disabled > span,
.custom-pagination > ul > li.disabled > span:hover,
.tcc-bootgrid-theme .bootgrid-footer li > a,
.tcc-bootgrid-theme .bootgrid-footer li > a:hover {
    background: none;
    border: none;
    text-shadow: none;
    cursor: pointer;
    color: #333333;
}

.custom-pagination > ul > li.active > a,
.custom-pagination > ul > li.active > a:hover,
.custom-pagination > ul > li.active > a:focus,
.custom-pagination > ul > li.active > span,
.custom-pagination > ul > li.active > span:hover,
.custom-pagination > ul > li.active > span:focus,
.tcc-bootgrid-theme .bootgrid-footer li.active > a {
    background: none;
    border: none;
    /* border-bottom: 2px solid #002664; */
    text-shadow: none;
    color: #333333;
}

.custom-pagination > ul > li.active > a:after,
.custom-pagination > ul > li.active > span:after,
.tcc-bootgrid-theme .bootgrid-footer li.active > a:after {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 20px; /* Change this to whatever width you want. */
    padding-top: 5px; /* This creates some space between the element and the border. */
    border-bottom: 3px solid #002664; /* This creates the border. Replace black with whatever color you want. */
}

.tcc-bootgrid-theme .bootgrid-footer li {
    text-align: center;
}