/*
// ============================================================================
//    Author: Kenneth Perkins
//    Date:   Aug 5, 2020
//    Taken From: http://programmingnotes.org/
//    File:  TablePagination.css
//    Description: CSS for the table pagination
// ============================================================================ 
*/

@import url('https://fonts.googleapis.com/css?family=Roboto');

.pagination-btn {
    padding-top: 1px !important;
    padding: 6px 10px;
    margin: 0 5px;
    font-weight: normal;
    font-size: 15px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    transition: background-color 400ms;
    min-width: 10px;
    height: 20px;
    line-height: 18px;
    font-family: "Roboto",sans-serif, Marmelad,"Lucida Grande",Arial,"Hiragino Sans GB",Georgia,"Helvetica Neue",Helvetica;
    color: white;
    border-color: #5a3291;
    background-color: #064685;
}

    .pagination-btn:focus,
    .pagination-btn:hover,
    .pagination-btn:active,
    .pagination-btn:active:hover,
    .pagination-btn:active:focus {
        color: white;
    }

    .pagination-btn.first {
    }

    .pagination-btn.previous, .pagination-btn.next {
        padding-top: 3px !important;
    }

    .pagination-btn.previous {
        font-size: 12px;
    }

    .pagination-btn.next {
        font-size: 12px;
    }

    .pagination-btn.last {
    }

    .pagination-btn.page-number {
        min-width: 17px;
    }

    .pagination-btn.go {
        height: 19px;
    }

    .pagination-btn.hide {
        display: none;
    }

    .pagination-btn.active {
        color: white;
        background-color: #3eceff;
        border-color: #3eceff;
    }

        .pagination-btn.active:focus,
        .pagination-btn.active:hover,
        .pagination-btn.active:active {
            color: white;
            background-color: #dcc17c;
            border-color: #dcc17c;
        }

        .pagination-btn:disabled,
        .pagination-btn[disabled],
        .pagination-btn.disabled:hover,
        .pagination-btn[disabled]:hover,
        fieldset[disabled] .pagination-btn:hover,
        .pagination-btn.disabled:focus,
        .pagination-btn[disabled]:focus,
        fieldset[disabled] .pagination-btn:focus,
        .pagination-btn.disabled.focus,
        .pagination-btn[disabled].focus,
        fieldset[disabled] .pagination-btn.focus,
        .pagination-btn.active:disabled,
        .pagination-btn.active[disabled],
        .pagination-btn.active.disabled:hover,
        .pagination-btn.active[disabled]:hover,
        fieldset[disabled] .pagination-btn.active:hover,
        .pagination-btn.active.disabled:focus,
        .pagination-btn.active[disabled]:focus,
        fieldset[disabled] .pagination-btn.active:focus,
        .pagination-btn.active.disabled.focus,
        .pagination-btn.active[disabled].focus,
        fieldset[disabled] .pagination-btn.active.focus {
            color: #e4e4e4;
            border-color: #9d80c4;
            background-color: #6990b5;
        }

.pagination-hide {
    display: none;
}

.pagination-navigation {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    outline: none;
}

    .pagination-navigation.top {
        top: 0;
    }

    .pagination-navigation.bottom {
        bottom: 0;
        margin-bottom: 10px;
    }

.pagination-navigation-info-section {
    text-align: center;
    padding: 2px;
    box-sizing: border-box;
    display: inline-block;
    font-family: "Roboto",sans-serif, Marmelad,"Lucida Grande",Arial,"Hiragino Sans GB",Georgia,"Helvetica Neue",Helvetica;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    margin-right: auto;
    margin-left: 0;
    white-space: nowrap;
}

@media screen and (max-width: 280px) {
    .pagination-navigation-info-section {
        padding: 0px !important;
        font-size: 12px !important;
    }
}

.pagination-navigation-control-section {
    display: inline-block;
    margin-left: auto;
    margin-right: 0;
    white-space: nowrap;
}

.pagination-navigation-button-section {
    display: inline-block;
}

.pagination-navigation-input-section {
    display: inline-block;
    margin-left: 5px;
    padding-top: 2px;
    box-sizing: border-box;
}

.pagination-navigation-input {
    height: 29px;
    width: 36px;
    font-size: 18px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #aaa;
    padding: 0;
    font-size: 14px;
    text-align: center;
    vertical-align: baseline;
    outline: 0;
    box-shadow: none;
    margin-right: 5px;
}

.pagination-navigation-custom-section {
    white-space: nowrap;
}
/* // http://programmingnotes.org/ */