﻿.contentpager-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
    padding: 1rem;
}

.contentpager-btn {
    margin: .3rem .5rem;
    font-size: 1.5rem;
    display: inline-flex;
}

    .contentpager-btn.aspNetDisabled {
        opacity: .3;
        cursor: not-allowed;
    }

.contentpager-direct-holder {
    display: flex;
    align-items: center;
    margin: 0 2rem;
}

    .contentpager-direct-holder span {
        margin: .3rem .5rem;
        font-size: 1rem;
    }

    .contentpager-direct-holder input {
        padding: .2rem;
        text-align: center;
        width: 3.5rem;
        transition: .3s ease all;
        background-color: var(--nx-box-soft-backcolor,whitesmoke);
        border-radius: .5rem;
        border: 1px whitesmoke solid;
        color: var(--nx-text-general-color, dimgray);
        font-weight: 300;
        outline: none;
    }

        .contentpager-direct-holder input:hover {
            border: 1px var(--nx-box-soft-bordercolor,silver) solid;
        }
