@charset "utf-8";
@import './var';
.#{$prefix}pagination {
    height: auto;
    color: $pagination-color-text;
    font-size: 0;
    position: relative;
    //background-color: #fff;
    // padding: 10px 0px 14px 0px;
    // border-top: 1px solid var(--border-color);
    // margin-bottom: 0;
    // margin-top: -1px;
    box-sizing: border-box;
    // max-width: 1360px;
    margin-left: auto;
    margin-right: auto;

}

.#{$prefix}pagination:after {
    display: table;
    clear: both;
    content: '';
}

// 左侧内容，列表共多少项
.#{$prefix}pagination__state {
    float: left;
    color: $pagination-color-text;
    margin-top: $pagination-height * 5/26;
    margin-bottom:3px; //为了保证没有右侧内容时，高度一致
}

.#{$prefix}pagination__state strong {
    font-weight: normal;
    margin: 0 3px;
}

// 右侧操作区
.#{$prefix}pagination__operate {
    float: right
}

.#{$prefix}pagination .#{$prefix}pagination__text {
    font-size: $pagination-font-size;
    margin: $pagination-text-margin;
    display: inline-block;
    vertical-align: middle;
}

// 翻页按钮们
.#{$prefix}pagination__turnbtn {
    display: inline-block;
    height: $pagination-height;
    padding: ($pagination-height - 18px) / 2;
    // padding:104 * $pagination-height /16+ 10 * $pagination-height
	// margin-left: -1px;
	background-color:$pagination-color-bg;
    border: 1px solid $pagination-turnbtn-color-border;
    outline: none;
    box-sizing: border-box;
    z-index: 1;
    vertical-align: middle;
    text-align: center;
}

.#{$prefix}pagination__turnbtn+.#{$prefix}pagination__turnbtn {
    margin-left: -1px;
}

.#{$prefix}pagination__turnbtn:hover,
.#{$prefix}pagination__turnbtn:focus {
    z-index: 3;
    background-color: $pagination-turnbtn-color-bg-hover;
    border-color: $pagination-turnbtn-color-border-hover;
}

.#{$prefix}pagination__turnbtn.is-disabled,
.#{$prefix}pagination__turnbtn.is-disabled:hover,
.#{$prefix}pagination__turnbtn.is-disabled:focus {
    z-index: 2;
    cursor: not-allowed;
    background-color: $pagination-turnbtn-color-bg-disabled;
}
.#{$prefix}pagination__turnbtn.is-disabled .#{$prefix}icon{
	opacity: 0.5;
}

.#{$prefix}pagination__firstbtn {
    margin-left: $pagination-first-btn-margin-left;
    border-radius: $pagination-border-radius 0 0 $pagination-border-radius;
}
.#{$prefix}pagination__lastbtn {
    border-radius:  0 $pagination-border-radius $pagination-border-radius 0;
}

// 下拉菜单


.#{$prefix}pagination .#{$prefix}dropdown-box {
	min-width: 48px;
	max-height: 152px;
	overflow: auto;
}
.#{$prefix}pagination .#{$prefix}dropdown__header,
.#{$prefix}pagination .#{$prefix}dropdown-btn.#{$prefix}dropdown__header {

    height: $pagination-height;
    width: auto;
    min-width: 0;
    border-left: none;
    border-right: none;
}

.#{$prefix}pagination .#{$prefix}dropdown__value {
    line-height: $pagination-height;
}

.#{$prefix}pagination .#{$prefix}dropdown-btn .#{$prefix}dropdown__value{
	line-height: $pagination-height - 2px;
}
.#{$prefix}pagination .#{$prefix}dropdown__header .#{$prefix}icon{
	top: $pagination-operate-arrow-dropdown-header-icon-top;
}



// 输入类的分页
.#{$prefix}pagination__manualinput {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-left: -1px;
    margin-right: -1px;
}

.#{$prefix}pagination__manualinput .tc-15-simulate-option {
    display: none;
}

.#{$prefix}pagination__manualinput .tc-15-simulate-option li {
    text-overflow: initial;
}

.#{$prefix}pagination__inputpagenum {
    height:$pagination-height;
    width: 65px;
    text-align: center;
    border-radius: 0;
}

.#{$prefix}pagination__totalpage {
    display: inline-block;
    width: auto;
    height: $pagination-height;
    line-height:$pagination-height - 2px;
    border: 1px solid $pagination-turnbtn-color-border;
    font-size: $pagination-font-size;
    color: $pagination-color-text-weight;
    padding: 0 10px;
    border-left: none;
    text-decoration: initial;
    background-color: $pagination-color-bg-disabled;
    vertical-align: middle;
}

.#{$prefix}pagination__totalpage em {
    color:$pagination-color-text-label;
}

// 上下/左右翻页变种
.#{$prefix}pagination--bordernone{}
.#{$prefix}pagination--bordernone .#{$prefix}pagination__turnbtn{
	border:none;
}
.#{$prefix}pagination--bordernone .#{$prefix}pagination__turnbtn.is-disabled{
	background-color:$pagination-color-bg;
}
// .#{$prefix}pagination .#{$prefix}pagination-selected .tc-15-simulate-option {
//     display: block;
// }
// .#{$prefix}pagination .#{$prefix}pagination-selected:nth-last-child(3) .tc-15-simulate-option {
//     min-width: 100%;
//     left: 0;
//     margin-left: inherit;
//     bottom: 18px;
// }

.#{$prefix}pagination--spacing{
    padding:10px 10px 20px;
}


/* 表格下拉 嵌套分页 */
.#{$prefix}table .tr__detailrow td .#{$prefix}pagination {
    background-color: transparent;
    font-size: 0;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    line-height: inherit
}

.#{$prefix}table .tr__detailrow td .#{$prefix}pagination .#{$prefix}pagination__totalpage {
    height: $pagination-height;
    line-height: $pagination-height;
}

.#{$prefix}table .tr__detailrow td .#{$prefix}pagination a:hover,
.#{$prefix}table .tr__detailrow td .#{$prefix}pagination a {
    color: $pagination-table-color-text;
    text-decoration: none;
}

.#{$prefix}table .tr__detailrow td .#{$prefix}pagination .indent {
    min-height: $pagination-height - 10px;
    line-height: $pagination-height - 10px;
}

// .tc-panel.panel-table .#{$prefix}pagination{
// 	padding-left: 20px;
// 	padding-right: 20px;
// 	margin-top: -1px;
// }