﻿.k-grid-pager {
    padding: 4px 1rem;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .k-grid-pager .k-link {
        /*btn*/
        display: inline-block;
        font-weight: 600;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        user-select: none;
        border: 1px solid transparent;
        padding: 0.5625rem 1rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.25rem;
        transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out;
        /*btn-sm*/
        font-size: 0.8125rem;
        line-height: 1.5;
        border-radius: 0.2rem;
        /*custom*/
        padding: 5px 10px;
        cursor: pointer;
        height: auto;
    }

        .k-grid-pager .k-link:hover {
            /*btn-light:hover*/
            color: #393f46;
            background-color: #eceff2;
            border-color: rgba(0, 0, 0, 0.12);
        }

    .k-grid-pager .k-pager-nav {
        padding: 5px 7px;
    }

        .k-grid-pager .k-pager-nav .k-icon {
            font-family: 'Font Awesome 5 Pro';
            font-weight: 400;
        }

            .k-grid-pager .k-pager-nav .k-icon.k-i-arrow-end-left:before {
                content: "\f100";
            }

            .k-grid-pager .k-pager-nav .k-icon.k-i-arrow-60-left:before {
                content: "\f104";
            }

            .k-grid-pager .k-pager-nav .k-icon.k-i-arrow-60-right:before {
                content: "\f105";
            }

            .k-grid-pager .k-pager-nav .k-icon.k-i-arrow-end-right:before {
                content: "\f101";
            }

    .k-grid-pager .k-pager-numbers {
        gap: 2px;
    }

        .k-grid-pager .k-pager-numbers .k-link.k-selected {
            color: #393f46;
            background-color: #e2e6ea;
            border-color: rgba(0, 0, 0, 0.175);
            box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
        }

    .k-grid-pager .k-pager-sizes {
        order: 10;
        padding-left: 0.75rem;
        border-left: 1px solid #e2e6ea;
    }

        .k-grid-pager .k-pager-sizes .k-dropdownlist {
            background: transparent;
            width: 6em;
        }

            .k-grid-pager .k-pager-sizes .k-dropdownlist .k-input-inner {
                padding: 5px 7px;
                font-size: 14px;
            }

            .k-grid-pager .k-pager-sizes .k-dropdownlist .k-input-button {
                display: flex;
                align-items: center;
                border-left: 1px solid #e2e6ea;
                padding: 0;
                min-width: calc(2.4375rem + 2px);
            }


[dir=rtl] .k-grid-pager .k-pager-sizes {
    padding-right: 0.75rem;
    border-left: none;
    padding-left: 0;
    border-right: 1px solid #e2e6ea;
}

    [dir=rtl] .k-grid-pager .k-pager-sizes .k-dropdownlist .k-input-button {
        border-right: 1px solid #e2e6ea;
        border-left: none;
    }