/*FLAT UI CSS �桁�鋓���*/
.pagination {
    position: relative;
}

    .pagination ul {
        background: #d6dbdf;
        color: #ffffff;
        padding: 0;
        margin: 0;
        display: inline-block;
        border-radius: 6px;
    }

        .pagination ul li {
            display: inline-block;
            margin-right: -3px;
            vertical-align: middle;
        }

            .pagination ul li:first-child {
                border-radius: 6px 0 0 6px;
            }

                .pagination ul li:first-child.previous + li > a,
                .pagination ul li:first-child.previous + li > span {
                    border-left-width: 5px;
                }

            .pagination ul li:last-child {
                border-radius: 0 6px 6px 0;
                margin-right: 0;
            }

            .pagination ul li.previous > a,
            .pagination ul li.next > a,
            .pagination ul li.previous > span,
            .pagination ul li.next > span {
                background: transparent;
                border: none;
                border-right: 2px solid #e4e7ea;
                font-size: 16px;
                margin: 0 9px 0 0;
                padding: 12px 17px;
                border-radius: 6px 0 0 6px;
            }

                .pagination ul li.previous > a,
                .pagination ul li.next > a,
                .pagination ul li.previous > span,
                .pagination ul li.next > span,
                .pagination ul li.previous > a:hover,
                .pagination ul li.next > a:hover,
                .pagination ul li.previous > span:hover,
                .pagination ul li.next > span:hover,
                .pagination ul li.previous > a:focus,
                .pagination ul li.next > a:focus,
                .pagination ul li.previous > span:focus,
                .pagination ul li.next > span:focus {
                    border-color: #e4e7ea !important;
                }

            .pagination ul li.next {
                margin-left: 9px;
            }

                .pagination ul li.next > a,
                .pagination ul li.next > span {
                    border-left: 2px solid #e4e7ea;
                    border-right: none;
                    margin: 0;
                    border-radius: 0 6px 6px 0;
                }

            .pagination ul li.active > a,
            .pagination ul li.active > span {
                background-color: #008fee;
                border-color: #008fee;
                border-width: 2px !important;
                color: #d6dbdf;
                margin: 10px 5px 9px;
            }

                .pagination ul li.active > a:hover,
                .pagination ul li.active > span:hover,
                .pagination ul li.active > a:focus,
                .pagination ul li.active > span:focus {
                    background-color: #008fee;
                    border-color: #008fee;
                    color: #d6dbdf;
                }

            .pagination ul li.active.previous,
            .pagination ul li.active.next {
                border-color: #e4e7ea;
            }

                .pagination ul li.active.previous > a,
                .pagination ul li.active.next > a,
                .pagination ul li.active.previous > span,
                .pagination ul li.active.next > span {
                    margin: 0;
                }

                    .pagination ul li.active.previous > a,
                    .pagination ul li.active.next > a,
                    .pagination ul li.active.previous > span,
                    .pagination ul li.active.next > span,
                    .pagination ul li.active.previous > a:hover,
                    .pagination ul li.active.next > a:hover,
                    .pagination ul li.active.previous > span:hover,
                    .pagination ul li.active.next > span:hover,
                    .pagination ul li.active.previous > a:focus,
                    .pagination ul li.active.next > a:focus,
                    .pagination ul li.active.previous > span:focus,
                    .pagination ul li.active.next > span:focus {
                        background-color: #1abc9c;
                        color: #ffffff;
                    }

            .pagination ul li.active.previous {
                margin-right: 6px;
            }

            .pagination ul li > a,
            .pagination ul li > span {
                display: inline-block;
                background: #ffffff;
                border: 5px solid #d6dbdf;
                /*color: #ffffff;*/
                font-size: 14px;
                line-height: 16px;
                margin: 7px 2px 6px;
                min-width: 0;
                min-height: 16px;
                padding: 0 4px;
                border-radius: 50px;
                -webkit-transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out;
                transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out;
            }

                .pagination ul li > a:hover,
                .pagination ul li > span:hover,
                .pagination ul li > a:focus,
                .pagination ul li > span:focus {
                    background-color: #008fee;
                    border-color: #008fee;
                    color: #ffffff;
                    -webkit-transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
                    transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
                }

                .pagination ul li > a:active,
                .pagination ul li > span:active {
                    background-color: #16a085;
                    border-color: #16a085;
                }

    .pagination > .btn.previous,
    .pagination > .btn.next {
        margin-right: 8px;
        font-size: 14px;
        line-height: 1.429;
        padding-left: 23px;
        padding-right: 23px;
    }

        .pagination > .btn.previous [class*="fui-"],
        .pagination > .btn.next [class*="fui-"] {
            font-size: 16px;
            margin-left: -2px;
            margin-top: -2px;
        }

    .pagination > .btn.next {
        margin-left: 8px;
        margin-right: 0;
    }

        .pagination > .btn.next [class*="fui-"] {
            margin-right: -2px;
            margin-left: 4px;
        }

    .pagination ul li > a {
        color: #999;
    }