@charset "UTF-8";
@import url("./noctua7.css");

/* ****************** INÍCIO: PAGINATION-NOCTUA7 */

/* ****************** PAGINATION-N7-CONTAINER */
.pagination-n7-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    /* margin: 10px 0; */
    margin: 0;
    padding: 10px 0;
    background-color: var(--color-n7-gray-light);
    /* border-radius: 5px; */
}

/* ****************** PAGINATION-N7-CONTENT */
.pagination-n7-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0;
}

/* ****************** PAGINATION-N7-BLOCK */
.pagination-n7-block {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: auto;
    padding: 0;
    border-radius: 5px;
}

/* ****************** PAGINATION-N7-NAVIGATION */
.pagination-n7-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: normal;
    height: 28px;
    width: 100%;
    min-width: 28px;
    margin: 2px 3px;
    padding: 1px 5px;
    border-radius: 5px;
    color: var(--color-n7-middle);
    background-color: var(--color-n7-white);
    transition: all  0.3s ease-in-out;
}

/* ****************** PAGINATION-N7-NAVIGATION / ACTIVE */
.pagination-n7-navigation.active{
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-middle);;
    border: 1px solid var(--color-n7-light);
}

/* ****************** PAGINATION-N7-NAVIGATION / HOVER */
/* .pagination-n7-navigation.active:hover {
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-middle);;
    border: 1px solid var(--color-n7-light);
} */

/* ****************** PAGINATION-N7-NAVIGATION / DISABLED */
.pagination-n7-navigation.disabled {
    pointer-events: none;
    user-select: none;
    color: var(--color-n7-gray-dark);
    background-color: var(--color-n7-gray-middle);
}

/* ****************** PAGINATION-N7-NAVIGATION / HOVER */
.pagination-n7-navigation:hover {
    color: var(--color-n7-gray-light);
    background-color: var(--color-n7-middle);;
}

/* ****************** PAGINATION-N7-NAVIGATION / NONE */
.pagination-n7-navigation.none {
    display: none;
}

/* ****************** PAGINATION-N7-INFO */
.pagination-n7-info {
    text-align: center;
    color: var(--color-n7-middle);
    padding: 0 0 10px 0;
}
/* ****************** FIM: PAGINATION-NOCTUA7 */