﻿

/** 分页部分的数据 **/
.zrq-table-pag-left > .btn-group > div.btn,
.zrq-table-pag-right > .btn-group > div.btn {
    margin-left: -2px;
}

.zrq-table-pag-left {
    text-align: left;
}

.zrq-table-pag-right {
    text-align: right;
}

.zrq-table-pag-left,
.zrq-table-pag-right {
    margin-top: 0;
    margin-bottom: 5px;
}

    .zrq-table-pag-left a,
    .zrq-table-pag-right a {
        font-size: 13px;
        line-height: 1.4;
    }

@media (max-width: 768px) {
    .zrq-table-pag-left,
    .zrq-table-pag-right {
        text-align: center;
        margin-top: 1px;
    }
}

.zrq-table-pag-left .zrq-table-qty i.fa,
.zrq-table-pag-left .zrq-table-down i.fa,
.zrq-table-pag-left .zrq-table-refresh i.fa,

.zrq-table-pag-right .zrq-table-first > i.fa,
.zrq-table-pag-right .zrq-table-prev > i.fa,
.zrq-table-pag-right .zrq-table-turn > i.fa,
.zrq-table-pag-right .zrq-table-next > i.fa,
.zrq-table-pag-right .zrq-table-end > i.fa
 {
    -webkit-transition: 0.4s -webkit-transform;
    -moz-transition: 0.4s -moz-transform;
    -ms-transition: 0.4s -ms-transform;
    transition: 0.4s transform;
}

.zrq-table-pag-left .zrq-table-refresh:hover > i.fa-refresh {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.zrq-table-pag-left .zrq-table-down:hover i.fa-cloud-download {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
}

.zrq-table-pag-left .zrq-table-qty:hover i.fa-angle-double-up {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.zrq-table-pag-right .zrq-table-first:hover i.fa-angle-double-left,
.zrq-table-pag-right .zrq-table-prev:hover i.fa-angle-left {
    -webkit-transform: translateX(-3px);
    -moz-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px);
}

.zrq-table-pag-right .zrq-table-turn:hover i.fa-paper-plane-o {
    -webkit-transform: rotate(20deg);
    -moz-transform:rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}

.zrq-table-pag-right .zrq-table-next:hover i.fa-angle-right,
.zrq-table-pag-right .zrq-table-end:hover i.fa-angle-double-right {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
}


.zrq-table-paging .dropdown-menu {
    top: auto !important;
    bottom: 100% !important;
}

.zrq-table-paging input.zrq-table-page {
    text-align: center;
    font-size: 11px;
    width: 43px;
    float: left;
    padding: 0px 3px;
    margin: 4px 0px 4px 5px;
    border: 1px solid silver;
    border-radius: 5px !important;
    outline: none;
}

.zrq-table-turn {
    display: inline-block;
    height: 100%;
    width: 34px;
}

.zrq-table-paging .zrq-table-qty .dropdown-menu {
    min-width: 80px !important;
    max-width: 80px !important;
    text-align: right;
    padding: 5px;
    left: -20px;
}

    .zrq-table-paging .zrq-table-qty .dropdown-menu li {
        padding-top: 5px;
        font-size: 11px;
        border-bottom: 1px dotted silver;
    }

.zrq-table-paging .zrq-table-show-row .dropdown-menu {
    min-width: 85px !important;
    max-width: 85px !important;
}

.zrq-table-paging .zrq-table-down .dropdown-menu {
    min-width: 90px !important;
    max-width: 90px !important;
    left: -28px;
}

    .zrq-table-paging .zrq-table-down .dropdown-menu .fa {
        margin-right: 3px;
    }

.zrq-table-paging .btn {
    padding: 0;
}

    .zrq-table-paging .btn > a {
        padding: 4px 9px;
        display: inline-block;
        min-width: 26px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

/*仅IE8识别*/
@media \0screen {
    .zrq-table-paging .btn > a {
        min-width: 10px;
    }
}
