ShowEasy/EuroTran/WebSite/Content/simplePagination.css

.pagebar {
    text-align: center;
    font-size: 14px;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    width: 100%
}

.m_pagebar {
    position: relative;
    text-align: center;
    margin: 20px auto 0;
    height: 100px
}

#pager_info {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 14px
}

.m_pagebar #pager_info {
    left: 10px;
    position: inherit
}

.m_pagebar .light-theme {
    max-width: 390px;
    margin: 20px auto 0
}

.light-theme li {
    display: inline-block;
    margin-bottom: 15px
}

.light-theme a, .light-theme span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    min-width: 12px;
    color: #828282;
    padding: 0 3px;
    margin: 0 6px 10px;
    border-bottom: 3px solid #FFF;
    text-decoration: none
}

.m_pagebar .light-theme a, .m_pagebar .light-theme span {
    font-size: 12px;
    line-height: 15px;
    padding: 2px 6px
}

.light-theme a:hover, .light-theme a.active, .light-theme a:focus {
    color: #1fc9be
}

.light-theme .current {
    border-color: #ee7624;
    color: #434343;
    font-weight: 500;
    padding: 0 3px;
    margin: 0 6px
}

.active .prev, .active .next {
    display: none
}

.prev, .next {
    color: #000 !important;
    border-color: #FFF !important;
    margin: 0 20px !important
}

    .prev:hover, .next:hover {
        color: #ee7624 !important;
        border-color: #ee7624
    }

.m_pagebar .prev, .m_pagebar .next {
    margin: 0 10px !important
}

.light-theme .ellipse {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: 700;
    cursor: default
}

/*------------pager--------------*/
#pager {
    color: #666;
    overflow: auto;
    margin-top: 20px;
    text-align: center;
}

    #pager span, #pager li {
        /*display: inline-block;*/
        margin: 0 6px 6px 0;
    }

        #pager span a, #pager li a {
            color: #333;
            display: block;
            text-decoration: none;
            padding: 3px 10px;
            border: solid 1px #e0e0e0;
            background: #f5f5f5;
            border-radius: 3px;
        }

            #pager span a:hover, #pager li a:hover {
                background: #FFF;
                box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
            }

        #pager span.current a, #pager span.current a:hover, #pager li.current a, #pager li.current a:hover {
            background: none;
            color: #666;
            border: none;
            box-shadow: none;
        }