@aplus-frontend/ui
Version:
976 lines (975 loc) • 25.3 kB
CSS
.reset-component {
box-sizing: border-box;
margin: 0;
padding: 0;
color: #182948;
font-size: 12px;
font-family: inherit;
line-height: 18px;
list-style: none;
}
.reset-scrollbar ::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.reset-scrollbar ::-webkit-scrollbar-thumb {
background-color: var(--ap-scrollbar-thumb-color-base);
background-clip: content-box;
border: 1px solid transparent;
border-radius: 4px;
}
.reset-scrollbar ::-webkit-scrollbar-track,
.reset-scrollbar ::-webkit-scrollbar-corner {
background-color: var(--ap-table-header-bg, #f2f6f9);
}
.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
.reset-scrollbar ::-webkit-scrollbar-thumb:active {
background-color: var(--ap-scrollbar-thumb-color-hover);
}
.clear-fix::before {
display: table;
content: '';
}
.clear-fix::after {
display: table;
clear: both;
content: '';
}
.common-style {
box-sizing: border-box;
font-size: 12px;
font-family: inherit;
}
.common-style::before,
.common-style::after {
box-sizing: border-box;
}
.aplus-ap-table-index--bordered {
display: inline-flex;
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
color: #fff;
font-size: 10px;
line-height: 10px;
border-radius: 7px;
background-color: #979797;
}
.aplus-ap-column-setting-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: 100%;
padding-block-end: 12px;
}
.aplus-ap-column-setting-wrapper .aplus-ap-table-table-header__title {
box-sizing: border-box;
margin: 0;
padding: 0;
color: #182948;
font-size: 12px;
font-family: inherit;
line-height: 18px;
list-style: none;
display: inline-block;
-webkit-line-clamp: unset;
-webkit-box-orient: unset;
overflow: unset;
text-overflow: unset;
word-break: unset;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--ap-text-color-2);
}
.aplus-ap-column-setting-left {
flex: 1;
flex-shrink: 1;
min-width: 0;
padding-inline: 20px;
display: flex;
flex-direction: column;
}
.aplus-ap-column-setting-left__header {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding: 8px;
}
.aplus-ap-column-setting-left__header-tips {
color: var(--ap-text-color-3);
}
.aplus-ap-column-setting-left__content {
flex: 1;
padding: 12px;
overflow-y: auto;
}
.aplus-ap-column-setting-left__content .ant-checkbox-wrapper {
max-width: 100%;
display: inline-flex;
align-items: center;
}
.aplus-ap-column-setting-left__content .ant-checkbox-wrapper > span:last-child {
flex: 1;
min-width: 0;
}
.aplus-ap-column-setting-right {
width: 240px;
}
.aplus-select-group-header {
background-color: #F2F6F9;
padding: 4px 12px;
border-radius: 4px;
margin-bottom: 12px;
margin-inline: -12px;
display: flex;
}
.aplus-sortable-item-meta {
padding: 6px 8px;
margin-top: 4px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}
.aplus-sortable-item-meta:hover {
background-color: #F1F7FF;
border-radius: 2px;
cursor: pointer;
}
.aplus-sortable-item-meta:hover .aplus-sortable-item-meta-right {
display: block;
}
.aplus-sortable-item-meta:hover .aplus-sortable-item-meta-left__holder {
color: var(--ap-color-primary) ;
}
.aplus-sortable-item-meta-left {
flex: 1;
display: inline-flex;
align-items: center;
min-width: 0;
}
.aplus-sortable-item-meta-left__indicator {
display: inline-flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
margin-right: 4px;
flex-shrink: 0;
}
.aplus-sortable-item-meta-left__label-wrapper {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.aplus-sortable-item-meta-right {
display: none;
padding-left: 12px;
}
.aplus-sortable-item-meta .is-level2 {
margin-left: 16px;
}
.aplus-sortable-item-meta-action-icon:hover {
color: var(--ap-color-primary);
}
.aplus-sortable-item .is-hidden {
display: none;
}
.aplus-column-setting-sorter {
display: flex;
flex-direction: column;
height: 100%;
}
.aplus-column-setting-sorter-section-title {
font-size: 12px;
line-height: 20px;
color: var(--ap-text-color-3);
padding: 2px 8px;
margin: 4px;
}
.aplus-column-setting-sorter-header {
padding: 12px 20px;
}
.aplus-column-setting-sorter-header-title {
box-sizing: border-box;
margin: 0;
padding: 0;
color: #182948;
font-size: 12px;
font-family: inherit;
line-height: 18px;
list-style: none;
font-weight: bold;
color: var(--ap-text-color-2);
}
.aplus-column-setting-sorter-content {
flex: 1;
overflow-y: auto;
padding: 8px 12px 0px 8px;
}
.aplus-ap-table-paragraph-ellipsis {
display: flex;
align-items: center;
overflow: hidden;
}
.aplus-ap-table-paragraph-ellipsis-content {
flex: 1;
min-width: 0;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: var(--ap-table-paragraph-ellipsis-rows);
line-clamp: var(--ap-table-paragraph-ellipsis-rows);
word-break: break-all;
}
.aplus-ap-table-paragraph-ellipsis-content > * {
width: 100%;
}
.aplus-ap-table-paragraph-ellipsis-copyable {
flex-shrink: 0;
margin-left: 8px;
cursor: pointer;
color: var(--ap-color-link);
}
.aplus-ap-form-item-group .ant-form-item-control .ant-picker {
display: flex;
}
.aplus-ap-form-item-group .ant-form-item-control .ant-input-number {
width: 100%;
}
.aplus-ap-form-item-group-col-hidden {
display: none ;
}
.aplus-ap-form-item--bordered {
box-sizing: border-box;
border: 1px solid var(--ap-border-color-base);
border-radius: 4px;
padding-inline: 8px;
}
.aplus-ap-form-item--bordered .ant-input-affix-wrapper {
padding: 0;
}
.aplus-ap-form-item--bordered:has(.aplus-batch-input-group):has(.ant-select) .ant-input-affix-wrapper {
padding-right: 8px;
}
.aplus-ap-form-item--bordered:has(textarea.ant-input) {
padding-inline-end: 0;
}
.aplus-ap-form-item--bordered:has(textarea.ant-input) .ant-input {
padding-inline-start: 0;
}
.aplus-ap-form-item--bordered .ant-picker {
padding: 0;
}
.aplus-ap-form-item--bordered .ant-form-item-control-input-content > .ant-input-group > .ant-picker-range:nth-child(1) .ant-picker-clear {
inset-inline-end: 0;
}
.aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
padding-left: 8px;
}
.aplus-ap-form-item--bordered .ant-select-selector {
border-width: 0 ;
box-shadow: none ;
}
.aplus-ap-form-item--bordered .ant-select-single .ant-select-selector {
height: 30px ;
}
.aplus-ap-form-item--bordered:has(.ant-input-number) {
padding-right: 0;
}
.aplus-ap-form-item--bordered:has(.ant-select) {
padding-right: 0px;
}
.aplus-ap-form-item--bordered:has(.ant-select) .ant-form-item-label > label {
padding-right: 4px;
}
.aplus-ap-form-item--bordered div.ant-form-item-control {
flex: 1 1 0;
min-width: 0;
}
.aplus-ap-form-item--bordered .ant-form-item-label > label {
padding-right: 12px;
height: 30px;
}
.aplus-ap-form-item--bordered .ant-form-item-label > label::after {
margin: 0;
}
.aplus-ap-form-item--bordered .ant-form-item-control-input {
min-height: 30px;
}
.aplus-ap-form-item--bordered .ant-form-item-control-input .ant-select-single {
height: unset;
}
.aplus-ap-form-item--bordered:hover {
border-color: var(--ap-hover-color-base);
}
.aplus-ap-form-item--bordered:focus {
border-color: var(--ap-active-color-base);
box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
}
.aplus-ap-form-item--bordered .aplus-batch-input-group-popover-input__popover {
width: calc(100% + 12px);
}
.aplus-ap-form-item--disabled {
background-color: var(--color-bg-container-disabled);
}
.aplus-ap-form-item--disabled .ant-select-selector {
background: transparent ;
}
.aplus-ap-form-item--focused {
border-color: var(--ap-active-color-base);
box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
}
.aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
font-size: 12px;
line-height: 16px;
}
.aplus-ap-form-item .ant-col .ant-form-item-extra {
line-height: 22px;
min-height: unset;
margin-top: 4px;
margin-bottom: 12px;
}
.aplus-ap-form-item .ant-input-group .ant-picker:only-child {
width: 100%;
}
.aplus-ap-form-item .ant-input-group .ant-select + .ant-picker {
padding-inline: 8px;
flex: 1;
}
.aplus-ap-form-drawer-form__resize-bar {
width: 4px;
cursor: ew-resize;
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 100;
background-color: transparent;
}
.aplus-ap-form-drawer-form__resize-bar--min-disabled {
cursor: w-resize;
}
.aplus-ap-form-drawer-form__resize-bar--max-disabled {
cursor: e-resize;
}
.aplus-ap-form-modal-form .ant-modal-content {
padding: 0;
}
.aplus-ap-form-modal-form .ant-modal-header {
padding: 15px 20px;
border-bottom: 1px solid #E9EDF3;
margin-bottom: 0;
}
.aplus-ap-form-modal-form__content {
padding: 20px 20px 0px;
}
.aplus-ap-form-modal-form__footer {
padding: 12px 20px;
}
.aplus-ap-form-modal-form__footer-admin {
border-top: 1px solid #E9EDF3;
}
.aplus-ap-form-modal-form .ant-modal-close {
top: 16px;
}
.aplus-search-form-sorter-content {
width: 560px;
}
.aplus-search-form-sorter-header {
padding: 16px 16px 0px;
}
.aplus-search-form-sorter-header-title {
box-sizing: border-box;
margin: 0;
padding: 0;
color: #182948;
font-size: 12px;
font-family: inherit;
line-height: 18px;
list-style: none;
color: var(--ap-text-color-2);
font-size: 14px;
font-weight: 700;
display: inline-block;
padding-bottom: 4px;
}
.aplus-search-form-sorter-header-desc {
box-sizing: border-box;
margin: 0;
padding: 0;
color: #182948;
font-size: 12px;
font-family: inherit;
line-height: 18px;
list-style: none;
color: var(--ap-text-color-3);
}
.aplus-search-form-sorter-header-action-wrapper {
padding: 8px;
margin: -8px;
cursor: pointer;
}
.aplus-search-form-sorter-header-reset-btn {
box-sizing: border-box;
margin: 0;
padding: 0;
color: #182948;
font-size: 12px;
font-family: inherit;
line-height: 18px;
list-style: none;
color: var(--ap-color-link);
}
.aplus-search-form-sorter-sorter-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -4px;
margin-right: -4px;
row-gap: 8px;
}
.aplus-search-form-sorter-sorter-item {
flex: 0 0 33.333333%;
max-width: 33.333333%;
padding-inline: 4px;
}
.aplus-search-form-sorter-sorter-item > div {
border: 1px solid var(--ap-color-bg);
border-radius: 4px;
padding: 8px;
display: flex;
align-items: center;
background-color: #fff;
}
.aplus-search-form-sorter-sorter-item > div:hover {
border-color: var(--ap-color-primary);
cursor: pointer;
}
.aplus-search-form-sorter-sorter-item > div:hover .aplus-search-form-sorter-sorter-item-holder {
color: var(--ap-color-primary) ;
}
.aplus-search-form-sorter-sorter-item--hidden {
display: none;
}
.aplus-search-form-sorter-sorter-item-text {
box-sizing: border-box;
margin: 0;
padding: 0;
color: #182948;
font-size: 12px;
font-family: inherit;
line-height: 18px;
list-style: none;
padding-left: 4px;
color: var(--ap-text-color-2);
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.aplus-ap-form-search-form .ant-form-item {
margin-bottom: 8px;
}
.aplus-ap-form-search-form .ant-form-item-control .ant-picker {
display: flex;
}
.aplus-ap-form-search-form .ant-form-item-control .ant-input-number {
width: 100%;
}
.aplus-ap-form-search-form__popover .ant-form-item {
margin-bottom: 8px;
}
.aplus-ap-form-search-form__popover .ant-popover-arrow {
display: none;
}
.aplus-ap-form-search-form__popover .ant-popover-inner {
padding: 0;
}
.aplus-ap-form-search-form__popover-content {
padding: 12px 16px 16px;
}
.aplus-ap-form-search-form__popover-content textarea {
padding: 0;
}
.aplus-ap-form-search-form__popover-footer {
padding: 12px 16px;
}
.aplus-ap-form-search-form__popover-footer-confirm-btn {
margin-left: 10px;
}
.aplus-ap-form-search-form__popover-footer button.ant-btn {
padding-inline: 16px;
}
.aplus-ap-form-search-form-trigger-btn {
font-size: 0px;
}
.aplus-ap-form-search-form-trigger-btn-active {
color: var(--ap-hover-color-base);
border-color: var(--ap-hover-color-base);
z-index: 1;
}
.aplus-ap-form-search-form-trigger-btn-badge {
display: inline-block;
padding: 2px;
min-width: 14px;
height: 14px;
background-color: var(--ap-color-primary);
font-size: 10px;
line-height: 1;
border-radius: 7px;
color: #fff;
position: absolute;
top: 0;
left: 0;
transform: translate(-50%, -50%);
box-shadow: 0 0 0 1px #fff;
}
.aplus-ap-form-search-form-column-setting-trigger-wrapper {
flex-shrink: 0;
}
.aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):first-child {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):first-child:hover {
z-index: 1;
}
.aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):last-child {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
margin-left: -1px;
}
.aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):last-child:hover {
z-index: 1;
}
.aplus-ap-form-search-form-column-setting-trigger-wrapper span.aplus-frontend-icon {
line-height: 0px;
vertical-align: -0.125em;
}
.aplus-ap-form-search-form-action-btn {
padding-inline: 12px;
}
.aplus-ap-form-search-form-action-btn-reset {
background-color: var(--ap-color-bg);
}
.aplus-ap-form-item-text-group-compact .ant-select-focused {
z-index: 1;
}
.aplus-ap-form-item-text-group-compact .ant-select:hover {
z-index: 1;
}
.aplus-ap-form-item-text-group-compact .ant-picker-focused {
z-index: 1;
}
.aplus-ap-form-item-text-group-compact .ant-picker:hover {
z-index: 1;
}
.aplus-ap-form-item-text-group-compact .ant-input-number-focused {
z-index: 1;
}
.aplus-ap-form-item-text-group-compact .ant-input-number:hover {
z-index: 1;
}
.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-form-item-control-input-content > :first-child,
.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-select-selector {
border-start-end-radius: 0;
border-end-end-radius: 0;
}
.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-form-item-control-input-content > .ant-input-group > :last-child,
.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-select-selector {
border-start-end-radius: 0;
border-end-end-radius: 0;
}
.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > :first-child,
.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
border-start-start-radius: 0;
border-end-start-radius: 0;
}
.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > .ant-input-group > :first-child,
.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
border-start-start-radius: 0;
border-end-start-radius: 0;
}
.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > :first-child,
.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
border-radius: 0;
}
.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > .ant-input-group > *,
.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
border-radius: 0;
}
.aplus-ap-form-item-text-group-compact .ant-input-group-addon:first-child {
border-radius: 0;
}
.ant-form-vertical .ant-input-group.ant-input-group-compact > * {
vertical-align: bottom;
}
.aplus-field-checkbox--vertical {
display: inline-block;
}
.aplus-field-checkbox--vertical label.ant-checkbox-wrapper:not(:last-child) {
display: flex;
margin-block-end: 12px;
}
.aplus-field-checkbox .ant-checkbox-disabled + span {
color: unset;
}
.aplus-field-number-label-left {
padding-right: 4px;
}
.aplus-field-number-label-right {
padding-left: 4px;
}
.aplus-field-radio--vertical label.ant-radio-wrapper:not(:last-child) {
display: flex;
margin-block-end: 12px;
}
.aplus-field-radio .ant-radio-wrapper-disabled {
color: unset;
}
.aplus-field-text-area {
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
}
.aplus-action-item {
box-sizing: border-box;
margin: 0;
padding: 0;
color: #182948;
font-size: 12px;
font-family: inherit;
line-height: 18px;
list-style: none;
display: inline-block;
cursor: pointer;
}
.aplus-action-item--primary {
color: var(--ap-color-link);
}
.aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
color: var(--ap-color-link-hover);
}
.aplus-action-item--success {
color: var(--ap-color-success);
}
.aplus-action-item--error {
color: var(--ap-color-error);
}
.aplus-action-item--warn {
color: var(--ap-color-warn);
}
.aplus-action-item--loading {
opacity: 0.35;
transition: opacity 0.2s;
cursor: default;
}
.aplus-action-item--loading .btn-loading-icon {
margin-right: 4px;
}
.aplus-action-item--disabled {
cursor: not-allowed;
}
.aplus-action-item--primary.aplus-action-item--disabled {
color: var(--ap-color-link-disabled);
}
.aplus-action-item--success.aplus-action-item--disabled {
color: var(--ap-color-success-disabled);
}
.aplus-action-item--error.aplus-action-item--disabled {
color: var(--ap-color-error-disabled);
}
.aplus-action-item--warn.aplus-action-item--disabled {
color: var(--ap-color-warn-disabled);
}
.aplus-action-item__icon-wrapper {
padding-right: 4px;
}
.aplus-action-item--icon-first .aplus-action-item__icon-wrapper {
padding-right: 0;
}
.aplus-action-item-dropdown__item .aplus-action-item {
width: 100%;
}
.aplus-action-item-dropdown__wrapper {
display: inline-flex;
flex-direction: row;
align-items: center;
}
.aplus-action-item-dropdown__icon {
color: #0070ff;
margin-left: 2px;
font-size: 12px;
display: inline-flex;
}
.aplus-scroll-bar {
position: relative;
}
.aplus-scroll-bar--horizontal {
width: 100%;
height: var(--aplus-scroll-bar-track-width, 10px);
}
.aplus-scroll-bar--vertical {
width: var(--aplus-scroll-bar-track-width, 10px);
height: 100%;
}
.aplus-scroll-bar__track {
position: absolute;
width: 100%;
height: 100%;
top: 0;
inset-inline-start: 0;
cursor: pointer;
background-color: var(--aplus-scroll-bar-track-color, #F2F2F2);
}
.aplus-scroll-bar__track--disabled {
pointer-events: none;
background-color: #FAFAFA;
}
.aplus-scroll-bar__track--hidden {
pointer-events: none;
background-color: transparent;
}
.aplus-scroll-bar__bar {
position: absolute;
border-radius: var(--aplus-scroll-bar-bar-width, 8px);
background-color: var(--aplus-scroll-bar-bar-color, #c7c8cc);
cursor: pointer;
}
.aplus-scroll-bar__bar--disabled {
pointer-events: none;
box-shadow: none;
}
.aplus-scroll-bar__bar--horizontal {
height: var(--aplus-scroll-bar-bar-width, 8px);
top: calc(var(--aplus-scroll-bar-track-width, 10px) / 2 - var(--aplus-scroll-bar-bar-width, 8px) / 2);
}
.aplus-scroll-bar__bar--vertical {
width: var(--aplus-scroll-bar-bar-width, 8px);
left: calc(var(--aplus-scroll-bar-track-width, 10px) / 2 - var(--aplus-scroll-bar-bar-width, 8px) / 2);
}
.aplus-ap-table ::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.aplus-ap-table ::-webkit-scrollbar-thumb {
background-color: var(--ap-scrollbar-thumb-color-base);
background-clip: content-box;
border: 1px solid transparent;
border-radius: 4px;
}
.aplus-ap-table ::-webkit-scrollbar-track,
.aplus-ap-table ::-webkit-scrollbar-corner {
background-color: var(--ap-table-header-bg, #f2f6f9);
}
.aplus-ap-table ::-webkit-scrollbar-thumb:hover,
.aplus-ap-table ::-webkit-scrollbar-thumb:active {
background-color: var(--ap-scrollbar-thumb-color-hover);
}
.aplus-ap-table-wrapper {
padding: 8px;
background-color: #fff;
}
.aplus-ap-table-wrapper:has(.ant-pagination) {
padding-bottom: 0;
}
.aplus-ap-table-adaptive {
height: 100%;
display: flex;
flex-direction: column;
}
.aplus-ap-table-adaptive .ant-table-wrapper {
flex: 1;
}
.aplus-ap-table-adaptive .ant-spin-nested-loading,
.aplus-ap-table-adaptive .ant-spin-container {
height: 100%;
}
.aplus-ap-table-adaptive .ant-spin-container {
display: flex;
flex-direction: column;
}
.aplus-ap-table-adaptive .ant-table {
flex: 1;
}
.aplus-ap-table-adaptive .ant-table-container,
.aplus-ap-table-adaptive .ant-table-content {
height: 100%;
}
.aplus-ap-table-adaptive .ant-table-content > table {
height: 100%;
}
.aplus-ap-table__search-wrapper {
padding: 8px;
padding-bottom: 0;
background-color: #fff;
margin-bottom: 10px;
border-radius: 4px;
}
.aplus-ap-table__table-wrapper {
flex: 1;
max-height: 100%;
display: flex;
flex-direction: column;
}
.aplus-ap-table__table-wrapper-card {
padding: 8px;
border-radius: 4px;
background-color: #fff;
overflow: hidden;
}
.aplus-ap-table__table-wrapper-card:has(.ant-pagination) {
padding-bottom: 0;
}
.aplus-ap-table-table ul.ant-table-pagination.ant-pagination {
margin-block: 8px;
align-items: center;
}
.aplus-ap-table-table ul.ant-table-pagination.ant-pagination .ant-pagination-total-text {
flex: 1;
height: unset;
line-height: 18px;
display: flex;
align-items: center;
}
.aplus-ap-table-table tr > th.ant-table-cell {
background-color: var(--ap-table-header-bg, #F2F6F9);
}
.aplus-ap-table-table tr > th.ant-table-cell::before {
background-color: #D8DDE5 ;
}
.aplus-ap-table .ant-table.ant-table-middle .ant-table-row .ant-table-cell:not(.ant-table-selection-column) {
padding: 9px 12px;
}
.aplus-ap-table .ant-table.ant-table-middle .ant-table-thead .ant-table-cell:not(.ant-table-selection-column) {
padding: 9px 12px;
}
.aplus-ap-table .ant-table.ant-table-small .ant-table-row .ant-table-cell:not(.ant-table-selection-column) {
padding: 6px 9px;
}
.aplus-ap-table .ant-table.ant-table-small .ant-table-thead .ant-table-cell:not(.ant-table-selection-column) {
padding: 6px 9px;
}
.aplus-ap-table .ant-table-placeholder .ant-table-expanded-row-fixed::after {
border-inline-end-width: 0px ;
}
.aplus-ap-table .ant-table-column-sorters {
justify-content: unset;
display: inline-flex;
}
.aplus-ap-table .ant-table-column-sorters .ant-table-column-title {
flex: unset;
}
.aplus-ap-table .ant-table-filter-column {
justify-content: unset;
display: inline-flex;
}
.aplus-ap-table .ant-table-filter-column .ant-table-column-title {
flex: unset;
}
.aplus-ap-table .ant-table-filter-column .ant-table-filter-trigger {
margin-left: 2px;
padding-left: 2px;
}
.aplus-ap-table .ant-table-cell .ant-typography {
margin-bottom: 0;
}
.aplus-ap-table-pagination-count-text {
color: var(--ap-text-color-2);
}
.aplus-ap-table-pagination--total-right {
padding-left: 12px;
}
.aplus-ap-table-pagination-total-wrapper {
color: var(--ap-text-color-1);
}
.aplus-ap-table-header {
padding-bottom: 8px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
.aplus-ap-table-header__title {
flex: 1;
flex-shrink: 1;
min-width: 0;
}
.aplus-ap-table-table-header__title {
display: -webkit-inline-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
max-width: 100%;
vertical-align: middle;
word-break: break-all;
flex: 1;
}
.aplus-ap-table-setting-trigger-button {
color: var(--ap-text-color-3);
}
.aplus-ap-table-setting-trigger-button:hover {
color: unset;
}
.aplus-ap-table--sticky-relative .ant-table-container > div:last-child {
margin-bottom: calc(var(--aplus-ap-table-scroll-bar-width) * -1);
clip-path: inset(0 0 var(--aplus-ap-table-scroll-bar-width) 0);
}
.aplus-ap-table--sticky-absolute .ant-table-container > div:last-child {
padding-bottom: 15px;
margin-bottom: -15px;
clip-path: inset(0 0 15px 0);
}
.aplus-ap-table-modal--table-layout {
display: flex;
justify-content: space-between;
height: 100%;
}
.aplus-ap-table-modal--table-layout.complex-layout {
height: 100%;
position: relative;
}
.aplus-ap-table-modal--table-layout-left {
flex: 1;
min-width: 0px;
padding-right: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.aplus-ap-table-modal--table-layout-left-content {
flex: 1;
}
.aplus-ap-table-modal--table-layout-left-content .ant-table-body {
height: 100%;
}
.aplus-ap-table-modal--table-layout-right {
max-height: 643px;
width: 410px;
padding-left: 20px;
position: relative;
display: flex;
flex-direction: column;
}
.aplus-ap-table-modal--table-layout-right-content {
flex: 1;
overflow-y: auto;
}
.aplus-ap-table-modal--table-layout-right::before {
content: '';
height: calc(100% + 16px);
width: 1px;
background-color: #dee4ed;
position: absolute;
left: 0px;
top: -16px;
}