.pagination-wrap{display:inline-block}.pagination-wrap.with-details{display:block;position:relative;width:100%}.pagination-wrap:after,.pagy-details:after{content:"";display:block;height:0;clear:both}.pagination{margin:0}.with-details>.pagination{float:right}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#f5f5f5;border-color:#ddd;color:#999}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#999;cursor:default}.pagy-ope-area-icon{display:none;font-size:17px;width:25px;height:25px;line-height:25px;color:#adadad;color:#909090;text-align:center;cursor:pointer;vertical-align:middle}.pagy-ope-area-icon.active,.pagy-ope-area-icon:hover{color:#878787;background-color:#dddedf;border-radius:3px}.pagy-details{box-sizing:border-box;display:inline-block;line-height:34px;font-size:14px;padding:0;margin:0}.pagy-details>li{box-sizing:border-box;display:inline-block;list-style:none;padding-right:5px}.pagy-details>li.pagy-total-record{padding-right:10px}.pagy-goto>input{display:inline-block;width:50px;height:25px;padding:3px 5px;margin-left:5px}.pagy-select{display:inline-block;position:relative;width:100%;height:26px;line-height:26px;margin-top:-3px;font-size:13px;text-align:center;border:1px solid #d0d0d0;border-radius:5px;background-color:#fff;vertical-align:middle;cursor:pointer}.pagy-select select{display:none}.pagy-select-label{box-sizing:border-box;display:block;height:100%;padding:0 5px 0 10px;margin:-1px 15px 0 0;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.pagy-select-down-arrow{display:block;position:absolute;top:50%;right:5px;width:10px;height:10px;font-size:15px;margin-top:-7px}.pagy-select-down-arrow:before{position:absolute;top:0;left:0;transform:rotate(0);-webkit-transform:rotate(0);transition:transform .3s;-webkit-transition:-webkit-transform .3s}.pagy-select-down-arrow.up:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);transition:transform .3s;-webkit-transition:-webkit-transform .3s}.pagy-select-list{display:none;box-sizing:border-box;position:absolute;bottom:100%;left:0;width:100%;min-height:30px;padding:0;margin-bottom:2px;z-index:200;border:1px solid #d0d0d0;background-color:#fff}.pagy-select-list:after{display:block;content:"";height:0;clear:both}.pagy-select-item{box-sizing:border-box;list-style:none;width:100%;height:30px;line-height:30px;padding:0 10px;border-bottom:1px solid #d0d0d0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pagy-select-item:hover,.pagy-select-item.selected{color:#08c;font-weight:bold}.pagy-click-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0}@media(max-width:1023px){.pagy-ope-area-icon{display:inline-block;margin-top:5px}.pagy-details{display:none;position:absolute;bottom:110%;left:0;width:175px;line-height:0;background-color:#fff;border-radius:3px;border-top:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 2px 1px rgba(0,0,0,0.2);z-index:101}.pagy-details>li{width:100%;height:40px;line-height:40px;padding:0 10px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.2)}.pagy-page-size{border-bottom:0}.pagy-total-record{height:auto !important;overflow:hidden;word-wrap:break-word}.pagy-goto>input{width:100px;padding:3px 8px}}@media(max-width:526px){.pagination>li>a,.pagination>li>span{padding:6px 10px}}@media(max-width:375px){.pagy-ope-area-icon{width:21px}}